:root {
  --content-99--slider-nav--width: 2.5rem;
  --content-99--slider-nav--font-size: 1rem;
  --content-99--slider-nav--border-radius: 50%;
  --content-99--slider-nav--background-color: rgba(255, 255, 255, 0.9);
  --content-99--slider-nav--color: var(--theme--colors--gray--900);
  --content-99--slider-nav-hover--background-color: var(--theme--colors--white);
  --content-99--slider-nav-hover--color: var(--theme--colors--gray--900);
  --content-99--slider-nav--margin-left: 0.75rem;
  --content-99--slider-nav--margin-right: 0.75rem;
  --content-99--block--background-color: transparent;
  --content-99--block--padding-y: var(--theme--spacing--block--margin);
  --content-99--block--margin-top: var(--theme--spacing--block--margin);
  --content-99--heading--color: var(--elements--headings--content-heading--color);
  --content-99--heading--font-family: var(--elements--headings--content-heading--font-family);
  --content-99--heading--font-size: 2rem;
  --content-99--heading--font-weight: var(--elements--headings--content-heading--font-weight);
  --content-99--heading--line-height: 1.2;
  --content-99--heading--letter-spacing: var(--elements--headings--content-heading--letter-spacing);
  --content-99--heading--text-transform: var(--elements--headings--content-heading--text-transform);
  --content-99--tab--font-family: var(--elements--headings--content-subheading--font-family);
  --content-99--tab--font-size: 0.875rem;
  --content-99--tab--font-weight: 500;
  --content-99--tab--line-height: var(--elements--headings--content-subheading--line-height);
  --content-99--tab--letter-spacing: var(--elements--headings--content-subheading--letter-spacing);
  --content-99--tab--text-transform: var(--elements--headings--content-subheading--text-transform);
  --content-99--tab--padding-x: 1rem;
  --content-99--tab--padding-y: 0.5rem;
  --content-99--tab--border-radius: 2rem;
  --content-99--tab--border-width: 1px;
  --content-99--tab--border-color: var(--theme--colors--gray--200);
  --content-99--tab--background-color: transparent;
  --content-99--tab-inactive--color: var(--theme--colors--gray--500);
  --content-99--tab-active--background-color: var(--theme--colors--gray--900);
  --content-99--tab-active--color: var(--theme--colors--white);
  --content-99--tabs--gap: 0.5rem;
  --content-99--header--gap: 1rem;
  --content-99--panels--margin-top: 1.5rem;
  --content-99--scroll--gap: 1rem;
  --content-99--card--width: 21rem;
  --content-99--card--gap: 0.75rem;
  --content-99--card-image--border-radius: 0.75rem;
  --content-99--card-image--aspect-ratio: 3 / 4;
  --content-99--card-image--max-height: 28rem;
  --content-99--card-title--font-size: var(--elements--body-text--body--font-size);
  --content-99--card-title--font-weight: 500;
  --content-99--card-title--line-height: 1.4;
  --content-99--card-title--color: var(--elements--body-text--body--color);
  --content-99--card-count--gap: 0.375rem;
  --content-99--card-count--font-size: 0.875rem;
  --content-99--card-count--font-weight: 400;
  --content-99--card-count--color: var(--theme--colors--gray--700);
  --content-99--controls--margin-top: 1.25rem;
  --content-99--controls--gap: 1rem;
  --content-99--progressbar--width: 16rem;
  --content-99--progressbar--height: 0.125rem;
  --content-99--progressbar-track--background-color: var(--theme--colors--gray--300);
  --content-99--progressbar--background-color: var(--theme--colors--gray--900);
  --content-99--nav--gap: 0.5rem;
  --content-99--slider-nav--border-width: 1px;
  --content-99--slider-nav--border-color: var(--theme--colors--gray--200);
  --content-99--slider-nav-disabled--opacity: 0.4;
}

@media (max-width: 1023px) {
  :root {
    --content-99--heading--font-size: 1.5rem;
    --content-99--header--gap: 0.75rem;
    --content-99--panels--margin-top: 1.25rem;
    --content-99--scroll--gap: 0.5rem;
    --content-99--card--width: calc((100vw - var(--theme--spacing--grid--margin) - 2 * var(--content-99--scroll--gap)) / 2.6);
    --content-99--card--gap: 0.5rem;
    --content-99--card-image--border-radius: 0.625rem;
    --content-99--controls--margin-top: 1rem;
    --content-99--progressbar--width: 100%;
  }
}
@media (min-width: 1024px) {
  :root {
    --content-99--heading--font-size: 2.5rem;
    --content-99--header--gap: 1.5rem;
    --content-99--panels--margin-top: 2rem;
    --content-99--scroll--gap: 1rem;
    --content-99--card--width: 21rem;
    --content-99--controls--margin-top: 1.5rem;
  }
}