.card-carousel-container{perspective:1000px;touch-action:pan-y;justify-content:center;align-items:center;width:100%;height:360px;display:flex;position:relative}@media (min-width:640px){.card-carousel-container{height:390px}}.card{width:200px;height:310px;transform-style:preserve-3d;transform-origin:100% 100%;background-color:#fff;border-radius:14px;justify-content:center;align-items:center;padding:20px;transition:transform .7s,opacity .4s;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 6px 16px #00000040,0 10px 30px #0003}@media (min-width:640px){.card{width:220px;height:340px}}.card.top{z-index:4;transform:translate(-50%,-50%)translate(0)rotate(0)}.card.stack-1{z-index:3;transform:translate(-50%,-50%)translate(-22px)translateY(-6px)rotate(-4deg)scale(.98)}.card.stack-2{z-index:2;transform:translate(-50%,-50%)translate(-44px)translateY(-12px)rotate(-8deg)scale(.96)}.card.stack-3{z-index:1;transform:translate(-50%,-50%)translate(-66px)translateY(-18px)rotate(-12deg)scale(.94)}.card.hidden{opacity:0;pointer-events:none;z-index:0;transform:translate(-50%,-50%)translate(-90px)translateY(-30px)rotate(-16deg)scale(.9)}.card-content{font-family:var(--font-display);text-align:left;color:#333;white-space:pre-wrap;-webkit-user-select:none;user-select:none;max-height:100%;font-size:1.1rem;overflow-y:auto}.card-content.text-overflow{font-size:.95rem}.card:not(.top) .card-content{opacity:0}