.product-carousel{background-color:var(--carousel-bg, #000000);padding-top:var(--carousel-padding-top, 40px);padding-bottom:var(--carousel-padding-bottom, 60px);overflow:hidden;position:relative}.product-carousel__track-wrapper{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.product-carousel__track{display:flex;gap:var(--carousel-gap, 20px);will-change:transform}.product-carousel__slide{flex-shrink:0;width:clamp(200px,25vw,320px)}@media screen and (max-width: 749px){.product-carousel__slide{width:clamp(180px,65vw,280px)}}.product-carousel__image-wrapper{position:relative;aspect-ratio:3 / 4;border-radius:var(--carousel-radius, 16px);overflow:hidden;background-color:#1a1a1a}.product-carousel__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.product-carousel__slide:hover .product-carousel__image{transform:scale(1.05)}.product-carousel__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#2a2a2a}.product-carousel__placeholder-svg{width:60%;height:auto;opacity:.4}.product-carousel__cta{display:flex;justify-content:center;margin-top:40px;padding:0 20px}.product-carousel__button{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;background-color:var(--button-bg, #ffffff);color:var(--button-text, #000000);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:50px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 20px #00000026}.product-carousel__button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000040}.product-carousel__button:active{transform:translateY(0)}@media screen and (max-width: 749px){.product-carousel{padding-top:30px;padding-bottom:40px}.product-carousel__cta{margin-top:30px}.product-carousel__button{padding:14px 28px;font-size:12px}}@media (prefers-reduced-motion: reduce){.product-carousel__track{animation:none!important}.product-carousel__image,.product-carousel__button{transition:none}}.product-carousel__button:focus-visible{outline:2px solid var(--button-bg, #ffffff);outline-offset:3px}.product-carousel__slide:focus-within .product-carousel__image-wrapper{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product-carousel.css.map */