.topup-notice-scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030711c2;padding:20px}.topup-notice{background:var(--card,#121926);width:100%;max-width:360px;max-height:calc(100dvh - 40px);color:var(--text);text-align:left;border:1px solid #ffffff14;border-radius:20px;padding:24px;overflow-y:auto;box-shadow:0 24px 80px #00000059}.topup-notice-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.topup-notice-mark{background:color-mix(in srgb, var(--brand) 12%, transparent);color:#78b4ff;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.topup-notice-mark svg{width:25px;height:25px}.topup-notice-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:4px;display:grid}.topup-notice-close svg{width:22px;height:22px}.topup-notice-close:hover{color:var(--text);background:#ffffff0f}.topup-notice-title{font-family:var(--body);color:var(--text);margin:0 0 10px;font-size:19px;font-weight:600;line-height:1.6}.topup-notice-body{color:#a9b4c7;margin:0;font-size:14px;font-weight:400;line-height:1.8}.topup-notice-countdown{margin-top:24px}.topup-notice-countdown-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.topup-notice-countdown-row>span{color:var(--text-muted);font-size:12px;line-height:1.8}.topup-notice-timer{color:#e9f2ff;font-family:var(--font-jakarta), sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:22px;font-weight:500;line-height:1.4}.topup-notice-timer span{color:#6c819e;padding:0 2px}.topup-notice-track{background:#ffffff12;border-radius:4px;height:3px;margin-top:14px;overflow:hidden}.topup-notice-track i{border-radius:inherit;background:var(--brand);height:100%;transition:width 1s linear;display:block}.topup-notice-actions{flex-direction:column;align-items:stretch;gap:12px;margin-top:24px;display:flex}.topup-notice .topup-notice-primary{border-radius:var(--r-sm);white-space:normal;width:100%;min-height:48px;padding:12px 10px;font-size:14px;font-weight:600;line-height:1.7}.topup-notice-support{color:#a9b4c7;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;min-height:32px;padding:4px 0;font-size:12px;line-height:1.8;text-decoration:none;display:inline-flex}.topup-notice-support svg{flex-shrink:0;width:16px;height:16px}.topup-notice-support:hover{color:var(--text)}.topup-notice :is(button,a):focus-visible{outline-offset:4px;outline:2px solid #8cc0ff}@media (max-width:359px){.topup-notice{padding:20px}.topup-notice-title{font-size:18px}}@media (prefers-reduced-motion:reduce){.topup-notice-track i{transition:none}}
