:root.light { --home-portal-color-background-card: #fff;--home-portal-elevatation1: 0px 6px 20px rgba(0, 16, 61, 0.07);--home-portal-elevatation2: 0px 10px 24px rgba(0, 16, 61, 0.11);--home-portal-gradient-background-card: rgba(255, 255, 255, 0) 0%, #FFFFFF 100%;--home-portal-gradient-background-card-hover: rgba(245, 246, 247, 0) 0%, #F5F6F7 100%;--home-portal-gradient-background-card-active: rgba(235, 236, 240, 0) 0%, #EBECF0 100%;--home-portal-gradient-background-modal: rgba(255, 255, 255, 0) 0%, #FFFFFF 100%;--home-portal-gradient-background-modal-hover: rgba(245, 246, 247, 0) 0%, #F5F6F7 100%;--home-portal-gradient-background-modal-active: rgba(235, 236, 240, 0) 0%, #EBECF0 100%;--home-portal-color-background-accent-alfa: rgba(0, 95, 249, 0.1);--home-portal-color-background-accent-alfa-hover: rgba(0, 95, 249, 0.14);--home-size-border-radius-paper-regular: 12px;--home-color-transparent--active: rgba(0, 16, 61, 0.08);--home-color-transparent--hover: rgba(0, 16, 61, 0.04);--home-color-text-primary: #2C2D2E;--home-color-text-primary-hover: #2A2C2F;--home-color-text-primary-active: #282B2F;--home-color-text-secondary: #87898F;--home-color-text-tertiary: #AAADB3;--home-color-background-modal: #FFFFFF;--home-color-icon-primary: #2C2D2E;--home-color-icon-medium: #919399;--home-color-icon-accent: #005FF9;--home-color-icon-primary-invariably: #2C2D2E;--home-color-text-link: #005BD1;--home-color-text-link-hover: #0058CB;--home-color-background-accent: #005FF9;--home-color-background-accent-hover: #005CF1;--home-color-background-accent-active: #0059EA;--home-color-text-contrast: #FFFFFF;--home-color-text-contrast-hover: #F5F5F7;--home-color-text-contrast-active: #EBECEF;--home-color-background-secondary: #F0F1F3;--home-color-background-secondary-hover: #E6E8EC;--home-color-background-secondary-active: #DDDFE4;--home-color-background-secondary-alpha: rgba(0, 16, 61, 0.06);--home-color-background-secondary-alpha-hover: rgba(0, 16, 61, 0.1);--home-color-background-secondary-alpha-active: rgba(0, 16, 61, 0.14);--home-color-text-accent: #005FF9;--home-color-stroke-accent: #005FF9;--home-color-background-content: #FFFFFF;--home-color-background: #FFFFFF; }:root.dark { --home-portal-color-background-card: #2A2A2B;--home-portal-elevatation1: 0px 6px 20px rgba(0, 16, 61, 0.07);--home-portal-elevatation2: 0px 10px 24px rgba(0, 16, 61, 0.11);--home-portal-gradient-background-card: rgba(42, 42, 43, 0) 0%, #2A2A2B 100%;--home-portal-gradient-background-card-hover: rgba(50, 50, 51, 0) 0%, #323233 100%;--home-portal-gradient-background-card-active: rgba(59, 59, 60, 0) 0%, #3B3B3C 100%;--home-portal-gradient-background-modal: rgba(48, 48, 48, 0) 0%, #303030 100%;--home-portal-gradient-background-modal-hover: rgba(56, 56, 56, 0) 0%, #383838 100%;--home-portal-gradient-background-modal-active: rgba(64, 64, 64, 0) 0%, #404040 100%;--home-portal-color-background-accent-alfa: rgba(0, 95, 249, 0.2);--home-portal-color-background-accent-alfa-hover: rgba(0, 95, 249, 0.24);--home-size-border-radius-paper-regular: 12px;--home-color-transparent--active: rgba(255, 255, 255, 0.08);--home-color-transparent--hover: rgba(255, 255, 255, 0.04);--home-color-text-primary: #E7E8EA;--home-color-text-primary-hover: #E8E9EB;--home-color-text-primary-active: #E9EAEC;--home-color-text-secondary: #8C8E94;--home-color-text-tertiary: #74767A;--home-color-background-modal: #303030;--home-color-icon-primary: #D9DADD;--home-color-icon-medium: #B0B1B6;--home-color-icon-accent: #3C82FD;--home-color-icon-primary-invariably: #2C2D2E;--home-color-text-link: #589BFF;--home-color-text-link-hover: #5F9FFF;--home-color-background-accent: #2775FC;--home-color-background-accent-hover: #307BFC;--home-color-background-accent-active: #3880FC;--home-color-text-contrast: #FFFFFF;--home-color-text-contrast-hover: #EBEDF0;--home-color-text-contrast-active: #D7D8DB;--home-color-background-secondary: #2A2A2B;--home-color-background-secondary-hover: #333333;--home-color-background-secondary-active: #3B3B3C;--home-color-background-secondary-alpha: rgba(255, 255, 255, 0.08);--home-color-background-secondary-alpha-hover: rgba(255, 255, 255, 0.16);--home-color-background-secondary-alpha-active: rgba(255, 255, 255, 0.2);--home-color-text-accent: #3C82FD;--home-color-stroke-accent: #3C82FD;--home-color-background-content: #232324;--home-color-background: #19191A; }