.card-swap-container{transform-origin:100% 100%;perspective:900px;position:absolute;bottom:0;right:0;overflow:visible;transform:translate(5%,18%)}.card{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;background:#050505;border:1px solid #ffffff1f;border-radius:16px;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 24px 60px #0009}.cardswap-controls{z-index:50;-webkit-backdrop-filter:blur(14px);background:#0a0a0a8c;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:12px;padding:7px 12px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000080}.cardswap-arrow{color:#ffffffa6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:9999px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .2s,background .2s,transform .2s;display:inline-flex}.cardswap-arrow:hover{color:#fff;background:#ffffff1a;transform:scale(1.08)}.cardswap-dots{align-items:center;gap:7px;display:flex}.cardswap-dot{cursor:pointer;background:#ffffff47;border:0;border-radius:9999px;width:7px;height:7px;padding:0;transition:width .3s,background .3s}.cardswap-dot:hover{background:#ffffff8c}.cardswap-dot.is-active{background:#fff;width:20px}@media (max-width:1023px){.card-swap-container{transform:scale(.85)translate(8%,16%)}}@media (max-width:768px){.card-swap-container{transform:scale(.7)translate(12%,18%)}}@media (max-width:480px){.card-swap-container{transform:scale(.52)translate(14%,14%)}}