:root {
  --osa-readmore-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0), var(--bs-body-bg, #fff));
}

/* Wrapper */
.osa-excerpt {
  position: relative;
  background-color: inherit;
  padding-bottom: 0.35rem;
}

.osa-excerpt[data-state="collapsed"] .osa-excerpt__text {
  /* display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--osa-lines, 4);
  line-clamp: var(--osa-lines, 4); */
  max-height: calc(1.6em * var(--osa-lines, 4));
  overflow: hidden;
}

.osa-excerpt[data-state="collapsed"].osa-excerpt--truncated::after {
  /* content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 2.2em;
  pointer-events: none;
  background: var(--osa-readmore-gradient); */
  display: none;
}

.osa-excerpt[data-state="expanded"]::after {
  display: none;
}

.osa-excerpt__text {
  line-height: 1.6;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* Toggles */
.osa-excerpt__toggle {
  display: inline-block;
  margin-top: 0.35rem;
  padding: 0 0.3em;
  color: var(--bs-primary);
  text-decoration: none;
  cursor: pointer;
  background-color: inherit;
  border-radius: 0.25rem;
  line-height: 1.4;
  transition: color 0.2s ease;
}

.osa-excerpt__toggle:hover,
.osa-excerpt__toggle:focus {
  text-decoration: underline;
  outline: none;
}

.osa-excerpt__toggle--inline {
  position: absolute;
  right: 0.35rem;
  bottom: 0.2rem;
  padding: 0 0.1rem 0 0.3rem;
  background: var(--bs-white);
  white-space: nowrap;
}

.osa-excerpt__toggle--block {
  display: block;
}

.osa-excerpt__toggle[hidden] {
  display: none !important;
}

/* No truncation => oculta todo */
.osa-excerpt:not(.osa-excerpt--truncated) .osa-excerpt__toggle {
  display: none !important;
}