@layer components {
  ._root_6wa72_2 {
    --swiper-theme-color:var(--color-accent);
    z-index: 0;
    max-inline-size: 100%;
    overflow: visible;
  }
  ._root_6wa72_2:not(:hover) [class^=swiper-button-] {
    opacity: 0;
  }
  ._root_6wa72_2 .swiper-wrapper {
    block-size: auto;
  }
  ._root_6wa72_2 .swiper-slide {
    block-size: auto;
    display: grid;
  }
  ._root_6wa72_2 [class^=swiper-button] {
    --swiper-navigation-size:4rem;
    --swiper-navigation-sides-offset:1rem;
    inline-size: var(--swiper-navigation-size);
    block-size: var(--swiper-navigation-size);
    color: #fff;
    border-radius: 50%;
    justify-content: normal;
    transition: opacity .15s linear;
    display: grid;
  }
  @media (width < 64rem) {
    ._root_6wa72_2 [class^=swiper-button] {
      display: none;
    }
  }
  :is(._root_6wa72_2 [class^=swiper-button]):before,
  :is(._root_6wa72_2 [class^=swiper-button]):after {
    content: "";
    grid-area: 1/-1;
    block-size: 100%;
  }
  :is(._root_6wa72_2 [class^=swiper-button]):before {
    background-color: var(--color-focus);
    border-radius: inherit;
    transition: scale .15s ease-out;
    scale: .875;
  }
  :is(._root_6wa72_2 [class^=swiper-button]):after {
    -webkit-mask-image: var(--icon-chevron-lg);
    -webkit-mask-image: var(--icon-chevron-lg);
    mask-image: var(--icon-chevron-lg);
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
  }
  :is(._root_6wa72_2 [class^=swiper-button]).swiper-button-prev {
    scale: -1 1;
  }
  @media (any-hover: hover) {
    :is(._root_6wa72_2 [class^=swiper-button]):hover:before {
      scale: none;
    }
  }
  :is(._root_6wa72_2 [class^=swiper-button]):focus-visible {
    opacity: 1;
  }
  :is(._root_6wa72_2 [class^=swiper-button]):is(:focus-visible, :active):before {
    scale: none;
  }
  :is(._root_6wa72_2 [class^=swiper-button]).swiper-button-disabled {
    opacity: 0;
  }
  :is(._root_6wa72_2 [class^=swiper-button]) svg {
    display: none;
  }
  ._root_6wa72_2 .swiper-pagination {
    --swiper-pagination-top:auto;
    --swiper-pagination-bottom:auto;
    --swiper-pagination-bullet-width:2.5rem;
    --swiper-pagination-bullet-height:.125rem;
    --swiper-pagination-bullet-border-radius:var(--border-radius);
    --swiper-pagination-bullet-inactive-color:var(--swiper-theme-color);
    --swiper-pagination-bullet-inactive-opacity:.12;
    justify-content: center;
    column-gap: .5rem;
    margin-block-start: 2rem;
    display: flex;
    position: static;
  }
  @media (width >= 64rem) {
    ._root_6wa72_2 .swiper-pagination {
      display: none;
    }
  }
  :is(._root_6wa72_2 .swiper-pagination) .swiper-pagination-bullet {
    background-color: #0000;
    border-radius: 1px;
    margin: -1rem 0;
    padding-block: 1rem;
    transition: background-color .15s linear, opacity .15s linear;
    display: grid;
  }
  :is(:is(._root_6wa72_2 .swiper-pagination) .swiper-pagination-bullet):before {
    content: "";
    background-color: var(--swiper-pagination-bullet-inactive-color);
    border-radius: var(--border-radius);
    grid-area: 1/-1;
    block-size: .125rem;
    display: block;
  }
}