.g-root{--g-color-base-brand:#1057c4;--g-color-base-brand-hover:color-mix(in sRGB, var(--g-color-base-brand) 85%, #000);--g-color-base-selection:var(--g-color-base-simple-hover);--g-color-base-selection-hover:color-mix(in sRGB, var(--g-color-base-brand) 16%, transparent);--g-color-line-brand:var(--g-color-base-brand);--g-color-text-brand:var(--g-color-base-brand);--g-color-text-brand-heavy:var(--g-color-base-brand-hover);--g-color-text-brand-contrast:#fff;--g-color-text-link:var(--g-color-base-brand);--g-color-text-link-hover:var(--g-color-base-brand-hover);--g-color-text-secondary:#434a61;--g-color-text-hint:#6c707e;--g-color-base-generic:#f3f5f9;--g-color-base-simple-hover:#f3f5f9;--g-color-line-generic:#d7dce3;--g-color-sfx-shadow:#c6cfde;--g-button-border-radius:var(--g-border-radius-m);--g-popup-border-radius:var(--g-border-radius-xl);--g-popup-border-color:color-mix(in sRGB, var(--g-color-text-hint) 20%, transparent);--g-text-body-2-line-height:22px;--g-text-header-2-line-height:30px;--g-text-header-1-line-height:28px;--g-color-base-utility-light:#e5f6ee;--g-color-base-utility-light-hover:#d4f0e3;--g-color-base-utility-medium:#b4e5cd;--g-color-base-utility-medium-hover:#9fdebf;--g-color-base-utility-heavy:#21915a;--g-color-base-utility-heavy-hover:#1b7649;--g-color-text-utility:#196d44;--g-color-text-utility-heavy:#125133;--g-color-line-utility:#94dab8}