#safTopupPage #safTopupSbp .saf-sbp-custom-icon-v1 { width: 30px !important; height: 30px !important; flex: 0 0 30px !important; margin: 0 !important; padding: 0 !important; } #safTopupPage #safTopupSbp .saf-sbp-custom-icon-v1 img { display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; } #safTopupPage #safTopupSbp .saf-sbp-custom-icon-v1 { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; flex: 0 0 34px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } #safTopupPage #safTopupSbp .saf-sbp-custom-icon-v1 img { display: block !important; width: 34px !important; height: 34px !important; object-fit: contain !important; background: transparent !important; } #safTopupPage #safTopupCard { position: relative; } #safTopupPage #safTopupCard.active { border-color: #00D977 !important; background: #0C2B1A !important; color: #19E987 !important; } #safTopupPage #safTopupCard .sftp-method-dot { display: none !important; } #safTopupPage #safTopupCard.active .sftp-method-dot { display: block !important; } #safTopupPage #safTopupCard.active::after { content: none !important; } #safConnectPage .saf-platform-option[data-platform="macos"] .saf-platform-option-icon, #safConnectPage .saf-platform-select:has( .saf-platform-option[data-platform="macos"].active ) .saf-platform-current-icon { font-size: 0 !important; } #safConnectPage .saf-platform-option[data-platform="macos"] .saf-platform-option-icon svg, #safConnectPage .saf-platform-select:has( .saf-platform-option[data-platform="macos"].active ) .saf-platform-current-icon svg { width: 27px !important; height: 27px !important; display: block !important; color: #d8d8d8 !important; } #safConnectPage .saf-android-download-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; align-items: center; } #safConnectPage .saf-android-download-actions .saf-guide-action { margin: 0; } #safConnectPage .saf-android-apk-note { margin-top: 14px; font-size: 0.92em; opacity: 0.8; } #safConnectPage .saf-android-huawei-action { flex-basis: auto; max-width: 100%; } #safConnectPage .saf-android-download-actions .saf-android-huawei-action { margin-right: auto; } #safConnectPage .saf-android-download-actions { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 10px 12px !important; margin-top: 18px !important; margin-bottom: 0 !important; } #safConnectPage .saf-android-download-actions .saf-guide-action { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; width: auto !important; min-height: 44px !important; margin: 0 !important; padding: 11px 16px !important; font-size: 14px !important; line-height: 1.25 !important; white-space: nowrap !important; flex: 0 0 auto !important; } #safConnectPage .saf-android-download-actions .saf-android-huawei-action { flex-basis: auto !important; margin-right: 100% !important; } #safConnectPage .saf-android-apk-note { margin-top: 12px !important; } #safConnectPage .saf-platform-option[data-platform="android"] .saf-platform-option-icon svg { display: block; width: 23px; height: 23px; color: currentColor; } #safConnectPage .saf-platform-select:has( .saf-platform-option[data-platform="android"].active ) #safPlatformCurrentIcon svg { display: block; width: 23px; height: 23px; color: currentColor; } @media (max-width: 390px) { #safConnectPage .saf-android-download-actions .saf-guide-action { font-size: 12px !important; padding: 10px 12px !important; } } #safConnectPage .saf-android-download-actions { margin-top: 6px !important; } #safConnectPage .saf-android-download-actions .saf-guide-action-symbol svg { width: 18px !important; height: 18px !important; stroke-width: 1.8 !important; transform: none !important; } #safConnectPage .saf-guide-icon-settings { display: flex; align-items: center; justify-content: center; color: #f5f5f5; background: rgba(183, 48, 65, .16); border: 2px solid rgba(213, 65, 83, .55); border-radius: 50%; } #safConnectPage .saf-platform-option[data-platform="ios"] .saf-platform-option-icon img { width: 27px !important; height: 27px !important; object-fit: contain !important; max-width: none !important; max-height: none !important; } #safConnectPage .saf-platform-option[data-platform="appletv" data-icon="tv"] .saf-platform-option-icon { font-size: 30px !important; line-height: 1 !important; } #safConnectPage .saf-platform-current-icon img.saf-ios-apple-icon { width: 28px !important; height: 28px !important; min-width: 28px !important; max-width: none !important; max-height: none !important; object-fit: contain !important; display: block !important; } #safConnectPage .saf-tv-reference .saf-tv-buttons { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; } #safConnectPage .saf-tv-reference .saf-tv-buttons .saf-guide-action { width:auto; max-width:100%; } #safConnectPage .saf-tv-reference .saf-tv-subheading { margin:22px 0 12px; font-size:16px; font-weight:500; } #safConnectPage .saf-tv-reference .saf-tv-import-panel { display:flex; flex-direction:column; gap:10px; } #safConnectPage .saf-tv-reference #safTvImportCode { box-sizing:border-box; display:block; width:100%; min-height:64px; border:2px solid #28d978; border-radius:16px; background:rgba(255,255,255,.035); color:inherit; text-align:center; font-size:28px; font-weight:700; letter-spacing:.20em; outline:none; } #safConnectPage .saf-tv-reference #safTvImportCode:focus { border-color:#44f39a; box-shadow:0 0 0 3px rgba(40,217,120,.10); } #safConnectPage .saf-tv-reference #safTvImportSend, #safConnectPage .saf-tv-reference .saf-tv-wide { width:100%; display:flex; align-items:center; justify-content:center; gap:10px; text-align:center; } #safConnectPage .saf-tv-reference #safTvImportStatus:empty, #safConnectPage .saf-tv-reference #safTvQrStatus:empty, #safConnectPage .saf-tv-reference #safTvAddStatus:empty { display:none; } @media(max-width:420px) { #safConnectPage .saf-tv-reference .saf-tv-buttons { flex-direction:column; align-items:stretch; } #safConnectPage .saf-tv-reference .saf-tv-buttons .saf-guide-action { width:100%; } } #safConnectPage .saf-tv-reference { font-size: 14px; } #safConnectPage .saf-tv-reference .saf-guide-step { position: relative; margin: 0 !important; padding-bottom: 17px !important; } #safConnectPage .saf-tv-reference .saf-guide-step:last-child { padding-bottom: 0 !important; } #safConnectPage .saf-tv-reference .saf-guide-step:not(:last-child)::before { bottom: -1px !important; } #safConnectPage .saf-tv-reference .saf-guide-step::after { content: none !important; } #safConnectPage .saf-tv-reference .saf-guide-title { font-size: 17px !important; font-weight: 650 !important; line-height: 1.35 !important; letter-spacing: -.2px !important; margin: 0 0 8px !important; } #safConnectPage .saf-tv-reference .saf-guide-text { font-size: 14px !important; font-weight: 400 !important; line-height: 1.5 !important; margin: 0 0 11px !important; letter-spacing: 0 !important; } #safConnectPage .saf-tv-reference .saf-tv-buttons { display: flex !important; flex-wrap: wrap !important; gap: 9px !important; margin: 0 !important; transform: none !important; } #safConnectPage .saf-tv-reference .saf-guide-action { min-height: 40px !important; padding: 8px 13px !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.3 !important; border-radius: 12px !important; } #safConnectPage .saf-tv-reference .saf-tv-buttons .saf-guide-action { width: auto !important; max-width: 100% !important; } #safConnectPage .saf-tv-reference .saf-tv-subheading { font-size: 15px !important; font-weight: 600 !important; line-height: 1.4 !important; margin: 12px 0 8px !important; } #safConnectPage .saf-tv-reference .saf-tv-import-panel { gap: 7px !important; } #safConnectPage .saf-tv-reference #safTvImportCode { box-sizing: border-box !important; width: 100% !important; min-height: 56px !important; padding: 10px !important; font-size: 24px !important; font-weight: 500 !important; letter-spacing: .16em !important; border: 1.5px solid rgba(180,180,180,.35) !important; border-radius: 13px !important; background: rgba(255,255,255,.025) !important; box-shadow: none !important; margin: 0 !important; } #safConnectPage .saf-tv-reference #safTvImportCode:focus { border-color: #28df83 !important; box-shadow: 0 0 0 1px rgba(40,223,131,.20) !important; } #safConnectPage .saf-tv-reference #safTvImportSend, #safConnectPage .saf-tv-reference .saf-tv-wide { width: 100% !important; min-height: 42px !important; font-size: 14px !important; font-weight: 500 !important; margin: 0 !important; } #safConnectPage .saf-tv-reference .saf-guide-icon { position: relative; z-index: 2; flex-shrink: 0; } @media (max-width: 420px) { #safConnectPage .saf-tv-reference .saf-guide-title { font-size: 16px !important; } #safConnectPage .saf-tv-reference .saf-guide-text, #safConnectPage .saf-tv-reference .saf-guide-action { font-size: 13px !important; } } @media (max-width: 600px) { #safConnectPage:has(.saf-tv-reference) { height: auto !important; min-height: 100dvh; max-height: none !important; overflow-y: auto !important; overflow-x: hidden !important; } #safConnectPage .saf-tv-reference { height: auto !important; max-height: none !important; overflow: visible !important; padding-bottom: 30px !important; } #safConnectPage .saf-tv-reference .saf-guide-step:last-child { margin-bottom: 0 !important; padding-bottom: 16px !important; } } #safConnectPage .saf-connect-guide { transition: opacity 150ms ease, filter 150ms ease; } #safConnectPage .saf-connect-guide.saf-install-fade-out { opacity: 0.20; filter: brightness(0.72); pointer-events: none; } #safConnectPage .saf-connect-guide.saf-install-fade-in { animation: safInstallFadeIn 270ms ease-out both; } @keyframes safInstallFadeIn { from { opacity: 0.20; filter: brightness(0.72); } to { opacity: 1; filter: brightness(1); } } @media (prefers-reduced-motion: reduce) { #safConnectPage .saf-connect-guide { transition: none !important; animation: none !important; } } #safWebAuthGate .saf-midnight-menu, #safWebAuthGate #safAuthGuest, #safWebAuthGate .saf-midnight-card > .saf-midnight-footnote:not(#safMidnightFormStatus) { display: none !important; } @keyframes safAuthSmoothAppear { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } @keyframes safAuthLogoAppear { from { opacity: 0; transform: translateY(8px) scale(.96); } to { opacity: 1; transform: translateY(0) scale(1); } } #safWebAuthGate .saf-auth-logo, #safWebAuthGate .saf-auth-logo-image { animation: safAuthLogoAppear .5s ease-out both; } #safWebAuthGate .saf-auth-box { animation: safAuthSmoothAppear .55s .1s ease-out both; } #safWebAuthGate .saf-midnight-footer { animation: safAuthSmoothAppear .45s .2s ease-out both; } @media (prefers-reduced-motion: reduce) { #safWebAuthGate .saf-auth-logo, #safWebAuthGate .saf-auth-logo-image, #safWebAuthGate .saf-auth-box, #safWebAuthGate .saf-midnight-footer { animation: none !important; } } #profilePage .saf-linked-accounts-card { padding: 23px 20px 12px; } #profilePage .saf-linked-accounts-card h2 { margin-bottom: 4px; } #profilePage .saf-linked-accounts-subtitle { font-size: 12px; color: var(--muted); margin-bottom: 15px; } #profilePage .saf-linked-account-item { display: flex; align-items: center; gap: 12px; min-height: 76px; padding: 12px 0; } #profilePage .saf-linked-account-item + .saf-linked-account-item { border-top: 1px solid var(--border); } #profilePage .saf-linked-account-icon { width: 39px; height: 39px; flex: 0 0 39px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: rgba(52, 180, 105, .10); color: #b9dec8; } #profilePage .saf-linked-telegram { color: #43b9f5; } #profilePage .saf-linked-account-details { min-width: 0; flex: 1; } #profilePage .saf-linked-account-name { font-size: 14px; font-weight: 600; color: var(--text); } #profilePage .saf-linked-account-description { margin-top: 5px; font-size: 12px; color: var(--muted); overflow-wrap: anywhere; } #profilePage .saf-linked-account-status { font-size: 12px; color: #39d982; white-space: nowrap; } #profilePage .saf-linked-account-button { border: 0; border-radius: 10px; padding: 10px 12px; background: #30d779; color: #07170e; font-size: 12px; font-weight: 700; } #profilePage .saf-linked-account-button:disabled { opacity: .55; cursor: not-allowed; } #profilePage .saf-linked-account-status[hidden], #profilePage .saf-linked-account-button[hidden] { display: none !important; } @media (max-width: 380px) { #profilePage .saf-linked-accounts-card { padding-left: 15px; padding-right: 15px; } } #profilePage .saf-account-info-card { margin-bottom: 18px; } #profilePage .saf-account-info-card h2 { margin-bottom: 15px; } #profilePage .saf-account-info-card .list-row { gap: 14px; } #profilePage .saf-account-info-card .list-row span { text-align: right; overflow-wrap: anywhere; max-width: 65%; } #safMenuAvatar { overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border-radius: 50% !important; flex-shrink: 0 !important; } #safMenuAvatar img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 50% !important; } @media (min-width: 1024px) { body.saf-topup-desktop-open #balancePage { display: block !important; visibility: visible !important; opacity: 1 !important; } body.saf-topup-desktop-open::before { content: "" !important; position: fixed !important; inset: 0 !important; z-index: 999990 !important; background: rgba(0, 0, 0, .48) !important; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); pointer-events: auto; } #safTopupPage.active-page { position: fixed !important; left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; width: min(446px, calc(100vw - 32px)) !important; max-height: calc(100dvh - 32px) !important; overflow-y: auto !important; margin: 0 !important; padding: 22px !important; z-index: 999991 !important; border-radius: 22px !important; transform: translate(-50%, -50%); } body.saf-topup-desktop-open .header { z-index: 20; } } @media (min-width: 1024px) { body.saf-ambient-ready:not(.guest-mode) .header { overflow: visible !important; } body.saf-ambient-ready:not(.guest-mode) .header::before, body.saf-ambient-ready:not(.guest-mode) .header::after { pointer-events: none !important; } body:not(.guest-mode) #safLanguageDropdown { z-index: 999999 !important; } body:not(.guest-mode) #languageToggle { position: relative; z-index: 2; } } @media (min-width: 1024px) { body:not(.guest-mode) .header > .header-actions { position: relative !important; overflow: visible !important; } body:not(.guest-mode) #safLanguageDropdown { position: absolute !important; top: calc(100% + 10px) !important; right: 0 !important; left: auto !important; width: 160px !important; max-width: calc(100vw - 24px) !important; z-index: 2147483000 !important; } } @media (min-width: 1024px) { body:not(.guest-mode) .app { position: relative !important; isolation: isolate !important; } body:not(.guest-mode) .header { position: relative !important; z-index: 10000 !important; overflow: visible !important; } body:not(.guest-mode) .page { position: relative; z-index: 1; } body:not(.guest-mode) #safLanguageDropdown { z-index: 10001 !important; } } @media (min-width: 1024px) { body:not(.guest-mode) .header { min-height: 64px !important; padding: 0 16px !important; border-radius: 22px !important; background: rgba(8, 22, 15, .86) !important; border: 1px solid rgba(90, 165, 115, .20) !important; box-shadow: 0 12px 34px rgba(0, 0, 0, .16), inset 0 1px rgba(255,255,255,.035) !important; gap: 16px !important; } body:not(.guest-mode) #safDesktopNav { gap: 4px !important; justify-content: center !important; } body:not(.guest-mode) #safDesktopNav .saf-desktop-nav-btn { min-height: 36px !important; padding: 0 13px !important; border-radius: 12px !important; border: 1px solid transparent !important; font-size: 12px !important; font-weight: 550 !important; letter-spacing: .05px !important; color: rgba(223, 237, 228, .76) !important; background: transparent !important; transition: color .2s ease, background .2s ease, border-color .2s ease !important; } body:not(.guest-mode) #safDesktopNav .saf-desktop-nav-btn svg { width: 15px !important; height: 15px !important; flex-shrink: 0 !important; } body:not(.guest-mode) #safDesktopNav .saf-desktop-nav-btn:hover { color: #e5ffec !important; background: rgba(255,255,255,.055) !important; } body:not(.guest-mode) #safDesktopNav .saf-desktop-nav-btn.active { color: #74edaa !important; background: transparent !important; border-color: transparent !important; } body:not(.guest-mode) #safDesktopNav .saf-nav-slider { border-radius: 12px !important; border: 1px solid rgba(91, 235, 145, .32) !important; background: linear-gradient( 135deg, rgba(53, 166, 96, .19), rgba(27, 100, 58, .12) ) !important; box-shadow: inset 0 1px rgba(145,255,180,.055), 0 0 18px rgba(30,180,90,.055) !important; } body:not(.guest-mode) .header > .header-actions { gap: 7px !important; flex-shrink: 0 !important; } body:not(.guest-mode) .header > .header-actions > button { border-radius: 14px !important; border: 1px solid rgba(145, 180, 155, .13) !important; background: rgba(255,255,255,.035) !important; box-shadow: none !important; transition: background .2s ease, border-color .2s ease !important; } body:not(.guest-mode) .header > .header-actions > button:hover { background: rgba(255,255,255,.085) !important; border-color: rgba(145,200,160,.25) !important; } body:not(.guest-mode) .header #languageToggle { border-radius: 14px !important; background: rgba(255,255,255,.045) !important; } body:not(.guest-mode) .header #menuButton { display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 14px !important; } } @media (min-width: 1024px) { body:not(.guest-mode) #safDesktopNav { padding-right: 17px !important; margin-right: 3px !important; border-right: 1px solid rgba(180, 210, 190, .13) !important; } body:not(.guest-mode) .header #menuButton { position: relative !important; margin-left: 13px !important; } body:not(.guest-mode) .header #menuButton::before { content: "" !important; position: absolute !important; left: -12px !important; top: 50% !important; transform: translateY(-50%) !important; width: 1px !important; height: 25px !important; background: linear-gradient( to bottom, transparent, rgba(190, 220, 200, .25) 25%, rgba(190, 220, 200, .25) 75%, transparent ) !important; pointer-events: none !important; } } @media (min-width: 1024px) { body:not(.guest-mode) .header > .header-actions { display: flex !important; align-items: center !important; gap: 8px !important; } body:not(.guest-mode) .header > .header-actions > button { box-sizing: border-box !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; flex-shrink: 0 !important; } body:not(.guest-mode) .header #themeToggle, body:not(.guest-mode) .header #menuButton { width: 40px !important; min-width: 40px !important; max-width: 40px !important; } body:not(.guest-mode) .header #languageToggle { height: 40px !important; min-height: 40px !important; padding-top: 0 !important; padding-bottom: 0 !important; } body:not(.guest-mode) .header > .header-logo, body:not(.guest-mode) .header > .logo { position: relative !important; flex-shrink: 0 !important; } body:not(.guest-mode) .header > .header-logo::after, body:not(.guest-mode) .header > .logo::after { content: "" !important; position: absolute !important; right: -17px !important; top: 50% !important; transform: translateY(-50%) !important; width: 1px !important; height: 28px !important; background: linear-gradient( to bottom, transparent, rgba(190,220,200,.24) 25%, rgba(190,220,200,.24) 75%, transparent ) !important; pointer-events: none !important; } } @media (min-width: 1024px) { body:not(.guest-mode) .header { --saf-header-divider: linear-gradient( to bottom, transparent 0%, rgba(190, 220, 200, .22) 25%, rgba(190, 220, 200, .22) 75%, transparent 100% ); } body:not(.guest-mode) #safDesktopNav { position: relative !important; border-right: none !important; padding-left: 22px !important; padding-right: 22px !important; margin-right: 3px !important; } body:not(.guest-mode) #safDesktopNav::before, body:not(.guest-mode) #safDesktopNav::after { content: "" !important; position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; width: 1px !important; height: 28px !important; background: var(--saf-header-divider) !important; pointer-events: none !important; } body:not(.guest-mode) #safDesktopNav::before { left: 0 !important; } body:not(.guest-mode) #safDesktopNav::after { right: 0 !important; } body:not(.guest-mode) .header #menuButton { margin-left: 14px !important; position: relative !important; } body:not(.guest-mode) .header #menuButton::before { content: "" !important; position: absolute !important; left: -12px !important; top: 50% !important; transform: translateY(-50%) !important; width: 1px !important; height: 28px !important; background: var(--saf-header-divider) !important; pointer-events: none !important; } } @media (min-width: 1024px) { body:not(.guest-mode) #safDesktopNav { transform: translateX(-15px) !important; } } @media (min-width: 1024px) { body:not(.guest-mode) .header, body.saf-ambient-ready:not(.guest-mode) .header { position: sticky !important; top: 14px !important; margin-top: 14px !important; margin-bottom: 12px !important; z-index: 100000 !important; overflow: visible !important; background: rgba(7, 22, 14, .64) !important; backdrop-filter: blur(22px) saturate(145%) !important; -webkit-backdrop-filter: blur(22px) saturate(145%) !important; border: 1px solid rgba(100, 205, 135, .18) !important; box-shadow: 0 12px 36px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .035) !important; } body:not(.guest-mode) .header:hover { background: rgba(8, 25, 16, .73) !important; } body:not(.guest-mode) .page { z-index: 1; } } @media (min-width: 1024px) { body:not(.guest-mode) #safDesktopNav .saf-desktop-nav-btn { box-sizing: border-box !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; padding: 0 12px !important; border-radius: 12px !important; font-size: 12px !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; white-space: nowrap !important; } body:not(.guest-mode) .header > .header-actions > button { box-sizing: border-box !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; flex-shrink: 0 !important; border-radius: 12px !important; } body:not(.guest-mode) .header #themeToggle, body:not(.guest-mode) .header #menuButton { width: 36px !important; min-width: 36px !important; max-width: 36px !important; padding: 0 !important; } body:not(.guest-mode) .header #notificationToggle { width: 36px !important; min-width: 36px !important; max-width: 36px !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; padding: 0 !important; border-radius: 12px !important; } body:not(.guest-mode) .header #languageToggle { width: auto !important; min-width: 76px !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; padding: 0 11px !important; border-radius: 12px !important; } body:not(.guest-mode) .header > .header-actions { align-items: center !important; gap: 7px !important; } } @media (min-width: 1024px) { body:not(.guest-mode) #safDesktopNav { gap: 6px !important; } body:not(.guest-mode) #safDesktopNav .saf-desktop-nav-btn { height: 42px !important; min-height: 42px !important; max-height: 42px !important; padding: 0 15px !important; gap: 8px !important; font-size: 14px !important; font-weight: 550 !important; border-radius: 13px !important; } body:not(.guest-mode) #safDesktopNav .saf-desktop-nav-btn svg { width: 17px !important; height: 17px !important; } body:not(.guest-mode) .header > .header-actions > button, body:not(.guest-mode) .header #notificationToggle { height: 42px !important; min-height: 42px !important; max-height: 42px !important; border-radius: 13px !important; } body:not(.guest-mode) .header #themeToggle, body:not(.guest-mode) .header #notificationToggle, body:not(.guest-mode) .header #menuButton { width: 42px !important; min-width: 42px !important; max-width: 42px !important; } body:not(.guest-mode) .header #languageToggle { width: auto !important; min-width: 86px !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; padding: 0 13px !important; border-radius: 13px !important; } body:not(.guest-mode) .header > .header-actions { gap: 8px !important; } } @media (min-width: 1024px) { body:not(.guest-mode) .header > .brand { position: relative !important; flex-shrink: 0 !important; margin-right: 20px !important; } body:not(.guest-mode) .header > .brand::after { content: "" !important; position: absolute !important; right: -20px !important; top: 50% !important; transform: translateY(-50%) !important; width: 1px !important; height: 28px !important; background: linear-gradient( to bottom, transparent 0%, rgba(190, 220, 200, .22) 25%, rgba(190, 220, 200, .22) 75%, transparent 100% ) !important; pointer-events: none !important; } body:not(.guest-mode) #safDesktopNav::before { content: none !important; } } @media (min-width: 1024px) { body:not(.guest-mode) #safMenuOverlay { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100dvh !important; z-index: 2147483000 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 24px !important; box-sizing: border-box !important; background: rgba(0, 9, 5, .52) !important; backdrop-filter: blur(9px) !important; -webkit-backdrop-filter: blur(9px) !important; } body:not(.guest-mode) #safSideMenu { position: relative !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: min(440px, 100%) !important; max-width: 440px !important; height: auto !important; max-height: calc(100dvh - 48px) !important; margin: 0 !important; border-radius: 24px !important; background: rgba(9, 27, 17, .88) !important; border: 1px solid rgba(100, 215, 140, .20) !important; box-shadow: 0 30px 90px rgba(0, 0, 0, .42), 0 0 35px rgba(35, 170, 85, .055), inset 0 1px rgba(255, 255, 255, .055) !important; backdrop-filter: blur(24px) saturate(140%) !important; -webkit-backdrop-filter: blur(24px) saturate(140%) !important; overflow-x: hidden !important; overflow-y: auto !important; transform: translateY(12px) scale(.97) !important; opacity: 0 !important; transition: transform .28s cubic-bezier(.2,.8,.2,1), opacity .22s ease !important; } body:not(.guest-mode) #safMenuOverlay.open #safSideMenu { transform: translateY(0) scale(1) !important; opacity: 1 !important; } body:not(.guest-mode) #safSideMenu .saf-menu-nav { padding-left: 14px !important; padding-right: 14px !important; } body:not(.guest-mode) #safSideMenu .saf-menu-item { border-radius: 13px !important; } body.light:not(.guest-mode) #safSideMenu { background: rgba(246, 251, 247, .92) !important; border-color: rgba(30, 110, 65, .16) !important; } } @media (min-width: 1024px) and (prefers-reduced-motion: reduce) { body:not(.guest-mode) #safSideMenu { transition: none !important; } } @media (min-width: 1024px) { body:not(.guest-mode) #safMenuOverlay { display: flex !important; align-items: center !important; justify-content: center !important; background: rgba(0, 9, 5, .42) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } body:not(.guest-mode) #safSideMenu { box-sizing: border-box !important; position: relative !important; width: 420px !important; max-width: calc(100vw - 48px) !important; height: fit-content !important; min-height: 0 !important; max-height: calc(100dvh - 60px) !important; flex: 0 0 auto !important; align-self: center !important; margin: auto !important; padding-bottom: 12px !important; border-radius: 22px !important; background: rgba(11, 31, 20, .68) !important; border: 1px solid rgba(110, 220, 150, .19) !important; backdrop-filter: blur(26px) saturate(145%) !important; -webkit-backdrop-filter: blur(26px) saturate(145%) !important; box-shadow: 0 26px 80px rgba(0,0,0,.35), 0 0 36px rgba(30,170,85,.045), inset 0 1px rgba(255,255,255,.045) !important; overflow-x: hidden !important; overflow-y: auto !important; } body.light:not(.guest-mode) #safSideMenu { background: rgba(245, 251, 247, .76) !important; } } @media (max-width: 1023px) { body.saf-ambient-ready:not(.guest-mode):not(.light):not(.light-theme) #safAmbientBackground .saf-ambient-glow { filter: blur(24px) saturate(75%) !important; } body.saf-ambient-ready:not(.guest-mode):not(.light):not(.light-theme) :is(#homePage, #balancePage, #supportPage, #referralsPage, #profilePage) > :is(.card, .list-card) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } body.saf-ambient-ready:not(.guest-mode):not(.light):not(.light-theme) #balancePage.active-page :is(.saf-new-section, .saf-new-history-section) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } } /* SAF AMBIENT MOBILE FLOAT RESTORE V1 */ @media (max-width: 1023px) { body:not(.guest-mode) .page, body:not(.guest-mode) .page *, body:not(.guest-mode) nav.bottom-nav, body:not(.guest-mode) nav.bottom-nav *, body:not(.guest-mode) .app { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }