html{scroll-behavior:smooth}body{margin:0}.page-content{min-height:60vh}.site-header{display:contents}.order-page{padding:0 0 4em}.order-page .wrapper{max-width:1280px}.order-direction{box-sizing:border-box;background-color:#21284b;background-image:radial-gradient(circle,#ffffffd9 .5px,#0000 1px),radial-gradient(circle,#fff9 .4px,#0000 .9px),radial-gradient(circle,#ffffffe6 .6px,#0000 1.1px),radial-gradient(circle,#ffffff80 .4px,#0000 .9px),radial-gradient(circle,#ffffffbf .5px,#0000 1px),radial-gradient(circle,#fff9 .4px,#0000 .8px),linear-gradient(115deg,#21284b,#303568 70%,#25294e);background-position:27px 22px,79px 53px,131px 11px,59px 71px,157px 43px,211px 67px,50%;background-size:179px 101px,223px 137px,161px 87px,199px 119px,251px 83px,143px 71px,cover;border-radius:8px;grid-template-columns:minmax(0,1fr) 3em minmax(0,1fr);min-height:7.5em;margin:1.25em 0 1em;padding:1.5em 2em;display:grid}.order-direction-side{align-items:center;min-width:0;padding:.5em 0;display:flex}.order-from{text-align:right;flex-direction:row-reverse}.order-to{text-align:left;flex-direction:row}.order-direction-inner{align-items:center;width:100%;min-width:0;display:flex}.order-direction-inner--send{text-align:right;flex-direction:row-reverse}.order-direction-inner--receive{text-align:left;flex-direction:row}.order-direction-text{flex-direction:column;flex:1;gap:.18em;min-width:0;display:flex}.order-coin-icon{flex:0 0 3.75em;width:3.75em;height:3.75em;margin-left:.625em}.order-to .order-coin-icon{margin-left:0;margin-right:.625em}.order-direction-label{color:#bfbfbf;letter-spacing:.04em;opacity:.8;text-transform:uppercase;white-space:nowrap;font-size:.8125em;font-weight:300;line-height:1}.order-direction-amount{color:#fff;overflow-wrap:anywhere;padding:3px 0 2px;font-size:1.4em;font-weight:600;line-height:1;display:block}.order-to .order-direction-amount{color:#4ec9b0}.order-direction-amount sup{vertical-align:inherit;padding-left:.1em;font-size:.55em;font-weight:400;position:relative;top:-.46em}.order-direction-name{color:#9099b8;font-size:.8125em;font-weight:300;line-height:1}.order-direction-addr{color:#ababab;opacity:.6;text-overflow:ellipsis;white-space:nowrap;font-size:.8em;font-weight:200;line-height:1;overflow:hidden}.order-to .order-direction-addr{opacity:.7;overflow-wrap:anywhere;white-space:normal;word-break:break-all}.order-direction-arrow{color:#fff;text-align:center;align-self:center;font-size:1.8em}.order-receive-address{overflow-wrap:anywhere;word-break:break-all;font-size:.9em;display:block}.order-overview{grid-template-columns:10.5em minmax(0,1fr) 16.3em;gap:1em;display:grid}.order-meta-panel,.order-payment-panel,.order-qr-panel,.order-info-panel{box-sizing:border-box;border-radius:8px;min-width:0}.order-meta-panel,.order-payment-panel,.order-info-panel{background-color:#21284b}.order-meta-panel{padding:.3em .8em .7em}.order-meta-item{text-align:center;border-top:1px solid #879fab3d;padding:.6em 0}.order-meta-item:first-child{border-top:0}.order-meta-item>span{color:#a7aec6;font-size:.85em;display:block}.order-meta-item>div,.order-meta-item>time{color:#fff;white-space:nowrap;font-size:1.05em;display:block}.order-meta-id>div{justify-content:center;align-items:center;display:flex}.order-id-copy{color:#53ae94;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:.35em;line-height:1.2;display:inline-flex}.order-id-copy>span{font-size:1.4em}.order-id-copy>.ico{color:#879fab;font-size:.85em}.order-meta-time>div{color:#53ae94;font-size:1.4em}.order-meta-time.expired>div{color:#ea1818;font-size:1.2em}.order-meta-created>time{font-size:.9em}.order-meta-hidden{display:none}.order-payment-panel{background-image:radial-gradient(#ffffff14 .6px,#0000 .8px),linear-gradient(115deg,#21284b,#29305c);background-size:28px 28px,cover;flex-direction:column;justify-content:space-between;padding:1.5em;display:flex}.order-payment-send>p{margin:0 0 .4em;line-height:1.5}.order-payment-send>p>strong{color:#f5a623;font-size:1.25em}.order-payment-send code{color:#d7dced;overflow-wrap:anywhere;background:#080c1b47;border-radius:3px;padding:.6em;display:block}.order-deposit-address{align-items:flex-start;gap:.5em;display:flex}.order-deposit-address code{color:#d7dced;letter-spacing:.01em;overflow-wrap:anywhere;background:0 0;border-radius:0;flex:1;min-width:0;padding:.15em 0;font-size:1.1em;font-weight:600;display:block}.order-address-copy{color:#879fab;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.3em .15em;font-size:1.15em;line-height:1}.order-address-copy:disabled{cursor:not-allowed;opacity:.5}.order-payment-memo{flex-wrap:wrap;align-items:center;gap:.5em;margin:.75em 0 0;display:flex}.order-payment-memo>span{color:#a7aec6}.order-payment-memo>strong{color:#f5a623;overflow-wrap:anywhere}.order-payment-send .order-payment-note{color:#a7aec6;margin-top:.9em;font-size:.85em}.order-payment-receive{border-top:1px solid #879fab3d;margin-top:1.2em;padding-top:.8em;line-height:1.5}.order-payment-receive>span{font-size:.8em;display:block}.order-payment-receive>strong{overflow-wrap:anywhere;display:block}.order-qr-panel{background:#fff;padding:.75em}.order-qr-placeholder{aspect-ratio:1;box-sizing:border-box;color:#77808c;text-align:center;background:#f5f6f8;border:1px dashed #c5cad1;flex-direction:column;justify-content:center;align-items:center;padding:1em;display:flex;position:relative}.order-qr-placeholder>strong{color:#aab1bb;font-size:2.5em;font-weight:500}.order-qr-placeholder>span:last-child{font-size:.75em;line-height:1.4}.order-qr-corners{border:2px solid #bac1ca;width:1.3em;height:1.3em;position:absolute;top:1em;left:1em}.order-qr-corners:after{content:"";border:2px solid #bac1ca;width:1.3em;height:1.3em;position:absolute;top:-2px;right:-9.5em}.order-qr-display{aspect-ratio:1;color:#1a1a1a;background:#f5f6f8;justify-content:center;align-items:center;display:flex}.order-qr-display svg{max-width:100%;height:auto;display:block}.order-qr-switch{margin-top:.45em;display:flex}.order-qr-switch>span,.order-qr-switch>button{color:#89919b;cursor:pointer;text-align:center;background:#eceef1;border:none;flex:1;padding:.75em .25em;font-family:inherit;font-size:.68em;font-weight:600}.order-qr-switch>button:disabled{cursor:default;opacity:.5}.order-qr-switch>span.active,.order-qr-switch>button.active{color:#333;background:#fff}.order-progress{margin:2.5em 0}.order-progress>ol{margin:0;padding:0;list-style:none;display:flex}.order-progress li{color:#8d96aa;text-align:center;width:25%;position:relative}.order-progress li:after{content:"";white-space:nowrap;z-index:0;width:max-content;font-family:Icons;font-size:2.3em;line-height:1;display:block;position:absolute;top:.5em;left:100%;transform:translate(-50%)}.order-progress li:last-child:after{display:none}.order-progress li.active>div{color:#fff;will-change:opacity;animation:.7s ease-out infinite alternate order-step-flash}.order-progress li.active~li>div{opacity:.4}.order-progress-icon{aspect-ratio:1;color:#a7aec6;z-index:1;background:#252c43;border-radius:50%;justify-content:center;align-items:center;width:2.9em;height:2.9em;margin-bottom:.45em;font-size:1.5em;display:inline-flex;position:relative}.order-progress li.active .order-progress-icon{color:#fff;background:#008fdf}.order-progress li>div>span:last-child{font-size:.83em;font-weight:600;display:block}@keyframes order-step-flash{0%{opacity:.3}to{opacity:1}}.order-information{grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:1em;display:grid}.order-info-panel{padding:2em}.order-info-panel h2{margin:0 0 1em;font-size:1.7em;line-height:1.25}.order-info-panel ul{margin:0;padding:0;list-style:none}.order-info-panel li{align-items:flex-start;gap:1rem;margin:0 0 1em;line-height:1.5;display:flex}.order-info-panel li>.ico{color:#008fdf;background:#fff;border-radius:50%;flex:0 0 2.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.625rem;display:inline-flex}.order-notifications{position:relative;overflow:hidden}.order-notifications h2{font-size:1.5em}.order-notifications p{margin-bottom:1em;line-height:1.5}.order-notifications label{margin-bottom:.4em;font-size:.82em;display:block}.order-notifications input{box-sizing:border-box;color:#fff;background:#080c1b47;border:1px solid #ffffff26;border-radius:3px;width:100%;min-height:2.8em;padding:.7em}.order-notifications .btn{width:100%;margin-top:.8em}.order-notifications .btn:disabled{cursor:not-allowed;opacity:.5}.order-page-notice-image{pointer-events:none;width:12em;max-width:55%;height:auto;position:absolute;bottom:-6em;right:-1em}.ffx-qr-dialog{background:#151b23;border:1px solid #ffffff2e;border-radius:6px;width:38em;max-width:calc(100vw - 2em);padding:3.5em 1em 1em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1.5em 5em #0000008c}.ffx-qr-close{color:#fff;cursor:pointer;background:0 0;border:0;width:2em;height:2em;font-size:1.4em;position:absolute;top:.4em;right:.4em}.ffx-qr-video{aspect-ratio:4/3;object-fit:cover;background:#05070b;width:100%;max-height:65vh;display:block}.ffx-qr-status{color:#cbd1e3;text-align:center;margin:.8em 0 0;line-height:1.5}@media (max-width:700px){.order-direction{grid-template-columns:minmax(0,1fr) 2em minmax(0,1fr);padding:1.2em}.order-coin-icon{flex-basis:2.5em;width:2.5em;height:2.5em}.order-direction-amount{font-size:1.15em}.order-direction-name,.order-direction-addr{display:none}.order-overview{grid-template-columns:minmax(0,12em) minmax(0,1fr)}.order-meta-panel{grid-area:1/1}.order-qr-panel{grid-area:1/2}.order-payment-panel{grid-area:2/1/auto/3}.order-qr-placeholder{max-height:14em}.order-qr-corners:after{right:-7.5em}.order-progress{margin:2em 0}.order-progress-icon{width:2.5em;height:2.5em;font-size:1.25em}.order-progress li:after{font-size:1.8em;top:.45em}.order-progress li>div>span:last-child{font-size:.72em}.order-information{grid-template-columns:1fr}.order-info-panel{padding:1.5em}.order-info-panel h2{font-size:1.5em}.order-notifications{min-height:18em}.order-page-notice-image{max-width:45%;bottom:-5em}}@media (max-width:470px){.order-direction{padding:1em;font-size:.8em}.order-coin-icon{flex-basis:2em;width:2em;height:2em}.order-direction-amount{font-size:1em}.order-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.order-meta-panel{padding:.35em .65em}.order-meta-item>div,.order-meta-item>time{font-size:.8em}.order-id-copy>span,.order-meta-time>div{font-size:1.2em}.order-meta-created>time{font-size:.8em}.order-qr-panel{padding:.5em}.order-qr-corners:after{right:-5.8em}.order-payment-panel{padding:1.2em}.order-progress li>div>span:last-child{padding:0 .2em}}