.tv-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .9s var(--tv-ease, ease),visibility 0s linear .9s}.tv-hero__slide.is-active{opacity:1;visibility:visible;transition:opacity .9s var(--tv-ease, ease),visibility 0s}.tv-hero__slide picture,.tv-hero__slide img{width:100%;height:100%;display:block}.tv-hero__slide img{object-fit:cover}.tv-hero__controls{position:absolute;z-index:3;right:4rem;bottom:3.2rem;display:flex;align-items:center;gap:1.6rem;color:var(--tv-hero-ink)}.tv-hero__arrow{width:4rem;height:4rem;display:grid;place-items:center;padding:0;border:1px solid var(--tv-hero-rule);border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background .24s var(--tv-ease, ease),border-color .24s var(--tv-ease, ease)}.tv-hero__arrow:hover,.tv-hero__arrow:focus-visible{background:rgba(var(--tv-hero-veil),.4)}.tv-hero__arrow svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tv-hero__dots{display:flex;align-items:center;gap:.8rem}.tv-hero__dot{position:relative;width:3.2rem;height:4.4rem;padding:0;border:0;background:transparent;cursor:pointer;display:grid;align-items:center}.tv-hero__dot:before{content:"";display:block;height:.3rem;border-radius:.3rem;background:var(--tv-hero-rule);opacity:.5}.tv-hero__dot-fill{position:absolute;left:0;top:50%;transform:translateY(-50%) scaleX(0);transform-origin:left center;width:100%;height:.3rem;border-radius:.3rem;background:var(--tv-hero-ink)}.tv-hero__dot.is-active .tv-hero__dot-fill{animation:tv-hero-dot var(--tv-hero-dot-ms, 15s) linear forwards}.tv-hero__dot.is-active:before{opacity:.85}@keyframes tv-hero-dot{0%{transform:translateY(-50%) scaleX(0)}to{transform:translateY(-50%) scaleX(1)}}.tv-hero.is-paused .tv-hero__dot.is-active .tv-hero__dot-fill{animation-play-state:paused}@media screen and (max-width:749px){.tv-hero__controls{right:auto;left:50%;transform:translate(-50%);bottom:1.6rem;gap:.8rem}.tv-hero__arrow{display:none}.tv-hero__dot{width:2.4rem}}@media(prefers-reduced-motion:reduce){.tv-hero__slide,.tv-hero__slide.is-active{transition:none}.tv-hero__dot.is-active .tv-hero__dot-fill{animation:none;transform:translateY(-50%) scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tv-hero.css.map */