/* POLITA_MASTER_HUB_HEADER_V1 */ :root { --polita-master-header-height-v1: 64px; } body.polita-master-header-enabled-v1 { padding-top: var(--polita-master-header-height-v1) !important; } body.polita-master-header-enabled-v1 > header:not(#politaMasterHeaderV1), body.polita-master-header-enabled-v1 main.app > header:not(#politaMasterHeaderV1), body.polita-master-header-enabled-v1 .app > header:not(#politaMasterHeaderV1), body.polita-master-header-enabled-v1 header.topbar:not(#politaMasterHeaderV1), body.polita-master-header-enabled-v1 header.polita-simple-home-icon-header-v1 { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; } #politaMasterHeaderV1 { position: fixed !important; inset: 0 0 auto 0 !important; z-index: 2147483000 !important; width: 100% !important; height: var(--polita-master-header-height-v1) !important; min-height: var(--polita-master-header-height-v1) !important; margin: 0 !important; padding: 0 18px !important; border: 0 !important; border-bottom: 1px solid rgba(110, 110, 180, .26) !important; background: linear-gradient( 90deg, rgba(2, 21, 24, .985), rgba(10, 9, 28, .985) ) !important; box-shadow: 0 10px 36px rgba(0, 0, 0, .32) !important; backdrop-filter: blur(18px) !important; font-family: "Rajdhani", Inter, system-ui, sans-serif !important; } #politaMasterHeaderV1, #politaMasterHeaderV1 * { box-sizing: border-box !important; } .polita-master-header-inner-v1 { width: min(1160px, 100%) !important; height: 100% !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 46px minmax(0, 1fr) 46px !important; align-items: center !important; gap: 18px !important; } .polita-master-logo-v1 { width: 38px !important; height: 38px !important; display: grid !important; place-items: center !important; overflow: hidden !important; border-radius: 10px !important; text-decoration: none !important; } .polita-master-logo-v1 img { width: 36px !important; height: 36px !important; display: block !important; object-fit: contain !important; } .polita-master-nav-v1 { min-width: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 16px !important; } .polita-master-nav-v1 a { min-height: 36px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 14px !important; border: 1px solid transparent !important; border-radius: 9px !important; color: rgba(241, 241, 248, .82) !important; background: transparent !important; text-decoration: none !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; white-space: nowrap !important; } .polita-master-nav-v1 a:hover { color: #fff !important; background: rgba(255, 255, 255, .045) !important; } .polita-master-nav-v1 a.is-active { color: #fff !important; border-color: rgba(160, 93, 255, .24) !important; background: linear-gradient( 145deg, rgba(160, 93, 255, .13), rgba(255, 255, 255, .025) ) !important; } .polita-master-profile-v1 { position: relative !important; justify-self: end !important; } .polita-master-profile-button-v1 { width: 42px !important; height: 42px !important; display: grid !important; place-items: center !important; overflow: hidden !important; padding: 0 !important; border: 1px solid rgba(255, 255, 255, .16) !important; border-radius: 50% !important; color: #fff !important; background: linear-gradient( 145deg, rgba(160, 93, 255, .22), rgba(68, 225, 255, .09) ) !important; box-shadow: 0 0 20px rgba(160, 93, 255, .12) !important; cursor: pointer !important; font-size: 16px !important; font-weight: 800 !important; } .polita-master-profile-button-v1:hover, .polita-master-profile-button-v1[aria-expanded="true"] { border-color: rgba(160, 93, 255, .52) !important; box-shadow: 0 0 24px rgba(160, 93, 255, .22) !important; } .polita-master-profile-button-v1 img { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; } .polita-master-menu-v1 { position: absolute !important; top: calc(100% + 10px) !important; right: 0 !important; width: 244px !important; display: none !important; overflow: hidden !important; padding: 8px !important; border: 1px solid rgba(255, 255, 255, .11) !important; border-radius: 14px !important; background: linear-gradient( 145deg, rgba(17, 17, 24, .995), rgba(7, 7, 11, .995) ) !important; box-shadow: 0 22px 70px rgba(0, 0, 0, .55) !important; } .polita-master-menu-v1.is-open { display: block !important; } .polita-master-menu-user-v1 { padding: 10px 11px 11px !important; margin-bottom: 6px !important; border-bottom: 1px solid rgba(255, 255, 255, .075) !important; } .polita-master-menu-name-v1 { overflow: hidden !important; color: #fff !important; font-size: 14px !important; font-weight: 800 !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .polita-master-menu-meta-v1 { margin-top: 2px !important; color: rgba(220, 220, 232, .52) !important; font-size: 11px !important; font-weight: 600 !important; } .polita-master-menu-v1 a { min-height: 37px !important; display: flex !important; align-items: center !important; padding: 0 11px !important; border-radius: 8px !important; color: rgba(235, 235, 243, .78) !important; background: transparent !important; text-decoration: none !important; font-size: 13px !important; font-weight: 700 !important; } .polita-master-menu-v1 a:hover { color: #fff !important; background: rgba(255, 255, 255, .055) !important; } .polita-master-menu-divider-v1 { height: 1px !important; margin: 7px 4px !important; background: rgba(255, 255, 255, .075) !important; } .polita-master-menu-v1 .polita-master-logout-v1 { color: #ffaaaa !important; } .polita-master-menu-v1 .polita-master-logout-v1:hover { color: #ffd0d0 !important; background: rgba(255, 75, 75, .09) !important; } @media (max-width: 620px) { #politaMasterHeaderV1 { padding: 0 10px !important; } .polita-master-header-inner-v1 { grid-template-columns: 40px minmax(0, 1fr) 40px !important; gap: 7px !important; } .polita-master-logo-v1, .polita-master-logo-v1 img { width: 34px !important; height: 34px !important; } .polita-master-nav-v1 { gap: 3px !important; } .polita-master-nav-v1 a { min-height: 34px !important; padding: 0 7px !important; font-size: 12px !important; } .polita-master-profile-button-v1 { width: 38px !important; height: 38px !important; } .polita-master-menu-v1 { position: fixed !important; top: calc(var(--polita-master-header-height-v1) + 7px) !important; right: 10px !important; width: min(260px, calc(100vw - 20px)) !important; } }