.batiste-hero,.batiste-slider{position:relative;width:100%;overflow:hidden;box-sizing:border-box}.batiste-hero *,.batiste-hero *:before,.batiste-hero *:after{box-sizing:border-box}.batiste-hero__viewport{width:100%;overflow:hidden;position:relative}.batiste-hero__track{display:flex;width:100%;transition:transform .5s cubic-bezier(.25,1,.5,1);will-change:transform}.batiste-hero__slide{min-width:100%;flex:0 0 100%;position:relative}.batiste-hero__link{display:block;width:100%;height:100%;text-decoration:none}.batiste-hero__picture{display:block;width:100%;height:100%}.batiste-hero__image{width:100%;height:var(--hero-desktop-height, 600px);object-fit:cover;object-position:var(--hero-desktop-position-x, 50%) var(--hero-desktop-position-y, 50%);display:block}.batiste-hero__placeholder{width:100%;height:var(--hero-desktop-height, 600px);background:#f4f4f4;display:flex;align-items:center;justify-content:center}.batiste-hero__placeholder svg{width:120px;height:120px;opacity:.3}.batiste-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);background:#071f2b99;color:#fff;border:none;width:44px;height:44px;border-radius:50%;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 12px #00000026}.batiste-hero__arrow:hover{background:#071f2be6;transform:translateY(-50%) scale(1.05)}.batiste-hero__arrow--prev{left:20px}.batiste-hero__arrow--next{right:20px}.batiste-hero__dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;z-index:10}.batiste-hero__dot{width:10px;height:10px;border-radius:50%;border:2px solid #ffffff;background:#fff6;padding:0;cursor:pointer;transition:background-color .3s ease,transform .3s ease,width .3s ease}.batiste-hero__dot.is-active{background:#fff;transform:scale(1.2);width:24px;border-radius:12px}@media screen and (max-width:749px){.batiste-hero__image{height:var(--hero-mobile-height, 500px);object-position:var(--hero-mobile-position-x, 50%) var(--hero-mobile-position-y, 50%)}.batiste-hero__placeholder{height:var(--hero-mobile-height, 500px)}.batiste-hero__arrow{width:36px;height:36px;font-size:14px}.batiste-hero__arrow--prev{left:10px}.batiste-hero__arrow--next{right:10px}.batiste-hero__dots{bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/batiste-slider.css.map */