.card-swap-container{position:relative;display:flex;align-items:center;justify-content:center;perspective:1500px;margin:0 auto}.card{position:absolute;top:50%;left:50%;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab}.card:active{cursor:grabbing}