.card-swap-container{perspective:900px;transform-origin:50%;margin-left:auto;position:relative;overflow:visible}.card-swap-container .card{background:var(--panel,#0a0a0a);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;border:1px solid #ffffff1f;border-radius:22px;position:absolute;top:50%;left:50%;box-shadow:0 30px 80px -30px #000c,inset 0 0 0 1px #ffffff0a}@media (width<=1024px){.card-swap-container{transform:scale(.85)}}@media (width<=768px){.card-swap-container{transform:scale(.7)}}@media (width<=480px){.card-swap-container{transform:scale(.55)}}.bounceCardsContainer{--bounce-scale:1;transform:scale(var(--bounce-scale));transform-origin:50%;justify-content:center;align-items:center;max-width:100%;display:flex;position:relative}@media (width<=1024px){.bounceCardsContainer{--bounce-scale:.82}}@media (width<=768px){.bounceCardsContainer{--bounce-scale:.6}}@media (width<=480px){.bounceCardsContainer{--bounce-scale:.44}}@media (width<=360px){.bounceCardsContainer{--bounce-scale:.36}}.bounceCardsContainer .card{aspect-ratio:1;will-change:transform;background:#0a0a0a;border:4px solid #ffffffeb;border-radius:22px;width:200px;position:absolute;overflow:hidden;box-shadow:0 20px 50px -20px #000c,0 0 0 1px #ef1d2826,0 0 40px -10px #ef1d2859}.bounceCardsContainer .card .image{object-fit:cover;width:100%;height:100%;display:block}.bounceCardsContainer .card:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0000008c 100%);position:absolute;inset:0}