.hero-slider{display:block;position:relative;overflow:hidden}.hero-slider .swiper-wrapper,.hero-slider .swiper-slide,.hero-slider__media{height:100%}.hero-slider__slide{position:relative;overflow:hidden}.hero-slider__controls{--hero-controls-color: rgb(var(--color-swiper-controls, var(--color-foreground)));--hero-controls-border: rgba(var(--color-swiper-controls, var(--color-foreground)), .7);color:var(--hero-controls-color);position:absolute;z-index:2;inset-block-end:var(--hero-controls-offset, 2.4rem);inset-inline-end:var(--hero-controls-offset, 2.4rem);display:flex;align-items:center;gap:1.2rem;width:auto;padding:0}.hero-slider__controls .swiper-pagination{position:static;display:flex;align-items:center;gap:.8rem;width:auto;transform:none}.hero-slider__controls .swiper-pagination .swiper-pagination-bullet{width:1.6rem;height:1.6rem;margin:0;border-radius:50%;border:1px solid var(--hero-controls-border);background:transparent;opacity:1;position:relative;transition:border-color .45s ease}.hero-slider__controls .swiper-pagination .swiper-pagination-bullet:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:.7rem;height:.7rem;border-radius:50%;background:var(--hero-controls-color);opacity:0;transform:scale(.4);transition:opacity .45s ease,transform .45s cubic-bezier(.3,1,.3,1)}.hero-slider__controls .swiper-pagination .swiper-pagination-bullet-active{border-color:var(--hero-controls-color)}.hero-slider__controls .swiper-pagination .swiper-pagination-bullet-active:after{opacity:1;transform:scale(1)}.hero-slider__pause{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:3.2rem;height:3.2rem;margin-block:-.8rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--hero-controls-color);cursor:pointer}.hero-slider__pause-icon{display:flex}.hero-slider__pause[aria-pressed=true] .hero-slider__pause-icon--pause,.hero-slider__pause:not([aria-pressed=true]) .hero-slider__pause-icon--play{display:none}@media(prefers-reduced-motion:reduce){.hero-slider__controls .swiper-pagination .swiper-pagination-bullet,.hero-slider__controls .swiper-pagination .swiper-pagination-bullet:after{transition:none}}@media screen and (max-width:767.98px){.hero-slider__controls{--hero-controls-offset: 1.6rem;gap:.8rem}.hero-slider__controls .swiper-pagination .swiper-pagination-bullet{width:1.4rem;height:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-hero-slider.css.map */