:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:.8;--PhoneInputInternationalIconGlobe-opacity:.65;--PhoneInputCountrySelect-marginRight:.35em;--PhoneInputCountrySelectArrow-width:.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{width:100%;height:100%;display:block}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{margin-right:var(--PhoneInputCountrySelect-marginRight);align-self:stretch;align-items:center;display:flex;position:relative}.PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity);display:block}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}
.account-form .PhoneInput{background:#fff;border:1px solid #cbd5e1;border-radius:9px;align-items:center;gap:10px;padding:0 12px;display:flex}.account-form .PhoneInputCountry{margin-right:2px}.account-form .PhoneInputCountrySelect{border:0;width:auto;padding:0}.account-form .PhoneInputInput{border:0;border-radius:0;outline:0;padding:11px 0}.account-form .PhoneInput:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}
.payment-transaction-actions{flex-wrap:wrap;gap:8px;min-width:210px;display:flex}.payment-transaction-actions button{white-space:nowrap;padding:8px 10px;font-size:12px}.payment-transaction-actions select{border:1px solid var(--border);background:#fff;border-radius:8px;min-width:210px;padding:8px;font-size:12px}.payment-transaction-actions svg{width:15px}
.wallet-top-up-button{margin-top:18px}.wallet-top-up-button svg,.wallet-payment-details svg{width:18px;height:18px}.wallet-top-up-panel{border-color:#c7d2fe;box-shadow:0 12px 30px #4f46e512}.wallet-payment-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.wallet-payment-details article{background:#f8faff;border:1px solid #c7d2fe;border-radius:12px;gap:8px;padding:16px;display:grid}.wallet-payment-details span,.top-up-pending small{color:var(--muted);font-size:12px}.wallet-payment-details b{overflow-wrap:anywhere;font-size:17px}.wallet-payment-details button{width:fit-content;color:var(--primary);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:800;display:inline-flex}.top-up-complete-icon{color:#059669;width:44px;height:44px}.status-credited{background:#f0fdf4;border-color:#6ee7b7}.top-up-pending{background:#eef2ff;border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex}.top-up-pending span{gap:4px;display:grid}.top-up-pending b,.wallet-transactions article small:last-child{text-transform:capitalize}.wallet-transactions article[role=button],.wallet-transactions article[data-top-up]{cursor:pointer}@media (max-width:760px){.wallet-payment-details{grid-template-columns:1fr}}