:root {
  --eterna-selection-bg: rgba(215, 169, 127, 0.5);
  --eterna-focus-ring: #000000;
  --eterna-focus-ring-offset: rgba(215, 169, 127, 0.5);
}

html {
  scroll-behavior: smooth;
}

::selection {
  background: var(--eterna-selection-bg);
}

::-moz-selection {
  background: var(--eterna-selection-bg);
}

:where(
  a,
  button,
  input,
  textarea,
  select,
  summary,
  [role="button"],
  [tabindex]:not([tabindex="-1"])
):focus-visible {
  outline: 2px solid var(--eterna-focus-ring);
  outline-offset: 2px;
  box-shadow: 0 0 0 6px var(--eterna-focus-ring-offset);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}


.breakdance .bde-div.elc-treatment-card {
  --elc-treatment-card-gap: 2rem;
  --elc-treatment-card-image-ratio: 0.5;
  --elc-treatment-card-text-ratio: 0.5;
  --elc-treatment-card-image-width: calc((100% - var(--elc-treatment-card-gap)) * var(--elc-treatment-card-image-ratio));
  --elc-treatment-card-text-width: calc((100% - var(--elc-treatment-card-gap)) * var(--elc-treatment-card-text-ratio));
  align-items: stretch;
  gap: var(--elc-treatment-card-gap);
  overflow: hidden;
}

.breakdance .bde-div.elc-treatment-card > .elc-treatment-card--image-container {
  overflow: hidden;
  height: 100%;
  width: var(--elc-treatment-card-image-width);
  max-width: var(--elc-treatment-card-image-width);
  flex: 0 0 var(--elc-treatment-card-image-width);
  min-width: 0;
}

.breakdance .bde-div.elc-treatment-card > .elc-treatment-card--text-container,
.breakdance .bde-div.elc-treatment-card > .treatment-card--text-container {
  width: var(--elc-treatment-card-text-width);
  max-width: var(--elc-treatment-card-text-width);
  flex: 1 1 var(--elc-treatment-card-text-width);
  min-width: 0;
}

.breakdance .bde-div.elc-treatment-card .elc-treatment-card--image {
  display: block;
  height: 13rem;
  width: 100%;
  object-fit: cover;
  aspect-ratio: auto;
}

.elc-treatment-card--title {

}

.breakdance .elc-treatment-card--description {
  opacity: 0;
  transform: translateY(1rem);
  max-height: 0;
  overflow: hidden;
}

.breakdance .bde-text.elc-treatment-card--label {
  transform: rotateZ(270deg);
  transform-origin: bottom left;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  left: -1rem;
  width: 13rem;
  max-width: 13rem;
  overflow: hidden;
  text-overflow: ellipsis;

}