#withdraw-screen {
  --withdraw-text: #f7fbff;
  --withdraw-muted: #a7c5e9;
  --withdraw-border: #315e78;
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: auto;
  scroll-padding-block: 16px;
  overscroll-behavior: contain;
  color: var(--withdraw-text);
  background: radial-gradient(ellipse at 55% 35%, #08334855, transparent 65%), #031d2e;
  touch-action: pan-y;
}
#withdraw-screen[hidden], #withdraw-screen [hidden] { display: none !important; }
.withdraw-layout { width: 100%; max-width: 560px; min-height: 100%; margin: auto; padding: 26px 20px 28px; display: flex; flex-direction: column; }
#withdraw-back { background: none; border: 0; color: var(--withdraw-muted); display: flex; align-items: center; gap: 8px; padding: 8px 0; margin: 0 0 18px; align-self: flex-start; }
#withdraw-back svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 2; }
#withdraw-screen h1 { font-size: 2.25rem; line-height: 1.15; letter-spacing: -.035em; margin: 0 0 8px; }
#withdraw-screen h2 { font-size: 1.375rem; line-height: 1.3; margin: 0 0 16px; }
#withdraw-screen p { font-size: 1rem; line-height: 1.5; color: var(--withdraw-muted); }
#withdraw-screen header { margin-bottom: 20px; }
#withdraw-screen header p { margin: 0; }
#withdraw-screen button { font: inherit; min-height: 44px; cursor: pointer; border-radius: 11px; -webkit-tap-highlight-color: transparent; }
#withdraw-screen button:disabled { cursor: not-allowed; }
#withdraw-screen button:active:not(:disabled) { filter: brightness(.9); }
.withdraw-asset, .withdraw-token, .withdraw-network { display: flex; align-items: center; }
.withdraw-asset { justify-content: space-between; flex-wrap: wrap; gap: 12px 16px; margin-bottom: 18px; }
.withdraw-token { gap: 10px; font-size: 1.125rem; }
.withdraw-token img { width: 36px; height: 36px; }
.withdraw-network { gap: 8px; padding: 5px 10px 5px 5px; color: var(--withdraw-muted); border: 1px solid var(--withdraw-border); border-radius: 24px; background: #0e3248aa; font-size: .875rem; white-space: nowrap; }
.withdraw-network svg { width: 24px; height: 24px; flex-shrink: 0; }
#withdraw-form { display: flex; flex: 1; flex-direction: column; }
#withdraw-screen label { display: block; font-size: 1.0625rem; font-weight: 650; margin: 24px 0 10px; }
#withdraw-screen label span { font-size: .875rem; font-weight: 400; color: var(--withdraw-muted); }
#withdraw-screen input { width: 100%; min-width: 0; padding: 15px 16px; border: 1px solid #416d88; border-radius: 12px; background: #0c2e42a3; color: var(--withdraw-text); font: inherit; font-size: 1rem; min-height: 50px; }
#withdraw-screen input::placeholder { color: #8da6b9; opacity: 1; }
.withdraw-amount-card { padding: 16px; border: 1px solid #244e66; border-radius: 13px; background: #0c2e42b3; }
#withdraw-screen .withdraw-amount-card label { font-size: .9375rem; font-weight: 500; color: var(--withdraw-muted); margin: 0 0 8px; }
#withdraw-amount-row { display: flex; align-items: center; gap: 8px; min-height: 62px; }
#withdraw-screen #withdraw-amount { flex: 0 1 auto; width: var(--amount-width, 4.3ch); padding: 0; min-height: 58px; border: 0; border-radius: 4px; background: transparent; font-size: 2.75rem; line-height: 1.2; font-weight: 750; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
#withdraw-screen #withdraw-amount[data-compact="true"] { font-size: 1.5rem; letter-spacing: -.02em; }
#withdraw-amount-currency { font-size: 1rem; color: var(--withdraw-muted); }
#withdraw-amount-row button { flex-shrink: 0; margin-left: auto; padding: 8px 14px; border: 1px solid #196383; background: #073d57; color: #71dcf6; font-weight: 600; }
#withdraw-amount-done { display: none; }
#withdraw-amount:focus ~ #withdraw-amount-done { display: block; }
#withdraw-amount:focus ~ #withdraw-max { display: none; }
.withdraw-available { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 12px; margin-top: 12px; border-top: 1px solid var(--withdraw-border); color: var(--withdraw-muted); font-size: .9375rem; }
.withdraw-available strong { color: var(--withdraw-text); font-weight: 650; overflow-wrap: anywhere; }
.withdraw-address-row { display: flex; align-items: center; border: 1px solid #416d88; border-radius: 12px; background: #0c2e42a3; }
#withdraw-screen .withdraw-address-row input { border: 0; background: transparent; }
#withdraw-paste { flex-shrink: 0; border: 0; background: none; color: #71dcf6; padding: 8px 14px; margin-right: 2px; font-weight: 600 !important; }
#withdraw-paste:disabled { opacity: .65; }
#withdraw-screen .withdraw-help { font-size: .8125rem; margin: 7px 0 0; }
#withdraw-screen .withdraw-error { color: #ff9ba3; font-size: .875rem; margin: 8px 0 0; }
#withdraw-warning { color: #f7cc88 !important; padding: 14px; border-radius: 12px; background: #8a531326; margin: 0 0 18px; }
#withdraw-error { padding: 14px; border: 1px solid #bd5264; border-radius: 12px; margin-top: 16px !important; }
.withdraw-summary { border-top: 1px solid #244e66; margin-top: 22px; padding-top: 12px; }
.withdraw-summary dl { margin: 0; }
.withdraw-summary dl > div { display: flex; justify-content: space-between; gap: 16px; margin: 9px 0; font-size: .9375rem; }
.withdraw-summary dd { margin: 0; text-align: right; color: var(--withdraw-text); font-weight: 650; overflow-wrap: anywhere; }
#withdraw-fee { color: var(--withdraw-muted); font-weight: 400; }
.withdraw-summary .withdraw-net { border-top: 1px solid #244e66; padding-top: 16px; font-weight: 750; }
#withdraw-screen[data-step="entry"] #withdraw-summary-title { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#withdraw-screen:not([data-step="entry"]) .withdraw-review-action,
#withdraw-screen:not([data-step="entry"]) .withdraw-asset { display: none; }
.withdraw-review-action { margin-top: auto; padding-top: 26px; }
#withdraw-submit-hint { font-size: .8125rem !important; text-align: center; min-height: 1.5em; margin: 0 0 9px; }
#withdraw-submit-hint:empty { visibility: hidden; }
.withdraw-primary { width: 100%; min-height: 54px !important; padding: 14px; margin-top: 20px; background: #00c2ef; border: 1px solid #16d1fb; color: #002238; font-size: 1.0625rem !important; font-weight: 750 !important; }
.withdraw-review-action .withdraw-primary { margin-top: 0; }
#withdraw-screen .withdraw-primary:disabled { background: #284b67; border-color: #284b67; color: #b0c9e8; }
.withdraw-secondary { width: 100%; padding: 12px; margin-top: 12px; background: transparent; border: 1px solid #416d94; color: var(--withdraw-muted); }
.withdraw-secondary:disabled { opacity: .5; }
.withdraw-destination { overflow-wrap: anywhere; line-height: 1.6; font-size: 1rem; background: #0c2e42b3; padding: 16px; border: 1px solid var(--withdraw-border); border-radius: 14px; }
#withdraw-memo-review { overflow-wrap: anywhere; }
.withdraw-confirmation-note { margin-top: 16px; }
#withdraw-progress { padding: 24px 0; text-align: center; }
#withdraw-tx { display: inline-flex; align-items: center; min-height: 48px; color: #3edcff; margin-top: 16px; }
#withdraw-screen :focus { outline: none; }
:root[data-input-mode="keyboard"] #withdraw-screen :focus-visible { outline: 3px solid #86e9ff; outline-offset: 3px; }
#withdraw-screen h1:focus, #withdraw-screen h2:focus { outline: none; }
#withdraw-screen input:focus { box-shadow: inset 0 0 0 1px #45c8ea; }
#withdraw-screen #withdraw-amount:focus { box-shadow: none; }
.withdraw-amount-card:has(#withdraw-amount:focus) { border-color: #45c8ea; }
#withdraw-screen input[aria-invalid="true"] { box-shadow: inset 0 0 0 1px #ff9ba3; }
@media (max-width: 360px) {
  .withdraw-layout { padding-left: 16px; padding-right: 16px; }
  .withdraw-amount-card { padding: 14px; }
  #withdraw-screen #withdraw-amount { font-size: 2.375rem; }
  #withdraw-amount-row button { padding-inline: 10px; }
  .withdraw-network { font-size: .8125rem; gap: 5px; }
}
@media (min-width: 480px) { .withdraw-layout { padding-inline: 28px; } }
@media (prefers-reduced-motion: no-preference) {
  #withdraw-screen button { transition: background-color .15s, color .15s; }
}