.wallet-minimum{margin:9px 0 0;font-size:12px;line-height:1.5;color:#aab0bd}.wallet-minimum strong{color:#ffdb00;font-weight:700}

.wallet-dialog{box-sizing:border-box;width:512px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 32px);overflow:auto;padding:28px;color:#f5f5f6;background:radial-gradient(ellipse at 100% 0,#ffdb0016,transparent 45%),radial-gradient(ellipse at 0 55%,#73809c0c,transparent 55%),radial-gradient(ellipse at 50% 115%,#ffcd0010,transparent 48%),linear-gradient(145deg,#292a31 0%,#202127 46%,#1b1c21 100%);border:1px solid #53534d;border-radius:22px;box-shadow:0 32px 100px #000b,0 0 65px #ffdb0008,inset 0 1px 0 #ffffff0c;font-family:Inter,system-ui,sans-serif}
.wallet-dialog::backdrop{background:radial-gradient(ellipse at 18% 25%,#9c770015,transparent 45%),radial-gradient(ellipse at 85% 80%,#67552612,transparent 45%),#08090de0;backdrop-filter:blur(12px) saturate(.65)}
.wallet-email{display:grid;gap:8px;margin:16px 0;color:#aeb2bd;font-size:12px}
.wallet-email[hidden]{display:none}
.wallet-email input{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #454851;border-radius:10px;background:#191b20;color:#f5f5f6;font:inherit}
.wallet-email input:focus{outline:2px solid #ffdb00;outline-offset:2px}
.wallet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 23px;padding:0;border:0}
.wallet-header h2{margin:0;font-size:24px;line-height:31px;font-weight:800;letter-spacing:-.8px}
.wallet-close{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #44454e;border-radius:8px;background:#303138;color:#b7b9c2;font:24px/1 Arial;cursor:pointer}
.payment-label{font-size:12px;line-height:16px;color:#7c8089;margin-bottom:12px}
.payment-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.payment-method{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;box-sizing:border-box;height:88px;border:1px solid #41434c;border-radius:12px;background:#292a31;color:#9fa1ab;font:500 12px/16px Inter,system-ui,sans-serif;box-shadow:0 6px 16px #0002;cursor:pointer}
.payment-method.is-selected{border:2px solid #ffdb00;color:#ffe26a;background:#ffdb0012}
.payment-method:hover{background:#31323a}.payment-method.is-selected:hover{background:#ffdb001a}.payment-brand{height:30px;display:flex;align-items:center;justify-content:center}.payment-brand svg{width:64px;height:30px}
.payment-description{font-size:12px;line-height:18px;color:#858892;margin:11px 0 23px;min-height:18px}
.wallet-presets{display:flex;justify-content:center;gap:8px;margin:16px 0 12px;flex-wrap:wrap}
.wallet-presets button{padding:0 15px;height:36px;border:1px solid #41434c;border-radius:9px;background:#292a31;color:#a2a3ad;font:600 14px Inter,system-ui,sans-serif;cursor:pointer}
.wallet-presets button.is-selected{color:#17180d;background:#ffdb00;border-color:#ffdb00}
.payment-entry{display:flex;gap:8px}.wallet-amount{display:flex;align-items:center;gap:10px;flex:1;min-width:0;height:48px;padding:0 22px;border:1px solid #41434c;border-radius:10px;background:#191a1f}
.wallet-amount input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#f5f5f7;font:600 14px Inter,system-ui,sans-serif;appearance:textfield;padding:0}
.wallet-amount input::-webkit-inner-spin-button,.wallet-amount input::-webkit-outer-spin-button{appearance:none;margin:0}
.payment-coin{width:20px;height:20px;flex-shrink:0;object-fit:contain}.wallet-promo-toggle{display:flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;height:48px;border:0;border:1px solid #41434c;border-radius:10px;background:#191a1f;color:#838690;font:14px Inter,system-ui,sans-serif;cursor:pointer}.wallet-promo-toggle>span{font-size:20px}
.wallet-promo{display:flex;gap:8px;margin-top:12px}.wallet-promo[hidden]{display:none}.wallet-promo input{width:0;min-width:0;flex:1;padding:13px 15px;border:1px solid #34343b;border-radius:12px;background:#1a1a20;color:#fff}.wallet-promo button{border:0;border-radius:12px;padding:0 15px;background:#ffdb00;color:#17180d;font-weight:600;cursor:pointer}
.wallet-summary{display:flex;align-items:center;justify-content:space-between;margin-top:47px;padding-top:20px;border-top:1px solid #3a3c44;gap:12px}.wallet-summary>span{font-size:14px;color:#93959f}.wallet-summary strong{display:flex;align-items:center;gap:10px;font-size:22px;line-height:28px;font-weight:800}
.wallet-pay{width:100%;height:53px;margin-top:17px;padding:0 16px;border:0;border-radius:11px;background:#ffdb00;box-shadow:0 6px 22px #ffdb0026;color:#17180d;font:700 14px Inter,system-ui,sans-serif;cursor:pointer}.wallet-pay:hover{background:#ffe545}
.wallet-message{font-size:12px;line-height:1.5;color:#a9d7ac;margin:12px 0 0;overflow-wrap:anywhere}.wallet-message:empty{display:none}.wallet-message.is-error{color:#ef9c98}
.wallet-back{display:block;margin:16px auto 0;padding:0;background:none;border:0;color:#adb0b9;font-size:12px;cursor:pointer}.wallet-back[hidden]{display:none}.wallet-dialog button:disabled{opacity:.5;cursor:default}
.wallet-dialog button:focus-visible,.wallet-dialog input:focus-visible{outline:2px solid #ffe27b;outline-offset:3px}
@media(max-width:480px){.wallet-dialog{padding:22px 18px;border-radius:22px}.wallet-header h2{font-size:21px}.payment-methods{gap:8px}.payment-method{height:82px}.wallet-presets{gap:6px}.wallet-presets button{padding:0 12px;font-size:12px}.wallet-promo-toggle{padding:0 13px;font-size:12px}.wallet-amount{padding:0 15px}.wallet-summary{margin-top:32px}}

.payment-brand .payment-logo{display:block;object-fit:contain;width:auto;height:28px;max-width:80px}
.payment-brand .payment-logo-sbp{width:53px;height:26px}

.payment-brand .payment-logo-international{width:48px;height:34px}
.payment-method[data-payment="international"]{gap:6px}
.payment-method[data-payment="international"]>span:last-child{max-width:130px;font-size:11px;line-height:13px;text-align:center}

.wallet-summary strong{color:#ffdb00}
.wallet-amount:focus-within{border-color:#b69c29}
.wallet-presets button:hover:not(.is-selected),.wallet-promo-toggle:hover{border-color:#8a792d;background:#ffdb000c;color:#ffe26a}

/* Gentle motion for the payment dialog. */
.wallet-dialog[open]{animation:walletEnter .38s cubic-bezier(.2,.8,.2,1) both,walletAmbient 18s ease-in-out .4s infinite alternate;background-size:125% 125%,120% 120%,125% 125%,100% 100%}
.wallet-dialog[open]::backdrop{animation:walletBackdrop .3s ease both}
@keyframes walletEnter{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes walletBackdrop{from{opacity:0}to{opacity:1}}
@keyframes walletAmbient{from{background-position:0 0,100% 0,50% 100%,0 0}to{background-position:100% 15%,0 80%,80% 70%,0 0}}
.payment-method{position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.payment-method::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#fff1 48%,transparent 68%);transform:translateX(-130%);transition:transform .6s ease}
.payment-method .payment-logo{transition:transform .25s ease,filter .25s ease}
.payment-method.is-selected{box-shadow:0 0 20px #ffdb0014,inset 0 0 20px #ffdb0008}
.payment-method.is-selected .payment-logo{animation:walletLogo .32s ease-out}
@keyframes walletLogo{0%{transform:scale(.9)}60%{transform:scale(1.09)}100%{transform:scale(1)}}
.wallet-presets button,.wallet-promo-toggle,.wallet-close,.wallet-promo button,.wallet-pay{transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}
.wallet-presets button.is-selected{animation:walletPreset .25s ease-out;box-shadow:0 3px 14px #ffdb0020}
@keyframes walletPreset{from{transform:scale(.94)}to{transform:scale(1)}}
.wallet-amount{transition:border-color .2s,box-shadow .2s}
.wallet-amount:focus-within{box-shadow:0 0 0 3px #ffdb0010}
.wallet-amount .payment-coin{transition:transform .25s}
.wallet-amount:focus-within .payment-coin{transform:rotate(-12deg) scale(1.08)}
.wallet-promo:not([hidden]){animation:walletPromo .24s ease-out}
@keyframes walletPromo{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.wallet-pay{position:relative;overflow:hidden;isolation:isolate}
.wallet-pay::after{content:"";position:absolute;inset:-60% -30%;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#fff5 49%,transparent 62%);transform:translateX(-130%);animation:walletShine 8s ease-in-out 1.5s infinite}
@keyframes walletShine{0%,78%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
#depositTotal{display:inline-block;font-variant-numeric:tabular-nums}
@media(hover:hover){.payment-method:hover{transform:translateY(-3px);box-shadow:0 9px 22px #0004}.payment-method:hover::after{transform:translateX(130%)}.payment-method:hover .payment-logo{transform:translateY(-2px) scale(1.06)}.wallet-presets button:hover,.wallet-promo-toggle:hover{transform:translateY(-2px)}.wallet-pay:hover{transform:translateY(-2px);box-shadow:0 9px 30px #ffdb0038}.wallet-close:hover{transform:rotate(6deg);border-color:#8a792d;color:#ffe26a}}
.wallet-dialog button:active:not(:disabled){transform:scale(.97)}
.wallet-dialog button:disabled{transform:none}
.wallet-pay:disabled::after{animation:none}
/* Keep the amount presets separated even when the description/email is hidden. */
#depModal .wallet-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0 12px}
#depModal .wallet-presets button{width:100%;min-width:0;min-height:44px;height:44px;padding:0 6px;flex:auto}
#depModal .wallet-summary{margin-top:24px}
#depModal .wallet-close{width:44px;height:44px;flex:0 0 44px}
@media(max-width:480px){#depModal .wallet-presets{grid-template-columns:repeat(6,minmax(0,1fr))}#depModal .wallet-presets button{grid-column:span 2}#depModal .wallet-presets button:nth-last-child(-n+2){grid-column:span 3}}
@media(prefers-reduced-motion:reduce){.wallet-dialog[open],.wallet-dialog[open]::backdrop,.wallet-dialog *,.wallet-dialog *::after{animation:none!important;transition:none!important}.wallet-dialog button:hover,.wallet-dialog button:active,.payment-method:hover .payment-logo,.wallet-amount:focus-within .payment-coin{transform:none!important}}