.card-swap-container{position:absolute;bottom:0;right:0;transform:translateY(5%);transform-origin:center center;perspective:1200px;overflow:visible}.card{position:absolute;top:50%;left:50%;border-radius:28px;border:1px solid rgba(255,255,255,.15);background:rgba(15,15,20,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;box-shadow:0 30px 60px -12px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);overflow:hidden}.card:before{top:0;left:0;right:0;height:40px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.05)}.card:after,.card:before{content:"";position:absolute;pointer-events:none}.card:after{top:16px;left:24px;width:48px;height:10px;background-image:radial-gradient(circle,rgba(255,255,255,.2) 4px,transparent 5px);background-size:18px 18px;background-position:50%;background-repeat:repeat-x}@media (max-width:768px){.card-swap-container{transform:scale(.9) translateY(5%)}}@media (max-width:480px){.card-swap-container{transform:scale(.7) translateY(5%)}}