Welcome, NAME

Username:NAME

BANK (ACCOUNT)

Balance:

RM0.00

Clear Balance

---: ---/---

Minimum Deposit:---

Minimum Withdrawal:---

Maximum Withdrawal:---

25:T19c1,.A { --balance_background_image: none; --balance_login_image: url("https://storewave.work/default_display/balance_login_image.webp"); --balance_register_image: url("https://storewave.work/default_display/balance_register_image.webp"); --balance_deposit_image: url("https://storewave.work/default_display/balance_deposit_image.webp"); --balance_withdraw_image: url("https://storewave.work/default_display/balance_withdraw_image.webp"); --balance_refresh_image: url("https://storewave.work/default_display/balance_refresh_image.webp"); --home-balance-welcome-label-text-color: #000000; --home-balance-welcome-username-text-color: #000000; --home-balance-username-label-text-color: #ffffff; --home-balance-username-value-text-color: #ffffff; --home-balance-bank-text-color: #ffffff; --home-balance-bank-account-text-color: #ffffff; --home-balance-balance-label-text-color: #0B2A33; --home-balance-balance-value-text-color: #0B2A33; --home-balance-clear-balance-text-color: #000000; --home-balance-progress-bar-container-bg-color: #ffffff; --home-balance-progress-bar-bg-color: #088F8F; --home-balance-progress-label-text-color: #ffffff; --home-balance-progress-total-text-color: #ffffff; --home-balance-progress-slash-text-color: #ffffff; --home-balance-progress-current-text-color: #ffffff; --home-balance-info-minimum-deposit-text-color: #03A0B8; --home-balance-value-minimum-deposit-text-color: #03A0B8; --home-balance-info-minimum-withdraw-text-color: #03A0B8; --home-balance-value-minimum-withdraw-text-color: #03A0B8; --home-balance-info-maximum-withdraw-text-color: #000000; --home-balance-value-maximum-withdraw-text-color: #000000; } .A { padding: 10px; margin: 10px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); background: var(--balance_background_image) center center / cover no-repeat !important; box-sizing: border-box; } .A *, .A *::before, .A *::after { box-sizing: border-box; } .A .pinfo-user { margin-bottom: 8px; line-height: 1.4; } .A .welcome-line { font-size: 15px; font-weight: 700; margin-bottom: 4px; } .A .welcome-label { color: var(--home-balance-welcome-label-text-color); } .A .vc-welcome-name { color: var(--home-balance-welcome-username-text-color); } .A .vc-username { margin-top: 2px; font-size: 13px; font-weight: 600; } .A .vc-username-label { color: var(--home-balance-username-label-text-color); } .A .vc-username-value { color: var(--home-balance-username-value-text-color); font-weight: 700; } .A .vc-bank { margin-top: 4px; font-size: 13px; font-weight: 600; } .A .vc-bank { color: var(--home-balance-bank-text-color); } .A .vc-bank-account { color: var(--home-balance-bank-account-text-color); } .A .vc-bank.is-empty, .A .vc-bank-account-wrap.is-empty { display: none !important; } .A .links { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; } .A .links .login, .A .links .register { flex: 1 1 0; height: 38px; border: 0; text-indent: -9999px; overflow: hidden; display: block; cursor: pointer; background-color: rgba(255, 255, 255, 0.25); } .A .links .login { background: var(--balance_login_image) center center / 100% 100% no-repeat !important; } .A .links .register { background: var(--balance_register_image) center center / 100% 100% no-repeat !important; } .A .pbalance-row { display: flex; gap: 4px; align-items: flex-start; } .A .pbalance-main { flex: 1 1 0; min-width: 0; } .A .vc-wallet-title { margin-top: 4px; font-size: 13px; font-weight: 600; color: var(--home-balance-balance-label-text-color); } .custom-balance-section.is-logged-in .A .pinfo-user+.vc-wallet-title { margin-top: 8px; } .A .vc-balance { margin: 0; font-size: 20px; font-weight: 700; color: var(--home-balance-balance-value-text-color); } .A #home-clear-balance-btn { color: var(--home-balance-clear-balance-text-color); -webkit-text-decoration: underline; text-decoration: underline; cursor: pointer; } .A .rollover-block { margin-top: 8px; } .A .rollover-block.is-empty { display: none !important; } .A .rollover-progress-track { width: 100%; height: 8px; border-radius: 4px; overflow: hidden; background: var(--home-balance-progress-bar-container-bg-color); } .A .rollover-progress-fill { height: 100%; width: 0%; border-radius: 4px; background: var(--home-balance-progress-bar-bg-color); transition: width 0.25s ease; } .A .rollover-line { margin: 6px 0 0; font-size: 12px; font-weight: 600; line-height: 1.35; } .A .vc-rollover-label { color: var(--home-balance-progress-label-text-color); text-transform: capitalize; margin-right: 4px; } .A .vc-rollover-target { color: var(--home-balance-progress-total-text-color); font-weight: 800; } .A .rollover-slash { color: #ffffff; padding: 0 4px; } .A .vc-rollover-remaining { color: var(--home-balance-progress-current-text-color); font-weight: 800; } .A .vc-note { margin-top: 4px; } .A .vc-note .note p { margin: 0; font-size: 13px; font-weight: 600; } .A .vc-min-deposit-label { color: var(--home-balance-info-minimum-deposit-text-color); } .A .vc-min-withdraw-label { color: var(--home-balance-info-minimum-withdraw-text-color); } .A .vc-max-withdraw-label { color: var(--home-balance-info-maximum-withdraw-text-color); } .A .vc-min-deposit-value, .A .vc-min-withdraw-value, .A .vc-max-withdraw-value { font-style: normal; } .A .vc-min-deposit-value { color: var(--home-balance-value-minimum-deposit-text-color); } .A .vc-min-withdraw-value { color: var(--home-balance-value-minimum-withdraw-text-color); } .A .vc-max-withdraw-value { color: var(--home-balance-value-maximum-withdraw-text-color); } .A .vc-max-withdraw-row.is-hidden { display: none !important; } .A .btns .btn.vc-withdraw { padding: 0; appearance: none; -webkit-appearance: none; } .A .btns { width: 130px; flex-shrink: 0; display: flex; flex-direction: column; gap: 4px; } .A .btns .btn { display: block; width: 100%; height: 40px; border: 0; text-indent: -9999px; overflow: hidden; cursor: pointer; } .A .btns .btn i { display: none; } .A .btns .vc-deposit { background: var(--balance_deposit_image) center center / 100% 100% no-repeat !important; } .A .btns .vc-withdraw { background: var(--balance_withdraw_image) center center / 100% 100% no-repeat !important; } .A .btns .vc-refresh { background: var(--balance_refresh_image) center center / 100% 100% no-repeat !important; }26:T199b,.A { --balance_background_image: none; --balance_login_image: url("https://storewave.work/default_display/balance_login_image.webp"); --balance_register_image: url("https://storewave.work/default_display/balance_register_image.webp"); --balance_deposit_image: url("https://storewave.work/default_display/balance_deposit_image.webp"); --balance_withdraw_image: url("https://storewave.work/default_display/balance_withdraw_image.webp"); --balance_refresh_image: url("https://storewave.work/default_display/balance_refresh_image.webp"); --home-balance-welcome-label-text-color: #000000; --home-balance-welcome-username-text-color: #000000; --home-balance-username-label-text-color: #ffffff; --home-balance-username-value-text-color: #ffffff; --home-balance-bank-text-color: #ffffff; --home-balance-bank-account-text-color: #ffffff; --home-balance-balance-label-text-color: #0B2A33; --home-balance-balance-value-text-color: #0B2A33; --home-balance-clear-balance-text-color: #000000; --home-balance-progress-bar-container-bg-color: #ffffff; --home-balance-progress-bar-bg-color: #088F8F; --home-balance-progress-label-text-color: #ffffff; --home-balance-progress-total-text-color: #ffffff; --home-balance-progress-slash-text-color: #ffffff; --home-balance-progress-current-text-color: #ffffff; --home-balance-info-minimum-deposit-text-color: #03A0B8; --home-balance-value-minimum-deposit-text-color: #03A0B8; --home-balance-info-minimum-withdraw-text-color: #03A0B8; --home-balance-value-minimum-withdraw-text-color: #03A0B8; --home-balance-info-maximum-withdraw-text-color: #000000; --home-balance-value-maximum-withdraw-text-color: #000000; } .A { padding: 10px; margin: 10px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); background: var(--balance_background_image) center center / cover no-repeat !important; box-sizing: border-box; } .A *, .A *::before, .A *::after { box-sizing: border-box; } .A .pinfo-user { margin-bottom: 8px; line-height: 1.4; } .A .welcome-line { font-size: 15px; font-weight: 700; margin-bottom: 4px; } .A .welcome-label { color: var(--home-balance-welcome-label-text-color); } .A .vc-welcome-name { color: var(--home-balance-welcome-username-text-color); } .A .vc-username { margin-top: 2px; font-size: 13px; font-weight: 600; } .A .vc-username-label { color: var(--home-balance-username-label-text-color); } .A .vc-username-value { color: var(--home-balance-username-value-text-color); font-weight: 700; } .A .vc-bank { margin-top: 4px; font-size: 13px; font-weight: 600; } .A .vc-bank { color: var(--home-balance-bank-text-color); } .A .vc-bank-account { color: var(--home-balance-bank-account-text-color); } .A .vc-bank.is-empty, .A .vc-bank-account-wrap.is-empty { display: none !important; } .A .links { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; } .A .links .login, .A .links .register { flex: 1 1 0; height: 38px; border: 0; text-indent: -9999px; overflow: hidden; display: block; cursor: pointer; background-color: rgba(255, 255, 255, 0.25); } .A .links .login { background: var(--balance_login_image) center center / 100% 100% no-repeat !important; } .A .links .register { background: var(--balance_register_image) center center / 100% 100% no-repeat !important; } .A .pbalance-row { display: flex; gap: 4px; align-items: flex-start; } .A .pbalance-main { flex: 1 1 0; min-width: 0; } .A .vc-wallet-title { margin-top: 4px; font-size: 13px; font-weight: 600; color: var(--home-balance-balance-label-text-color); } .custom-balance-section.is-logged-in .A .pinfo-user+.vc-wallet-title { margin-top: 8px; } .A .vc-balance { margin: 0; font-size: 20px; font-weight: 700; color: var(--home-balance-balance-value-text-color); } .A #home-clear-balance-btn { color: var(--home-balance-clear-balance-text-color); text-decoration: underline; cursor: pointer; } .A .rollover-block { margin-top: 8px; } .A .rollover-block.is-empty { display: none !important; } .A .rollover-progress-track { width: 100%; height: 8px; border-radius: 4px; overflow: hidden; background: var(--home-balance-progress-bar-container-bg-color); } .A .rollover-progress-fill { height: 100%; width: 0%; border-radius: 4px; background: var(--home-balance-progress-bar-bg-color); transition: width 0.25s ease; } .A .rollover-line { margin: 6px 0 0; font-size: 12px; font-weight: 600; line-height: 1.35; } .A .vc-rollover-label { color: var(--home-balance-progress-label-text-color); text-transform: capitalize; margin-right: 4px; } .A .vc-rollover-target { color: var(--home-balance-progress-total-text-color); font-weight: 800; } .A .rollover-slash { color: #ffffff; padding: 0 4px; } .A .vc-rollover-remaining { color: var(--home-balance-progress-current-text-color); font-weight: 800; } .A .vc-note { margin-top: 4px; } .A .vc-note .note p { margin: 0; font-size: 13px; font-weight: 600; } .A .vc-min-deposit-label { color: var(--home-balance-info-minimum-deposit-text-color); } .A .vc-min-withdraw-label { color: var(--home-balance-info-minimum-withdraw-text-color); } .A .vc-max-withdraw-label { color: var(--home-balance-info-maximum-withdraw-text-color); } .A .vc-min-deposit-value, .A .vc-min-withdraw-value, .A .vc-max-withdraw-value { font-style: normal; } .A .vc-min-deposit-value { color: var(--home-balance-value-minimum-deposit-text-color); } .A .vc-min-withdraw-value { color: var(--home-balance-value-minimum-withdraw-text-color); } .A .vc-max-withdraw-value { color: var(--home-balance-value-maximum-withdraw-text-color); } .A .vc-max-withdraw-row.is-hidden { display: none !important; } .A .btns .btn.vc-withdraw { padding: 0; appearance: none; -webkit-appearance: none; } .A .btns { width: 130px; flex-shrink: 0; display: flex; flex-direction: column; gap: 4px; } .A .btns .btn { display: block; width: 100%; height: 40px; border: 0; text-indent: -9999px; overflow: hidden; cursor: pointer; } .A .btns .btn i { display: none; } .A .btns .vc-deposit { background: var(--balance_deposit_image) center center / 100% 100% no-repeat !important; } .A .btns .vc-withdraw { background: var(--balance_withdraw_image) center center / 100% 100% no-repeat !important; } .A .btns .vc-refresh { background: var(--balance_refresh_image) center center / 100% 100% no-repeat !important; }27:T2b59,

Bank Name

Account Name

Account Number

Reference

Transfer Time

Transfer Slip

28:T38bf,.deposit-form-default { --deposit-amount-input-text-color: #ffffff; --deposit-amount-input-bg-color: #ffffff; --deposit-amount-input-border-color: #ffc107; --deposit-amount-btn-text-color: #ffffff; --deposit-amount-btn-bg-color: #ffc107; --deposit-amount-btn-border-color: #ffc107; --deposit-payment-method-selected-border-color: #ffc107; --deposit-notice-board-text-color: #ffffff; --deposit-notice-board-bg-color: #ffffff; --deposit-notice-board-border-color: #ffc107; --deposit-notice-board-line-color: #ffc107; --deposit-detail-board-text-color: #ffffff; --deposit-detail-board-bg-color: #ffffff; --deposit-detail-board-border-color: #ffc107; --deposit-detail-board-line-color: #ffc107; --deposit-detail-board2-text-color: #ffffff; --deposit-detail-board2-bg-color: #ffffff; --deposit-detail-board2-border-color: #ffc107; --deposit-detail-board2-line-color: #ffc107; --deposit-time-picker-btn-text-color: #ffffff; --deposit-time-picker-btn-bg-color: #ffc107; --deposit-time-picker-btn-border-color: #ffc107; --deposit-time-box-text-color: #ffffff; --deposit-time-box-bg-color: #ffffff; --deposit-time-box-border-color: #ffc107; --deposit-time-box-line-color: #ffc107; --btn-deposit-upload-text-color: #ffffff; --btn-deposit-upload-bg-color: #ffc107; --btn-deposit-upload-border-color: #ffc107; --btn-deposit-submit-text-color: #ffffff; --btn-deposit-submit-bg-color: #ffc107; --btn-deposit-submit-border-color: #ffc107; --btn-deposit-cancel-text-color: #ffffff; --btn-deposit-cancel-bg-color: #ffc107; --btn-deposit-cancel-border-color: #ffc107; --deposit-payment-code-text-color: #ffffff; --deposit-payment-code-bg-color: #ffc107; --deposit-payment-code-border-color: #ffc107; --deposit-payment-code-dropdown-text-color: #ffffff; --deposit-payment-code-dropdown-bg-color: #ffffff; --deposit-payment-code-dropdown-border-color: #ffc107; --input-bg-color: var(--deposit-amount-input-bg-color); --input-border-color: var(--deposit-amount-input-border-color); --input-color: var(--deposit-amount-input-text-color); --border-width: 1px; --border-style: solid; color: #fff; } .deposit-form-default .deposit-form-shell { box-sizing: border-box; font-size: 14px; line-height: 1.25; color: #fff; padding: 16px 16px 16px; } .deposit-form-default .deposit-form-block.is-hidden, .deposit-form-default .deposit-form-shell .is-hidden { display: none !important; } .deposit-form-default #deposit-form-bank-wrap, .deposit-form-default #deposit-form-transfer-wrap { margin-bottom: 16px; } .deposit-form-default #deposit-form-bank-wrap { position: relative; z-index: 3; } .deposit-form-default .deposit-payment-methods { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; } @media (min-width: 768px) { .deposit-form-default .deposit-payment-methods { gap: 20px; } } .deposit-form-default #deposit-payment-method, .deposit-form-default .deposit-payment-method { width: 48px; --radius: 8px; cursor: pointer; } @media (min-width: 768px) { .deposit-form-default #deposit-payment-method, .deposit-form-default .deposit-payment-method { width: 75px; } .deposit-form-default .deposit-payment-method-name { font-size: 14px; } } .deposit-form-default .deposit-payment-method-item { aspect-ratio: 1 / 1; border-radius: var(--radius); margin-bottom: 4px; --border-color: var(--deposit-payment-method-selected-border-color); } .deposit-form-default .deposit-payment-method-logo { display: block; border-radius: var(--radius); width: 100%; height: 100%; } .deposit-form-default .deposit-payment-method-name { text-align: center; font-size: 12px; } .deposit-form-default .deposit-payment-method-item.selected { --border-width: 2px; border-radius: 8px; } .deposit-form-default [class*="border-gradient-"] { position: relative !important; } .deposit-form-default .gradient-border::before, .deposit-form-default .hline-custom::before, .deposit-form-default [class*="border-gradient-"]::before { pointer-events: none; content: ""; position: absolute; top: calc(-1 * var(--border-width, 1px)); right: calc(-1 * var(--border-width, 1px)); bottom: calc(-1 * var(--border-width, 1px)); left: calc(-1 * var(--border-width, 1px)); border-radius: inherit; border: var(--border-width, 1px) solid transparent; background: var(--border-color) border-box; background-clip: border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude; z-index: 1 !important; } .deposit-form-default .gradient-border.inset-0::before, .deposit-form-default .hline-custom.inset-0::before, .deposit-form-default [class*="border-gradient-"].inset-0::before { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; } .deposit-form-default .deposit-payment-code-dropdown { position: relative; width: 100%; } .deposit-form-default .deposit-payment-code-trigger, .deposit-form-default #btn-deposit-payment-code { position: relative; display: flex; align-items: center; margin: 0; height: 40px; padding: 0 10px; border-radius: 8px; width: 100%; color: var(--deposit-payment-code-text-color); background: var(--deposit-payment-code-bg-color); border: 1px solid var(--deposit-payment-code-border-color); cursor: pointer; } .deposit-form-default .deposit-payment-code-label { flex: 1 0 0%; text-align: left; min-width: 0; } .deposit-form-default .deposit-payment-code-arrow { display: block; width: 12px; height: 12px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); } .deposit-form-default .deposit-payment-code-menu, .deposit-form-default #payment-code-dropdown-box { position: absolute; left: 0; width: 100%; margin-top: 12px; scrollbar-width: thin; border-radius: 8px; z-index: 3; max-height: 250px; overflow: auto; color: var(--deposit-payment-code-dropdown-text-color, var(--deposit-payment-code-text-color)); background: var(--deposit-payment-code-dropdown-bg-color, var(--deposit-payment-code-bg-color)); border: 1px solid var(--deposit-payment-code-dropdown-border-color, var(--deposit-payment-code-border-color)); } .deposit-form-default #payment-code-dropdown-box .deposit-payment-code-option { padding: 12px; cursor: pointer; } .deposit-form-default #deposit-notice-board { margin-bottom: 10px; } .deposit-form-default .deposit-notice-board { display: flex; flex-direction: column; column-gap: 8px; line-height: 1.25; border-radius: 4px; padding: 10px; color: var(--deposit-notice-board-text-color); background: var(--deposit-notice-board-bg-color); border: 1px solid var(--deposit-notice-board-border-color); } .deposit-form-default #deposit-step-container { width: 100%; } .deposit-form-default .deposit-step-guidelines { margin-bottom: 10px; } .deposit-form-default #deposit-amount-option-container { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 10px; } .deposit-form-default #deposit-amount-option-container .deposit-amount-option { font-size: 11px; width: 60px !important; height: 32px !important; border: 1px solid var(--deposit-amount-btn-border-color); border-radius: 4px; color: var(--deposit-amount-btn-text-color) !important; background: var(--deposit-amount-btn-bg-color); cursor: pointer; } .deposit-form-default #deposit-amount-option-container .deposit-amount-option-text { font-size: 15px; font-weight: 700; } .deposit-form-default #deposit-qr-payment-container, .deposit-form-default .deposit-qr-payment-container { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; } .deposit-form-default .deposit-qr-frame { max-width: 600px; width: 55%; overflow: hidden; background-color: #fff; } .deposit-form-default .deposit-qr-image { display: block; width: 100%; } @media (max-width: 767px) { .deposit-form-default .deposit-qr-frame { width: 100%; } } .deposit-form-default .deposit-amount-input-container { display: flex; align-items: center; margin: 0; width: 100%; border-radius: 8px; height: 40px; overflow: hidden; background: transparent; } .deposit-form-default #deposit-form-amount-wrap .deposit-amount-input-container { margin-bottom: 10px; } .deposit-form-default .deposit-amount-input-container--pin { margin-bottom: 10px; } .deposit-form-default .deposit-amount-input { flex: 1; min-width: 0; width: 100%; height: 40px; box-sizing: border-box; border-radius: 8px; font-size: 15px; padding: 16px; color: var(--deposit-amount-input-text-color) !important; border: 1px solid var(--deposit-amount-input-border-color) !important; background: var(--deposit-amount-input-bg-color) !important; } .deposit-form-default .deposit-amount-input-container--pin .deposit-amount-input { padding: 12px; } .deposit-form-default #deposit-detail-board, .deposit-form-default #deposit-detail-board2, .deposit-form-default .deposit-detail-board { display: grid; grid-template-columns: auto 1fr; column-gap: 8px; line-height: 1.25; font-weight: 700; border-radius: 4px; padding: 10px; margin-bottom: 8px; } .deposit-form-default .deposit-detail-label { white-space: nowrap; padding-top: 8px; padding-bottom: 8px; } .deposit-form-default .deposit-transfer-time-label { display: flex; justify-content: center; align-items: center; } .deposit-form-default .deposit-detail-value { position: relative; display: flex; align-items: center; gap: 8px; overflow: hidden; padding-top: 8px; padding-bottom: 8px; } .deposit-form-default .deposit-detail-value-text { flex: 1 0 0%; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .deposit-form-default #deposit-detail-board, .deposit-form-default .deposit-detail-board:not(.deposit-detail-board2) { color: var(--deposit-detail-board-text-color); background: var(--deposit-detail-board-bg-color); border: 1px solid var(--deposit-detail-board-border-color); --border-color: var(--deposit-detail-board-line-color); } .deposit-form-default #deposit-detail-board2, .deposit-form-default .deposit-detail-board2 { padding: 10px; row-gap: 10px; color: var(--deposit-detail-board2-text-color); background: var(--deposit-detail-board2-bg-color); border: 1px solid var(--deposit-detail-board2-border-color); --border-color: var(--deposit-detail-board2-line-color); } .deposit-form-default .deposit-detail-divider { grid-column: 1 / -1; border-bottom: 1px solid var(--deposit-detail-board-line-color); } .deposit-form-default #deposit-detail-board2 .deposit-detail-divider, .deposit-form-default .deposit-detail-board2 .deposit-detail-divider { border-bottom-color: var(--deposit-detail-board2-line-color); } .deposit-form-default .deposit-detail-reference-text { animation: blink_live 1.5s linear infinite; } .deposit-form-default .deposit-transfer-time-pickers { display: flex; align-items: center; gap: 4px; } .deposit-form-default .deposit-time-picker { position: relative; flex: 1 0 0%; min-width: 0; } .deposit-form-default .deposit-transfer-time-pickers .deposit-time-picker-btn { width: 100%; } .deposit-form-default .deposit-time-picker-dropdown { position: absolute; left: 0; top: 100%; width: 100%; z-index: 2; display: grid; grid-template-rows: 0fr; overflow: hidden; transition: grid-template-rows 0.3s ease; } .deposit-form-default .deposit-time-picker-dropdown[data-dropdown-open="true"] { grid-template-rows: 1fr; } .deposit-form-default .deposit-time-picker-dropdown-inner { overflow: hidden; } .deposit-form-default .deposit-time-picker-btn { font-size: 15px; cursor: pointer; padding: 10px; border-radius: 8px; font-weight: 400; color: var(--deposit-time-picker-btn-text-color); background: var(--deposit-time-picker-btn-bg-color); border: 1px solid var(--deposit-time-picker-btn-border-color); } .deposit-form-default .deposit-upload-row { position: relative; display: flex; align-items: center; gap: 8px; } .deposit-form-default .deposit-file-input { display: none; } .deposit-form-default .deposit-time-box { border-radius: 8px; max-height: 200px; overflow: auto; color: var(--deposit-time-box-text-color); background: var(--deposit-time-box-bg-color); border: 1px solid var(--deposit-time-box-border-color); --line-color: var(--deposit-time-box-line-color); } .deposit-form-default .deposit-time-box .deposit-time-option { padding: 15px; border-radius: 0 !important; border-bottom: 1px solid var(--line-color); cursor: pointer; } .deposit-form-default .deposit-time-box .deposit-time-option:last-child { border-bottom: none; } .deposit-form-default #btn-deposit-upload { width: 110px !important; height: 36px !important; font-weight: 700; border-radius: 20px; color: var(--btn-deposit-upload-text-color) !important; background: var(--btn-deposit-upload-bg-color); border: 1px solid var(--btn-deposit-upload-border-color); } .deposit-form-default .deposit-form-actions { display: flex; align-items: center; gap: 10px; margin-top: 24px; } .deposit-form-default #btn-deposit-submit, .deposit-form-default #btn-deposit-cancel { min-width: 100px; height: 36px; font-weight: 800; padding: 10px 14px; border-radius: 8px; } .deposit-form-default #btn-deposit-submit { color: var(--btn-deposit-submit-text-color) !important; background: var(--btn-deposit-submit-bg-color); border: 1px solid var(--btn-deposit-submit-border-color); } .deposit-form-default #btn-deposit-cancel { color: var(--btn-deposit-cancel-text-color) !important; background: var(--btn-deposit-cancel-bg-color); border: 1px solid var(--btn-deposit-cancel-border-color); } .deposit-form-default .deposit-copy-btn { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: fit-content; width: fit-content; height: fit-content; padding: 4px; font-size: 13px; line-height: 1; background: transparent; border: none; cursor: pointer; color: #fff; } .deposit-form-default .deposit-copy-btn-icon { display: block; width: 1em; height: 1em; color: #fff; fill: currentColor; }29:T3792,.deposit-form-default { --deposit-amount-input-text-color: #ffffff; --deposit-amount-input-bg-color: #ffffff; --deposit-amount-input-border-color: #ffc107; --deposit-amount-btn-text-color: #ffffff; --deposit-amount-btn-bg-color: #ffc107; --deposit-amount-btn-border-color: #ffc107; --deposit-payment-method-selected-border-color: #ffc107; --deposit-notice-board-text-color: #ffffff; --deposit-notice-board-bg-color: #ffffff; --deposit-notice-board-border-color: #ffc107; --deposit-notice-board-line-color: #ffc107; --deposit-detail-board-text-color: #ffffff; --deposit-detail-board-bg-color: #ffffff; --deposit-detail-board-border-color: #ffc107; --deposit-detail-board-line-color: #ffc107; --deposit-detail-board2-text-color: #ffffff; --deposit-detail-board2-bg-color: #ffffff; --deposit-detail-board2-border-color: #ffc107; --deposit-detail-board2-line-color: #ffc107; --deposit-time-picker-btn-text-color: #ffffff; --deposit-time-picker-btn-bg-color: #ffc107; --deposit-time-picker-btn-border-color: #ffc107; --deposit-time-box-text-color: #ffffff; --deposit-time-box-bg-color: #ffffff; --deposit-time-box-border-color: #ffc107; --deposit-time-box-line-color: #ffc107; --btn-deposit-upload-text-color: #ffffff; --btn-deposit-upload-bg-color: #ffc107; --btn-deposit-upload-border-color: #ffc107; --btn-deposit-submit-text-color: #ffffff; --btn-deposit-submit-bg-color: #ffc107; --btn-deposit-submit-border-color: #ffc107; --btn-deposit-cancel-text-color: #ffffff; --btn-deposit-cancel-bg-color: #ffc107; --btn-deposit-cancel-border-color: #ffc107; --deposit-payment-code-text-color: #ffffff; --deposit-payment-code-bg-color: #ffc107; --deposit-payment-code-border-color: #ffc107; --deposit-payment-code-dropdown-text-color: #ffffff; --deposit-payment-code-dropdown-bg-color: #ffffff; --deposit-payment-code-dropdown-border-color: #ffc107; --input-bg-color: var(--deposit-amount-input-bg-color); --input-border-color: var(--deposit-amount-input-border-color); --input-color: var(--deposit-amount-input-text-color); --border-width: 1px; --border-style: solid; color: #fff; } .deposit-form-default .deposit-form-shell { box-sizing: border-box; font-size: 14px; line-height: 1.25; color: #fff; padding: 16px 16px 16px; } .deposit-form-default .deposit-form-block.is-hidden, .deposit-form-default .deposit-form-shell .is-hidden { display: none !important; } .deposit-form-default #deposit-form-bank-wrap, .deposit-form-default #deposit-form-transfer-wrap { margin-bottom: 16px; } .deposit-form-default #deposit-form-bank-wrap { position: relative; z-index: 3; } .deposit-form-default .deposit-payment-methods { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; } @media (min-width: 768px) { .deposit-form-default .deposit-payment-methods { gap: 20px; } } .deposit-form-default #deposit-payment-method, .deposit-form-default .deposit-payment-method { width: 48px; --radius: 8px; cursor: pointer; } @media (min-width: 768px) { .deposit-form-default #deposit-payment-method, .deposit-form-default .deposit-payment-method { width: 75px; } .deposit-form-default .deposit-payment-method-name { font-size: 14px; } } .deposit-form-default .deposit-payment-method-item { aspect-ratio: 1 / 1; border-radius: var(--radius); margin-bottom: 4px; --border-color: var(--deposit-payment-method-selected-border-color); } .deposit-form-default .deposit-payment-method-logo { display: block; border-radius: var(--radius); width: 100%; height: 100%; } .deposit-form-default .deposit-payment-method-name { text-align: center; font-size: 12px; } .deposit-form-default .deposit-payment-method-item.selected { --border-width: 2px; border-radius: 8px; } .deposit-form-default [class*="border-gradient-"] { position: relative !important; } .deposit-form-default .gradient-border::before, .deposit-form-default .hline-custom::before, .deposit-form-default [class*="border-gradient-"]::before { pointer-events: none; content: ""; position: absolute; inset: calc(-1 * var(--border-width, 1px)); border-radius: inherit; border: var(--border-width, 1px) solid transparent; background: var(--border-color) border-box; background-clip: border-box; mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude; z-index: 1 !important; } .deposit-form-default .gradient-border.inset-0::before, .deposit-form-default .hline-custom.inset-0::before, .deposit-form-default [class*="border-gradient-"].inset-0::before { inset: 0 !important; } .deposit-form-default .deposit-payment-code-dropdown { position: relative; width: 100%; } .deposit-form-default .deposit-payment-code-trigger, .deposit-form-default #btn-deposit-payment-code { position: relative; display: flex; align-items: center; margin: 0; height: 40px; padding: 0 10px; border-radius: 8px; width: 100%; color: var(--deposit-payment-code-text-color); background: var(--deposit-payment-code-bg-color); border: 1px solid var(--deposit-payment-code-border-color); cursor: pointer; } .deposit-form-default .deposit-payment-code-label { flex: 1 0 0%; text-align: left; min-width: 0; } .deposit-form-default .deposit-payment-code-arrow { display: block; width: 12px; height: 12px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); } .deposit-form-default .deposit-payment-code-menu, .deposit-form-default #payment-code-dropdown-box { position: absolute; left: 0; width: 100%; margin-top: 12px; scrollbar-width: thin; border-radius: 8px; z-index: 3; max-height: 250px; overflow: auto; color: var(--deposit-payment-code-dropdown-text-color, var(--deposit-payment-code-text-color)); background: var(--deposit-payment-code-dropdown-bg-color, var(--deposit-payment-code-bg-color)); border: 1px solid var(--deposit-payment-code-dropdown-border-color, var(--deposit-payment-code-border-color)); } .deposit-form-default #payment-code-dropdown-box .deposit-payment-code-option { padding: 12px; cursor: pointer; } .deposit-form-default #deposit-notice-board { margin-bottom: 10px; } .deposit-form-default .deposit-notice-board { display: flex; flex-direction: column; column-gap: 8px; line-height: 1.25; border-radius: 4px; padding: 10px; color: var(--deposit-notice-board-text-color); background: var(--deposit-notice-board-bg-color); border: 1px solid var(--deposit-notice-board-border-color); } .deposit-form-default #deposit-step-container { width: 100%; } .deposit-form-default .deposit-step-guidelines { margin-bottom: 10px; } .deposit-form-default #deposit-amount-option-container { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 10px; } .deposit-form-default #deposit-amount-option-container .deposit-amount-option { font-size: 11px; width: 60px !important; height: 32px !important; border: 1px solid var(--deposit-amount-btn-border-color); border-radius: 4px; color: var(--deposit-amount-btn-text-color) !important; background: var(--deposit-amount-btn-bg-color); cursor: pointer; } .deposit-form-default #deposit-amount-option-container .deposit-amount-option-text { font-size: 15px; font-weight: 700; } .deposit-form-default #deposit-qr-payment-container, .deposit-form-default .deposit-qr-payment-container { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; } .deposit-form-default .deposit-qr-frame { max-width: 600px; width: 55%; overflow: hidden; background-color: #fff; } .deposit-form-default .deposit-qr-image { display: block; width: 100%; } @media (max-width: 767px) { .deposit-form-default .deposit-qr-frame { width: 100%; } } .deposit-form-default .deposit-amount-input-container { display: flex; align-items: center; margin: 0; width: 100%; border-radius: 8px; height: 40px; overflow: hidden; background: transparent; } .deposit-form-default #deposit-form-amount-wrap .deposit-amount-input-container { margin-bottom: 10px; } .deposit-form-default .deposit-amount-input-container--pin { margin-bottom: 10px; } .deposit-form-default .deposit-amount-input { flex: 1; min-width: 0; width: 100%; height: 40px; box-sizing: border-box; border-radius: 8px; font-size: 15px; padding: 16px; color: var(--deposit-amount-input-text-color) !important; border: 1px solid var(--deposit-amount-input-border-color) !important; background: var(--deposit-amount-input-bg-color) !important; } .deposit-form-default .deposit-amount-input-container--pin .deposit-amount-input { padding: 12px; } .deposit-form-default #deposit-detail-board, .deposit-form-default #deposit-detail-board2, .deposit-form-default .deposit-detail-board { display: grid; grid-template-columns: auto 1fr; column-gap: 8px; line-height: 1.25; font-weight: 700; border-radius: 4px; padding: 10px; margin-bottom: 8px; } .deposit-form-default .deposit-detail-label { white-space: nowrap; padding-top: 8px; padding-bottom: 8px; } .deposit-form-default .deposit-transfer-time-label { display: flex; justify-content: center; align-items: center; } .deposit-form-default .deposit-detail-value { position: relative; display: flex; align-items: center; gap: 8px; overflow: hidden; padding-top: 8px; padding-bottom: 8px; } .deposit-form-default .deposit-detail-value-text { flex: 1 0 0%; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .deposit-form-default #deposit-detail-board, .deposit-form-default .deposit-detail-board:not(.deposit-detail-board2) { color: var(--deposit-detail-board-text-color); background: var(--deposit-detail-board-bg-color); border: 1px solid var(--deposit-detail-board-border-color); --border-color: var(--deposit-detail-board-line-color); } .deposit-form-default #deposit-detail-board2, .deposit-form-default .deposit-detail-board2 { padding: 10px; row-gap: 10px; color: var(--deposit-detail-board2-text-color); background: var(--deposit-detail-board2-bg-color); border: 1px solid var(--deposit-detail-board2-border-color); --border-color: var(--deposit-detail-board2-line-color); } .deposit-form-default .deposit-detail-divider { grid-column: 1 / -1; border-bottom: 1px solid var(--deposit-detail-board-line-color); } .deposit-form-default #deposit-detail-board2 .deposit-detail-divider, .deposit-form-default .deposit-detail-board2 .deposit-detail-divider { border-bottom-color: var(--deposit-detail-board2-line-color); } .deposit-form-default .deposit-detail-reference-text { animation: blink_live 1.5s linear infinite; } .deposit-form-default .deposit-transfer-time-pickers { display: flex; align-items: center; gap: 4px; } .deposit-form-default .deposit-time-picker { position: relative; flex: 1 0 0%; min-width: 0; } .deposit-form-default .deposit-transfer-time-pickers .deposit-time-picker-btn { width: 100%; } .deposit-form-default .deposit-time-picker-dropdown { position: absolute; left: 0; top: 100%; width: 100%; z-index: 2; display: grid; grid-template-rows: 0fr; overflow: hidden; transition: grid-template-rows 0.3s ease; } .deposit-form-default .deposit-time-picker-dropdown[data-dropdown-open="true"] { grid-template-rows: 1fr; } .deposit-form-default .deposit-time-picker-dropdown-inner { overflow: hidden; } .deposit-form-default .deposit-time-picker-btn { font-size: 15px; cursor: pointer; padding: 10px; border-radius: 8px; font-weight: 400; color: var(--deposit-time-picker-btn-text-color); background: var(--deposit-time-picker-btn-bg-color); border: 1px solid var(--deposit-time-picker-btn-border-color); } .deposit-form-default .deposit-upload-row { position: relative; display: flex; align-items: center; gap: 8px; } .deposit-form-default .deposit-file-input { display: none; } .deposit-form-default .deposit-time-box { border-radius: 8px; max-height: 200px; overflow: auto; color: var(--deposit-time-box-text-color); background: var(--deposit-time-box-bg-color); border: 1px solid var(--deposit-time-box-border-color); --line-color: var(--deposit-time-box-line-color); } .deposit-form-default .deposit-time-box .deposit-time-option { padding: 15px; border-radius: 0 !important; border-bottom: 1px solid var(--line-color); cursor: pointer; } .deposit-form-default .deposit-time-box .deposit-time-option:last-child { border-bottom: none; } .deposit-form-default #btn-deposit-upload { width: 110px !important; height: 36px !important; font-weight: 700; border-radius: 20px; color: var(--btn-deposit-upload-text-color) !important; background: var(--btn-deposit-upload-bg-color); border: 1px solid var(--btn-deposit-upload-border-color); } .deposit-form-default .deposit-form-actions { display: flex; align-items: center; gap: 10px; margin-top: 24px; } .deposit-form-default #btn-deposit-submit, .deposit-form-default #btn-deposit-cancel { min-width: 100px; height: 36px; font-weight: 800; padding: 10px 14px; border-radius: 8px; } .deposit-form-default #btn-deposit-submit { color: var(--btn-deposit-submit-text-color) !important; background: var(--btn-deposit-submit-bg-color); border: 1px solid var(--btn-deposit-submit-border-color); } .deposit-form-default #btn-deposit-cancel { color: var(--btn-deposit-cancel-text-color) !important; background: var(--btn-deposit-cancel-bg-color); border: 1px solid var(--btn-deposit-cancel-border-color); } .deposit-form-default .deposit-copy-btn { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: fit-content; width: fit-content; height: fit-content; padding: 4px; font-size: 13px; line-height: 1; background: transparent; border: none; cursor: pointer; color: #fff; } .deposit-form-default .deposit-copy-btn-icon { display: block; width: 1em; height: 1em; color: #fff; fill: currentColor; }2a:T1bdc, 2b:Tb13,:root { --app-game-popup-width: min(500px, 90vw); --app-game-popup-padding: 24px 20px; --app-game-popup-bg-color: #ffffff; --app-game-popup-text-color: #000000; --app-game-popup-border-color: #ffffff; } .custom-game-popup-inner { --app-game-popup-title-text-color: #000000; --app-game-popup-detail-title-text-color: #000000; --app-game-popup-detail-value-text-color: #000000; --app-game-popup-deep-link-note-text-color: #000000; --app-game-popup-copy-icon-color: #ffffff; --app-game-popup-download-android-icon-color: #3DDC84; --app-game-popup-download-ios-icon-color: #ffffff; --app-game-popup-download-here-text-color: #000000; --app-game-popup-btn-cancel-bg-color: #ffffff; --app-game-popup-btn-cancel-border-color: #ffffff; --app-game-popup-btn-cancel-text-color: #000000; --app-game-popup-btn-confirm-bg-color: #ffffff; --app-game-popup-btn-confirm-border-color: #ffffff; --app-game-popup-btn-confirm-text-color: #000000; box-sizing: border-box; width: 100%; font-weight: 500; } /* reset broswer default button style */ .custom-game-popup-inner button { outline: none; background: unset; } .custom-game-popup-inner .text-app-game-popup-title { font-size: 24px; color: var(--app-game-popup-title-text-color); } .custom-game-popup-inner .app-game-popup-detail-title { color: var(--app-game-popup-detail-title-text-color); } .custom-game-popup-inner .app-game-popup-detail-value { color: var(--app-game-popup-detail-value-text-color); } .custom-game-popup-inner [data-section="deeplink-notice"] { color: var(--app-game-popup-deep-link-note-text-color); } .custom-game-popup-inner .app-game-popup-download-here { color: var(--app-game-popup-download-here-text-color); } .custom-game-popup-inner .icon-dialog-app-copy { font-size: 16px; color: var(--app-game-popup-copy-icon-color); } .custom-game-popup-inner .icon-dialog-app-android-download { width: 36px; color: var(--app-game-popup-download-android-icon-color); } .custom-game-popup-inner .icon-dialog-app-ios-download { width: 36px; color: var(--app-game-popup-download-ios-icon-color); } .custom-game-popup-inner .custom-dialog-cancel { color: var(--app-game-popup-btn-cancel-text-color); background: var(--app-game-popup-btn-cancel-bg-color); border: 1px solid var(--app-game-popup-btn-cancel-border-color); } .custom-game-popup-inner .custom-dialog-confirm { color: var(--app-game-popup-btn-confirm-text-color); background: var(--app-game-popup-btn-confirm-bg-color); border: 1px solid var(--app-game-popup-btn-confirm-border-color); } @media (min-width: 768px) { .custom-game-popup-inner .text-app-game-popup-title { font-size: 36px; } .custom-game-popup-inner .icon-dialog-app-copy { font-size: 20px; } .custom-game-popup-inner { font-size: 16px; } }