.SVG-component__content { width: 100%; height: 100%; display: flex; -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; }
.SVG-component__content-svg { width: 100%; height: 100%; }
.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; }
.header-card-mobile { display: flex; padding: 0.0625rem; width: 100%; border-radius: 0.625rem; background: linear-gradient(279.25deg, rgba(196, 87, 218, 0) 28.59%, rgb(196, 87, 218) 102.15%), linear-gradient(281.65deg, rgb(136, 95, 255) 4%, rgba(129, 92, 234, 0) 52.67%); }
.header-card-mobile__content { position: relative; display: flex; -webkit-box-align: center; align-items: center; background: linear-gradient(rgb(50, 5, 72) 0%, rgb(31, 7, 58) 100%); border-radius: 0.625rem; width: 100%; height: 100%; }
.back-block { display: flex; -webkit-box-align: center; align-items: center; padding: 0.3125rem 0.9375rem 0.3125rem 0.3125rem; gap: 0.625rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgba(0, 0, 0, 0); min-height: 2.5rem; cursor: pointer; }
.back-block__arrow { display: flex; }
.back-block__arrow-svg { height: 1.875rem; width: 1.875rem; }
.back-block__content { font-family: Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 700; line-height: 1rem; width: 100%; color: rgb(237, 237, 237); text-align: left; }
.bonus-program-button-mobile { min-height: 4.4375rem; padding-left: 0.3125rem; display: flex; -webkit-box-align: center; align-items: center; border: 2px solid rgba(0, 0, 0, 0); background: linear-gradient(rgb(50, 5, 72) 0%, rgb(31, 7, 58) 100%) padding-box padding-box, linear-gradient(270deg, rgb(196, 87, 218) 0%, rgba(196, 87, 218, 0.84) 16%, rgba(136, 95, 255, 0) 100%) border-box border-box; border-radius: 0.625rem; overflow: hidden; }
.bonus-program-button-mobile__gift { margin-right: 0.3125rem; width: 4.3125rem; height: 4rem; transform: rotate(-14.066deg); flex-shrink: 0; display: flex; }
.bonus-program-button-mobile__gift_type_blur { position: absolute; top: 0px; left: 0px; filter: blur(2rem); }
.bonus-program-button-mobile__gift-wrapper { position: relative; }
.bonus-program-button-mobile__text { color: var(--Accent-Text-Regular, #FFF); font-size: 1.00413rem; font-weight: 900; text-transform: uppercase; }
.bonus-program-button-mobile__text-accent { margin-bottom: -0.25rem; font-size: 1.514rem; background: linear-gradient(0deg, rgb(139, 0, 201) -6.06%, rgb(255, 188, 15) 55.4%) text; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
.bonus-program-button-mobile__text-accent_type_blur { position: absolute; top: 0px; left: 0px; filter: blur(2px); opacity: 0.5; }
.bonus-program-button-mobile__text-accent-wrapper { position: relative; }
.bonus-program-button-mobile__devices { margin-left: auto; height: 4.4375rem; display: flex; }
.profile-user-info-mobile { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 0.3125rem; padding: 0rem 0.625rem 0.625rem; }
.profile-user-info-mobile__header { display: flex; -webkit-box-align: center; align-items: center; gap: 0.625rem; padding: 0.625rem 0rem; }
.profile-user-info-mobile__credentials { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; gap: 0.0625rem; }
.profile-user-info-mobile__user-icon { display: flex; width: 2.5rem; height: 2.5rem; }
.profile-user-info-mobile__logout { display: flex; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgba(0, 0, 0, 0); padding: 0px; }
.profile-user-info-mobile__logout-icon { display: flex; }
.profile-user-info-mobile__logout-icon > svg { width: 1.875rem; height: 1.875rem; }
.profile-user-info-mobile__id { font-size: 0.875rem; font-weight: 700; line-height: 100%; color: rgb(237, 237, 237); }
.profile-user-info-mobile__username { font-size: 0.875rem; font-weight: 700; line-height: 100%; color: rgb(237, 237, 237); }
.profile-user-info-mobile__balance { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.profile-user-info-mobile__balance-title { font-size: 0.875rem; font-weight: 700; line-height: 1rem; color: rgb(149, 131, 160); }
.profile-user-info-mobile__balance-value { display: flex; -webkit-box-align: baseline; align-items: baseline; gap: 0.3125rem; }
.profile-user-info-mobile__balance-amount { color: var(--Accent-Text-Regular, #FFF); font-size: 1.625rem; font-weight: 700; letter-spacing: -0.04875rem; }
.profile-user-info-mobile__balance-amount_sm { font-size: 1.625rem; }
.profile-user-info-mobile__balance-currency { font-size: 1rem; font-weight: 700; line-height: 1.75rem; letter-spacing: -0.03em; color: rgb(149, 131, 160); }
.profile-navigation-mobile { display: flex; padding: 0.625rem; gap: 0.625rem; }
.profile-navigation-mobile__item { display: flex; padding: 0.3125rem 0px; -webkit-box-flex: 1; flex: 1 1 0%; }
.profile-navigation-mobile__link { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; padding: 0.9375rem 1.25rem; gap: 0.625rem; border-radius: 0.625rem; background: rgba(141, 51, 184, 0.9); }
.profile-navigation-mobile__icon { display: flex; }
.profile-navigation-mobile__icon > svg { width: 1.875rem; height: 1.875rem; }
.profile-navigation-mobile__text { font-size: 0.75rem; font-weight: 500; line-height: 0.875rem; text-align: left; color: rgb(237, 237, 237); white-space: pre-wrap; max-width: 4.3rem; }
.profile-promocode-mobile { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; padding: 0.9375rem 1.25rem; gap: 0.625rem; border-radius: 0.625rem; background: linear-gradient(rgb(50, 5, 72) 0%, rgb(31, 7, 58) 100%); box-sizing: border-box; }
.profile-promocode-mobile__header { display: flex; -webkit-box-align: center; align-items: center; gap: 0.625rem; }
.profile-promocode-mobile__text { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 0.1875rem; }
.profile-promocode-mobile__title { font-family: Roboto, Arial, sans-serif; font-size: 0.8125rem; font-weight: 700; line-height: 0.951875rem; letter-spacing: -0.03em; color: rgb(255, 255, 255); }
.profile-promocode-mobile__description { font-family: Roboto, Arial, sans-serif; font-size: 0.6875rem; font-weight: 500; line-height: 0.805625rem; color: rgb(149, 131, 160); }
.profile-promocode-mobile__icon { display: flex; }
.profile-promocode-mobile__icon > svg { width: 1.875rem; height: 1.875rem; }
.profile-promocode-mobile__field { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; gap: 0.625rem; }
.profile-promocode-mobile__input { background: rgba(0, 0, 0, 0); border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(104, 41, 132, 0.5); border-image: none; padding: 0.625rem 1.25rem; outline: none; width: 100%; font-size: 0.875rem; font-weight: 600; line-height: 1rem; text-align: left; color: rgb(255, 255, 255); }
.profile-promocode-mobile__input::-webkit-input-placeholder { color: rgb(149, 131, 160); font-size: 0.875rem; font-weight: 600; line-height: 1rem; text-align: left; }
.profile-promocode-mobile__input::placeholder { color: rgb(149, 131, 160); font-size: 0.875rem; font-weight: 600; line-height: 1rem; text-align: left; }
.profile-menu-mobile { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1 1 0%; gap: 0.625rem; height: 100dvh; }
.profile-menu-mobile__card { position: relative; background: linear-gradient(360deg, rgb(146, 9, 207) 0.78%, rgb(19, 2, 39) 78.71%); border-radius: 0px 0px 1.25rem 1.25rem; }
.profile-menu-mobile__card::before { content: ""; position: absolute; inset: 0px 0px 4.5rem; background: url("/gnm/gm/img/src/features/profile/view/mobile/ProfileMenu/img/messi-profile.webp") right bottom / 9rem 13.1875rem no-repeat; z-index: 1; }
.profile-menu-mobile__feedback-button-container { padding: 0.625rem; width: 100%; }
.profile-menu-mobile__feedback-button { display: flex; height: 2.5rem; padding: 0.625rem; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 0.625rem; align-self: stretch; border-radius: 31.25rem; background: rgb(139, 0, 201); color: var(--Accent-Text-Regular, #fff); font-family: Roboto; font-size: 0.875rem; font-style: normal; font-weight: 700; line-height: normal; }
.profile-menu-mobile__feedback-button-icon { width: 1.5rem; height: 1.5rem; padding: 0.2917rem 0.25rem; }
.profile-menu-mobile__user-info { position: relative; z-index: 2; padding: 0px 0.625rem; }
.profile-menu-mobile__user-info-back { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; gap: 0.625rem; }
.profile-menu-mobile__navigation { width: 100%; position: relative; z-index: 2; }
.profile-menu-mobile__promocode, .profile-menu-mobile__bonus, .profile-menu-mobile__cashback { padding: 0px 0.625rem; }
.profile-menu-mobile__exit { margin-left: auto; display: flex; padding: 0.3125rem 0.625rem; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 0.28125rem; border-radius: 0.625rem; background: var(--DarkIU-Main-Cards-3, rgba(255, 255, 255, 0.1)); color: var(--DarkUI-Text-Text-Additional, #9583a0); font-size: 0.625rem; font-weight: 700; line-height: 100%; text-transform: uppercase; }
.profile-menu-mobile__exit-icon { flex-shrink: 0; width: 1.25rem; height: 1.25rem; display: flex; }
.profile-menu-mobile__notifies-wrap { align-self: center; width: 1.875rem; height: 1.875rem; position: relative; }
.profile-menu-mobile__bell { position: relative; width: 1.875rem; height: 1.875rem; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.profile-menu-mobile__bell-notifies-count { cursor: pointer; position: absolute; bottom: -0.125rem; right: 0px; min-width: 0.75rem; height: 0.75rem; width: fit-content; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 1px 2.5px 0px; border-radius: 0.5625rem; background: rgb(211, 28, 50); font-size: 0.4375rem; line-height: 0.4375rem; color: rgb(255, 255, 255); user-select: none; }
.profile-menu-mobile__bell-notifies-count_zero { background: rgb(149, 131, 160); }
.profile-menu-mobile__bell-icon { cursor: pointer; width: 1.5rem; height: 1.5rem; display: flex; }
.profile-menu-mobile__password { margin: 0px 0.625rem; padding: 0.5rem 1.25rem; display: flex; -webkit-box-align: center; align-items: center; gap: 0.625rem; border-radius: 0.625rem; background: linear-gradient(rgb(50, 5, 72) 0%, rgb(31, 7, 58) 100%); color: var(--Accent-Text-Regular, #fff); font-size: 0.875rem; font-weight: 500; letter-spacing: -0.02625rem; }
.profile-menu-mobile__password-icon { flex-shrink: 0; display: flex; width: 1.5rem; height: 1.5rem; }
.profile-menu-mobile__payments { width: 100%; height: 3.125rem; display: grid; grid-template-columns: repeat(2, 1fr); -webkit-box-align: center; align-items: center; gap: 0.625rem; padding: 0.3125rem 0.625rem; }
.profile-menu-mobile__payments-button { min-width: 0px; width: 100%; height: 2.5rem; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.profile-menu-mobile__payments-button-icon { width: 1.5rem; height: 1.5rem; margin-right: 0.625rem; }