/* Presentation only: existing account, payment and email controllers stay in charge. */
.modal { max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); }
.login-modal { border-radius: 18px; }
.login-form { min-width: 0; }
.login-form > p { color: #b1aab6; line-height: 1.7; }
.login-form label { color: #c6bfcb; font-size: 13px; }
.login-form input:not([type="checkbox"]) { box-sizing: border-box; min-height: 46px; font-size: 16px; border-radius: 9px; }
.adult-confirm span { color: #b5aebb; }
.login-form .primary-button { min-height: 46px; border-radius: 9px; }
.member-center-head { padding: 24px 30px 20px; }
.member-center-head h2 { margin-top: 4px; font-size: 25px; }
.member-center-head p { color: #b9b1c0; }
.member-center-actions { padding-right: 20px; }
.member-center-modal .purchase-history { padding: 22px 30px 28px; }
.member-time-credit { padding: 20px; margin-bottom: 20px; }
.member-time-credit > p:last-of-type { color: #bcb0a2; }
.member-time-credit summary { min-height: 44px; box-sizing: border-box; line-height: 1.7; }
.member-credit-head h3 { line-height: 1.6; }
.account-security label { color: #b5aebe; font-size: 12px; }
.member-email-status { margin: 0 0 16px; padding: 16px; border: 1px solid #39323e; border-radius: 12px; background: #19171e; }
.member-email-status h3 { font-size: 15px; }
.member-email-status p { color: #bbb2c3; font-size: 13px; line-height: 1.7; }
.member-email-status button { min-height: 44px; flex: 0 0 auto; }
.member-email-modal small { color: #bbb3c3; }
.member-email-modal .login-form > p { margin-bottom: 12px; }
.email-code-row button { min-height: 46px; }
.credit-checkout { overflow-wrap: anywhere; }
.credit-history-row { color: #c6bcb0; }
@media (max-width: 700px) {
  .login-modal[open] { grid-template-columns: minmax(0, 1fr); }
  .login-modal .login-art { display: none; }
  .login-modal .login-form { padding: 32px 22px 24px; }
  .login-modal .login-form h2 { font-size: 26px; padding-right: 24px; }
  .member-center-modal[open] { width: calc(100% - 20px); max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); }
  .member-center-head { padding: 22px 18px 16px; gap: 12px; }
  .member-center-head h2 { font-size: 23px; }
  .member-center-actions { padding-right: 0; }
  .member-center-modal .purchase-history { padding: 16px 14px calc(20px + env(safe-area-inset-bottom)); }
  .member-time-credit { padding: 15px; }
  .member-email-status { padding: 14px; gap: 10px; }
  .daily-checkin { padding: 14px; }
  .profile-completion { margin: 14px 14px 0; }
}
@media (max-width: 350px) {
  .member-email-status { flex-direction: column; align-items: stretch; }
  .member-center-head .member-wallet-entry { font-size: 11px; }
}

/* Account overview: real balance first, secondary tasks behind clear sections. */
#memberCenterModal .member-center-head { padding: 14px 24px; gap: 0; align-items: stretch; background: #151418; }
#memberCenterModal .account-heading { width: 100%; min-width: 0; }
#memberCenterModal .account-heading-title { display: flex; align-items: center; gap: 10px; min-width: 0; }
#memberCenterModal .member-center-head h2 { flex: 0 0 auto; margin: 0; font-size: 18px; line-height: 26px; letter-spacing: 0; }
#memberAccountType { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #c8aa7e; font-size: 11px; }
#memberCenterModal #memberIdentity { margin: 4px 0 0; font-size: 12px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#memberCenterModal .member-center-head [data-member-login] { margin-top: 8px; }
#memberCenterModal .account-created-at { margin: 0 16px 12px; font-size: 12px; overflow-wrap: anywhere; }
#memberTimeCredit { border: 0; padding: 0; background: none; margin-bottom: 12px; }
#memberTimeCredit > .member-credit-head { padding: 16px 18px 0; background: #241f1a; border-radius: 14px 14px 0 0; }
.credit-metrics { background: #241f1a; border-radius: 0 0 14px 14px; padding: 12px 18px 18px; }
.credit-metrics[hidden] { display: none; }
.credit-main > span { font-size: 12px; color: #cbb99e; }
.credit-main > strong { display: block; margin: 6px 0; color: #f4d299; font-size: 38px; line-height: 1.3; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.credit-metrics small { margin-left: 6px; font-size: 12px; color: #cab695; font-weight: 400; }
.credit-main p { margin: 0 0 16px; font-size: 12px; color: #b9ab98; }
.credit-secondary { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #ffffff15; padding-top: 14px; gap: 12px; }
.credit-secondary > div { min-width: 0; }
.credit-secondary span { display: block; font-size: 11px; color: #bbad9d; line-height: 1.6; }
.credit-secondary strong { display: block; margin-top: 5px; font-size: 18px; font-weight: 500; color: #ede3d3; overflow-wrap: anywhere; }
.credit-held { margin: 12px 0 0; font-size: 12px; color: #ceb990; }
#memberCenterModal .daily-checkin { grid-template-columns: 1fr auto; padding: 16px; margin-top: 12px; gap: 8px; }
#memberCenterModal .daily-checkin strong { font-size: 15px; }
#memberCenterModal .daily-checkin button { width: auto; }
#memberCenterModal .daily-checkin p { font-size: 12px; }
#memberCenterModal .account-section { margin: 10px 0; padding: 0; background: #19171e; border: 1px solid #39313e; border-radius: 12px; overflow: hidden; scroll-margin-top: 12px; }
#memberCenterModal .account-section > summary { padding: 16px; min-height: 54px; color: #eee5f1; font-size: 14px; cursor: pointer; }
.account-section > summary > span { margin-left: 10px; font-size: 11px; color: #a99dae; }
.account-section > p { padding-inline: 16px; line-height: 1.7; color: #b8adbe; }
.account-section > details { margin-inline: 16px; }
#memberCenterModal .account-section > .member-email-status { margin: 0 12px 12px; }
#memberCenterModal .account-section > .member-center-actions { padding: 16px; justify-content: flex-start; }
#memberCenterModal .account-section .purchase-history-title { padding: 12px 16px 0; }
#memberCenterModal .account-section .purchase-history-list { padding: 0 12px 12px; }
@media (max-width: 760px) {
  .discover-home dialog[data-page-pane][open] { position: fixed; z-index: 30; inset: 0 0 calc(60px + env(safe-area-inset-bottom)); width: 100%; height: auto; max-width: none; max-height: none; margin: 0; border: 0; border-radius: 0; background: #0e0c12; animation: none; }
  .discover-home dialog[data-page-pane] .member-center-head { padding: calc(18px + env(safe-area-inset-top)) 18px 14px; }
  .discover-home dialog[data-page-pane] .purchase-history { padding: 14px 14px 24px; }
  .discover-home dialog[data-page-pane] .member-center-head h2 { font-size: 24px; }
  .discover-home #memberCenterModal .member-center-head { padding: calc(12px + env(safe-area-inset-top)) 18px 12px; }
  .discover-home:has(dialog[data-page-pane][open]) .footer { visibility: hidden; }
  .credit-main > strong { font-size: 34px; }
  .credit-secondary strong { font-size: 17px; }
  .account-section > summary > span { display: block; margin: 4px 0 0; }
}

#memberCenterModal .member-center-head [hidden] { display: none !important; }
#memberCenterModal .daily-checkin button { min-width: 88px; max-width: 130px; }

#memberCenterModal .daily-checkin .benefit-policy, #memberCenterModal .daily-checkin .benefit-terms { grid-column: 1 / -1; }
#memberCenterModal .benefit-policy, #memberCenterModal #refund-turnover { color: #e4c994; font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
#memberCenterModal .benefit-terms { font-size: 12px; color: #bdb09e; }
#memberCenterModal .benefit-terms > summary { min-height: 44px; line-height: 1.8; display: flex; align-items: center; cursor: pointer; }
#memberCenterModal .benefit-terms p { line-height: 1.8; margin: 8px 0; }

.credit-number { display: inline-block; min-inline-size: 3ch; font: inherit; font-variant-numeric: tabular-nums; text-align: start; }
.credit-money { min-inline-size: 9ch; }
.credit-value-button { display: inline; padding: 0; border: 0; background: none; color: inherit; font: inherit; line-height: inherit; cursor: pointer; }
.credit-value-button:disabled { color: inherit; cursor: default; }
.credit-metrics.is-loading .credit-number { color: transparent; background: #ffffff16; border-radius: 4px; user-select: none; }

.credit-game-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 12px; color: #ceb990; }
.credit-game-summary > div { min-width: 0; }
.credit-game-summary > div > span { display: block; font-size: 11px; line-height: 1.7; }
.credit-game-summary strong { display: block; font-weight: 500; font-size: 13px; line-height: 1.7; white-space: nowrap; overflow-x: auto; }
.credit-game-summary strong small { font-size: 11px; }
.credit-refund { white-space: nowrap; overflow-x: auto; }
.credit-refund > span { display: block; }
.credit-main > strong { display: flex; align-items: baseline; }
.credit-main .credit-value-button { max-inline-size: calc(100% - 2rem); white-space: nowrap; overflow-x: auto; }

.credit-game-summary strong, .credit-refund, .credit-value-button { scrollbar-width: none; }
.credit-game-summary strong::-webkit-scrollbar, .credit-refund::-webkit-scrollbar, .credit-value-button::-webkit-scrollbar { display: none; }

/* Compact overview: spendable composition above two independent accounts. */
#memberTimeCredit .credit-metrics { border-radius:14px; padding:18px; }
#memberTimeCredit .credit-number { min-inline-size:0; }
#memberTimeCredit .credit-metrics.is-loading .credit-number { min-inline-size:3ch; }
.credit-composition { margin-top:10px; padding-bottom:14px; border-bottom:1px solid #ffffff15; }
.credit-composition > p { display:flex; align-items:baseline; gap:8px; margin:0 0 9px; font-size:11px; color:#cbb99e; }
.credit-composition > p small { margin:0; color:#a89b86; font-size:10px; }
.credit-components { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.credit-components > div { min-width:0; }
.credit-components span { display:block; font-size:11px; color:#b9ab96; }
.credit-components strong { display:flex; align-items:baseline; margin-top:4px; font-size:15px; font-weight:500; white-space:nowrap; overflow-x:auto; scrollbar-width:none; }
.account-wallets { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:8px; }
.account-wallets > section { min-width:0; }
.account-wallets > section + section { padding-left:14px; border-left:1px solid #ffffff15; }
.account-wallets h3 { margin:0; font-size:12px; font-weight:500; color:#d8c5a5; }
.account-wallets > section > h3, .account-wallet-heading { min-height:44px; display:flex; align-items:center; }
.account-wallet-heading { justify-content:space-between; gap:5px; }
#memberTimeCredit .account-wallet-heading .member-topup { flex:none; min-height:44px; padding:5px 7px; font-size:11px; border:1px solid #a5824e66; border-radius:7px; background:#69512433; color:#edcb88; cursor:pointer; }
.account-wallet-balance { display:flex; align-items:baseline; font-size:24px; line-height:1.4; font-weight:600; color:#f4d299; white-space:nowrap; overflow-x:auto; scrollbar-width:none; }
.account-wallets section > p { margin:9px 0 3px; font-size:10px; color:#a99c88; }
.account-wallet-flow { display:flex; align-items:baseline; gap:3px; font-size:12px; line-height:20px; white-space:nowrap; overflow-x:auto; scrollbar-width:none; }
.account-wallet-flow > span { color:#9b8e7e; }
.account-wallet-flow .credit-number { flex:none; }
.credit-components strong::-webkit-scrollbar, .account-wallet-balance::-webkit-scrollbar, .account-wallet-flow::-webkit-scrollbar { display:none; }
.credit-billing-note { margin:4px 10px 0; color:#a89b86; font-size:11px; }
.credit-billing-note summary { display:flex; align-items:center; min-height:36px!important; cursor:pointer; }
.credit-billing-note summary::before { content:'›'; margin-right:6px; }
.credit-billing-note[open] summary::before { transform:rotate(90deg); }
.credit-billing-note p { margin:0 0 10px; line-height:1.7; }
#memberCenterModal .benefit-claimed-total { margin:9px 0 0; color:#d9c39d; font-size:12px; line-height:20px; }
.benefit-claimed-total b { font-weight:600; font-variant-numeric:tabular-nums; }
#memberCenterModal .daily-game-benefit { padding:16px; }
@media(max-width:350px){
 #memberTimeCredit .credit-metrics { padding:14px; }
 .account-wallets { gap:10px; }
 .account-wallets > section + section { padding-left:10px; }
 .account-wallet-heading { gap:3px; }
 .account-wallets h3 { font-size:11px; }
 .credit-composition > p { gap:5px; }
}

.account-wallet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px}#memberTimeCredit .account-wallet-actions button{min-width:0;min-height:44px;padding:5px;border:1px solid #c4a36566;border-radius:8px;background:#b68d3820;color:#f4d99e;font:600 12px system-ui,sans-serif}.account-wallet-actions button:focus-visible{outline:2px solid #ffe1a0;outline-offset:2px}

/* Compact refund sheet: keep payment controls separate from the account page. */
#refundModal { width: min(440px, calc(100% - 28px)); max-height: min(740px, calc(100dvh - 28px)); padding: 0; border: 1px solid #77604388; border-radius: 22px; background: radial-gradient(ellipse at 15% 0, #3a302744, transparent 55%), #14151b; box-shadow: 0 24px 100px #000b; }
#refundModal[open] { display: flex; flex-direction: column; gap: 0; }
#refundModal::backdrop { background: #030609b8; backdrop-filter: blur(7px); }
#refundModal [hidden] { display: none !important; }
#refundModal .refund-heading { display: flex; align-items: center; gap: 10px; flex: none; padding: 17px 20px 14px 12px; border-bottom: 1px solid #ffffff0c; }
#refundModal .refund-heading h2 { margin: 0; font-size: 20px; font-weight: 650; }
#refundModal .refund-heading > span { margin-left: auto; color: #aaa393; font-size: 11px; letter-spacing: .04em; }
#refundModal .refund-back { display: grid; place-items: center; padding: 7px; border: 0; background: none; color: #e0c18c; box-shadow: none; }
#refundModal svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#refundModal .refund-body { overflow: auto; min-height: 0; padding: 18px 22px 8px; scrollbar-width: thin; }
#refundModal .refund-balance { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding-bottom: 22px; }
#refundModal .refund-balance span { display: block; margin-bottom: 7px; color: #a9a5a0; font-size: 12px; }
#refundModal .refund-balance strong { display: block; font-size: 20px; color: #eed3a3; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#refundModal .refund-balance > div:last-child strong { padding-top: 3px; color: #b6d9ca; font-size: 15px; }
#refundModal .refund-amounts { display: grid; grid-template-columns: minmax(0,1fr) 26px minmax(0,1fr); align-items: center; gap: 6px; }
#refundModal .refund-amounts label { min-width: 0; padding: 11px 12px; border: 1px solid #ffffff1a; border-radius: 12px; background: #090c102f; }
#refundModal .refund-amounts label:focus-within { border-color: #d4b577a0; box-shadow: 0 0 0 2px #d4b5770b; }
#refundModal .refund-amounts label > span { display: flex; align-items: center; justify-content: space-between; gap: 4px; font-size: 12px; color: #c9c5bf; }
#refundModal .refund-amounts small { color: #938c7d; font-size: 10px; }
#refundModal .refund-amounts input { display: block; width: 100%; min-width: 0; padding: 8px 0 0; margin: 0; border: 0; border-radius: 0; background: none; color: #f8efd9; box-shadow: none; outline: none; font-size: 21px; font-variant-numeric: tabular-nums; }
#refundModal .refund-exchange { text-align: center; color: #ad9368; font-size: 21px; }
#refundModal .refund-rate { margin: 9px 0 22px; color: #8f8d8b; font-size: 11px; line-height: 1.6; }
#refundModal .refund-address-label { display: block; margin-bottom: 9px; color: #cdc7bc; font-size: 13px; }
#refundModal .refund-address-input { position: relative; }
#refundModal .refund-address-input > input { width: 100%; min-width: 0; padding: 13px 34px 13px 12px; border: 1px solid #ffffff1a; border-radius: 12px; outline: none; background: #090c102f; color: #eee7d9; font-size: 16px; }
#refundModal .refund-address-input > input:focus { border-color: #d4b577a0; }
#refundModal #refund-address-toggle { position: absolute; right: 4px; top: 6px; display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; background: transparent; color: #d9bc88; }
#refundModal .refund-address-options { position: absolute; inset: calc(100% + 6px) 0 auto; z-index: 10; overflow: auto; max-height: 166px; border: 1px solid #756142; border-radius: 12px; background: #23232bf7; box-shadow: 0 12px 28px #0008; }
#refundModal .refund-address-options button { display: block; width: 100%; padding: 13px 12px; border: 0; border-bottom: 1px solid #ffffff0c; border-radius: 0; background: transparent; color: #eee1c6; text-align: left; font-size: 12px; overflow-wrap: anywhere; }
#refundModal .refund-address-options button:hover, #refundModal .refund-address-options button:focus-visible { background: #d4b57715; }
#refundModal .refund-quote-area { min-height: 106px; margin-top: 16px; padding-top: 13px; border-top: 1px solid #ffffff0e; }
#refundModal #refund-placeholder { margin: 10px 0; color: #908d88; font-size: 12px; }
#refundModal #refund-preview > div { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 13px; color: #aaa69f; }
#refundModal #refund-preview strong { color: #e5dbcb; font-weight: 550; }
#refundModal #refund-preview .refund-net strong { color: #97d6b8; font-size: 17px; }
#refundModal #refund-preview p { margin: 9px 0; font-size: 11px; color: #9c9891; line-height: 1.7; overflow-wrap: anywhere; }
#refundModal #refund-preview-retry, #refundModal .refund-records button { padding: 3px 0; border: 0; background: none; color: #d9bd8a; font-size: 12px; }
#refundModal .refund-records { margin-top: 7px; border-top: 1px solid #ffffff0e; }
#refundModal .refund-records > summary { display: flex; align-items: center; justify-content: space-between; padding: 13px 0; color: #a7a39d; font-size: 12px; cursor: pointer; }
#refundModal .refund-record { padding: 13px 0; border-top: 1px solid #ffffff0b; font-size: 11px; overflow-wrap: anywhere; }
#refundModal .refund-record > strong { color: #e3cfaa; font-size: 12px; }
#refundModal .refund-record p { margin: 7px 0; color: #b1ada6; line-height: 1.7; }
#refundModal .refund-record small { color: #84817e; }
#refundModal .refund-footer { flex: none; padding: 0 22px 17px; background: #14151b; }
#refundModal #refund-status { min-height: 30px; margin: 5px 0 9px; color: #c4bba9; font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
#refundModal #refund-status[data-state="delivered"] { color: #8bd6b0; }
#refundModal #refund-status[data-state="error"], #refundModal #refund-status[data-state="failed"] { color: #f69b9c; }
#refundModal #refund-confirm { width: 100%; min-height: 46px; padding: 11px; border: 1px solid #edce8b; border-radius: 12px; background: linear-gradient(115deg,#f1d49c,#d4a452); box-shadow: 0 5px 20px #a46b1e1b; color: #302313; font-size: 16px; font-weight: 650; cursor: pointer; }
#refundModal #refund-confirm:disabled { opacity: .43; cursor: default; }
#refundModal .refund-footer > small { display: block; margin-top: 10px; color: #85817b; font-size: 10px; text-align: center; }
@media (max-height: 540px) { #refundModal { max-height: calc(100dvh - 16px); border-radius: 16px; } #refundModal .refund-heading { padding-top: 8px; padding-bottom: 8px; } #refundModal .refund-body { padding-top: 12px; } #refundModal .refund-footer { padding-bottom: 10px; } #refundModal #refund-status { min-height: 22px; margin-bottom: 5px; } }

#refundModal .refund-address-input > input::placeholder { font-size: 12px; }

/* Personal transaction history, opened from the viewing account. */
[data-open-funds]{cursor:pointer;border-radius:10px;outline-offset:5px}[data-open-funds]:focus-visible{outline:2px solid #e6c48c}.account-records-arrow{margin-left:auto;font-size:20px;color:#cdb588}
#fundsModal{width:min(500px,calc(100% - 24px));height:min(680px,calc(100dvh - 32px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #78654b88;border-radius:20px;background:radial-gradient(ellipse at 0 0,#37312c55,transparent 50%),#14161c;box-shadow:0 25px 90px #000b;color:#ece7de}
#fundsModal[open]{display:flex;flex-direction:column;gap:0}#fundsModal::backdrop{background:#030609bb;backdrop-filter:blur(7px)}
#fundsModal .funds-heading{display:flex;align-items:center;gap:6px;padding:12px 12px 8px;flex:none}#fundsModal h2{margin:0;font-size:18px;font-weight:650;flex:1}#fundsModal .funds-heading button{display:grid;place-items:center;width:36px;height:36px;padding:7px;border:0;background:none;color:#d7bd8f;box-shadow:none}#fundsModal svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#fundsModal .funds-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;flex:none;margin:0 16px 4px;padding:4px;background:#090b104f;border-radius:11px}#fundsModal .funds-tabs button{min-width:0;min-height:39px;padding:7px 2px;border:0;border-radius:8px;background:none;color:#a6a7ae;font:500 13px system-ui,sans-serif;white-space:nowrap}#fundsModal .funds-tabs button[aria-pressed=true]{background:#8b71472c;color:#f2d6a5;box-shadow:inset 0 0 0 1px #b7985938}
#fundsModal #funds-status{flex:none;min-height:20px;margin:0 18px;color:#e6b48c;font-size:11px;line-height:20px}#fundsModal .funds-list{flex:1;min-height:0;overflow:auto;padding:0 18px;overscroll-behavior:contain;scrollbar-width:thin}#fundsModal .funds-empty{text-align:center;padding:90px 0;color:#93929a;font-size:13px}#fundsModal footer{display:flex;justify-content:space-between;flex:none;padding:12px 18px;color:#7e7e89;font-size:10px;border-top:1px solid #ffffff09}
#fundsModal .funds-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:5px;padding:15px 0;border-bottom:1px solid #ffffff0d;list-style:none}#fundsModal summary::-webkit-details-marker{display:none}#fundsModal summary{cursor:pointer;padding-right:18px}#fundsModal .funds-row-title,#fundsModal .funds-row-value{display:flex;flex-direction:column;gap:7px;min-width:0}#fundsModal .funds-row strong{font-size:14px;line-height:20px;font-weight:550}#fundsModal .funds-row-value{align-items:flex-end}#fundsModal time{font-size:10px;color:#8f919b}#fundsModal .funds-row-value small{font-size:10px;color:#c0ad8c}#fundsModal .funds-row-value strong{font-variant-numeric:tabular-nums}#fundsModal .funds-row-value strong.positive{color:#9fd0b8}#fundsModal .funds-round{grid-column:1/-1;color:#858995;font-size:10px;line-height:1.6;overflow-wrap:anywhere}#fundsModal .funds-chevron{position:absolute;right:0;top:17px;color:#a5a19a}#fundsModal details[open] .funds-chevron{transform:rotate(180deg)}
#fundsModal .funds-detail{margin:0 0 5px;padding:2px 12px 12px;background:#090b103f;border-radius:0 0 10px 10px}#fundsModal dl{margin:0;font-size:11px}#fundsModal dl>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:9px;padding-top:11px}#fundsModal dt{color:#93929b;line-height:1.7}#fundsModal dd{margin:0;color:#cbc8c2;line-height:1.7;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}#fundsModal .funds-detail p{margin:12px 0 0;color:#8e8d94;font-size:10px}#fundsModal .funds-detail button{padding:12px 0 0;border:0;background:none;color:#edc98f;font-size:11px}
@media(max-height:480px){#fundsModal{height:calc(100dvh - 20px);border-radius:14px}#fundsModal .funds-heading{padding-top:5px;padding-bottom:4px}#fundsModal footer{padding:7px 18px}}