.hero-carousel{position:relative;width:100%;overflow:hidden;background:var(--color-background-secondary)}.hero-carousel__track{display:flex;transition:transform .7s ease;will-change:transform}.hero-carousel__slide{flex:0 0 100%;width:100%;min-width:100%}.hero-carousel__slide.is-active .hero-carousel__image{transform:scale(1)}.hero-carousel__slide:first-child .hero-carousel__image{transform:scale(1);transition:none}.hero-carousel.initialized .hero-carousel__slide:first-child .hero-carousel__image{transition:transform .5s ease .525s}.hero-carousel__link{display:block;width:100%}.hero-carousel__image-wrapper{position:relative;width:100%;padding-bottom:33.33%;overflow:hidden;background:var(--color-background-secondary)}.hero-carousel__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.15);transition:transform .5s ease .525s}.hero-carousel__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-background-secondary);color:var(--color-text-light)}.hero-carousel__placeholder svg{width:64px;height:64px;margin-bottom:16px;opacity:.5}.hero-carousel__placeholder span{font-size:14px}.hero-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 2px 10px #0000001a;opacity:0}.hero-carousel:hover .hero-carousel__arrow{opacity:1}.hero-carousel__arrow:hover{background:var(--color-white);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 20px #00000026}.hero-carousel__arrow--prev{left:20px}.hero-carousel__arrow--next{right:20px}.hero-carousel__arrow svg{width:24px;height:24px;stroke:var(--color-text)}.hero-carousel__pagination{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.hero-carousel__pagination-item{width:40px;height:4px;background:#fff6;border-radius:2px;overflow:hidden;cursor:pointer;transition:background .3s ease}.hero-carousel__pagination-item:hover{background:#fff9}.hero-carousel__pagination-bar{width:0%;height:100%;background:var(--color-white);border-radius:2px}.hero-carousel__pagination-item.is-active .hero-carousel__pagination-bar{animation:paginationFill var(--carousel-duration, 5s) ease-out forwards}.hero-carousel__pagination-item.is-completed .hero-carousel__pagination-bar{width:100%;animation:none}@keyframes paginationFill{0%{width:0%}to{width:100%}}@media(max-width:767px){.hero-carousel{max-width:100vw;overflow-x:hidden}.hero-carousel__slide{max-width:100vw}.hero-carousel__image-wrapper{padding-bottom:100%;max-width:100%;border-radius:10px}.hero-carousel__image{max-width:100%;object-fit:cover;object-position:center;border-radius:10px}.hero-carousel__arrow{width:36px;height:36px;opacity:1}.hero-carousel__arrow--prev{left:10px}.hero-carousel__arrow--next{right:10px}.hero-carousel__arrow svg{width:18px;height:18px}.hero-carousel__pagination{bottom:15px;gap:6px}.hero-carousel__pagination-item{width:30px;height:3px}}@media(min-width:768px)and (max-width:1024px){.hero-carousel__image-wrapper{padding-bottom:40%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-hero-slider.css.map */