.wasui-hero-slider{--wasui-slide-duration: 10s;position:relative;overflow:hidden;background:var(--wasui-color-base)}.wasui-hero-slider__swiper,.wasui-hero-slider__slide,.wasui-hero-slider__video,.wasui-hero-slider__placeholder{width:100%;height:clamp(56rem,50.65vw,77.8rem)}.wasui-hero-slider__video{display:block;object-fit:cover;background:var(--wasui-color-surface)}.wasui-hero-slider__placeholder{display:grid;place-items:center;background:var(--wasui-color-surface);color:var(--wasui-color-muted);font-size:1.2rem;letter-spacing:.2em;text-transform:uppercase}.wasui-hero-slider__thumbs{position:absolute;right:6rem;bottom:2.7rem;z-index:4;display:flex;align-items:center;gap:3rem}.wasui-hero-slider__thumb{position:relative;display:block;width:7rem;height:7rem;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.wasui-hero-slider__thumb-media{position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;overflow:hidden;border-radius:50%;background:var(--wasui-color-surface)}.wasui-hero-slider__thumb-media img{width:100%;height:100%;object-fit:cover}.wasui-hero-slider__progress{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.wasui-hero-slider__progress-track,.wasui-hero-slider__progress-circle{fill:none;stroke-width:1}.wasui-hero-slider__progress-track{stroke:var(--wasui-color-line);opacity:.45}.wasui-hero-slider__progress-circle{stroke:var(--wasui-color-line);stroke-dasharray:214;stroke-dashoffset:214}.wasui-hero-slider__thumb.is-active .wasui-hero-slider__progress-circle{animation:wasuiHeroProgress var(--wasui-slide-duration) linear forwards}.wasui-hero-slider.is-paused .wasui-hero-slider__thumb.is-active .wasui-hero-slider__progress-circle{animation-play-state:paused}@keyframes wasuiHeroProgress{0%{stroke-dashoffset:214}to{stroke-dashoffset:0}}@media screen and (max-width:749px){.wasui-hero-slider__swiper,.wasui-hero-slider__slide,.wasui-hero-slider__video,.wasui-hero-slider__placeholder{height:min(100vw,40.2rem)}.wasui-hero-slider__thumbs{right:50%;transform:translate(50%);bottom:1.2rem;gap:1.2rem}.wasui-hero-slider__thumb{width:4.8rem;height:4.8rem}.wasui-hero-slider__thumb-media{top:.4rem;right:.4rem;bottom:.4rem;left:.4rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-slider.css.map */