.section-collection-carousel-3d>.color-inverse{padding-top:80px;padding-bottom:0}.carousel-3d{position:relative;width:100%;overflow:hidden}.carousel-3d__wrapper{position:relative;width:100%;max-width:var(--page-width);margin:0 auto}.carousel-3d__title-wrapper{padding:0 2.5rem;margin-bottom:2rem}.carousel-3d__title{margin:0;font-family:var(--font-heading-family);font-weight:400;text-transform:uppercase;letter-spacing:0;font-size:clamp(2rem,5vw,3.5rem);color:#000!important}.carousel-3d__description{margin:.5rem 0 0;font-size:.875rem;opacity:.7}body.template-index .section-collection-carousel-3d .carousel-3d--light h2.carousel-3d__title,body.template-index .section-collection-carousel-3d .carousel-3d--light h3.carousel-3d__card-title,body.template-index .section-collection-carousel-3d .carousel-3d--light .carousel-3d__description{color:#000!important}body.template-index .carousel-3d--light .carousel-3d__item .carousel-3d__content{filter:none}body.template-index .carousel-3d--light .carousel-3d__item:not(.is-active) .carousel-3d__content{opacity:.4}body.template-index .carousel-3d--light .carousel-3d__nav-icon{stroke:#000!important}.carousel-3d__scroll-hint{display:flex;justify-content:center;padding:1.5rem 0 .5rem;opacity:.5;animation:carousel-bounce 2s ease infinite;animation-play-state:paused}.carousel-3d.is-in-view .carousel-3d__scroll-hint{animation-play-state:running}@keyframes carousel-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.carousel-3d__stage{position:relative;width:100%;height:350px}.carousel-3d__stage:after{content:"";position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:60%;height:30%;background:radial-gradient(ellipse at center,rgba(0,0,0,.15) 0%,rgba(0,0,0,.05) 40%,transparent 70%);pointer-events:none;z-index:1}@media screen and (min-width:750px){.carousel-3d__stage{height:420px}}@media screen and (min-width:990px){.carousel-3d__stage{height:460px}}.carousel-3d__track{position:absolute;width:200px;height:200px;top:50%;left:50%;margin-left:-100px;margin-top:-100px;transition:transform .8s cubic-bezier(.4,0,.2,1)}.carousel-3d__item{position:absolute;top:50%;left:50%;width:var(--card-width, 200px);height:var(--card-height, 260px);margin-left:calc(var(--card-width, 200px) * -.5);margin-top:calc(var(--card-height, 260px) * -.5);transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .5s ease,filter .5s ease}@media screen and (min-width:750px){.carousel-3d__item{--card-width: 240px;--card-height: 300px}}@media screen and (min-width:990px){.carousel-3d__item{--card-width: 280px;--card-height: 350px}}.carousel-3d__item .carousel-3d__model-viewer{opacity:.45;transition:opacity .5s ease}.carousel-3d__item .carousel-3d__content{opacity:.45;filter:grayscale(100%) brightness(.6);transition:opacity .5s ease,filter .5s ease}.carousel-3d__item.is-active .carousel-3d__model-viewer{opacity:1}.carousel-3d__item.is-active .carousel-3d__content{opacity:1;filter:none}.carousel-3d__item.is-active{z-index:10}.carousel-3d__item:not(.model-loaded) .carousel-3d__model-viewer{opacity:0!important}.carousel-3d__item.model-loaded .carousel-3d__model-viewer{transition:opacity .3s ease}.carousel-3d__card{position:absolute;top:0;right:0;bottom:0;left:0;display:block;text-decoration:none;color:inherit;overflow:visible;background:transparent;transition:transform .8s cubic-bezier(.4,0,.2,1)}.carousel-3d__media{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent;overflow:visible}.carousel-3d__media img{max-width:100%;max-height:85%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 15px 35px rgba(0,0,0,.4));transition:transform .6s ease,filter .3s ease}.carousel-3d__item.is-active .carousel-3d__media img{filter:drop-shadow(0 25px 50px rgba(0,0,0,.45))}.carousel-3d__item.is-active .carousel-3d__card:hover .carousel-3d__media img{transform:scale(1.08) translateY(-5px)}.carousel-3d__model-viewer{width:100%;height:100%;background-color:transparent!important;--poster-color: transparent;--progress-bar-color: transparent}.carousel-3d__model-viewer::part(default-poster){background-color:transparent!important}.carousel-3d__model-viewer::part(default-progress-bar){display:none}.carousel-3d__item.has-3d-model .carousel-3d__model-viewer{pointer-events:none}.carousel-3d__media:after{content:"";position:absolute;bottom:-5%;left:10%;right:10%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.08) 0%,transparent 100%);transform:rotateX(180deg) scaleY(.4);filter:blur(3px);opacity:.5;pointer-events:none;mask-image:linear-gradient(to bottom,black 0%,transparent 60%);-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 60%)}.carousel-3d__item.has-3d-model .carousel-3d__media:after{display:none}.carousel-3d__overlay,.carousel-3d__content{display:none}.carousel-3d__active-bar{position:absolute;left:50%;bottom:.5rem;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:.5rem;z-index:20;pointer-events:none}@media screen and (min-width:750px){.carousel-3d__active-bar{bottom:2rem}}@media screen and (min-width:990px){.carousel-3d__active-bar{bottom:3rem;gap:.75rem}}.carousel-3d__active-label{text-align:center;white-space:nowrap;font-family:var(--font-heading-family);font-size:.95rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:inherit;pointer-events:none;min-width:12rem}@media screen and (min-width:990px){.carousel-3d__active-label{font-size:1.1rem;min-width:14rem}}.carousel-3d__card-title{font-family:var(--font-heading-family);font-size:.85rem;font-weight:400;letter-spacing:0;text-transform:uppercase;margin:0;line-height:1.3;color:inherit;opacity:.8;transition:opacity .3s ease}.carousel-3d__item.is-active .carousel-3d__card-title{opacity:1}@media screen and (min-width:750px){.carousel-3d__card-title{font-size:.9rem}}@media screen and (min-width:990px){.carousel-3d__card-title{font-size:1rem}}.carousel-3d__product-count{font-size:.65rem;letter-spacing:0;text-transform:uppercase;opacity:.6;margin:.3rem 0 0}.carousel-3d__nav{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 auto;background:none;background-color:transparent;border:none;border-radius:0;box-shadow:none;outline:none;-webkit-appearance:none;appearance:none;padding:0;cursor:pointer;pointer-events:auto;transition:transform .2s ease,opacity .2s ease;opacity:.7}.carousel-3d__nav:hover{opacity:1;transform:scale(1.1)}.carousel-3d__nav:active{transform:scale(.95)}.carousel-3d__nav-icon{width:18px;height:18px;stroke:#fff;stroke-width:2;fill:none}@media screen and (min-width:990px){.carousel-3d__nav-icon{width:20px;height:20px}}.carousel-3d__indicators{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:3.5rem}.carousel-3d__indicator{width:10px;height:10px;padding:0;background:#0003;border:none;border-radius:50%;cursor:pointer;transition:background .3s ease,transform .3s ease}.carousel-3d__indicator:hover{background:#0006}.carousel-3d__indicator.is-active{background:#000c;transform:scale(1.3)}.carousel-3d--dragging{cursor:grabbing}.carousel-3d--dragging .carousel-3d__track{transition:none}.carousel-3d--dragging .carousel-3d__card{pointer-events:none}.carousel-3d__card:focus{outline:3px solid rgba(255,255,255,.9);outline-offset:3px}.carousel-3d__nav:focus{outline:none;box-shadow:none;background:none}.carousel-3d__nav:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.carousel-3d__indicator:focus{outline:2px solid rgba(0,0,0,.5);outline-offset:2px}.carousel-3d__speed-control{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:1.5rem}.carousel-3d__speed-label{font-size:.7rem;letter-spacing:0;text-transform:uppercase;opacity:.6}.carousel-3d__speed-slider{-webkit-appearance:none;appearance:none;width:120px;height:4px;background:#00000026;border-radius:2px;outline:none;cursor:pointer;transition:background .2s ease}.carousel-3d__speed-slider:hover{background:#00000040}.carousel-3d__speed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#000000b3;border-radius:50%;cursor:pointer;transition:transform .2s ease,background .2s ease}.carousel-3d__speed-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:#000000e6}.carousel-3d__speed-slider::-moz-range-thumb{width:16px;height:16px;background:#000000b3;border:none;border-radius:50%;cursor:pointer;transition:transform .2s ease,background .2s ease}.carousel-3d__speed-slider::-moz-range-thumb:hover{transform:scale(1.2);background:#000000e6}.carousel-3d__speed-slider:focus{outline:2px solid rgba(0,0,0,.3);outline-offset:2px}@media screen and (min-width:750px){.carousel-3d__speed-slider{width:150px}}@media screen and (max-width:749px){.carousel-3d__title-wrapper{padding:0 1.5rem}}@media screen and (max-width:749px){.carousel-3d__indicators{margin-top:1.5rem}}@media screen and (max-width:480px){.section-collection-carousel-3d>.color-inverse{padding-top:40px;padding-bottom:30px}.carousel-3d__stage{height:310px}.carousel-3d__item{--card-width: 180px;--card-height: 234px}.carousel-3d__content{bottom:-1.5rem}.carousel-3d__card-title{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.carousel-3d__track,.carousel-3d__item,.carousel-3d__card,.carousel-3d__media img,.carousel-3d__nav,.carousel-3d__indicator{transition:none!important}.carousel-3d__speed-control{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/collection-carousel-3d.css.map */
