.hero{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;margin:0;padding:0}.hero-container{position:relative;width:100%;height:100%}.hero-slider{position:relative;width:100%;height:100%;display:block;overflow:hidden}.hero-track{display:flex;width:100%;height:100%;will-change:transform;transition:transform .45s ease-out}.hero-track.dragging a,body.slider-dragging .hero-track a{pointer-events:none}.hero-slide{flex:0 0 100%;width:100%;height:100%;position:relative;margin:0;padding:0;gap:0}.hero-slide__image{width:100%;height:100%;position:relative;overflow:hidden}.hero-slide__image img{width:100%;height:100%;object-fit:cover;display:block}.lazy-wrapper{width:100%;height:100%}.hero-footer{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10;display:flex;justify-content:space-between;align-items:center}.hero-controls{height:auto;display:flex;width:100%;justify-content:space-between;align-items:center;pointer-events:none}.hero-button{width:60px;height:auto;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;pointer-events:all}.hero-button img{width:auto;height:100%;display:block}.hero-button svg{width:auto;height:100%;display:block}.hero-button--prev svg{transform:rotate(180deg)}.hero-button.is-disabled{opacity:.2;pointer-events:none}.hero-counter{position:absolute;bottom:2rem;right:2rem;letter-spacing:.1em;text-transform:uppercase;line-height:.9;color:rgba(var(--color-background));display:inline-flex;align-items:baseline;gap:30px;pointer-events:none}.hero-counter [data-slider-counter-current]{font-size:var(--fluid-40-56);position:relative}.hero-counter [data-slider-counter-current]:after{width:6px;height:50px;background-color:rgba(var(--color-background));content:"";position:absolute;bottom:0;right:0;box-shadow:2px 2px #000;transform:translate(18px) rotate(30deg)}.hero-counter [data-slider-counter-total]{font-size:var(--fluid-28-36)}@media screen and (max-width: 749px){.hero-button{width:20px}.hero-counter{bottom:1rem;right:1rem}.hero-counter [data-slider-counter-current]{font-size:var()}.hero-counter [data-slider-counter-total]{font-size:16px}.hero-counter [data-slider-counter-current]:after{width:4px;height:30px;background-color:rgba(var(--color-background));content:"";position:absolute;bottom:0;right:0;box-shadow:2px 2px #000;transform:translate(18px) rotate(30deg)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero.css.map */