.carousel-3d-wrapper{width:100%;padding:80px 0;overflow:hidden;display:flex;justify-content:center;align-items:center;background:transparent;position:relative;padding:17vh;touch-action:pan-y}.carousel-3d-inner{--card-width: clamp(100px, 12vw, 150px);--card-height: calc(var(--card-width) / .715);--translateZ: calc(var(--card-width) * 2.8);--rotateX: 0deg;--perspective: 1000px;--rotation: 0deg;--animation-duration: 25s;position:relative;width:var(--card-width);height:var(--card-height);transform-style:preserve-3d;transform:perspective(var(--perspective)) rotateY(var(--rotation));transition:none}.carousel-3d-inner.auto-rotate{animation:rotateYAnim var(--animation-duration) linear infinite}.carousel-3d-inner.no-animation{animation:none!important}.carousel-3d-inner.animating{transition:transform .5s ease-out}.carousel-3d-inner.paused{animation-play-state:paused}@keyframes rotateYAnim{to{transform:perspective(var(--perspective)) rotateY(360deg)}}.carousel-3d-card{--angle: calc(360deg / var(--quantity));position:absolute;top:0;left:0;width:var(--card-width);height:var(--card-height);transform:rotateY(calc(var(--index) * var(--angle))) translateZ(var(--translateZ));border-radius:12px;overflow:hidden;background:rgba(var(--color-card),.6);box-shadow:0 0 10px rgba(var(--color-card),.4);transition:transform .3s ease,box-shadow .3s ease;z-index:1;pointer-events:auto;cursor:pointer;text-decoration:none;display:block}.carousel-3d-card.no-link{cursor:default}.carousel-3d-card:hover{transform:rotateY(calc(var(--index) * var(--angle))) translateZ(calc(var(--translateZ) + 20px)) scale(1.08);z-index:10;box-shadow:0 0 25px rgba(var(--color-card),.8)}.carousel-3d-img{width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}@supports (-webkit-touch-callout: none){.carousel-3d-wrapper{width:100%;padding:80px 0;overflow:hidden;display:flex;justify-content:center;align-items:center;background:transparent;position:relative;padding:17vh;touch-action:pan-y}.carousel-3d-inner{--card-width: clamp(100px, 12vw, 150px);--card-height: calc(var(--card-width) / .715);--translateZ: calc(var(--card-width) * 2.8);--rotateX: 0deg;--perspective: 1000px;--rotation: 0deg;--animation-duration: 25s;position:relative;width:var(--card-width);height:var(--card-height);transform-style:preserve-3d;transform:perspective(var(--perspective)) rotateY(var(--rotation));transition:none}.carousel-3d-inner.auto-rotate{animation:rotateYAnim var(--animation-duration) linear infinite}.carousel-3d-inner.no-animation{animation:none!important}.carousel-3d-inner.animating{transition:transform .5s ease-out}.carousel-3d-inner.paused{animation-play-state:paused}@keyframes rotateYAnim{to{transform:perspective(var(--perspective)) rotateY(360deg)}}.carousel-3d-card{--angle: calc(360deg / var(--quantity));position:absolute;top:0;left:0;width:var(--card-width);height:var(--card-height);transform:rotateY(calc(var(--index) * var(--angle))) translateZ(var(--translateZ));border-radius:12px;overflow:hidden;background:rgba(var(--color-card),.6);box-shadow:0 0 10px rgba(var(--color-card),.4);transition:transform .3s ease,box-shadow .3s ease;z-index:1;pointer-events:auto;cursor:pointer;text-decoration:none;display:block}.carousel-3d-card.no-link{cursor:default}.carousel-3d-card:hover{transform:rotateY(calc(var(--index) * var(--angle))) translateZ(calc(var(--translateZ) + 20px)) scale(1.08);z-index:10;box-shadow:0 0 25px rgba(var(--color-card),.8)}.carousel-3d-img{width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}}
/*# sourceMappingURL=/cdn/shop/t/8/compiled_assets/styles.css.map */