/* Deposit and withdrawal calculator inside the existing animated bottom sheet. */
.transfer-sheet--money {
  max-height:calc(100% - 34px);
  background:linear-gradient(165deg,#fff 0%,#fff 42%,#f8faff 100%);
}
.transfer-sheet--money .transfer-sheet-heading { position:relative; justify-content:center; padding:28px 52px 17px; }
.transfer-sheet--money .transfer-sheet-heading h2 { color:#141b29; font-size:20px; line-height:26px; letter-spacing:-.5px; text-align:center; }
.transfer-sheet--money .transfer-sheet-close { position:absolute; right:18px; top:26px; width:31px; height:31px; background:#f0f4fa; border:1px solid #eaf0f8; color:#67758b; }
.transfer-sheet--money .tx-form-sheet { padding:4px 17px calc(20px + env(safe-area-inset-bottom)); }
.tx-glyph { display:block; flex:0 0 20px; width:20px; height:20px; background:currentColor; -webkit-mask:var(--tx-glyph) center/contain no-repeat; mask:var(--tx-glyph) center/contain no-repeat; }
.tx-money-card { position:relative; z-index:1; padding:15px 16px 12px; border:1px solid #edf0f6; border-radius:24px; background:linear-gradient(125deg,#f7f8fc 0%,#fff 78%); box-shadow:0 5px 15px rgb(42 70 116 / 5%),inset 0 1px 0 white; }
.tx-money-card:has(.tx-picker[open]) { z-index:6; }
.tx-money-card + .tx-money-card { margin-top:13px; }
.tx-card-top { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:37px; color:#5c687b; font-size:12px; font-weight:500; }
.tx-card-top > label,.tx-card-top > span:first-child { flex:1; min-width:0; }
.tx-picker { position:relative; flex:0 0 auto; }
.tx-picker summary,.tx-asset-chip { display:flex; align-items:center; justify-content:center; gap:8px; min-height:37px; padding:5px 10px; border:1px solid transparent; border-radius:18px; background:#f0f3f9; color:#202b3b; font-size:14px; font-weight:600; white-space:nowrap; cursor:pointer; list-style:none; -webkit-tap-highlight-color:transparent; transition:background .2s,border-color .2s; }
.tx-asset-chip { cursor:default; }
.tx-picker summary::-webkit-details-marker { display:none; }
.tx-picker summary:hover,.tx-picker[open] summary { background:#eaf2ff; border-color:#d5e7ff; }
.tx-picker summary > .tx-glyph { width:14px; height:14px; flex-basis:14px; color:#78869a; transition:transform .3s cubic-bezier(.22,1,.36,1); }
.tx-picker[open] summary > .tx-glyph { transform:rotate(180deg); }
.tx-picker .method-mark,.tx-currency-icon { width:26px; height:26px; flex:0 0 26px; border-radius:50%; overflow:hidden; }
.tx-currency-icon { display:grid; place-items:center; background:#e1edff; color:#167cf1; font-size:16px; font-weight:700; }
.tx-currency-icon img { display:block; width:100%; height:100%; object-fit:cover; }
.tx-picker-menu { position:absolute; z-index:12; top:calc(100% + 7px); right:0; width:244px; max-height:244px; overflow-y:auto; overscroll-behavior:contain; padding:5px; border:1px solid #e0eafa; border-radius:18px; background:rgb(255 255 255 / 98%); box-shadow:0 12px 35px rgb(29 69 122 / 16%),0 3px 8px rgb(29 69 122 / 5%); transform-origin:top right; animation:tx-picker-in .24s cubic-bezier(.22,1,.36,1) both; }
.tx-picker--currency .tx-picker-menu { width:158px; }
.tx-picker-menu button { display:flex; align-items:center; width:100%; gap:10px; min-height:49px; padding:8px 9px; border-radius:13px; text-align:left; background:transparent; color:#2b3b52; font-size:13px; }
.tx-picker-menu button:hover { background:#f3f7fd; }
.tx-picker-menu button.selected { background:#edf5ff; color:#147bf3; }
.tx-picker-menu button > span:not(.method-mark):not(.tx-currency-icon):not(.tx-glyph) { min-width:0; }
.tx-picker-menu b { display:block; font-size:13px; }
.tx-picker-menu small { display:block; margin-top:2px; color:#97a3b5; font-size:10px; font-weight:400; }
.tx-picker-menu button > .tx-glyph { margin-left:auto; width:16px; height:16px; flex-basis:16px; visibility:hidden; }
.tx-picker-menu button.selected > .tx-glyph { visibility:visible; }
.tx-amount-line { display:flex; align-items:center; gap:10px; min-height:51px; margin-top:9px; }
.tx-amount-line input { display:block; width:100%; min-width:0; height:48px; padding:0; border:0; border-radius:0; background:transparent; color:#131c2c; font-size:34px; line-height:48px; font-weight:600; letter-spacing:-1.15px; caret-color:#2088f7; }
.tx-amount-line input:focus,.tx-amount-line input:focus-visible { outline:none; box-shadow:none; }
.tx-amount-line input::placeholder { color:#131c2c; opacity:1; }
.tx-amount-unit { color:#9aa6b6; font-size:12px; font-weight:600; }
.tx-amount-line .tx-picker summary { gap:5px; min-height:32px; padding:4px 7px; font-size:12px; }
.tx-amount-line .tx-currency-icon { width:20px; height:20px; flex-basis:20px; }
.tx-card-bottom { display:flex; align-items:center; min-height:28px; margin-top:10px; padding-top:9px; border-top:1px solid #e8edf5; color:#93a0b3; font-size:11px; line-height:16px; }
.tx-receive-value { margin-top:9px; min-height:51px; color:#131c2c; font-size:36px; line-height:51px; font-weight:700; letter-spacing:-1.1px; overflow-wrap:anywhere; }
.tx-receive-card .tx-card-bottom { font-size:12px; }
.tx-conditions { display:flex; flex-direction:column; gap:13px; margin-top:16px; padding:15px 13px; border:1px solid #f0f3f9; border-radius:22px; background:linear-gradient(130deg,#f3f6fc,#f6f8fc); }
.tx-condition { display:flex; align-items:center; gap:10px; min-height:28px; color:#77869a; font-size:12px; }
.tx-condition-icon { display:grid; place-items:center; width:29px; height:29px; flex:0 0 29px; border-radius:10px; color:#2982f6; background:#e8f0ff; }
.tx-condition-icon .tx-glyph { width:17px; height:17px; flex-basis:17px; }
.tx-condition > strong { max-width:55%; margin-left:auto; color:#43516a; font-size:11px; line-height:16px; font-weight:600; text-align:right; }
.tx-condition--rate > div { flex:1; min-width:0; }
.tx-condition--rate > div > span { display:block; color:#8c99ad; font-size:11px; }
.tx-condition--rate strong { display:block; margin-top:3px; color:#394c68; font-size:12px; line-height:17px; font-weight:600; }
.tx-rate-badge { flex:0 0 auto; padding:5px 9px; border-radius:10px; background:#e3efff; color:#2d85ee; font-size:10px; font-weight:600; }
.tx-presets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:16px; }
.tx-presets button { min-height:43px; padding:8px 3px; border:1px solid #eff2f8; border-radius:15px; background:#f3f5fa; color:#7b8aa0; font-size:14px; font-weight:600; }
.tx-presets button.selected { border-color:#318eff; background:linear-gradient(120deg,#379aff,#177df8); color:white; box-shadow:inset 0 1px 2px rgb(255 255 255 / 30%),0 3px 9px rgb(24 126 248 / 16%); }
.tx-form-sheet .error { margin:9px 0 0; min-height:0; padding:0; }
.tx-form-sheet .error:empty { display:none; }
.tx-form-sheet .tx-submit { margin-top:15px; }
.tx-submit .primary { min-height:64px; padding:11px 12px; border-radius:20px; }
#tx-submit-copy { display:flex; align-items:center; flex-direction:column; gap:4px; font-size:14px; font-weight:600; line-height:19px; }
#tx-submit-copy small { color:rgb(255 255 255 / 77%); font-size:11px; line-height:15px; font-weight:400; }
.tx-footnote { display:flex; align-items:flex-start; gap:6px; margin:12px 4px 0; color:#9aa9bf; }
.tx-footnote .tx-glyph { flex-basis:12px; width:12px; height:12px; margin-top:2px; }
.tx-footnote p { font-size:9px; line-height:14px; }
.tx-form-sheet .form-address { margin:16px 0 0; }
.tx-form-sheet .form-address .field-top { color:#7e8fa9; }
@keyframes tx-picker-in { from { opacity:0; transform:translateY(-5px) scale(.97); } to { opacity:1; transform:translateY(0) scale(1); } }
@media (prefers-reduced-motion:reduce) { .tx-picker-menu { animation:none; } .tx-picker summary > .tx-glyph { transition:none; } }