gallery-slider{display:block;width:100%}.gallery-slider{position:relative;width:100%;aspect-ratio:16 / 9}.gallery-slider__container,.gallery-slider .swiper-wrapper,.gallery-slider__item,.gallery-slider__image{height:100%}.gallery-slider__image-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.gallery-slider__cta{position:absolute;bottom:clamp(40px,6%,100px);left:clamp(100px,3%,140px);z-index:1;display:flex;flex-direction:column;align-items:flex-start}.gallery-slider .btn.btn--arrow{background-color:transparent;border:none;color:#fff;min-width:auto;padding:4px 0;height:auto;border-radius:0;letter-spacing:.3rem;font-size:13px;font-family:var(--font-secondary);font-weight:300;text-transform:uppercase;display:flex;flex-direction:column;align-items:flex-start;gap:0px;transition:transform .25s ease-out;clip-path:none;box-shadow:none;text-decoration:none;overflow:visible}.gallery-slider .btn.btn--arrow svg{width:170px}.gallery-slider .btn.btn--arrow svg line,.gallery-slider .btn.btn--arrow svg polyline{stroke:#ffffff40;transition:stroke .25s ease}.gallery-slider .btn.btn--arrow:hover svg line,.gallery-slider .btn.btn--arrow:hover svg polyline{stroke:#7afa5a}.gallery-slider .btn.btn--arrow:hover{transform:scale(1.05)}.gallery-slider .arrow-fill{width:0;transition:width .2s linear}.gallery-slider .btn.btn--arrow:hover .arrow-fill{width:165px}.gallery-slider .btn.btn--arrow:hover .arrow-diagonal{stroke:#7afa5a}.gallery-slider .swiper-pagination{display:flex;justify-content:center;align-items:center;gap:10px;bottom:25px;z-index:9}.gallery-slider .swiper-pagination .swiper-pagination-bullet{width:28px;height:1px;margin:0!important;background:#585858;border:none;border-radius:0;opacity:1;transition:all .3s ease}.gallery-slider .swiper-pagination .swiper-pagination-bullet-active{width:28px;height:1px;background:#7afa5a;border:none;border-radius:0}.gallery-slider .hero__button-prev svg *,.gallery-slider .hero__button-next svg *{stroke:#fff9!important;transition:stroke .3s ease}.gallery-slider .hero__button-prev:hover svg *,.gallery-slider .hero__button-next:hover svg *{stroke:#7afa5a!important}@media(max-width:768px){.gallery-slider__cta{bottom:30px;left:24px}.gallery-slider .btn.btn--arrow{font-size:11px}.gallery-slider .btn.btn--arrow svg{width:150px}.gallery-slider .btn.btn--arrow:hover .arrow-fill{width:145px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/gallery-slider.css.map */