.card-swap-container{position:relative;perspective:1200px;margin:0 auto}.card,.card-swap-container{transform-style:preserve-3d}.card{position:absolute;top:50%;left:50%;overflow:hidden;border-radius:24px;background-color:var(--bg2);border:1px solid var(--border);box-shadow:0 10px 40px -10px rgba(0,0,0,.5),0 0 0 1px var(--border);display:flex;flex-direction:column;transition:box-shadow .4s ease,border-color .4s ease;will-change:transform,box-shadow;cursor:pointer}.card:hover{box-shadow:0 20px 50px -10px rgba(var(--accent-rgb),.3),0 0 0 1px var(--accent);border-color:var(--accent)}