.dot-field-container{width:100%;height:100%;position:relative}.card-swap-container{transform-origin:100%;perspective:900px;position:absolute;top:55%;right:0;overflow:visible;transform:translate(5%,-50%)}.card-swap-card{border:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:0 20px 60px -20px hsl(var(--brand) / .35), 0 8px 24px -12px #00000040;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;border-radius:12px;position:absolute;top:50%;left:50%;overflow:hidden}@media (width<=1024px){.card-swap-container{transform:scale(.85)translate(5%,-50%)}}@media (width<=768px){.card-swap-container{transform-origin:top;max-width:320px;margin:1.5rem auto 0;position:relative;inset:auto auto auto 50%;transform:translate(-50%);width:100%!important;height:230px!important}.card-swap-card{border-radius:10px;width:290px!important;height:190px!important}}