.carousel-wrapper{flex-direction:column;flex:1;display:flex;position:relative}.carousel-container{--items-per-view:3;flex:1;width:100%;height:100%;position:relative;overflow-x:hidden;overflow-y:clip}.carousel-item{--distance-to-active:0;--item-index:0;--width:calc(100%/var(--items-per-view));--height:calc(100%/var(--items-per-view));width:var(--width);height:var(--height);position:absolute;top:50%;left:50%;translate:-50% -50%}
.carousel-container{--sphere-curvature:20deg;--sphere-depth:.02;--scale-factor:10;--perspective:2000vw;transform-style:preserve-3d;flex:1}.carousel-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;--rotation:calc(var(--sphere-curvature)*var(--distance-to-active));--depth:calc(var(--sphere-depth)*var(--distance-to-active)*1px);--scale:calc((100 - var(--scale-factor)*abs(var(--distance-to-active)))/100);transform:rotateY(var(--rotation))translateZ(calc(-1*var(--depth)))translateX(calc((100%*var(--distance-to-active))))scale(var(--scale));z-index:calc(var(--items-per-view)*2 - abs(var(--distance-to-active)));justify-content:center;align-items:center;transition:transform .8s .1s;display:flex}.carousel-item-hidden{display:none}