@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  src: url("assets/fonts/roboto-latin.woff2") format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6,
    U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}

@font-face {
  font-display: swap;
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 700;
  src: url("assets/fonts/roboto-slab-latin.woff2") format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6,
    U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+20ac, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}

/**
 * Receptus Design System tokens.
 * Fonte visual: Figma “Design System Receptus”, modo Light.
 * Não carrega fontes nem recursos externos.
 */

.r-hero-carousel.r-hero-carousel {
  color-scheme: light;

  /* Brand */
  --brand-base: #373737;
  --brand-accent: #bb8b40;

  /* Actions */
  --action-primary: #9a6a1f;
  --action-primary-on: #ffffff;
  --action-primary-hover: #86580d;
  --action-primary-pressed: #734706;
  --action-primary-subtle: #f6ecd9;
  --action-primary-subtle-hover: #eedbb6;
  --action-focus-ring: #8a5e18;
  --action-focus-ring-on-dark: #ffffff;
  --action-disabled-background: #ece9e3;
  --action-disabled-content: #8e887e;

  /* Text and icons */
  --text-primary: #1b1f27;
  --text-secondary: #5e6675;
  --text-muted: #7b8494;
  --text-on-dark-primary: #ffffff;
  --text-on-dark-secondary: #e5e0d8;
  --text-on-dark-muted: #bdb6aa;
  --text-on-dark-accent: #e8c58a;
  --icon-primary: #1b1f27;
  --icon-secondary: #5e6675;
  --icon-on-dark: #ffffff;

  /* Backgrounds and borders */
  --background-page: #faf9f6;
  --background-surface: #ffffff;
  --background-elevated: #ffffff;
  --background-subtle: #f5f1e9;
  --background-strong: #ebe3d5;
  --border-default: #e5ded2;
  --border-subtle: #eee9e0;
  --border-strong: #c9bca7;

  /* Semantic */
  --semantic-error-default: #d64545;
  --semantic-error-strong: #b52f2f;
  --semantic-error-subtle: #fdecec;
  --semantic-error-border: #f3b0b0;
  --semantic-error-text: #a9282b;
  --semantic-success-default: #168a58;
  --semantic-success-strong: #0f6f49;
  --semantic-success-subtle: #e9f7f0;
  --semantic-success-border: #a7dcc3;
  --semantic-success-text: #0f6f49;
  --semantic-warning-default: #c47a14;
  --semantic-warning-strong: #985b09;
  --semantic-warning-subtle: #fff5e5;
  --semantic-warning-border: #f0c98a;
  --semantic-warning-text: #8a5007;
  --semantic-info-default: #0f7c9d;
  --semantic-info-strong: #0b6280;
  --semantic-info-subtle: #e8f6fb;
  --semantic-info-border: #a9ddea;
  --semantic-info-text: #0b6280;

  /* Spacing */
  --spacing-0: 0;
  --spacing-4: 0.25rem;
  --spacing-8: 0.5rem;
  --spacing-12: 0.75rem;
  --spacing-16: 1rem;
  --spacing-24: 1.5rem;
  --spacing-32: 2rem;
  --spacing-40: 2.5rem;
  --spacing-48: 3rem;
  --spacing-64: 4rem;
  --spacing-80: 5rem;

  /* Radius */
  --radius-none: 0;
  --radius-small: 0.5rem;
  --radius-medium: 0.75rem;
  --radius-large: 1.25rem;
  --radius-pill: 62.4375rem;

  /* Typography families and weights */
  --font-family-heading: "Roboto Slab", Georgia, serif;
  --font-family-body: "Roboto", Arial, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Desktop typography */
  --type-desktop-h1-size: 3.5rem;
  --type-desktop-h1-line: 3.875rem;
  --type-desktop-h2-size: 2.75rem;
  --type-desktop-h2-line: 3.125rem;
  --type-desktop-h3-size: 2rem;
  --type-desktop-h3-line: 2.5rem;
  --type-desktop-h4-size: 1.5rem;
  --type-desktop-h4-line: 2rem;
  --type-desktop-body-large-size: 1.25rem;
  --type-desktop-body-large-line: 2rem;
  --type-desktop-body-default-size: 1.125rem;
  --type-desktop-body-default-line: 1.8125rem;
  --type-desktop-body-small-size: 0.875rem;
  --type-desktop-body-small-line: 1.375rem;
  --type-desktop-price-regular-size: 1.25rem;
  --type-desktop-price-regular-line: 1.75rem;
  --type-desktop-price-featured-size: 2rem;
  --type-desktop-price-featured-line: 2.5rem;

  /* Mobile typography */
  --type-mobile-h1-size: 2.25rem;
  --type-mobile-h1-line: 2.5rem;
  --type-mobile-h2-size: 1.875rem;
  --type-mobile-h2-line: 2.25rem;
  --type-mobile-h3-size: 1.5rem;
  --type-mobile-h3-line: 1.875rem;
  --type-mobile-h4-size: 1.25rem;
  --type-mobile-h4-line: 1.625rem;
  --type-mobile-body-large-size: 1.125rem;
  --type-mobile-body-large-line: 1.8125rem;
  --type-mobile-body-default-size: 1rem;
  --type-mobile-body-default-line: 1.625rem;
  --type-mobile-body-small-size: 0.875rem;
  --type-mobile-body-small-line: 1.375rem;
  --type-mobile-price-regular-size: 1.125rem;
  --type-mobile-price-regular-line: 1.625rem;
  --type-mobile-price-featured-size: 1.75rem;
  --type-mobile-price-featured-line: 2.125rem;

  /* Shared typography */
  --type-caption-size: 0.75rem;
  --type-caption-line: 1.125rem;
  --type-button-label-size: 1rem;
  --type-button-label-line: 1.25rem;
  --type-form-label-size: 0.875rem;
  --type-form-label-line: 1.25rem;
  --type-form-input-size: 1rem;
  --type-form-input-line: 1.5rem;
}

.r-hero-carousel.r-hero-carousel .r-button {
  align-items: center;
  appearance: none;
  border: 0;
  border-radius: var(--radius-pill);
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--font-family-body);
  font-size: var(--type-button-label-size);
  font-weight: var(--font-weight-bold);
  gap: var(--spacing-8);
  justify-content: center;
  line-height: var(--type-button-label-line);
  min-block-size: 2.75rem;
  padding: var(--spacing-12) var(--spacing-24);
  text-align: center;
  text-decoration: none;
  transition:
    background-color 120ms ease,
    border-color 120ms ease,
    color 120ms ease;
}

.r-hero-carousel.r-hero-carousel .r-button:focus-visible {
  outline: 2px solid var(--action-focus-ring);
  outline-offset: 2px;
}

.r-hero-carousel.r-hero-carousel .r-button--primary {
  background: var(--action-primary);
  color: var(--action-primary-on);
}

.r-hero-carousel.r-hero-carousel .r-button--primary:hover {
  background: var(--action-primary-hover);
}

.r-hero-carousel.r-hero-carousel .r-button--primary:active {
  background: var(--action-primary-pressed);
}

.r-hero-carousel.r-hero-carousel .r-button--secondary {
  background: var(--background-surface);
  border: 2px solid var(--action-primary);
  color: var(--action-primary);
}

.r-hero-carousel.r-hero-carousel .r-button--secondary:hover {
  background: var(--action-primary-subtle);
  border-color: var(--action-primary-hover);
  color: var(--action-primary-hover);
}

.r-hero-carousel.r-hero-carousel .r-button--secondary:active {
  background: var(--action-primary-subtle-hover);
  border-color: var(--action-primary-pressed);
  color: var(--action-primary-pressed);
}

.r-hero-carousel.r-hero-carousel .r-button:disabled,
.r-hero-carousel.r-hero-carousel .r-button[aria-disabled="true"] {
  background: var(--action-disabled-background);
  border-color: transparent;
  color: var(--action-disabled-content);
  cursor: not-allowed;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .r-hero-carousel.r-hero-carousel .r-button {
    transition: none;
  }
}

@media (forced-colors: active) {
  .r-hero-carousel.r-hero-carousel .r-button:focus-visible {
    box-shadow: none;
    outline-color: Highlight;
  }
}

.r-hero-carousel.r-hero-carousel .r-brand-arc {
  background: url("assets/brand-arc.svg") center / contain no-repeat;
  block-size: 3rem;
  display: block;
  inline-size: 3rem;
  pointer-events: none;
}

.r-hero-carousel.r-hero-carousel .r-navigation-control {
  --navigation-control-icon: var(--icon-on-dark);
  --navigation-control-icon-hover: #d5ad69;

  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: var(--radius-pill);
  box-sizing: border-box;
  color: var(--navigation-control-icon);
  cursor: pointer;
  display: inline-flex;
  block-size: 3rem;
  inline-size: 3rem;
  justify-content: center;
  padding: 0;
  position: relative;
}

.r-hero-carousel.r-hero-carousel .r-svg-sprite {
  block-size: 0;
  inline-size: 0;
  overflow: hidden;
  position: absolute;
}

.r-hero-carousel.r-hero-carousel .r-navigation-control .r-brand-arc {
  inset: 0;
  position: absolute;
}

.r-hero-carousel.r-hero-carousel .r-navigation-control__icon {
  block-size: 1.15625rem;
  display: block;
  fill: none;
  inline-size: 0.65625rem;
  position: relative;
  stroke: currentColor;
}

.r-hero-carousel.r-hero-carousel .r-navigation-control--previous .r-navigation-control__icon {
  transform: translateX(-1px);
}

.r-hero-carousel.r-hero-carousel .r-navigation-control--next .r-navigation-control__icon {
  transform: translateX(1px);
}

.r-hero-carousel.r-hero-carousel .r-navigation-control:hover {
  color: var(--navigation-control-icon-hover);
}

.r-hero-carousel.r-hero-carousel .r-navigation-control:active {
  color: var(--navigation-control-icon);
}

.r-hero-carousel.r-hero-carousel .r-navigation-control:focus-visible {
  outline: 2px solid var(--action-focus-ring-on-dark);
  outline-offset: 4px;
}

.r-hero-carousel.r-hero-carousel .r-navigation-control:disabled,
.r-hero-carousel.r-hero-carousel .r-navigation-control[aria-disabled="true"] {
  color: var(--navigation-control-icon);
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: none;
}

@media (forced-colors: active) {
  .r-hero-carousel.r-hero-carousel .r-navigation-control {
    border: 1px solid ButtonText;
  }

  .r-hero-carousel.r-hero-carousel .r-navigation-control:focus-visible {
    box-shadow: none;
    outline-color: Highlight;
  }
}

.r-hero-carousel.r-hero-carousel .r-carousel-indicators {
  align-items: center;
  display: flex;
  gap: 0;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.r-hero-carousel.r-hero-carousel .r-carousel-indicators li {
  display: flex;
}

.r-hero-carousel.r-hero-carousel .r-carousel-indicators button {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  block-size: 1.5rem;
  inline-size: 1.5rem;
  justify-content: center;
  padding: 0;
  position: relative;
}

.r-hero-carousel.r-hero-carousel .r-carousel-indicators button::after {
  background: rgb(255 255 255 / 50%);
  border-radius: var(--radius-pill);
  content: "";
  display: block;
  block-size: 0.25rem;
  inline-size: 1rem;
  transition:
    background-color 120ms ease,
    inline-size 120ms ease;
}

.r-hero-carousel.r-hero-carousel .r-carousel-indicators button[aria-current="true"] {
  inline-size: 2.5rem;
}

.r-hero-carousel.r-hero-carousel .r-carousel-indicators button[aria-current="true"]::after {
  background: var(--brand-accent);
  inline-size: 2rem;
}

.r-hero-carousel.r-hero-carousel .r-carousel-indicators button:focus-visible {
  outline: 2px solid var(--action-focus-ring-on-dark);
  outline-offset: 4px;
}

.r-hero-carousel.r-hero-carousel .r-carousel-indicators button:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

@media (prefers-reduced-motion: reduce) {
  .r-hero-carousel.r-hero-carousel .r-carousel-indicators button::after {
    transition: none;
  }
}

@media (forced-colors: active) {
  .r-hero-carousel.r-hero-carousel .r-carousel-indicators button::after {
    background: ButtonText;
  }

  .r-hero-carousel.r-hero-carousel .r-carousel-indicators button[aria-current="true"]::after {
    background: Highlight;
  }

  .r-hero-carousel.r-hero-carousel .r-carousel-indicators button:focus-visible {
    box-shadow: none;
    outline-color: Highlight;
  }
}

.r-hero-carousel.r-hero-carousel .r-hero-banner {
  --hero-image-position: center;

  background: var(--background-subtle);
  block-size: clamp(32.5rem, 41.6667vw, 37.5rem);
  box-sizing: border-box;
  color: var(--text-on-dark-primary);
  isolation: isolate;
  min-block-size: 32.5rem;
  overflow: hidden;
  position: relative;
}

.r-hero-carousel.r-hero-carousel .r-hero-banner__media {
  block-size: max(100%, 37.5rem);
  display: block;
  inline-size: max(100%, 90rem);
  inset-block-start: 50%;
  inset-inline-start: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.r-hero-carousel.r-hero-carousel .r-hero-banner__media img {
  block-size: 100%;
  display: block;
  inline-size: 100%;
  object-fit: cover;
  object-position: var(--hero-image-position);
}

.r-hero-carousel.r-hero-carousel .r-hero-banner__scrim {
  background: linear-gradient(
    to right,
    #1b1f27 0%,
    rgb(27 31 39 / 85%) 35%,
    rgb(27 31 39 / 20%) 70%
  );
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.r-hero-carousel.r-hero-carousel .r-hero-banner__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  inline-size: min(35rem, calc(100% - 2 * var(--spacing-24)));
  inset-block-start: 26%;
  inset-inline-start: clamp(var(--spacing-24), 7.7778vw, 7rem);
  position: absolute;
  z-index: 3;
}

.r-hero-carousel.r-hero-carousel .r-hero-banner__eyebrow,
.r-hero-carousel.r-hero-carousel .r-hero-banner__heading,
.r-hero-carousel.r-hero-carousel .r-hero-banner__description {
  margin: 0;
}

.r-hero-carousel.r-hero-carousel .r-hero-banner__eyebrow {
  color: var(--text-on-dark-accent);
  font-family: var(--font-family-body);
  font-size: var(--type-desktop-body-small-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--type-desktop-body-small-line);
}

.r-hero-carousel.r-hero-carousel .r-hero-banner__accent-line {
  background: var(--brand-accent);
  block-size: 0.1875rem;
  border-radius: var(--radius-pill);
  display: block;
  inline-size: var(--spacing-64);
}

.r-hero-carousel.r-hero-carousel .r-hero-banner__heading {
  color: var(--text-on-dark-primary);
  font-family: var(--font-family-heading);
  font-size: var(--type-desktop-h1-size);
  font-weight: var(--font-weight-bold);
  line-height: var(--type-desktop-h1-line);
  max-inline-size: 100%;
}

.r-hero-carousel.r-hero-carousel .r-hero-banner__description {
  color: var(--text-on-dark-secondary);
  font-family: var(--font-family-body);
  font-size: var(--type-desktop-body-default-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--type-desktop-body-default-line);
  max-inline-size: 100%;
}

.r-hero-carousel.r-hero-carousel .r-hero-banner__content > .r-button {
  align-self: flex-start;
}

.r-hero-carousel.r-hero-carousel .r-hero-banner .r-button:focus-visible {
  outline-color: var(--action-focus-ring-on-dark);
  outline-offset: 4px;
}

@media (max-width: 47.99rem) {
  .r-hero-carousel.r-hero-carousel .r-hero-banner {
    block-size: 32.5rem;
    min-block-size: 32.5rem;
  }

  .r-hero-carousel.r-hero-carousel .r-hero-banner__scrim {
    background: linear-gradient(
      36.723522deg,
      #1b1f27 32.473%,
      rgb(27 31 39 / 75%) 57.675%,
      rgb(27 31 39 / 0%) 74.009%
    );
  }

  .r-hero-carousel.r-hero-carousel .r-hero-banner__media {
    block-size: 100%;
    inline-size: 100%;
    inset: 0;
    transform: none;
  }

  .r-hero-carousel.r-hero-carousel .r-hero-banner__content {
    inline-size: calc(100% - 2 * var(--spacing-24));
    inset-block-start: 10.5rem;
    inset-inline-start: var(--spacing-24);
  }

  .r-hero-carousel.r-hero-carousel .r-hero-banner__heading {
    font-size: var(--type-mobile-h1-size);
    line-height: var(--type-mobile-h1-line);
  }

  .r-hero-carousel.r-hero-carousel .r-hero-banner__description {
    font-size: var(--type-mobile-body-default-size);
    line-height: var(--type-mobile-body-default-line);
  }
}

@media (forced-colors: active) {
  .r-hero-carousel.r-hero-carousel .r-hero-banner__scrim {
    background: rgb(0 0 0 / 80%);
  }

  .r-hero-carousel.r-hero-carousel .r-hero-banner__accent-line {
    background: CanvasText;
  }
}

.r-hero-carousel.r-hero-carousel {
  --hero-carousel-duration: 400ms;

  background: var(--background-subtle);
  block-size: clamp(32.5rem, 41.6667vw, 37.5rem);
  color: var(--text-on-dark-primary);
  isolation: isolate;
  min-block-size: 32.5rem;
  overflow: hidden;
  position: relative;
}

.r-hero-carousel.r-hero-carousel .r-hero-carousel__viewport {
  block-size: 100%;
  overflow: hidden;
}

.r-hero-carousel.r-hero-carousel .r-hero-carousel__track {
  block-size: 100%;
  display: flex;
  margin: 0;
  padding: 0;
  transition: transform var(--hero-carousel-duration) ease;
}

.r-hero-carousel.r-hero-carousel .r-hero-carousel__slide {
  block-size: 100%;
  flex: 0 0 100%;
  inline-size: 100%;
  list-style: none;
  min-inline-size: 0;
}

.r-hero-carousel.r-hero-carousel .r-hero-carousel__slide > .r-hero-banner {
  block-size: 100%;
}

.r-hero-carousel.r-hero-carousel .r-hero-carousel__previous,
.r-hero-carousel.r-hero-carousel .r-hero-carousel__next {
  inset-block-start: 50%;
  position: absolute;
  transform: translateY(-50%);
  z-index: 4;
}

.r-hero-carousel.r-hero-carousel .r-hero-carousel__previous {
  inset-inline-start: var(--spacing-32);
}

.r-hero-carousel.r-hero-carousel .r-hero-carousel__next {
  inset-inline-end: var(--spacing-32);
}

.r-hero-carousel.r-hero-carousel .r-hero-carousel__pagination {
  align-items: center;
  display: flex;
  gap: var(--spacing-8);
  inset-block-end: var(--spacing-16);
  inset-inline-start: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 4;
}

.r-hero-carousel.r-hero-carousel .r-hero-carousel__rotation {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: var(--radius-pill);
  block-size: 2.75rem;
  color: var(--text-on-dark-accent);
  cursor: pointer;
  display: inline-flex;
  inline-size: 2.75rem;
  inset-block-start: var(--spacing-24);
  inset-inline-end: var(--spacing-24);
  justify-content: center;
  padding: 0;
  position: absolute;
  z-index: 4;
}

.r-hero-carousel.r-hero-carousel .r-hero-carousel__rotation:hover {
  background: rgb(27 31 39 / 32%);
  color: var(--text-on-dark-primary);
}

.r-hero-carousel.r-hero-carousel .r-hero-carousel__rotation:focus-visible {
  outline: 2px solid var(--action-focus-ring-on-dark);
  outline-offset: 4px;
}

.r-hero-carousel.r-hero-carousel .r-hero-carousel__rotation-icon {
  block-size: 1rem;
  display: block;
  inline-size: 1rem;
}

.r-hero-carousel.r-hero-carousel .r-hero-carousel__rotation-icon--play,
.r-hero-carousel.r-hero-carousel .r-hero-carousel__rotation:not([data-state="playing"]) .r-hero-carousel__rotation-icon--pause {
  display: none;
}

.r-hero-carousel.r-hero-carousel .r-hero-carousel__rotation:not([data-state="playing"]) .r-hero-carousel__rotation-icon--play {
  display: block;
}

.r-hero-carousel.r-hero-carousel:not([data-enhanced="true"]) .r-hero-carousel__slide + .r-hero-carousel__slide {
  display: none;
}

.r-hero-carousel.r-hero-carousel:not([data-enhanced="true"]) .r-hero-carousel__controls,
.r-hero-carousel.r-hero-carousel:not([data-enhanced="true"]) .r-hero-carousel__pagination,
.r-hero-carousel.r-hero-carousel:not([data-enhanced="true"]) .r-hero-carousel__rotation {
  display: none;
}

.r-hero-carousel.r-hero-carousel[data-single-slide="true"] .r-hero-carousel__controls,
.r-hero-carousel.r-hero-carousel[data-single-slide="true"] .r-hero-carousel__pagination,
.r-hero-carousel.r-hero-carousel[data-single-slide="true"] .r-hero-carousel__rotation {
  display: none;
}

/* Approved navigation breakpoint: arrows only at desktop widths >= 1200px. */

@media (width < 1200px) {
  .r-hero-carousel.r-hero-carousel .r-hero-carousel__previous,
  .r-hero-carousel.r-hero-carousel .r-hero-carousel__next {
    display: none;
  }
}

@media (max-width: 47.99rem) {
  .r-hero-carousel.r-hero-carousel {
    block-size: 32.5rem;
    min-block-size: 32.5rem;
  }

  .r-hero-carousel.r-hero-carousel .r-hero-carousel__viewport {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
  }

  .r-hero-carousel.r-hero-carousel .r-hero-carousel__viewport::-webkit-scrollbar {
    display: none;
  }

  .r-hero-carousel.r-hero-carousel .r-hero-carousel__track {
    transition: none;
    transform: none !important;
  }

  .r-hero-carousel.r-hero-carousel .r-hero-carousel__slide {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  .r-hero-carousel.r-hero-carousel .r-hero-carousel__pagination {
    inset-block-end: var(--spacing-24);
  }

  .r-hero-carousel.r-hero-carousel .r-hero-carousel__rotation {
    inset-block-start: var(--spacing-16);
    inset-inline-end: var(--spacing-16);
  }
}

@media (prefers-reduced-motion: reduce) {
  .r-hero-carousel.r-hero-carousel .r-hero-carousel__track {
    transition: none;
  }

  .r-hero-carousel.r-hero-carousel .r-hero-carousel__viewport {
    scroll-behavior: auto;
  }
}

@media (forced-colors: active) {
  .r-hero-carousel.r-hero-carousel .r-hero-carousel__rotation {
    background: Canvas;
    border-color: ButtonText;
    color: ButtonText;
  }

  .r-hero-carousel.r-hero-carousel .r-hero-carousel__rotation:focus-visible {
    box-shadow: none;
    outline-color: Highlight;
  }
}