.card-swap-container{perspective:900px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:visible}.card{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;cursor:pointer;background:#0d0f14;border-radius:4px;transition:transform .3s;position:absolute;top:50%;left:50%;box-shadow:inset -1px 0 2px #ffffff0d,inset 0 -1px 2px #ffffff0d,0 10px 40px -10px #000c,0 2px 10px #00000080}.card:before{content:"";background:#0d0f14;border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;border-right:1px solid #ffffff1a;border-radius:4px 4px 0 0;width:40%;height:12px;position:absolute;top:-12px;left:0}.card:after{content:"";pointer-events:none;border:1px solid #ffffff1a;border-radius:4px;position:absolute;inset:0}.card:hover:after,.card:hover:before{background:#111;border-color:#dc262680}.card:hover{background:#111}@media (max-width:768px){.card-swap-container{transform:scale(.75)}}@media (max-width:480px){.card-swap-container{transform:scale(.55)}}