:root{--color-primary-300: #eff4ff;--color-primary-400: #689ce0;--color-primary-500: #1877f2;--color-primary-600: #0f67d9;--color-primary-700: #0654b9;--color-basic-white: #ffffff;--color-basic-black: #161616;--color-grey-050: #fafafa;--color-grey-200: #e8e8e9;--color-grey-300: #d0d0d0;--color-grey-500: #a4a4a8;--color-grey-800: #605f67;--color-grey-900: #565656;--color-opacity-light-050: #ffffff0d;--color-opacity-light-100: #ffffff1a;--color-opacity-light-200: #ffffff33;--color-opacity-light-400: #ffffff66;--color-opacity-light-500: #ffffff80;--color-opacity-light-800: #ffffffcc;--color-opacity-dark-050: #2828280d;--color-opacity-dark-100: #2828281a;--color-opacity-dark-200: #28282833;--color-opacity-dark-500: #28282880;--color-opacity-dark-800: #282828cc;--color-opacity-dark-900: #0c0c0ce5;--color-semantic-error: #e63232;--color-semantic-alert: #f0a21d;--color-semantic-success: #028225;--color-semantic-info: #005aff;--color-greyscale-300: #d0d0d0;--color-greyscale-500: #a4a4a8;--color-greyscale-800: #605f67;--color-greyscale-900: #565656;--Brand-Light-Blue: #08f;--font-size-2xs: 10px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-weight-Light: 200;--font-weight-Regular: 400;--font-weight-Medium: 500;--font-weight-Semibold: 600;--font-weight-Bold: 700;--font-family-title: Inter;--font-family-body: Inter;--font-line-height-xs: 16px;--font-line-height-sm: 24px;--font-line-height-md: 32px;--font-line-height-lg: 40px;--Border-Radius-full: 100px;--Border-Radius-XXL: 32px;--Border-Radius-xl: 20px;--Border-Radius-lg: 16px;--Border-Radius-md: 10px;--Border-Radius-sm: 8px;--Border-Radius-xs: 4px;--Border-Radius-none: 0;--Blur-50: 25px;--Blur-100: 50px;--Blur-200: 100px;--Spacing-xxxl: 120px;--Spacing-xxl: 80px;--Spacing-3xl: 64px;--Spacing-xl: 40px;--Spacing-lg: 32px;--Spacing-md: 24px;--Spacing-xs: 16px;--Spacing-2xs: 12px;--Spacing-3xs: 8px;--Spacing-4xs: 4px;--IconSize-xxl: 64px;--IconSize-xl: 48px;--IconSize-lg: 40px;--IconSize-md: 32px;--IconSize-sm: 24px;--IconSize-xs: 16px;--IconSize-xxs: 10px;--AvatarSize-lg: 220px;--AvatarSize-md: 64px;--AvatarSize-sm: 40px;--CardSize-sm-width: 274px;--CardSize-md-width: 578px;--CardSize-lg-width: 1180px;--CardSize-lg-height: 344px;--3d-Shadow: 0px -.5px 1px 0px var(--color-opacity-light-200, rgba(255, 255, 255, .2)) inset, 1px 1.5px 4px 0px var(--color-opacity-dark-800, rgba(12, 12, 12, .8)) inset;--Badge-body-dark: var(--color-basic-black);--Badge-content-dark: var(--color-basic-black);--Badge-content-light: var(--color-basic-white);--Badge-bg-default: var(--color-grey-200);--Badge-bg-info: var(--color-primary-500);--Badge-bg-alert: var(--color-semantic-alert);--Badge-bg-success: var(--color-semantic-success);--Badge-bg-highlight: var(--color-semantic-error);--Checkbox-bg-default: var(--color-opacity-light-050);--Checkbox-bg-disabled: var(--color-opacity-light-050);--Checkbox-bg-selected: var(--color-primary-500);--Checkbox-bg-disabled-selected: var(--color-primary-700);--Checkbox-stroke-default: var(--color-grey-500);--Checkbox-stroke-disabled: var(--color-grey-800);--Checkbox-stroke-error: var(--color-semantic-error);--Checkbox-stroke-selected: var(--color-primary-500);--Checkbox-stroke-hover: var(--color-primary-500);--Checkbox-icon: var(--color-basic-white);--Checkbox-icon-disabled: var(--color-opacity-light-500);--Checkbox-accent: var(--color-primary-500);--Checkbox-label: var(--color-greyscale-500);--Checkbox-focus-shadow: 0 0 4px 1px var(--color-primary-500);--Checkbox-border-radius: var(--Border-Radius-xs);--Checkbox-size-sm: 16px;--Checkbox-size-md: 24px;--Checkbox-size-lg: 32px;--Radio-bg-color: var(--color-opacity-light-050);--Radio-border-color: var(--color-grey-500);--Radio-border-color-hover: var(--color-primary-500);--Radio-border-color-disabled: var(--color-grey-800);--Radio-dot-color: var(--color-primary-500);--Radio-dot-color-disabled: var(--color-primary-400);--Radio-shadow-color: 0 0 4px 1px var(--color-primary-500);--RadioSize-sm: 24px;--RadioSize-md: 32px;--Radio-dot-size-sm: 12px;--Radio-dot-size-md: 16px;--BadgeSize-lg: 24px;--BadgeSize-md: 20px;--BadgeSize-sm: 16px;--ToggleWidth: 40px;--ToggleHeight: 24px;--Button-contained-Primary-bg-default: var(--color-primary-500);--Button-contained-Primary-bg-hover: var(--color-primary-700);--Button-contained-Primary-bg-pressed: var(--color-primary-600);--Button-contained-Primary-bg-disabled: var(--color-primary-400);--Button-contained-Primary-font-default: var(--color-basic-white);--Button-contained-Primary-font-hover: var(--color-basic-white);--Button-contained-Primary-font-pressed: var(--color-basic-white);--Button-contained-Primary-font-disabled: var(--color-opacity-light-500);--Button-contained-Primary-stroke-hover: var(--color-primary-700);--Button-contained-Primary-stroke-pressed: var(--color-primary-600);--Button-contained-Primary-font-weight: var(--font-weight-Semibold);--Button-contained-Secondary-bg-default: var(--color-primary-300);--Button-contained-Secondary-bg-hover: var(--color-primary-500);--Button-contained-Secondary-bg-pressed: var(--color-primary-700);--Button-contained-Secondary-bg-disabled: var(--color-primary-300);--Button-contained-Secondary-font-default: var(--color-primary-500);--Button-contained-Secondary-font-hover: var(--color-basic-white);--Button-contained-Secondary-font-pressed: var(--color-basic-white);--Button-contained-Secondary-font-disabled: var(--color-primary-400);--Button-contained-Secondary-stroke-default: var(--color-primary-400);--Button-contained-Secondary-stroke-hover: var(--color-primary-500);--Button-contained-Secondary-stroke-pressed: var(--color-primary-700);--Button-contained-Secondary-font-weight: var(--font-weight-Semibold);--Button-contained-Tertiary-bg-default: var(--color-opacity-light-200);--Button-contained-Tertiary-bg-hover: var(--color-primary-500);--Button-contained-Tertiary-bg-pressed: var(--color-basic-black);--Button-contained-Tertiary-bg-disabled: var(--color-opacity-light-050);--Button-contained-Tertiary-font-default: var(--color-basic-white);--Button-contained-Tertiary-font-hover: var(--color-basic-white);--Button-contained-Tertiary-font-pressed: var(--color-basic-white);--Button-contained-Tertiary-font-disabled: var(--color-opacity-light-200);--Button-contained-Tertiary-stroke-default: var(--color-opacity-light-200);--Button-contained-Tertiary-stroke-hover: var(--color-opacity-light-200);--Button-contained-Tertiary-stroke-disabled: var(--color-opacity-light-050);--Button-contained-Tertiary-stroke-pressed: var(--color-opacity-light-200);--Button-contained-Tertiary-font-weight: var(--font-weight-Regular);--Button-text-Primary-bg-default: none;--Button-text-Primary-bg-hover: none;--Button-text-Primary-bg-pressed: none;--Button-text-Primary-bg-disabled: none;--Button-text-Primary-font-default: var(--color-primary-500);--Button-text-Primary-font-hover: var(--color-primary-700);--Button-text-Primary-font-pressed: var(--color-primary-600);--Button-text-Primary-font-disabled: var(--color-grey-500);--Button-text-Primary-font-weight: var(--font-weight-Semibold);--Button-text-Secondary-bg-default: none;--Button-text-Secondary-bg-hover: none;--Button-text-Secondary-bg-pressed: none;--Button-text-Secondary-bg-disabled: none;--Button-text-Secondary-font-default: var(--color-grey-500);--Button-text-Secondary-font-hover: var(--color-opacity-light-800);--Button-text-Secondary-font-pressed: var(--color-primary-700);--Button-text-Secondary-font-disabled: var(--color-primary-400);--Button-text-Secondary-font-weight: var(--font-weight-Semibold);--Input-bg-default: var(--color-opacity-dark-900);--Input-bg-secondary: var(--color-opacity-dark-500);--Input-border-default: var(--color-opacity-dark-200);--Input-border-hover: var(--color-opacity-light-100);--Input-border-focus: var(--color-primary-500);--Input-error: var(--color-semantic-error);--Input-border-radius: var(--Border-Radius-md);--Input-box-shadow: #1877f233;--Input-Helper-message: var(--color-opacity-light-500);--Tag-bg: var(--color-opacity-dark-500);--Tag-content: var(--color-basic-white);--Tag-stroke: var(--color-opacity-dark-100);--Tooltip-bg: var(--color-opacity-dark-500);--Tooltip-content: var(--color-basic-white);--Toggle-bg-default: var(--color-grey-300);--Toggle-bg-hover: var(--color-grey-500);--Toggle-bg-selected: var(--color-primary-500);--Toggle-bg-hover-selected: var(--color-primary-700);--Toggle-bg-disabled: var(--color-opacity-light-100);--Toggle-bg-disabled-selected: var(--color-primary-700);--Toggle-border-default: transparent;--Toggle-border-hover: var(--color-primary-400);--Toggle-border-focus: transparent;--Toggle-border-disabled: transparent;--Toggle-focus-shadow: var(--color-primary-500);--Toggle-thumb-default: var(--color-basic-white);--Toggle-thumb-disabled: var(--color-opacity-light-200);--Toggle-thumb-disabled-selected: var(--color-opacity-light-500);--Notification-Bg-01: var(--color-opacity-light-050);--Notification-Bg-02: var(--color-opacity-dark-500);--Notification-Stroke: var(--color-opacity-light-050);--zIndex-below: -1;--zIndex-base: 1;--zIndex-above: 2;--zIndex-TooltipSurface: 3;--zIndex-EmojiPicker: 102;--zIndex-TooltipPortal: 5;--zIndex-ChatBox: 10;--zIndex-header: 99;--zIndex-tooltip: 100;--zIndex-modal: 101}
