/* USD-first deposits, registered payment addresses and server-verified balances. */
.topup-page { background:radial-gradient(ellipse at 12% 0%,#1596ff14,transparent 48%),var(--paper); }
.topup-header { max-width:1260px; padding:26px 32px; display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:20px; }
.topup-header-back { justify-self:end; }
.topup-header-balance { min-width:0; max-width:340px; justify-self:end; padding:11px 15px; border:1px solid #326285; border-radius:12px; background:linear-gradient(125deg,#102e49,#0b1727); text-align:right; }
.topup-page .button { min-height:44px; border-radius:12px; gap:12px; }
.topup-page .button-dark { background:#59c9ff; border-color:#a6e5ff; color:#03131f; }
.topup-page .button-dark:hover:not(:disabled) { background:#8edbff; }
.topup-page .button-outline { border-color:#315574; background:#0d2035; }
.topup-page .button:hover { transform:none; }
.topup-main { width:min(100%,1260px); margin:0 auto; padding:25px 32px 56px; flex:1; }
.topup-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:24px; }
.topup-eyebrow { display:flex; align-items:center; gap:8px; margin:0 0 12px; color:#79d6ff; font-size:10px; font-weight:800; letter-spacing:1.6px; }
.topup-eyebrow svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; }
.topup-heading h1 { margin:0 0 10px; max-width:750px; font-size:clamp(28px,3.7vw,43px); letter-spacing:-1.5px; line-height:1.15; }
.topup-compat { display:none!important; }
#topup-workspace[data-step="3"] .topup-steps { display:none; }
.topup-heading>.button { flex-shrink:0; }
.topup-access { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:14px 18px; border:1px solid #284d70; border-radius:13px; background:#0f233a; margin-bottom:24px; }
.topup-access .button { flex:none; }
.topup-access p { margin:0; color:#bed5ed; font-size:12px; line-height:1.7; }
.topup-access p.is-error { color:#ffb4ca; }
.topup-notification { margin:0 0 24px; padding:15px 18px; border:1px solid #437c62; border-radius:13px; background:#1f4437; color:#a5f0cc; font-size:13px; font-weight:700; line-height:1.7; overflow-wrap:anywhere; }
.topup-notification:empty { display:none; }
.topup-signin { max-width:620px; padding:46px 24px; margin:30px auto; border:1px solid var(--line); border-radius:22px; background:var(--surface); text-align:center; }
.topup-signin-symbol { display:block; color:#59c9ff; font-size:65px; line-height:1; margin-bottom:20px; }
.topup-signin h2 { font-size:25px; line-height:1.3; letter-spacing:-.5px; }
.topup-signin p { max-width:430px; margin:0 auto 24px; color:var(--muted); font-size:13px; line-height:1.8; }
.topup-section-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:17px; }
.topup-section-heading h2 { margin:0; font-size:17px; letter-spacing:-.3px; }
.topup-section-heading>span { color:#a8bdd4; font-size:10px; }
.topup-header-balance .topup-balance-label { display:block; margin:0 0 4px; color:#c6ddf3; font-size:10px; font-weight:700; }
.topup-usd-total { display:block; color:#8edbff; font-size:24px; font-weight:800; letter-spacing:-.5px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; direction:ltr; }
.topup-balance-context { margin-bottom:18px; }
.topup-balance-context:has(.topup-small-note:empty) { margin-bottom:0; }
.topup-balance-context .topup-small-note { margin:4px 0 0; }
.topup-usd-total.is-unavailable { color:#ffb4ca; font-size:14px; letter-spacing:0; }
.topup-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr); gap:22px; align-items:start; }
.topup-card { min-width:0; padding:26px; border:1px solid #294967; border-radius:22px; background:#0b1727; box-shadow:inset 0 1px 0 #59c9ff0b,0 12px 45px #02091444; }
.topup-card h2 { margin:0 0 23px; font-size:23px; letter-spacing:-.7px; }
.topup-create { border-color:#326b93; background:linear-gradient(145deg,#10263e,#0b1727 72%); }
.topup-create>.sr-only { margin:-1px; }
.topup-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; margin:0 0 30px; padding:0 0 23px; border-bottom:1px solid #223c56; }
.topup-steps li { position:relative; display:flex; flex-direction:column; align-items:center; gap:9px; min-width:0; color:#99aec6; text-align:center; font-size:11px; font-weight:700; line-height:1.5; }
.topup-steps li+li::before { content:""; position:absolute; top:16px; right:calc(50% + 23px); width:calc(100% - 46px); height:1px; background:#2b5278; }
.topup-step-number { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border:1px solid #315c82; border-radius:50%; color:#b4cee8; background:#11283f; font-size:12px; font-variant-numeric:tabular-nums; }
.topup-steps li[aria-current="step"] { color:#d7f0ff; }
.topup-steps li[aria-current="step"] .topup-step-number { border-color:#8edbff; color:#03131f; background:#59c9ff; box-shadow:0 0 0 4px #59c9ff10; font-weight:800; }
.topup-steps li.is-complete .topup-step-number { border-color:#2c6994; color:#7bd8ff; background:#122f49; }
.topup-steps li.is-complete+li::before { background:#3c88bb; }
.topup-card .topup-step-title { margin:0 0 25px; font-size:clamp(23px,2.2vw,29px); line-height:1.3; letter-spacing:-.65px; text-wrap:balance; }
.topup-amount-minimum { display:inline-block; margin-left:8px; color:#a5bdd7; font-size:11px; font-weight:500; line-height:1.5; letter-spacing:0; vertical-align:middle; white-space:nowrap; }
.topup-crypto-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.topup-crypto-option { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:7px; min-width:0; min-height:120px; padding:15px 9px; border:1px solid #2b5074; border-radius:13px; color:#daeaff; background:#0c1c30; font:inherit; text-align:center; cursor:pointer; transition:background-color .15s,border-color .15s; }
.topup-choice-symbol { display:inline-flex; align-items:center; justify-content:center; flex:none; width:40px; height:40px; border:1px solid #315f89; border-radius:12px; color:#8edbff; background:#102b45; font-size:12px; font-weight:800; }
.topup-crypto-logo { display:block; width:32px; height:32px; object-fit:contain; }
.topup-choice-symbol[data-symbol="BTC"] { color:#ffdaa0; border-color:#75593b; background:#3a3024; }
.topup-choice-symbol[data-symbol="ETH"] { color:#dacfff; border-color:#625480; background:#342d47; }
.topup-choice-symbol[data-symbol="SOL"] { color:#a9f1de; border-color:#4d8070; background:#23463e; }
.topup-choice-symbol[data-symbol="LTC"] { color:#bfddff; border-color:#486787; background:#253c52; }
.topup-choice-name { min-width:0; max-width:100%; color:#e0eeff; font-size:13px; font-weight:800; line-height:1.45; overflow-wrap:anywhere; }
.topup-choice-meta { min-width:0; max-width:100%; margin-top:-3px; color:#a5bdd7; font-size:10px; line-height:1.6; overflow-wrap:anywhere; }
.topup-crypto-option:hover:not(:disabled),.topup-crypto-option[aria-pressed="true"] { border-color:#59c9ff; background:#132e48; }
.topup-crypto-option[aria-pressed="true"] { box-shadow:inset 0 0 0 1px #59c9ff2e; }
.topup-crypto-option:disabled,.topup-network-option:disabled { cursor:not-allowed; opacity:.45; }
.topup-crypto-option:active:not(:disabled),.topup-network-option:active:not(:disabled) { transform:translateY(1px); }
.topup-network-choice { margin-top:22px; padding-top:20px; border-top:1px solid #223c56; }
.topup-network-choice h3 { margin:0 0 8px; color:#e0eeff; font-size:17px; line-height:1.45; letter-spacing:-.25px; }
.topup-network-choice h3 { margin-bottom:15px; }
.topup-network-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.topup-network-option { display:flex; justify-content:center; align-items:center; gap:9px; min-width:0; min-height:60px; padding:13px 9px; border:1px solid #2b5074; border-radius:11px; color:#d5e8fd; background:#10243b; font:inherit; font-size:13px; font-weight:700; line-height:1.55; overflow-wrap:anywhere; cursor:pointer; transition:background-color .15s,border-color .15s; }
.topup-network-logo { display:block; flex:none; width:24px; height:24px; object-fit:contain; }
.topup-network-badge { position:absolute; right:-6px; bottom:-5px; display:flex; align-items:center; justify-content:center; width:20px; height:20px; border:2px solid #0c1c30; border-radius:50%; background:#0c1c30; }
.topup-network-badge .topup-network-logo { width:16px; height:16px; }
.topup-network-option:hover:not(:disabled),.topup-network-option[aria-pressed="true"] { color:#e1f4ff; border-color:#59c9ff; background:#133454; }
.topup-state-selects { display:none!important; }
.topup-step-actions { display:flex; align-items:stretch; gap:11px; margin-top:26px; }
.topup-step-actions .button { min-height:50px; padding:13px 18px; font-size:13px; }
.topup-step-primary { flex:1; min-width:0; box-shadow:inset 0 1px 0 #c7efff70,0 4px 14px #1596ff1f; }
.topup-step-back { flex:none; }
.topup-page .button:active:not(:disabled),.topup-copy:active:not(:disabled),.topup-quick-amount:active:not(:disabled) { transform:translateY(1px); }
.topup-payment-heading { position:relative; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.topup-payment-heading>.sr-only { margin:-1px; left:0; top:0; }
.topup-payment-context { display:flex; align-items:center; gap:10px; min-width:0; }
.topup-payment-context h3 { margin:0; color:#dcecff; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.topup-payment-context .topup-asset-symbol { width:36px; height:36px; border-radius:10px; font-size:10px; }
.topup-payment-context .topup-crypto-logo { width:28px; height:28px; }
.topup-icon-button { display:inline-flex; justify-content:center; align-items:center; flex:none; width:44px; height:44px; padding:11px; border:1px solid #315d82; border-radius:11px; color:#b9ddff; background:#102841; cursor:pointer; }
.topup-icon-button svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.topup-icon-button:hover:not(:disabled) { border-color:#59c9ff; background:#133454; }
.topup-icon-button:active:not(:disabled) { transform:translateY(1px); }
.topup-payment-amount { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; padding:11px 13px; border:1px solid #315d82; border-radius:12px; background:#071b2e; }
.topup-payment-amount strong { min-width:0; color:#93dcff; font-size:clamp(20px,2.4vw,29px); line-height:1.5; font-weight:800; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.topup-page .topup-payment-refresh { width:100%; min-height:50px; margin-top:18px; padding:13px 18px; font-size:13px; white-space:normal; }
.topup-form fieldset { margin:0; padding:0; min-width:0; border:0; }
.topup-form label { display:block; margin:0 0 9px; color:#c6ddf3; font-size:12px; font-weight:700; }
.topup-form label.sr-only { margin:-1px; }
.topup-form label>span { color:#99aec6; font-size:10px; font-weight:400; }
.topup-form input,.topup-form select { width:100%; min-width:0; min-height:47px; padding:13px; border:1px solid #315574; border-radius:11px; color:#e0eeff; background:#071725; font:inherit; font-size:14px; }
.topup-form select { padding-right:26px; }
.topup-form input::placeholder { color:#8ca5c2; }
.topup-form input:focus-visible,.topup-form select:focus-visible,.topup-page button:focus-visible { outline:2px solid #59c9ff; outline-offset:3px; }
.topup-amount-wrap { position:relative; }
.topup-amount-wrap input { min-height:88px; padding:17px 66px 17px 41px; border-color:#36749f; border-radius:14px; background:#071b2e; font-size:clamp(32px,3.2vw,42px); font-weight:800; letter-spacing:-1px; font-variant-numeric:tabular-nums; direction:ltr; }
.topup-amount-wrap>span { position:absolute; right:18px; top:50%; transform:translateY(-50%); color:#bdd6ef; font-size:12px; font-weight:800; pointer-events:none; }
.topup-amount-wrap>.topup-amount-dollar { left:17px; right:auto; color:#59c9ff; font-size:28px; font-weight:500; }
.topup-quick-amounts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:12px; }
.topup-quick-amount { min-width:0; min-height:45px; padding:10px 6px; border:1px solid #315574; border-radius:10px; color:#c6ddf3; background:#11283f; font:inherit; font-size:13px; font-weight:700; transition:background-color .15s,border-color .15s,color .15s; }
.topup-quick-amount:hover:not(:disabled),.topup-quick-amount[aria-pressed="true"] { color:#03131f; border-color:#59c9ff; background:#59c9ff; }
.topup-small-note { margin:12px 0 0; color:#a6bed8; font-size:11px; line-height:1.75; overflow-wrap:anywhere; }
.topup-small-note:empty { display:none; }
.topup-address-section,.topup-transaction-section { margin-top:26px; padding-top:24px; border-top:1px solid #223c56; }
.topup-address-heading { display:flex; align-items:center; gap:12px; }
.topup-address-heading h3 { margin:0 0 5px; color:#deeeff; font-size:14px; }
.topup-address-heading p { margin:0; color:#a5bdd7; font-size:10px; line-height:1.6; }
.topup-asset-symbol { position:relative; display:inline-flex; align-items:center; justify-content:center; width:43px; height:43px; flex-shrink:0; border:1px solid #315f89; border-radius:13px; color:#8edbff; background:#102b45; font-size:11px; font-weight:800; }
.topup-asset-symbol[data-symbol="BTC"] { color:#ffdaa0; border-color:#75593b; background:#3a3024; }
.topup-asset-symbol[data-symbol="ETH"] { color:#dacfff; border-color:#625480; background:#342d47; }
.topup-asset-symbol[data-symbol="SOL"] { color:#a9f1de; border-color:#4d8070; background:#23463e; }
.topup-asset-symbol[data-symbol="LTC"] { color:#bfddff; border-color:#486787; background:#253c52; }
.topup-address-box { display:flex; align-items:center; gap:12px; margin-top:12px; padding:11px 13px; border:1px solid #315d82; border-radius:12px; background:#071b2e; }
.topup-address-box code { flex:1; min-width:0; color:#d9eaff; font-size:12px; line-height:1.7; user-select:all; overflow-wrap:anywhere; direction:ltr; text-align:left; }
.topup-copy { flex-shrink:0; min-height:44px; padding:10px 12px; border:1px solid #36749f; border-radius:9px; background:#153859; color:#d7efff; font:inherit; font-size:10px; font-weight:700; }
.topup-network-note { margin:13px 0 0; padding:12px; color:#bfd7ef; border-left:3px solid #59c9ff; border-radius:0 7px 7px 0; background:#102e49; font-size:11px; line-height:1.7; }
.topup-qr-box { display:flex; justify-content:center; margin:22px 0; }
.topup-qr { width:min(240px,100%); flex:none; aspect-ratio:1; overflow:hidden; border:1px solid #ffffff; border-radius:12px; background:#ffffff; }
.topup-qr svg { display:block; width:100%; height:100%; }
.topup-qr-caption { min-width:0; }
.topup-qr-caption>p { margin:0; color:#a5bdd7; font-size:11px; line-height:1.7; }
.topup-qr-caption>.topup-qr-label { margin-bottom:9px; color:#deeeff; font-size:13px; font-weight:800; overflow-wrap:anywhere; }
.topup-qr-caption>.topup-small-note { margin-top:9px; color:#ffd0b8; }
.topup-watch { display:flex; align-items:flex-start; gap:10px; margin-top:17px; padding:13px; border:1px solid #284d70; border-radius:10px; background:#102841; }
.topup-watch-dot { flex:none; width:7px; height:7px; margin-top:6px; border-radius:50%; background:#59c9ff; box-shadow:0 0 0 4px #59c9ff14; }
.topup-watch p { margin:0; color:#bed5ed; font-size:11px; line-height:1.7; }
.topup-watch .topup-small-note { margin-top:7px; color:#a0bad6; font-size:10px; }
.topup-watch.is-unavailable { background:#3b3023; border-color:#756047; }
.topup-watch.is-unavailable .topup-watch-dot { background:#ebbf82; box-shadow:none; }
.topup-watch.is-unavailable p { color:#ecd2b5; }
.topup-transaction-section input { font-size:12px; direction:ltr; }
.topup-transaction-section summary { min-height:44px; padding:11px 0; color:#c6ddf3; font-size:12px; font-weight:700; cursor:pointer; }
.topup-transaction-section summary:focus-visible { outline:2px solid #59c9ff; outline-offset:5px; }
.topup-manual-fields { padding-top:18px; }
.topup-submit { width:100%; margin-top:19px; }
.topup-form-status { margin:17px 0 0; color:#d3e6fb; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.topup-form-status:empty { display:none; }
.topup-form-status.is-error { color:#ffb4ca; }
.topup-history .topup-section-heading { margin-bottom:0; }
.topup-history .topup-section-heading h2 { margin-bottom:0; }
.topup-order .topup-section-heading { margin-bottom:20px; }
.topup-order-status { margin:0 0 24px; padding:12px 14px; border:1px solid #715f3d; border-radius:10px; background:#3a3322; color:#eed6a2; font-size:14px; font-weight:700; line-height:1.5; }
.topup-order-status[data-status="confirmed"] { border-color:#326c95; background:#102e49; color:#bddeff; }
.topup-order-status[data-status="credited"] { border-color:#437c62; background:#1f4437; color:#a5f0cc; }
.topup-order-status[data-status="rejected"] { border-color:#8a3450; background:#351627; color:#ffc1d2; }
.topup-order-reference { display:grid; gap:8px; color:#a6bed8; font-size:11px; }
.topup-order-reference code { color:#d9eaff; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.topup-progress-legend { display:flex; align-items:center; flex-wrap:wrap; gap:14px; list-style:none; padding:0; margin:0; }
.topup-progress-legend li { display:flex; align-items:center; gap:6px; color:#b9d0e8; font-size:10px; }
.topup-progress-legend li>span { display:inline-flex; justify-content:center; align-items:center; width:22px; height:22px; border:1px solid #315d82; border-radius:50%; color:#79d6ff; background:#102e49; font-size:10px; font-weight:700; }
.topup-history-list { display:grid; gap:12px; margin-top:14px; }
.topup-history-empty { padding:32px 14px; color:#a5bdd7; text-align:center; font-size:12px; line-height:1.8; border:1px dashed #294967; border-radius:13px; }
.topup-deposit { min-width:0; padding:17px; border:1px solid #294967; border-radius:13px; background:#091b2e; }
.topup-deposit-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:10px; }
.topup-deposit-heading h3 { margin:0; font-size:13px; }
.topup-deposit-state { border:1px solid #715f3d; border-radius:20px; padding:5px 8px; background:#3a3322; color:#eed6a2; font-size:9px; font-weight:700; }
.topup-deposit-state[data-status="confirmed"] { border-color:#326c95; background:#102e49; color:#bddeff; }
.topup-deposit-state[data-status="credited"] { border-color:#437c62; background:#1f4437; color:#a5f0cc; }
.topup-deposit-state[data-status="rejected"],.topup-deposit-state[data-status="failed"] { border-color:#8a3450; background:#351627; color:#ffc1d2; }
.topup-deposit-amount { margin:0 0 7px; color:#deeeff; font-size:20px; font-weight:800; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.topup-deposit-network,.topup-deposit-detail,.topup-deposit-time { margin:7px 0; color:#a6bed8; font-size:10px; line-height:1.7; }
.topup-deposit-time { display:block; }
.topup-deposit-hash { display:block; padding:9px 10px; color:#c6ddf3; border:1px solid #223c56; border-radius:7px; background:#071625; font-size:10px; line-height:1.7; overflow-wrap:anywhere; direction:ltr; }
.topup-deposit-check { min-height:44px; margin-top:9px; padding:8px 10px; border:1px solid #315d82; border-radius:8px; color:#bedbfb; background:#112c46; font:inherit; font-size:10px; font-weight:700; }
.topup-footer { padding:22px; color:#8fa8c4; text-align:center; font-size:10px; line-height:1.8; border-top:1px solid #223c56; }
.topup-page[data-topup-page="selection"] .topup-heading { max-width:720px; margin-right:auto; margin-left:auto; }
.topup-page[data-topup-page="selection"] .topup-layout { max-width:720px; margin:0 auto; grid-template-columns:minmax(0,1fr); }
.topup-page[data-topup-page="selection"] .topup-card .topup-step-title { margin-bottom:18px; font-size:21px; }
.topup-page[data-topup-page="selection"] .topup-crypto-options { grid-template-columns:repeat(5,minmax(0,1fr)); }
.topup-page[data-topup-page="selection"] .topup-crypto-option { min-height:106px; padding:12px 7px; gap:6px; }
.topup-page[data-topup-page="selection"] #topup-step-amount { margin-top:26px; padding-top:24px; border-top:1px solid #223c56; }
.topup-page[data-topup-page="selection"] .topup-amount-wrap input { min-height:76px; }
.topup-page[data-topup-page="selection"] .topup-step-actions { margin-top:24px; }
@media(max-width:850px) { .topup-main { padding:20px 24px 40px; } .topup-header { padding:24px; } .topup-layout { gap:15px; } .topup-card { padding:20px; } .topup-crypto-options { grid-template-columns:repeat(2,minmax(0,1fr)); } .topup-crypto-option:last-child:nth-child(5) { grid-column:1 / -1; } }
@media(min-width:651px) and (max-width:850px) { .topup-page[data-topup-page="selection"] .topup-crypto-options { grid-template-columns:repeat(3,minmax(0,1fr)); } .topup-page[data-topup-page="selection"] .topup-crypto-option:last-child:nth-child(5) { grid-column:auto; } }
@media(max-width:650px) { .topup-header { padding:20px 18px; } .topup-header .brand { font-size:21px; } .topup-header .brand-logo { width:36px; height:36px; border-radius:9px; } .topup-header .button { font-size:10px; padding:10px 12px; } .topup-main { padding:18px; } .topup-heading h1 { letter-spacing:-1px; } .topup-layout { grid-template-columns:minmax(0,1fr); } .topup-card { padding:20px 17px; border-radius:17px; } .topup-steps { margin-bottom:25px; padding-bottom:20px; } .topup-steps li { padding:0 2px; font-size:10px; } .topup-crypto-option { min-height:112px; padding:13px 8px; } .topup-choice-name { font-size:12px; } .topup-network-option { font-size:12px; } .topup-payment-amount,.topup-address-box { gap:8px; padding:10px; } .topup-address-box code { font-size:11px; } .topup-step-actions .button { padding-right:12px; padding-left:12px; } }
@media(max-width:650px) { .topup-page[data-topup-page="selection"] .topup-crypto-options { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .topup-page[data-topup-page="selection"] .topup-crypto-option { min-height:98px; } .topup-page[data-topup-page="selection"] .topup-card .topup-step-title { font-size:20px; } }
@media(max-width:650px) { .topup-header { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; align-items:center; } .topup-header .brand { grid-column:1; grid-row:1; min-width:0; gap:7px; font-size:clamp(16px,4.5vw,21px); } .topup-header-back { grid-column:1; grid-row:2; justify-self:start; } .topup-header-balance { grid-column:2; grid-row:1; max-width:100%; padding:10px 12px; } .topup-usd-total { font-size:20px; } }
@media(prefers-reduced-motion:reduce) { .topup-page .button,.topup-copy,.topup-quick-amount,.topup-crypto-option,.topup-network-option { transition:none; } }