.carousel-3d-wrapper{width:100%;padding:17vh 0;overflow:hidden;display:flex;justify-content:center;align-items:center;background:transparent;position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab}.carousel-3d-wrapper.is-dragging,.carousel-3d-wrapper.is-dragging .carousel-3d-card{cursor:grabbing}.carousel-3d-inner{--card-width: clamp(100px, 12vw, 150px);--card-height: calc(var(--card-width) / .715);--translateZ: calc(var(--card-width) * 2.8);--perspective: 1000px;--rotation: 0deg;position:relative;width:var(--card-width);height:var(--card-height);transform-style:preserve-3d;transform:perspective(var(--perspective)) rotateY(var(--rotation));will-change:transform}.carousel-3d-card{--angle: calc(360deg / var(--quantity));position:absolute;top:0;left:0;width:var(--card-width);height:var(--card-height);display:block;border-radius:12px;overflow:hidden;background:rgba(var(--color-card),.6);box-shadow:0 0 10px rgba(var(--color-card),.4);transform:rotateY(calc(var(--index) * var(--angle))) translateZ(var(--translateZ));transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;text-decoration:none;-webkit-user-drag:none}.carousel-3d-card.no-link{cursor:inherit}.carousel-3d-card:focus-visible{outline:2px solid rgb(var(--color-card));outline-offset:3px}@media(hover:hover){.carousel-3d-wrapper:not(.is-dragging) .carousel-3d-card:hover{transform:rotateY(calc(var(--index) * var(--angle))) translateZ(calc(var(--translateZ) + 20px)) scale(1.08);box-shadow:0 0 25px rgba(var(--color-card),.8)}}.carousel-3d-img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
/*# sourceMappingURL=/cdn/shop/t/19/compiled_assets/styles.css.map?subset=AAQ */
