.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-radius:16px;position:absolute;top:50%;left:50%;overflow:hidden}.swap-card-content{z-index:2;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;padding:2rem;display:flex;position:relative}.swap-card-content:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#000000d9 0%,#0006 40%,#0000001a 70%,#0000 100%);position:absolute;inset:0}.swap-card-content>*{z-index:1;position:relative}.card-swap-arrow{z-index:100;color:#fff9;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:15px;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;top:50%;left:-80px;transform:translateY(-50%)}.card-swap-arrow:hover{color:#fff;transform:translateY(-50%)translate(-5px)}.card-swap-arrow:active{transform:translateY(-50%)scale(.9)}.card-swap-arrow:disabled,.card-swap-arrow.animating{opacity:.3;cursor:not-allowed;pointer-events:none}@media (max-width:1024px){.card-swap-container{margin:0;position:absolute;bottom:0;right:0;transform:translate(5%,20%)}.card-swap-arrow{top:50%;bottom:auto;left:-90px;transform:translateY(-50%)}.card-swap-arrow:hover{transform:translateY(-50%)translate(-5px)}}@media (max-width:480px){.card-swap-container{transform:translate(15%,20%)}.card-swap-arrow{left:-60px}.swap-card-content{padding:1.25rem}}