.card-swap-container{transform-origin:100% 100%;perspective:900px;position:absolute;bottom:0;right:0;overflow:visible;transform:translate(5%,20%)}.card{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;background:#000;border:1px solid #fff;border-radius:12px;position:absolute;top:50%;left:50%}@media (max-width:768px){.card-swap-container{transform:scale(.75)translate(25%,25%)}}@media (max-width:480px){.card-swap-container{transform:scale(.55)translate(25%,25%)}}
.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;background-color:#111;border:1px solid #222;border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}