.modal { width: 100%; height: 100%; position: fixed; z-index: 1000; top: 0px; background: rgba(19, 2, 39, 0.9); backdrop-filter: blur(2px); }
.modal__content-container { height: calc(100% - 3.375rem); width: 100%; max-width: 30rem; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.modal__content-container_type_auth { left: 0px; top: 3.375rem; transform: unset; height: calc(100% - 3.0638rem); }
.modal__content-container_type_password { transform: translate(-50%, -50%); height: auto; }
.button-mobile { user-select: none; cursor: pointer; width: 100%; height: 100%; padding: 0px 1.25rem; border-radius: 0.625rem; color: rgb(255, 255, 255); background: linear-gradient(113.27deg, rgb(84, 40, 180) 15.04%, rgb(179, 57, 226) 84.96%); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-size: 0.875rem; font-weight: 700; line-height: 1.125rem; text-align: center; white-space: nowrap; transition: 400ms; }
.button-mobile:active { transform: translateY(2px); }
.button-mobile_borderRadius_10 { border-radius: 0.625rem; }
.button-mobile_borderRadius_500 { border-radius: 31.25rem; }
.button-mobile_color_border20 { border-radius: 1.25rem; }
.button-mobile_color_border30 { border-radius: 1.875rem; }
.button-mobile_color_blue5 { background: rgb(76, 87, 154); border-radius: 0.3125rem; }
.button-mobile_color_red { background: rgb(239, 35, 60); border-radius: 0.3125rem; }
.button-mobile_color_red:hover { background: rgb(217, 4, 41); }
.button-mobile_color_gold { background: rgb(230, 166, 3); border-radius: 62.5rem; }
.button-mobile_color_bordered-100 { border: 1px solid rgb(255, 255, 255); background: rgb(0, 0, 0); border-radius: 6.25rem; }
.button-mobile_color_orange-100 { background: rgb(230, 166, 3); border-radius: 6.25rem; }
.button-mobile_color_orange-5 { background: rgb(230, 166, 3); border-radius: 0.3125rem; color: rgb(0, 0, 0); }
.button-mobile_color_purple-bordered { background: rgba(0, 0, 0, 0); border: 1px solid rgb(104, 41, 132); text-transform: none; border-radius: 31.25rem; }
.button-mobile_color_purple-bordered-2 { background: rgb(50, 5, 72); border: 1px solid rgba(104, 41, 132, 0.5); text-transform: none; border-radius: 31.25rem; }
.button-mobile_color_purple { background: rgb(139, 0, 201); text-transform: none; border-radius: 31.25rem; }
.button-mobile_color_purple-gradient { opacity: 1; background: var(--Accent-Accent-gradient, linear-gradient(113deg, #5428b4 15.04%, #b339e2 84.96%)); }
.button-mobile_color_purple-gradient:disabled { border-radius: 500px; opacity: 0.5; background: var(--Accent-Accent-gradient, linear-gradient(113deg, #5428b4 15.04%, #b339e2 84.96%)); cursor: not-allowed; text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 700; color: rgb(255, 255, 255) !important; }
.button-mobile_color_yellow-gradient { border-radius: 3.75rem; background: var(--Accent-Accent-2, #ffbc0f); box-shadow: rgb(255, 188, 15) 0px 0px 1.25rem 0px; color: rgb(24, 0, 55); text-align: center; font-family: Roboto; font-size: 1.2953rem; font-style: normal; font-weight: 800; line-height: 100%; }
.button-mobile_disabled { opacity: 0.5; cursor: not-allowed; }
.input-mobile { user-select: none; width: 100%; height: 100%; display: flex; -webkit-box-align: center; align-items: center; position: relative; }
.input-mobile__native { display: flex; -webkit-box-align: center; align-items: center; width: 100%; height: 100%; padding: 0px 1.25rem; border: 1px solid rgba(0, 0, 0, 0); border-radius: 0.625rem; outline: none; background: linear-gradient(rgb(50, 5, 72) 0%, rgb(31, 7, 58) 100%); color: rgb(255, 255, 255); appearance: none; font-family: Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 600; line-height: 1.02563rem; }
.input-mobile__native::-webkit-input-placeholder { color: rgb(149, 131, 160); font-family: Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 600; line-height: 1.02563rem; }
.input-mobile__native::placeholder { color: rgb(149, 131, 160); font-family: Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 600; line-height: 1.02563rem; }
.input-mobile__native_color_border-blue { border: 1px solid rgb(76, 87, 154); }
.input-mobile__native_color_grey { background-color: rgb(52, 52, 52); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0.3125rem; }
.input-mobile__native_color_grey::-webkit-input-placeholder { color: rgb(255, 255, 255); }
.input-mobile__native_color_grey::placeholder { color: rgb(255, 255, 255); }
.input-mobile__native_color_white { background-color: rgb(255, 255, 255); color: rgb(40, 40, 40); border-radius: 0.3125rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 0.875rem; padding: 0px 0.625rem; }
.input-mobile__native_color_white::-webkit-input-placeholder { color: rgb(40, 40, 40); font-size: 0.875rem; }
.input-mobile__native_color_white::placeholder { color: rgb(40, 40, 40); font-size: 0.875rem; }
.input-mobile__native_color_dark-grey { background-color: rgb(40, 40, 40); font-family: Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 0.875rem; color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0.3125rem; }
.input-mobile__native_type_password { padding-right: 2.6875rem; }
.input-mobile__native_activePassword { font-family: password; }
.input-mobile__native:-webkit-autofill, .input-mobile__native:-webkit-autofill:hover, .input-mobile__native:-webkit-autofill:focus, .input-mobile__native:-webkit-autofill:active { -webkit-text-fill-color: rgb(255, 255, 255); transition: background-color 5000s ease-in-out; box-shadow: rgba(0, 0, 0, 0) 0px 0px 20px 20px inset; caret-color: rgb(255, 255, 255); }
.input-mobile__native_with-svg { padding-left: 2.4375rem; }
.input-mobile__password, .input-mobile__password-off { cursor: pointer; position: absolute; right: 1.0625rem; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.input-mobile__password-svg, .input-mobile__password-off-svg { width: 1.5rem; height: 1.5rem; }
.input-mobile__password_active { display: flex; }
.input-mobile__password-off_active { display: flex; }
.input-mobile__icon { position: absolute; left: 0.75rem; }
.input-mobile__icon-svg { width: 0.9375rem; height: 0.9375rem; }
.modal-change-password-mobile { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; z-index: 1000; padding: 0.5rem; }
.modal-change-password-mobile__form { padding: 1.25rem 1.125rem; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; box-sizing: border-box; background: rgb(50, 5, 72); color: rgb(255, 255, 255); border-radius: 1.25rem; }
.modal-change-password-mobile__title { margin-bottom: 1.25rem; font-size: 1.25rem; text-align: center; }
.modal-change-password-mobile__sub-title { margin-bottom: 1.25rem; font-size: 1rem; text-align: center; }
.modal-change-password-mobile__inputs { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; margin-bottom: 1.25rem; }
.modal-change-password-mobile__item { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; }
.modal-change-password-mobile__item:not(:last-child) { margin-bottom: 0.625rem; }
.modal-change-password-mobile__item-title { font-family: Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 0.875rem; color: rgb(255, 255, 255); margin-bottom: 0.3125rem; }
.modal-change-password-mobile__item-field { width: 100%; height: 2.5rem; }
.modal-change-password-mobile__button { width: 100%; height: 2.5rem; margin: 0px auto; }
.modal-change-password-mobile__button-text { font-weight: 700; font-size: 0.875rem; text-transform: uppercase; }
.modal-cbu-payment-mobile { width: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 1rem; background-image: url("/gnm/gm/img/src/features/payment/view/mobile/Requests/img/paymentBack.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.modal-cbu-payment-mobile__form-wrapper { position: relative; width: 100%; height: fit-content; display: flex; -webkit-box-align: start; align-items: flex-start; gap: 1rem; padding: 0px 1rem 0.9375rem; border-radius: 0px 0px 1.25rem 1.25rem; background: linear-gradient(0deg, rgba(158, 82, 197, 0.3) 10.48%, rgba(158, 82, 197, 0) 77.18%); }
.modal-cbu-payment-mobile__modal { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 0.625rem; gap: 0.625rem; -webkit-box-flex: 1; flex-grow: 1; padding: 0px; width: auto; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; background: rgba(0, 0, 0, 0); }
.modal-cbu-payment-mobile__modal-title { width: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--OLD-Basic-White, #fff); text-align: center; font-variant-numeric: lining-nums proportional-nums; font-size: 1.625rem; font-weight: 700; line-height: 100%; }
.modal-cbu-payment-mobile__modal-cross { position: absolute; top: 0.625rem; right: 0.625rem; width: 2.6875rem; height: 2.6875rem; cursor: pointer; }
.modal-cbu-payment-mobile__modal-item { flex-shrink: 0; padding: 0px 0.5625rem; }
.modal-cbu-payment-mobile__modal-label { margin-bottom: 3px; color: var(--DarkUI-Text-Regular, #fff); font-size: 0.875rem; font-weight: 600; }
.modal-cbu-payment-mobile__modal-input { height: 2.5rem; }
.modal-cbu-payment-mobile__modal-input_type_withButton { display: grid; grid-template-columns: auto min-content; gap: 0.625rem; }
.modal-cbu-payment-mobile__check { -webkit-box-flex: 0; flex: 0 0 2rem; width: 2rem; height: 2rem; box-sizing: content-box; padding: 0.25rem; border-radius: 0.3125rem; background: var(--Accent-Accent-1, linear-gradient(180deg, #ffbb0d 0%, #f58006 100%), linear-gradient(180deg, #c0982e 0%, #f7f490 49.1%, #caa741 100%)); cursor: pointer; }
.modal-cbu-payment-mobile__check_disabled { background: rgb(40, 43, 61); }
.modal-cbu-payment-mobile__check_disabled path { fill: rgb(95, 95, 95); }
.modal-cbu-payment-mobile__modal-cbu { height: 2.5rem; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 0.625rem; border-radius: 9.375rem; background: var(--DarkUI-Main-Cards-gradien-ver, linear-gradient(180deg, #320548 0%, #1f073a 100%)); color: var(--DarkUI-Text-Text-Additional, #9583a0); font-size: 0.875rem; font-weight: 600; }
.modal-cbu-payment-mobile__modal-cbu-icon { flex-shrink: 0; display: flex; width: 1rem; height: 1rem; cursor: pointer; }
.modal-cbu-payment-mobile__modal-comment { width: 100%; height: 5.5rem; border-radius: 0.3125rem; border: 1px solid var(--DarkUI-Strokes, #5f5f5f); background: var(--DarkUI-ards-1, linear-gradient(0deg, #282b3d 0%, #282b3d 100%), #232323); color: rgb(255, 255, 255); padding: 0.625rem 1.25rem; outline: none; resize: none; font-family: "Sofia Pro", Arial, sans-serif; font-size: 0.875rem; font-weight: 600; }
.modal-cbu-payment-mobile__modal-comment::-webkit-scrollbar { width: 0.1875rem; height: 0.1875rem; }
.modal-cbu-payment-mobile__modal-comment::-webkit-scrollbar-thumb { background: rgb(230, 166, 3); }
.modal-cbu-payment-mobile__modal-comment::-webkit-input-placeholder { color: var(--DarkUI-Text-Additional, #9d9d9d); }
.modal-cbu-payment-mobile__modal-comment::placeholder { color: var(--DarkUI-Text-Additional, #9d9d9d); }
.modal-cbu-payment-mobile__modal-button { height: 2.5rem; }
.modal-cbu-payment-mobile__modal-limits { color: rgb(255, 255, 255); font-family: Roboto; font-size: 0.625rem; font-style: normal; font-weight: 600; line-height: normal; margin-top: 0.25rem; }
.modal-cbu-payment-mobile__modal-limits-error { color: rgb(241, 66, 66); font-family: Roboto; font-size: 0.625rem; font-style: normal; font-weight: 600; line-height: normal; margin-top: 0.25rem; }
.modal-cbu-payment-mobile__deposit-image { flex-shrink: 0; align-self: flex-end; width: auto; height: 600px; object-fit: contain; user-select: none; }
@media (max-width: 1910px){.modal-cbu-payment-mobile__deposit-image { max-height: 550px; }
}
@media (max-width: 1850px){.modal-cbu-payment-mobile__deposit-image { max-height: 500px; }
}
@media (max-width: 1445px){.modal-cbu-payment-mobile__deposit-image { max-height: 350px; }
}
.modal-cbu-payment-mobile__withdrawal-image { flex-shrink: 0; align-self: flex-end; width: auto; height: 500px; object-fit: contain; user-select: none; }
@media (max-width: 1850px){.modal-cbu-payment-mobile__withdrawal-image { max-height: 450px; }
}
@media (max-width: 1550px){.modal-cbu-payment-mobile__withdrawal-image { max-height: 400px; }
}
@media (max-width: 1450px){.modal-cbu-payment-mobile__withdrawal-image { max-height: 350px; }
}
@media (max-width: 1200px){.modal-cbu-payment-mobile__withdrawal-image { max-height: 300px; }
}