.CryptoSwaping-module__lNfjRW__stage{--s:.55;--ink:#282624;--gray:#edeff2;--gray-hover:#e6e9ee;--green:#16c784;--card:#fff;--border:#edeff2;--h:calc(229px * var(--s));--coin:calc(140px * var(--s));--inset:calc(38px * var(--s));--w-card:calc(1164px * var(--s));--w-bar:calc(650px * var(--s));--bar-h:calc(63px * var(--s));--h-btn:calc(140px * var(--s));--pad-btn:calc(80px * var(--s));--pipe-w:calc(206px * var(--s));--pipe-h:calc(32px * var(--s));--pipe-pad:calc(13px * var(--s));--pipe-x:calc(var(--w-bar) - var(--pipe-w) - var(--pipe-pad) * 2);--dot:calc(84px * var(--s));--check:calc(44px * var(--s));--label:calc(54px * var(--s));--bounce:.56s;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);width:var(--w-card);height:var(--h);background:var(--card);border:1px solid var(--border);border-radius:9999px;position:relative;overflow:hidden;box-shadow:0 1px 2px #1012170a,0 24px 60px -24px #10121759}.CryptoSwaping-module__lNfjRW__logo{width:var(--coin);height:var(--coin);background:var(--ink);z-index:1;pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.CryptoSwaping-module__lNfjRW__logoLeft{left:var(--inset)}.CryptoSwaping-module__lNfjRW__logoRight{right:var(--inset)}.CryptoSwaping-module__lNfjRW__logo svg{fill:#fff;width:52%;height:52%}.CryptoSwaping-module__lNfjRW__button,.CryptoSwaping-module__lNfjRW__bar,.CryptoSwaping-module__lNfjRW__ring,.CryptoSwaping-module__lNfjRW__success{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.CryptoSwaping-module__lNfjRW__button{z-index:4;height:var(--h-btn);padding:0 var(--pad-btn);appearance:none;background:var(--gray);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:600;font-size:var(--label);white-space:nowrap;cursor:pointer;opacity:1;transition:opacity .2s ease, transform .16s var(--ease-out), background-color .16s ease;border:0;border-radius:9999px;margin:0;line-height:1}.CryptoSwaping-module__lNfjRW__button:hover{background:var(--gray-hover)}.CryptoSwaping-module__lNfjRW__button:active{transform:translate(-50%,-50%)scale(.97)}.CryptoSwaping-module__lNfjRW__button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.CryptoSwaping-module__lNfjRW__stage:not([data-phase=idle]) .CryptoSwaping-module__lNfjRW__button{opacity:0;pointer-events:none}.CryptoSwaping-module__lNfjRW__bar{width:var(--w-bar);height:var(--bar-h);background:var(--gray);opacity:0;pointer-events:none;border-radius:9999px;transition:opacity .16s;overflow:hidden}.CryptoSwaping-module__lNfjRW__stage[data-phase=fill] .CryptoSwaping-module__lNfjRW__bar{opacity:1}.CryptoSwaping-module__lNfjRW__pipe{left:var(--pipe-pad);width:var(--pipe-w);height:var(--pipe-h);background:var(--ink);border-radius:9999px;position:absolute;top:50%;transform:translateY(-50%)}.CryptoSwaping-module__lNfjRW__stage[data-phase=fill] .CryptoSwaping-module__lNfjRW__pipe,.CryptoSwaping-module__lNfjRW__stage[data-phase=done] .CryptoSwaping-module__lNfjRW__pipe{animation:CryptoSwaping-module__lNfjRW__pipeBounce var(--bounce) ease-in-out infinite alternate}.CryptoSwaping-module__lNfjRW__stage[data-phase=done] .CryptoSwaping-module__lNfjRW__pipe{animation-play-state:paused}@keyframes CryptoSwaping-module__lNfjRW__pipeBounce{0%{transform:translateY(-50%)}to{transform:translate(var(--pipe-x), -50%)}}.CryptoSwaping-module__lNfjRW__success{width:var(--dot);height:var(--dot);background:var(--green);opacity:0;z-index:3;pointer-events:none;transition:opacity .22s ease, transform .38s var(--ease-back);border-radius:50%;place-items:center;display:grid;transform:translate(-50%,-50%)scale(.6)}.CryptoSwaping-module__lNfjRW__stage[data-phase=done] .CryptoSwaping-module__lNfjRW__success{opacity:1;transition:opacity .22s ease .17s, transform .42s var(--ease-back) .17s;transform:translate(-50%,-50%)scale(1)}.CryptoSwaping-module__lNfjRW__success svg{width:var(--check);height:var(--check);display:block;overflow:visible}.CryptoSwaping-module__lNfjRW__success path{stroke:#fff;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .34s .32s}.CryptoSwaping-module__lNfjRW__stage[data-phase=done] .CryptoSwaping-module__lNfjRW__success path{stroke-dashoffset:0}.CryptoSwaping-module__lNfjRW__ring{width:var(--dot);height:var(--dot);border:2px solid var(--green);opacity:0;pointer-events:none;border-radius:50%}.CryptoSwaping-module__lNfjRW__stage[data-phase=done] .CryptoSwaping-module__lNfjRW__ring{animation:CryptoSwaping-module__lNfjRW__ring .72s var(--ease-out) .2s}@keyframes CryptoSwaping-module__lNfjRW__ring{0%{opacity:.45;transform:translate(-50%,-50%)scale(.9)}to{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}@media (max-width:720px){.CryptoSwaping-module__lNfjRW__stage{--s:.42}}@media (max-width:440px){.CryptoSwaping-module__lNfjRW__stage{--s:.3}}@media (prefers-reduced-motion:reduce){.CryptoSwaping-module__lNfjRW__button,.CryptoSwaping-module__lNfjRW__bar,.CryptoSwaping-module__lNfjRW__pipe,.CryptoSwaping-module__lNfjRW__success,.CryptoSwaping-module__lNfjRW__success path{transition-duration:1ms!important}.CryptoSwaping-module__lNfjRW__stage[data-phase=fill] .CryptoSwaping-module__lNfjRW__pipe,.CryptoSwaping-module__lNfjRW__stage[data-phase=done] .CryptoSwaping-module__lNfjRW__ring{animation:none}}
