.ui_core_2kuv100 { --ui-base-colors-black-0: rgba(0, 0, 0, 0.04); --ui-base-colors-black-25: rgba(0, 0, 0, 0.08); --ui-base-colors-black-50: rgba(0, 0, 0, 0.12); --ui-base-colors-black-100: rgba(0, 0, 0, 0.16); --ui-base-colors-black-150: rgba(0, 0, 0, 0.2); --ui-base-colors-black-200: rgba(0, 0, 0, 0.24); --ui-base-colors-black-300: rgba(0, 0, 0, 0.32); --ui-base-colors-black-400: rgba(0, 0, 0, 0.4); --ui-base-colors-black-500: rgba(0, 0, 0, 0.48); --ui-base-colors-black-600: rgba(0, 0, 0, 0.56); --ui-base-colors-black-700: rgba(0, 0, 0, 0.64); --ui-base-colors-black-800: rgba(0, 0, 0, 0.72); --ui-base-colors-black-900: rgba(0, 0, 0, 0.82); --ui-base-colors-black-925: rgba(0, 0, 0, 0.88); --ui-base-colors-black-950: rgba(0, 0, 0, 0.94); --ui-base-colors-black-1000: #000000; --ui-base-colors-blue-0: #EBF3FF; --ui-base-colors-blue-25: #E0EDFF; --ui-base-colors-blue-50: #CCE1FF; --ui-base-colors-blue-100: #B2D2FF; --ui-base-colors-blue-150: #94C1FF; --ui-base-colors-blue-200: #78B2FF; --ui-base-colors-blue-300: #5EA6FF; --ui-base-colors-blue-400: #3898FF; --ui-base-colors-blue-500: #198CFF; --ui-base-colors-blue-600: #1E82F3; --ui-base-colors-blue-700: #206FD3; --ui-base-colors-blue-800: #1D5CB0; --ui-base-colors-blue-900: #19488A; --ui-base-colors-blue-925: #153869; --ui-base-colors-blue-950: #122C52; --ui-base-colors-blue-1000: #102340; --ui-base-colors-blueGray-0: #F7F9FA; --ui-base-colors-blueGray-25: #EBF0F7; --ui-base-colors-blueGray-50: #DBE5F0; --ui-base-colors-blueGray-100: #C9D6E6; --ui-base-colors-blueGray-150: #B4C3D7; --ui-base-colors-blueGray-200: #9DAEC5; --ui-base-colors-blueGray-300: #8596AF; --ui-base-colors-blueGray-400: #6C7D96; --ui-base-colors-blueGray-500: #55657C; --ui-base-colors-blueGray-600: #3E4B60; --ui-base-colors-blueGray-700: #273244; --ui-base-colors-blueGray-800: #1F2837; --ui-base-colors-blueGray-900: #1A212E; --ui-base-colors-blueGray-925: #141A24; --ui-base-colors-blueGray-950: #0E131B; --ui-base-colors-blueGray-1000: #0A0F14; --ui-base-colors-cucumber-0: #E6FFEA; --ui-base-colors-cucumber-25: #E0FFE5; --ui-base-colors-cucumber-50: #D1FFD8; --ui-base-colors-cucumber-100: #BBF7C4; --ui-base-colors-cucumber-150: #9BF3A8; --ui-base-colors-cucumber-200: #86F998; --ui-base-colors-cucumber-300: #5CD670; --ui-base-colors-cucumber-400: #2EB844; --ui-base-colors-cucumber-500: #009919; --ui-base-colors-cucumber-600: #016F13; --ui-base-colors-cucumber-700: #095715; --ui-base-colors-cucumber-800: #0D4A17; --ui-base-colors-cucumber-900: #003D0A; --ui-base-colors-cucumber-925: #05330C; --ui-base-colors-cucumber-950: #082B0D; --ui-base-colors-cucumber-1000: #09250D; --ui-base-colors-emerald-0: #F0FAF7; --ui-base-colors-emerald-25: #E6F7F2; --ui-base-colors-emerald-50: #DAF2EB; --ui-base-colors-emerald-100: #BEEADC; --ui-base-colors-emerald-150: #97DDC6; --ui-base-colors-emerald-200: #6ACAAA; --ui-base-colors-emerald-300: #3EB38B; --ui-base-colors-emerald-400: #1EA977; --ui-base-colors-emerald-500: #1D9169; --ui-base-colors-emerald-600: #20785B; --ui-base-colors-emerald-700: #22614E; --ui-base-colors-emerald-800: #254840; --ui-base-colors-emerald-900: #263B39; --ui-base-colors-emerald-925: #263737; --ui-base-colors-emerald-950: #263234; --ui-base-colors-emerald-1000: #252B30; --ui-base-colors-gray-0: #FAFAFA; --ui-base-colors-gray-25: #F5F5F5; --ui-base-colors-gray-50: #EDEDED; --ui-base-colors-gray-100: #E5E5E5; --ui-base-colors-gray-150: #D4D4D4; --ui-base-colors-gray-200: #BDBDBD; --ui-base-colors-gray-300: #A3A3A3; --ui-base-colors-gray-400: #848484; --ui-base-colors-gray-500: #737373; --ui-base-colors-gray-600: #525252; --ui-base-colors-gray-700: #404040; --ui-base-colors-gray-800: #333333; --ui-base-colors-gray-900: #262626; --ui-base-colors-gray-925: #1F1F1F; --ui-base-colors-gray-950: #191919; --ui-base-colors-gray-1000: #141414; --ui-base-colors-green-0: #EBEEEC; --ui-base-colors-green-25: #ECFBF5; --ui-base-colors-green-50: #DAF8E9; --ui-base-colors-green-100: #C7F4DF; --ui-base-colors-green-150: #B5F1D4; --ui-base-colors-green-200: #7BE0AE; --ui-base-colors-green-300: #0ADA80; --ui-base-colors-green-400: #0EBE72; --ui-base-colors-green-500: #0BAD67; --ui-base-colors-green-600: #0AA461; --ui-base-colors-green-700: #099558; --ui-base-colors-green-800: #088750; --ui-base-colors-green-900: #077B48; --ui-base-colors-green-925: #07682A; --ui-base-colors-green-950: #144412; --ui-base-colors-green-1000: #1B3411; --ui-base-colors-lime-0: #F4FBEF; --ui-base-colors-lime-25: #E8F7DF; --ui-base-colors-lime-50: #D7F1C6; --ui-base-colors-lime-100: #C5ECAC; --ui-base-colors-lime-150: #A9E387; --ui-base-colors-lime-200: #8BD864; --ui-base-colors-lime-300: #6FBF4C; --ui-base-colors-lime-400: #5EA843; --ui-base-colors-lime-500: #3F9126; --ui-base-colors-lime-600: #357B24; --ui-base-colors-lime-700: #2F6920; --ui-base-colors-lime-800: #295C1F; --ui-base-colors-lime-900: #1F4C19; --ui-base-colors-lime-925: #174115; --ui-base-colors-lime-950: #133A13; --ui-base-colors-lime-1000: #113211; --ui-base-colors-orange-0: #FFF8F5; --ui-base-colors-orange-25: #FFE9E0; --ui-base-colors-orange-50: #FFDBCC; --ui-base-colors-orange-100: #FFD1BD; --ui-base-colors-orange-150: #FFC2A8; --ui-base-colors-orange-200: #FFB494; --ui-base-colors-orange-300: #FF976B; --ui-base-colors-orange-400: #FF773D; --ui-base-colors-orange-500: #FF6524; --ui-base-colors-orange-600: #FF4F03; --ui-base-colors-orange-700: #DB4200; --ui-base-colors-orange-800: #C73C00; --ui-base-colors-orange-900: #AD3400; --ui-base-colors-orange-925: #8F2B00; --ui-base-colors-orange-950: #752705; --ui-base-colors-orange-1000: #5D2209; --ui-base-colors-purple-0: #F7F0FF; --ui-base-colors-purple-25: #EEE1FF; --ui-base-colors-purple-50: #E8D7FE; --ui-base-colors-purple-100: #E3CDFE; --ui-base-colors-purple-150: #D8B8FF; --ui-base-colors-purple-200: #CFA7FF; --ui-base-colors-purple-300: #C28FFF; --ui-base-colors-purple-400: #B578FD; --ui-base-colors-purple-500: #A963FC; --ui-base-colors-purple-600: #9946FC; --ui-base-colors-purple-700: #8122F1; --ui-base-colors-purple-800: #6A10D5; --ui-base-colors-purple-900: #5F17B5; --ui-base-colors-purple-925: #4E1197; --ui-base-colors-purple-950: #450F85; --ui-base-colors-purple-1000: #401178; --ui-base-colors-raspberry-0: #FFF1F2; --ui-base-colors-raspberry-25: #FFE4E6; --ui-base-colors-raspberry-50: #FEDCDF; --ui-base-colors-raspberry-100: #FECDD3; --ui-base-colors-raspberry-150: #FEB8C0; --ui-base-colors-raspberry-200: #FDA4AF; --ui-base-colors-raspberry-300: #FC8D9D; --ui-base-colors-raspberry-400: #FB7185; --ui-base-colors-raspberry-500: #F75470; --ui-base-colors-raspberry-600: #F43F5E; --ui-base-colors-raspberry-700: #E11D48; --ui-base-colors-raspberry-800: #BE123C; --ui-base-colors-raspberry-900: #9F1239; --ui-base-colors-raspberry-925: #881337; --ui-base-colors-raspberry-950: #6E122E; --ui-base-colors-raspberry-1000: #5D132A; --ui-base-colors-red-0: #FFF5F5; --ui-base-colors-red-25: #FFE8E8; --ui-base-colors-red-50: #FFE0E0; --ui-base-colors-red-100: #FFD1D1; --ui-base-colors-red-150: #FEB4B5; --ui-base-colors-red-200: #FD9699; --ui-base-colors-red-300: #FC7A7C; --ui-base-colors-red-400: #FA5255; --ui-base-colors-red-500: #E84144; --ui-base-colors-red-600: #BD393D; --ui-base-colors-red-700: #A23439; --ui-base-colors-red-800: #6D3035; --ui-base-colors-red-900: #562F34; --ui-base-colors-red-925: #442C31; --ui-base-colors-red-950: #38292E; --ui-base-colors-red-1000: #32272D; --ui-base-colors-silver-0: #FAFAFC; --ui-base-colors-silver-25: #F2F2F7; --ui-base-colors-silver-50: #EBEBF2; --ui-base-colors-silver-100: #DFDFE8; --ui-base-colors-silver-150: #D3D3DE; --ui-base-colors-silver-200: #C0C0CC; --ui-base-colors-silver-300: #A4A4B2; --ui-base-colors-silver-400: #888896; --ui-base-colors-silver-500: #6F6F7C; --ui-base-colors-silver-600: #4F4F59; --ui-base-colors-silver-700: #373740; --ui-base-colors-silver-800: #2F2F37; --ui-base-colors-silver-900: #27272F; --ui-base-colors-silver-925: #202027; --ui-base-colors-silver-950: #1A1A1F; --ui-base-colors-silver-1000: #151519; --ui-base-colors-white-0: rgba(255, 255, 255, 0.04); --ui-base-colors-white-25: rgba(255, 255, 255, 0.08); --ui-base-colors-white-50: rgba(255, 255, 255, 0.12); --ui-base-colors-white-100: rgba(255, 255, 255, 0.16); --ui-base-colors-white-150: rgba(255, 255, 255, 0.2); --ui-base-colors-white-200: rgba(255, 255, 255, 0.24); --ui-base-colors-white-300: rgba(255, 255, 255, 0.32); --ui-base-colors-white-400: rgba(255, 255, 255, 0.4); --ui-base-colors-white-500: rgba(255, 255, 255, 0.48); --ui-base-colors-white-600: rgba(255, 255, 255, 0.56); --ui-base-colors-white-700: rgba(255, 255, 255, 0.64); --ui-base-colors-white-800: rgba(255, 255, 255, 0.72); --ui-base-colors-white-900: rgba(255, 255, 255, 0.82); --ui-base-colors-white-925: rgba(255, 255, 255, 0.88); --ui-base-colors-white-950: rgba(255, 255, 255, 0.92); --ui-base-colors-white-1000: #FFFFFF; --ui-base-colors-yellow-0: #FFFBF2; --ui-base-colors-yellow-25: #FFF6E3; --ui-base-colors-yellow-50: #FFF2D6; --ui-base-colors-yellow-100: #FFEBC2; --ui-base-colors-yellow-150: #FFE4AD; --ui-base-colors-yellow-200: #FFD684; --ui-base-colors-yellow-300: #FFC759; --ui-base-colors-yellow-400: #FFBA30; --ui-base-colors-yellow-500: #F9A605; --ui-base-colors-yellow-600: #E08F05; --ui-base-colors-yellow-700: #BF7308; --ui-base-colors-yellow-800: #8A550F; --ui-base-colors-yellow-900: #624222; --ui-base-colors-yellow-925: #483623; --ui-base-colors-yellow-950: #3F3022; --ui-base-colors-yellow-1000: #31261C; } .ui_core_yiw7rv0 { --ui-fonts-main: "Inter var", Inter, system-ui; --ui-fonts-mono: "Inter var", Inter, system-ui; --ui-zIndex-modal: 1300; --ui-zIndex-snackbar: 1400; --ui-zIndex-tooltip: 1500; --ui-radius-badgeL: var(--ui-radius-s); --ui-radius-badgeM: var(--ui-radius-s); --ui-radius-badgeS: var(--ui-radius-xs); --ui-radius-buttonL: var(--ui-radius-m); --ui-radius-buttonM: var(--ui-radius-m); --ui-radius-buttonS: var(--ui-radius-m); --ui-radius-buttonXS: var(--ui-radius-m); --ui-radius-filterButtonL: var(--ui-radius-m); --ui-radius-filterButtonM: var(--ui-radius-m); --ui-radius-filterButtonS: var(--ui-radius-s); --ui-radius-filterButtonXS: var(--ui-radius-s); --ui-radius-input: var(--ui-radius-m); --ui-radius-inputXS: var(--ui-radius-m); --ui-radius-modalDialog: var(--ui-radius-l); --ui-radius-tabL: var(--ui-radius-m); --ui-radius-tabM: var(--ui-radius-s); --ui-radius-tabS: var(--ui-radius-s); --ui-radius-tabXL: var(--ui-radius-m); --ui-radius-tabXS: var(--ui-radius-xs); --ui-radius-toggleButtonL: var(--ui-radius-m); --ui-radius-toggleButtonM: var(--ui-radius-m); --ui-radius-toggleButtonS: var(--ui-radius-s); --ui-radius-toggleButtonXS: var(--ui-radius-s); --ui-radius-widget: var(--ui-radius-l); --ui-radius-2xl: 20px; --ui-radius-3xl: 24px; --ui-radius-4xl: 32px; --ui-radius-checkbox: var(--ui-radius-xs); --ui-radius-l: 12px; --ui-radius-m: 8px; --ui-radius-none: 0px; --ui-radius-rounded: 1000px; --ui-radius-s: 6px; --ui-radius-xl: 16px; --ui-radius-xs: 4px; --ui-spacing-buttonS-iconSize: var(--ui-spacing-l); --ui-spacing-buttonS-padding: 10px; --ui-spacing-buttonXS-padding: var(--ui-spacing-xs); --ui-spacing-iconButtonS-padding: 10px; --ui-spacing-inputL-labelGap: var(--ui-spacing-none); --ui-spacing-inputL-leftIconSize: var(--ui-spacing-xl); --ui-spacing-inputL-paddingLeft: var(--ui-spacing-m); --ui-spacing-inputL-paddingRight: var(--ui-spacing-s); --ui-spacing-inputL-paddingVert: var(--ui-spacing-xs); --ui-spacing-inputL-rightIconSize: var(--ui-spacing-xl); --ui-spacing-inputL-textPaddingVert: var(--ui-spacing-xs); --ui-spacing-inputM-labelGap: 0px; --ui-spacing-inputM-leftIconSize: 22px; --ui-spacing-inputM-paddingLeft: var(--ui-spacing-m); --ui-spacing-inputM-paddingRight: var(--ui-spacing-s); --ui-spacing-inputM-paddingVert: 6px; --ui-spacing-inputM-rightIconSize: 22px; --ui-spacing-inputM-textPaddingVert: var(--ui-spacing-xs); --ui-spacing-inputNumL-paddingVert: var(--ui-spacing-2xs); --ui-spacing-inputNumM-paddingVert: var(--ui-spacing-2xs); --ui-spacing-inputS-iconSize: var(--ui-spacing-l); --ui-spacing-inputS-paddingLeft: var(--ui-spacing-s); --ui-spacing-inputS-paddingRight: var(--ui-spacing-xs); --ui-spacing-inputS-textPaddingVert: 6px; --ui-spacing-inputXS-iconSize: 18px; --ui-spacing-inputXS-paddingLeft: var(--ui-spacing-xs); --ui-spacing-inputXS-paddingRight: var(--ui-spacing-xs); --ui-spacing-inputXS-textPaddingVert: var(--ui-spacing-2xs); --ui-spacing-menu-gap: var(--ui-spacing-none); --ui-spacing-tabBtnXS-paddingHoriz: var(--ui-spacing-2xs); --ui-spacing-tableHead-paddingBottom: var(--ui-spacing-xs); --ui-spacing-tableHead-paddingTop: var(--ui-spacing-xs); --ui-spacing-tableRow-height: var(--ui-spacing-2xl); --ui-spacing-2xl: 32px; --ui-spacing-2xs: 4px; --ui-spacing-3xl: 40px; --ui-spacing-4xl: 48px; --ui-spacing-5xl: 56px; --ui-spacing-6xl: 64px; --ui-spacing-7xl: 80px; --ui-spacing-8xl: 96px; --ui-spacing-checkbox-labelPadding: var(--ui-spacing-none); --ui-spacing-checkbox-padding: var(--ui-spacing-none); --ui-spacing-divider-height: 1px; --ui-spacing-divider-heightBold: 2px; --ui-spacing-dividerQuote-paddingLeft: 0px; --ui-spacing-l: 20px; --ui-spacing-m: 16px; --ui-spacing-micro: 2px; --ui-spacing-none: 0px; --ui-spacing-s: 12px; --ui-spacing-slider-ellipseSize: var(--ui-spacing-m); --ui-spacing-slider-height: var(--ui-spacing-2xl); --ui-spacing-slider-trackHeight: var(--ui-spacing-micro); --ui-spacing-switch-ellipseSize: var(--ui-spacing-none); --ui-spacing-switch-padding: var(--ui-spacing-micro); --ui-spacing-switch-width: var(--ui-spacing-3xl); --ui-spacing-switchS-width: 28px; --ui-spacing-xl: 24px; --ui-spacing-xs: 8px; } .ui_core_yiw7rv1 { --ui-fonts-main: "Inter var", Inter, system-ui; --ui-fonts-mono: "Inter var", Inter, system-ui; --ui-zIndex-modal: 1300; --ui-zIndex-snackbar: 1400; --ui-zIndex-tooltip: 1500; --ui-radius-badgeL: var(--ui-radius-s); --ui-radius-badgeM: var(--ui-radius-s); --ui-radius-badgeS: var(--ui-radius-xs); --ui-radius-buttonL: var(--ui-radius-m); --ui-radius-buttonM: var(--ui-radius-m); --ui-radius-buttonS: var(--ui-radius-m); --ui-radius-buttonXS: var(--ui-radius-m); --ui-radius-filterButtonL: var(--ui-radius-m); --ui-radius-filterButtonM: var(--ui-radius-m); --ui-radius-filterButtonS: var(--ui-radius-s); --ui-radius-filterButtonXS: var(--ui-radius-s); --ui-radius-input: var(--ui-radius-m); --ui-radius-inputXS: var(--ui-radius-m); --ui-radius-modalDialog: var(--ui-radius-l); --ui-radius-tabL: var(--ui-radius-m); --ui-radius-tabM: var(--ui-radius-s); --ui-radius-tabS: var(--ui-radius-s); --ui-radius-tabXL: var(--ui-radius-m); --ui-radius-tabXS: var(--ui-radius-xs); --ui-radius-toggleButtonL: var(--ui-radius-m); --ui-radius-toggleButtonM: var(--ui-radius-m); --ui-radius-toggleButtonS: var(--ui-radius-s); --ui-radius-toggleButtonXS: var(--ui-radius-s); --ui-radius-widget: var(--ui-radius-l); --ui-radius-2xl: 24px; --ui-radius-3xl: 28px; --ui-radius-4xl: 32px; --ui-radius-checkbox: var(--ui-radius-rounded); --ui-radius-l: 16px; --ui-radius-m: 10px; --ui-radius-none: 0px; --ui-radius-rounded: 1000px; --ui-radius-s: 8px; --ui-radius-xl: 20px; --ui-radius-xs: 4px; --ui-spacing-buttonS-iconSize: var(--ui-spacing-l); --ui-spacing-buttonS-padding: 10px; --ui-spacing-buttonXS-padding: var(--ui-spacing-xs); --ui-spacing-iconButtonS-padding: 10px; --ui-spacing-inputL-labelGap: var(--ui-spacing-none); --ui-spacing-inputL-leftIconSize: var(--ui-spacing-xl); --ui-spacing-inputL-paddingLeft: var(--ui-spacing-m); --ui-spacing-inputL-paddingRight: var(--ui-spacing-s); --ui-spacing-inputL-paddingVert: var(--ui-spacing-xs); --ui-spacing-inputL-rightIconSize: var(--ui-spacing-xl); --ui-spacing-inputL-textPaddingVert: var(--ui-spacing-xs); --ui-spacing-inputM-labelGap: 0px; --ui-spacing-inputM-leftIconSize: 22px; --ui-spacing-inputM-paddingLeft: var(--ui-spacing-m); --ui-spacing-inputM-paddingRight: var(--ui-spacing-s); --ui-spacing-inputM-paddingVert: 6px; --ui-spacing-inputM-rightIconSize: 22px; --ui-spacing-inputM-textPaddingVert: var(--ui-spacing-xs); --ui-spacing-inputNumL-paddingVert: var(--ui-spacing-2xs); --ui-spacing-inputNumM-paddingVert: var(--ui-spacing-2xs); --ui-spacing-inputS-iconSize: var(--ui-spacing-l); --ui-spacing-inputS-paddingLeft: var(--ui-spacing-s); --ui-spacing-inputS-paddingRight: var(--ui-spacing-xs); --ui-spacing-inputS-textPaddingVert: 6px; --ui-spacing-inputXS-iconSize: 18px; --ui-spacing-inputXS-paddingLeft: var(--ui-spacing-xs); --ui-spacing-inputXS-paddingRight: var(--ui-spacing-xs); --ui-spacing-inputXS-textPaddingVert: var(--ui-spacing-2xs); --ui-spacing-menu-gap: var(--ui-spacing-none); --ui-spacing-tabBtnXS-paddingHoriz: var(--ui-spacing-2xs); --ui-spacing-tableHead-paddingBottom: var(--ui-spacing-xs); --ui-spacing-tableHead-paddingTop: var(--ui-spacing-xs); --ui-spacing-tableRow-height: var(--ui-spacing-2xl); --ui-spacing-2xl: 28px; --ui-spacing-2xs: 4px; --ui-spacing-3xl: 32px; --ui-spacing-4xl: 40px; --ui-spacing-5xl: 48px; --ui-spacing-6xl: 56px; --ui-spacing-7xl: 64px; --ui-spacing-8xl: 80px; --ui-spacing-checkbox-labelPadding: var(--ui-spacing-micro); --ui-spacing-checkbox-padding: var(--ui-spacing-micro); --ui-spacing-divider-height: 0.5px; --ui-spacing-divider-heightBold: 1px; --ui-spacing-dividerQuote-paddingLeft: 60px; --ui-spacing-l: 20px; --ui-spacing-m: 16px; --ui-spacing-micro: 2px; --ui-spacing-none: 0px; --ui-spacing-s: 12px; --ui-spacing-slider-ellipseSize: var(--ui-spacing-l); --ui-spacing-slider-height: var(--ui-spacing-4xl); --ui-spacing-slider-trackHeight: var(--ui-spacing-2xs); --ui-spacing-switch-ellipseSize: var(--ui-spacing-micro); --ui-spacing-switch-padding: var(--ui-spacing-2xs); --ui-spacing-switch-width: var(--ui-spacing-5xl); --ui-spacing-switchS-width: var(--ui-spacing-4xl); --ui-spacing-xl: 24px; --ui-spacing-xs: 8px; } .ui_core_1yxlja00 { --ui-fonts-main: "Inter var", Inter, system-ui; --ui-fonts-mono: "Inter var", Inter, system-ui; --ui-zIndex-modal: 1300; --ui-zIndex-snackbar: 1400; --ui-zIndex-tooltip: 1500; --ui-radius-badgeL: var(--ui-radius-rounded); --ui-radius-badgeM: var(--ui-radius-rounded); --ui-radius-badgeS: var(--ui-radius-rounded); --ui-radius-buttonL: var(--ui-radius-rounded); --ui-radius-buttonM: var(--ui-radius-rounded); --ui-radius-buttonS: var(--ui-radius-rounded); --ui-radius-buttonXS: var(--ui-radius-rounded); --ui-radius-filterButtonL: var(--ui-radius-rounded); --ui-radius-filterButtonM: var(--ui-radius-rounded); --ui-radius-filterButtonS: var(--ui-radius-rounded); --ui-radius-filterButtonXS: var(--ui-radius-rounded); --ui-radius-input: var(--ui-radius-l); --ui-radius-inputXS: var(--ui-radius-l); --ui-radius-modalDialog: var(--ui-radius-3xl); --ui-radius-tabL: var(--ui-radius-rounded); --ui-radius-tabM: var(--ui-radius-rounded); --ui-radius-tabS: var(--ui-radius-rounded); --ui-radius-tabXL: var(--ui-radius-rounded); --ui-radius-tabXS: var(--ui-radius-rounded); --ui-radius-toggleButtonL: var(--ui-radius-rounded); --ui-radius-toggleButtonM: var(--ui-radius-rounded); --ui-radius-toggleButtonS: var(--ui-radius-rounded); --ui-radius-toggleButtonXS: var(--ui-radius-rounded); --ui-radius-widget: var(--ui-radius-2xl); --ui-radius-2xl: 20px; --ui-radius-3xl: 24px; --ui-radius-4xl: 32px; --ui-radius-checkbox: var(--ui-radius-xs); --ui-radius-l: 12px; --ui-radius-m: 8px; --ui-radius-none: 0px; --ui-radius-rounded: 1000px; --ui-radius-s: 6px; --ui-radius-xl: 16px; --ui-radius-xs: 4px; --ui-spacing-buttonS-iconSize: var(--ui-spacing-l); --ui-spacing-buttonS-padding: 10px; --ui-spacing-buttonXS-padding: var(--ui-spacing-xs); --ui-spacing-iconButtonS-padding: 10px; --ui-spacing-inputL-labelGap: var(--ui-spacing-none); --ui-spacing-inputL-leftIconSize: var(--ui-spacing-xl); --ui-spacing-inputL-paddingLeft: var(--ui-spacing-m); --ui-spacing-inputL-paddingRight: var(--ui-spacing-s); --ui-spacing-inputL-paddingVert: var(--ui-spacing-xs); --ui-spacing-inputL-rightIconSize: var(--ui-spacing-xl); --ui-spacing-inputL-textPaddingVert: var(--ui-spacing-xs); --ui-spacing-inputM-labelGap: 0px; --ui-spacing-inputM-leftIconSize: 22px; --ui-spacing-inputM-paddingLeft: var(--ui-spacing-m); --ui-spacing-inputM-paddingRight: var(--ui-spacing-s); --ui-spacing-inputM-paddingVert: 6px; --ui-spacing-inputM-rightIconSize: 22px; --ui-spacing-inputM-textPaddingVert: var(--ui-spacing-xs); --ui-spacing-inputNumL-paddingVert: var(--ui-spacing-2xs); --ui-spacing-inputNumM-paddingVert: var(--ui-spacing-2xs); --ui-spacing-inputS-iconSize: var(--ui-spacing-l); --ui-spacing-inputS-paddingLeft: var(--ui-spacing-s); --ui-spacing-inputS-paddingRight: var(--ui-spacing-xs); --ui-spacing-inputS-textPaddingVert: 6px; --ui-spacing-inputXS-iconSize: 18px; --ui-spacing-inputXS-paddingLeft: var(--ui-spacing-xs); --ui-spacing-inputXS-paddingRight: var(--ui-spacing-xs); --ui-spacing-inputXS-textPaddingVert: var(--ui-spacing-2xs); --ui-spacing-menu-gap: var(--ui-spacing-none); --ui-spacing-tabBtnXS-paddingHoriz: var(--ui-spacing-2xs); --ui-spacing-tableHead-paddingBottom: var(--ui-spacing-xs); --ui-spacing-tableHead-paddingTop: var(--ui-spacing-xs); --ui-spacing-tableRow-height: var(--ui-spacing-2xl); --ui-spacing-2xl: 32px; --ui-spacing-2xs: 4px; --ui-spacing-3xl: 40px; --ui-spacing-4xl: 48px; --ui-spacing-5xl: 56px; --ui-spacing-6xl: 64px; --ui-spacing-7xl: 80px; --ui-spacing-8xl: 96px; --ui-spacing-checkbox-labelPadding: var(--ui-spacing-none); --ui-spacing-checkbox-padding: var(--ui-spacing-none); --ui-spacing-divider-height: 1px; --ui-spacing-divider-heightBold: 2px; --ui-spacing-dividerQuote-paddingLeft: 0px; --ui-spacing-l: 20px; --ui-spacing-m: 16px; --ui-spacing-micro: 2px; --ui-spacing-none: 0px; --ui-spacing-s: 12px; --ui-spacing-slider-ellipseSize: var(--ui-spacing-m); --ui-spacing-slider-height: var(--ui-spacing-2xl); --ui-spacing-slider-trackHeight: var(--ui-spacing-micro); --ui-spacing-switch-ellipseSize: var(--ui-spacing-none); --ui-spacing-switch-padding: var(--ui-spacing-micro); --ui-spacing-switch-width: var(--ui-spacing-3xl); --ui-spacing-switchS-width: 28px; --ui-spacing-xl: 24px; --ui-spacing-xs: 8px; } .ui_core_1yxlja01 { --ui-fonts-main: "Inter var", Inter, system-ui; --ui-fonts-mono: "Inter var", Inter, system-ui; --ui-zIndex-modal: 1300; --ui-zIndex-snackbar: 1400; --ui-zIndex-tooltip: 1500; --ui-radius-badgeL: var(--ui-radius-rounded); --ui-radius-badgeM: var(--ui-radius-rounded); --ui-radius-badgeS: var(--ui-radius-rounded); --ui-radius-buttonL: var(--ui-radius-rounded); --ui-radius-buttonM: var(--ui-radius-rounded); --ui-radius-buttonS: var(--ui-radius-rounded); --ui-radius-buttonXS: var(--ui-radius-rounded); --ui-radius-filterButtonL: var(--ui-radius-rounded); --ui-radius-filterButtonM: var(--ui-radius-rounded); --ui-radius-filterButtonS: var(--ui-radius-rounded); --ui-radius-filterButtonXS: var(--ui-radius-rounded); --ui-radius-input: var(--ui-radius-l); --ui-radius-inputXS: var(--ui-radius-l); --ui-radius-modalDialog: var(--ui-radius-3xl); --ui-radius-tabL: var(--ui-radius-rounded); --ui-radius-tabM: var(--ui-radius-rounded); --ui-radius-tabS: var(--ui-radius-rounded); --ui-radius-tabXL: var(--ui-radius-rounded); --ui-radius-tabXS: var(--ui-radius-rounded); --ui-radius-toggleButtonL: var(--ui-radius-rounded); --ui-radius-toggleButtonM: var(--ui-radius-rounded); --ui-radius-toggleButtonS: var(--ui-radius-rounded); --ui-radius-toggleButtonXS: var(--ui-radius-rounded); --ui-radius-widget: var(--ui-radius-2xl); --ui-radius-2xl: 24px; --ui-radius-3xl: 28px; --ui-radius-4xl: 32px; --ui-radius-checkbox: var(--ui-radius-rounded); --ui-radius-l: 16px; --ui-radius-m: 10px; --ui-radius-none: 0px; --ui-radius-rounded: 1000px; --ui-radius-s: 8px; --ui-radius-xl: 20px; --ui-radius-xs: 4px; --ui-spacing-buttonS-iconSize: var(--ui-spacing-l); --ui-spacing-buttonS-padding: 10px; --ui-spacing-buttonXS-padding: var(--ui-spacing-xs); --ui-spacing-iconButtonS-padding: 10px; --ui-spacing-inputL-labelGap: var(--ui-spacing-none); --ui-spacing-inputL-leftIconSize: var(--ui-spacing-xl); --ui-spacing-inputL-paddingLeft: var(--ui-spacing-m); --ui-spacing-inputL-paddingRight: var(--ui-spacing-s); --ui-spacing-inputL-paddingVert: var(--ui-spacing-xs); --ui-spacing-inputL-rightIconSize: var(--ui-spacing-xl); --ui-spacing-inputL-textPaddingVert: var(--ui-spacing-xs); --ui-spacing-inputM-labelGap: 0px; --ui-spacing-inputM-leftIconSize: 22px; --ui-spacing-inputM-paddingLeft: var(--ui-spacing-m); --ui-spacing-inputM-paddingRight: var(--ui-spacing-s); --ui-spacing-inputM-paddingVert: 6px; --ui-spacing-inputM-rightIconSize: 22px; --ui-spacing-inputM-textPaddingVert: var(--ui-spacing-xs); --ui-spacing-inputNumL-paddingVert: var(--ui-spacing-2xs); --ui-spacing-inputNumM-paddingVert: var(--ui-spacing-2xs); --ui-spacing-inputS-iconSize: var(--ui-spacing-l); --ui-spacing-inputS-paddingLeft: var(--ui-spacing-s); --ui-spacing-inputS-paddingRight: var(--ui-spacing-xs); --ui-spacing-inputS-textPaddingVert: 6px; --ui-spacing-inputXS-iconSize: 18px; --ui-spacing-inputXS-paddingLeft: var(--ui-spacing-xs); --ui-spacing-inputXS-paddingRight: var(--ui-spacing-xs); --ui-spacing-inputXS-textPaddingVert: var(--ui-spacing-2xs); --ui-spacing-menu-gap: var(--ui-spacing-none); --ui-spacing-tabBtnXS-paddingHoriz: var(--ui-spacing-2xs); --ui-spacing-tableHead-paddingBottom: var(--ui-spacing-xs); --ui-spacing-tableHead-paddingTop: var(--ui-spacing-xs); --ui-spacing-tableRow-height: var(--ui-spacing-2xl); --ui-spacing-2xl: 28px; --ui-spacing-2xs: 4px; --ui-spacing-3xl: 32px; --ui-spacing-4xl: 40px; --ui-spacing-5xl: 48px; --ui-spacing-6xl: 56px; --ui-spacing-7xl: 64px; --ui-spacing-8xl: 80px; --ui-spacing-checkbox-labelPadding: var(--ui-spacing-micro); --ui-spacing-checkbox-padding: var(--ui-spacing-micro); --ui-spacing-divider-height: 0.5px; --ui-spacing-divider-heightBold: 1px; --ui-spacing-dividerQuote-paddingLeft: 60px; --ui-spacing-l: 20px; --ui-spacing-m: 16px; --ui-spacing-micro: 2px; --ui-spacing-none: 0px; --ui-spacing-s: 12px; --ui-spacing-slider-ellipseSize: var(--ui-spacing-l); --ui-spacing-slider-height: var(--ui-spacing-4xl); --ui-spacing-slider-trackHeight: var(--ui-spacing-2xs); --ui-spacing-switch-ellipseSize: var(--ui-spacing-micro); --ui-spacing-switch-padding: var(--ui-spacing-2xs); --ui-spacing-switch-width: var(--ui-spacing-5xl); --ui-spacing-switchS-width: var(--ui-spacing-4xl); --ui-spacing-xl: 24px; --ui-spacing-xs: 8px; } .ui_core_1yxlja02 { --ui-mode: dark; --ui-colors-bg-base-active: var(--ui-base-colors-blueGray-800); --ui-colors-bg-base: var(--ui-base-colors-blueGray-925); --ui-colors-bg-base-hover: var(--ui-base-colors-blueGray-900); --ui-colors-bg-base-elevated: var(--ui-base-colors-blueGray-900); --ui-colors-bg-base-secondary: var(--ui-base-colors-blueGray-900); --ui-colors-bg-base-secondary-active: var(--ui-base-colors-blueGray-700); --ui-colors-bg-base-secondary-hover: var(--ui-base-colors-blueGray-800); --ui-colors-bg-base-tertiary: var(--ui-base-colors-blueGray-950); --ui-colors-bg-base-tertiary-active: var(--ui-base-colors-blueGray-900); --ui-colors-bg-base-tertiary-hover: var(--ui-base-colors-blueGray-925); --ui-colors-bg-base-tooltip: var(--ui-base-colors-blueGray-1000); --ui-colors-bg-brand-active: var(--ui-base-colors-green-700); --ui-colors-bg-brand: var(--ui-base-colors-green-500); --ui-colors-bg-brand-hover: var(--ui-base-colors-green-600); --ui-colors-bg-brand-secondary: var(--ui-base-colors-green-925); --ui-colors-bg-brand-secondary-active: var(--ui-base-colors-green-800); --ui-colors-bg-brand-secondary-hover: var(--ui-base-colors-green-900); --ui-colors-bg-brand-select-active: var(--ui-colors-opacity-brand-16); --ui-colors-bg-brand-select-hover: var(--ui-colors-opacity-brand-8); --ui-colors-bg-dark: var(--ui-base-colors-blueGray-1000); --ui-colors-bg-dark-secondary: var(--ui-base-colors-blueGray-700); --ui-colors-bg-disabled: var(--ui-colors-opacity-base-8); --ui-colors-bg-glass: rgba(20, 26, 36, 0.8); --ui-colors-bg-glass-secondary: rgba(26, 33, 46, 0.8); --ui-colors-bg-glass-tertiary: rgba(14, 19, 27, 0.8); --ui-colors-bg-inverse-active: var(--ui-base-colors-blueGray-200); --ui-colors-bg-inverse: var(--ui-base-colors-blueGray-0); --ui-colors-bg-inverse-hover: var(--ui-base-colors-blueGray-100); --ui-colors-bg-inverse-secondary: var(--ui-base-colors-black-25); --ui-colors-bg-inverse-secondary-active: var(--ui-base-colors-black-100); --ui-colors-bg-inverse-secondary-hover: var(--ui-base-colors-black-50); --ui-colors-bg-light: var(--ui-base-colors-white-1000); --ui-colors-bg-light-secondary: var(--ui-base-colors-white-700); --ui-colors-bg-negative-active: var(--ui-base-colors-red-700); --ui-colors-bg-negative: var(--ui-base-colors-red-500); --ui-colors-bg-negative-hover: var(--ui-base-colors-red-600); --ui-colors-bg-negative-secondary: var(--ui-base-colors-red-925); --ui-colors-bg-negative-secondary-active: var(--ui-base-colors-red-800); --ui-colors-bg-negative-secondary-hover: var(--ui-base-colors-red-900); --ui-colors-bg-negative-select-active: var(--ui-colors-opacity-negative-16); --ui-colors-bg-negative-select-hover: var(--ui-colors-opacity-negative-8); --ui-colors-bg-opacity: rgba(20, 26, 36, 0.56); --ui-colors-bg-opacity-secondary: rgba(26, 33, 46, 0.56); --ui-colors-bg-opacity-tertiary: rgba(14, 19, 27, 0.56); --ui-colors-bg-overlay: var(--ui-base-colors-black-500); --ui-colors-bg-positive-active: var(--ui-base-colors-emerald-700); --ui-colors-bg-positive: var(--ui-base-colors-emerald-500); --ui-colors-bg-positive-hover: var(--ui-base-colors-emerald-600); --ui-colors-bg-positive-secondary: var(--ui-base-colors-emerald-925); --ui-colors-bg-positive-secondary-active: var(--ui-base-colors-emerald-800); --ui-colors-bg-positive-secondary-hover: var(--ui-base-colors-emerald-900); --ui-colors-bg-positive-select-active: var(--ui-colors-opacity-positive-16); --ui-colors-bg-positive-select-hover: var(--ui-colors-opacity-positive-8); --ui-colors-bg-warning-active: var(--ui-base-colors-yellow-700); --ui-colors-bg-warning: var(--ui-base-colors-yellow-500); --ui-colors-bg-warning-hover: var(--ui-base-colors-yellow-600); --ui-colors-bg-warning-secondary: var(--ui-base-colors-yellow-925); --ui-colors-bg-warning-secondary-active: var(--ui-base-colors-yellow-800); --ui-colors-bg-warning-secondary-hover: var(--ui-base-colors-yellow-900); --ui-colors-bg-warning-select-active: var(--ui-colors-opacity-warning-16); --ui-colors-bg-warning-select-hover: var(--ui-colors-opacity-warning-8); --ui-colors-border-base-bold: var(--ui-base-colors-blueGray-100); --ui-colors-border-base: var(--ui-base-colors-blueGray-900); --ui-colors-border-base-elevated: var(--ui-colors-opacity-base-40); --ui-colors-border-base-secondary: var(--ui-base-colors-blueGray-700); --ui-colors-border-base-select: var(--ui-base-colors-blueGray-700); --ui-colors-border-base-select-active: var(--ui-base-colors-blueGray-200); --ui-colors-border-base-select-hover: var(--ui-base-colors-blueGray-500); --ui-colors-border-base-strong: var(--ui-base-colors-blueGray-600); --ui-colors-border-base-tertiary: var(--ui-base-colors-blueGray-900); --ui-colors-border-brand-active: var(--ui-base-colors-green-600); --ui-colors-border-brand: var(--ui-base-colors-green-800); --ui-colors-border-brand-focus: var(--ui-base-colors-green-900); --ui-colors-border-brand-hover: var(--ui-base-colors-green-700); --ui-colors-border-brand-ondark: var(--ui-base-colors-green-800); --ui-colors-border-brand-onlight: var(--ui-base-colors-green-150); --ui-colors-border-brand-secondary: var(--ui-base-colors-green-900); --ui-colors-border-disabled: var(--ui-colors-opacity-base-24); --ui-colors-border-inverse: var(--ui-base-colors-blueGray-500); --ui-colors-border-negative-active: var(--ui-base-colors-red-500); --ui-colors-border-negative: var(--ui-base-colors-red-800); --ui-colors-border-negative-focus: var(--ui-base-colors-red-900); --ui-colors-border-negative-hover: var(--ui-base-colors-red-700); --ui-colors-border-negative-ondark: var(--ui-base-colors-red-800); --ui-colors-border-negative-onlight: var(--ui-base-colors-red-150); --ui-colors-border-negative-secondary: var(--ui-base-colors-red-900); --ui-colors-border-ondark: var(--ui-base-colors-white-700); --ui-colors-border-ondark-secondary: var(--ui-base-colors-white-50); --ui-colors-border-onlight: var(--ui-colors-opacity-base-72); --ui-colors-border-onlight-secondary: var(--ui-colors-opacity-base-16); --ui-colors-border-positive-active: var(--ui-base-colors-emerald-500); --ui-colors-border-positive: var(--ui-base-colors-emerald-800); --ui-colors-border-positive-focus: var(--ui-base-colors-emerald-900); --ui-colors-border-positive-hover: var(--ui-base-colors-emerald-700); --ui-colors-border-positive-ondark: var(--ui-base-colors-emerald-800); --ui-colors-border-positive-onlight: var(--ui-base-colors-emerald-150); --ui-colors-border-positive-secondary: var(--ui-base-colors-emerald-900); --ui-colors-border-warning-active: var(--ui-base-colors-yellow-600); --ui-colors-border-warning: var(--ui-base-colors-yellow-800); --ui-colors-border-warning-focus: var(--ui-base-colors-yellow-900); --ui-colors-border-warning-hover: var(--ui-base-colors-yellow-700); --ui-colors-border-warning-ondark: var(--ui-base-colors-yellow-800); --ui-colors-border-warning-onlight: var(--ui-base-colors-yellow-200); --ui-colors-border-warning-secondary: var(--ui-base-colors-yellow-900); --ui-colors-data-chart-1: #9062E3; --ui-colors-data-chart-2: #91BEEE; --ui-colors-data-chart-3: #259EA0; --ui-colors-data-chart-4: #875453; --ui-colors-data-chart-5: #E76C6C; --ui-colors-data-chart-6: #BB3068; --ui-colors-data-chart-7: #81C385; --ui-colors-data-chart-8: #5267B0; --ui-colors-data-chart-9: #D17EA3; --ui-colors-data-chart-10: #C9AD63; --ui-colors-data-chart-11: #4EB9B6; --ui-colors-data-chart-12: #566C89; --ui-colors-data-chart-13: #CC7541; --ui-colors-data-chart-14: #A841CC; --ui-colors-data-chart-15: #B4AEC7; --ui-colors-data-graph: #4B8CEB; --ui-colors-data-graph-shade: rgba(75, 140, 235, 0.1); --ui-colors-data-graph-fall: var(--ui-base-colors-red-500); --ui-colors-data-graph-grow: var(--ui-base-colors-emerald-500); --ui-colors-data-graph-neutral: var(--ui-base-colors-blueGray-500); --ui-colors-data-graph-volume: rgba(91, 115, 245, 0.24); --ui-colors-data-gridline-primary-high: var(--ui-colors-opacity-base-32); --ui-colors-data-gridline-primary-low: var(--ui-colors-opacity-base-16); --ui-colors-data-gridline-secondary-high: var(--ui-colors-opacity-base-32); --ui-colors-data-gridline-secondary-low: var(--ui-colors-opacity-base-16); --ui-colors-icon-base-active: var(--ui-base-colors-blueGray-50); --ui-colors-icon-base: var(--ui-base-colors-blueGray-50); --ui-colors-icon-base-hover: var(--ui-base-colors-blueGray-200); --ui-colors-icon-base-secondary: var(--ui-base-colors-blueGray-300); --ui-colors-icon-base-tertiary: var(--ui-base-colors-blueGray-500); --ui-colors-icon-brand-active: var(--ui-base-colors-green-300); --ui-colors-icon-brand: var(--ui-base-colors-green-500); --ui-colors-icon-brand-hover: var(--ui-base-colors-green-400); --ui-colors-icon-brand-ondark: var(--ui-base-colors-green-400); --ui-colors-icon-brand-onlight: var(--ui-base-colors-green-400); --ui-colors-icon-brand-secondary: var(--ui-base-colors-green-700); --ui-colors-icon-disabled: var(--ui-base-colors-blueGray-600); --ui-colors-icon-disabled-ondark: var(--ui-base-colors-white-100); --ui-colors-icon-disabled-onlight: var(--ui-base-colors-blueGray-150); --ui-colors-icon-inverse: var(--ui-base-colors-blueGray-950); --ui-colors-icon-inverse-secondary: var(--ui-base-colors-blueGray-500); --ui-colors-icon-inverse-tertiary: var(--ui-base-colors-blueGray-300); --ui-colors-icon-negative-active: var(--ui-base-colors-red-200); --ui-colors-icon-negative: var(--ui-base-colors-red-400); --ui-colors-icon-negative-hover: var(--ui-base-colors-red-300); --ui-colors-icon-negative-ondark: var(--ui-base-colors-red-400); --ui-colors-icon-negative-onlight: var(--ui-base-colors-red-500); --ui-colors-icon-negative-secondary: var(--ui-base-colors-red-600); --ui-colors-icon-onbrand: var(--ui-base-colors-white-1000); --ui-colors-icon-onbrand-secondary: var(--ui-base-colors-white-700); --ui-colors-icon-ondark: var(--ui-base-colors-white-1000); --ui-colors-icon-ondark-secondary: var(--ui-base-colors-white-500); --ui-colors-icon-onlight: var(--ui-base-colors-blueGray-1000); --ui-colors-icon-onlight-secondary: var(--ui-base-colors-blueGray-500); --ui-colors-icon-onnegative: var(--ui-base-colors-white-1000); --ui-colors-icon-onnegative-secondary: var(--ui-base-colors-white-700); --ui-colors-icon-onpositive: var(--ui-base-colors-white-1000); --ui-colors-icon-onpositive-secondary: var(--ui-base-colors-white-700); --ui-colors-icon-onwarning: var(--ui-base-colors-blueGray-1000); --ui-colors-icon-onwarning-secondary: var(--ui-base-colors-black-600); --ui-colors-icon-positive-active: var(--ui-base-colors-emerald-200); --ui-colors-icon-positive: var(--ui-base-colors-emerald-400); --ui-colors-icon-positive-hover: var(--ui-base-colors-emerald-300); --ui-colors-icon-positive-ondark: var(--ui-base-colors-emerald-400); --ui-colors-icon-positive-onlight: var(--ui-base-colors-emerald-500); --ui-colors-icon-positive-secondary: var(--ui-base-colors-emerald-600); --ui-colors-icon-warning-active: var(--ui-base-colors-yellow-300); --ui-colors-icon-warning: var(--ui-base-colors-yellow-500); --ui-colors-icon-warning-hover: var(--ui-base-colors-yellow-400); --ui-colors-icon-warning-ondark: var(--ui-base-colors-yellow-500); --ui-colors-icon-warning-onlight: var(--ui-base-colors-yellow-600); --ui-colors-icon-warning-secondary: var(--ui-base-colors-yellow-700); --ui-colors-opacity-base-0: rgba(108, 125, 150, 0); --ui-colors-opacity-base-4: rgba(108, 125, 150, 0.04); --ui-colors-opacity-base-8: rgba(108, 125, 150, 0.08); --ui-colors-opacity-base-16: rgba(108, 125, 150, 0.16); --ui-colors-opacity-base-24: rgba(108, 125, 150, 0.24); --ui-colors-opacity-base-32: rgba(108, 125, 150, 0.32); --ui-colors-opacity-base-40: rgba(108, 125, 150, 0.4); --ui-colors-opacity-base-56: rgba(108, 125, 150, 0.56); --ui-colors-opacity-base-72: rgba(108, 125, 150, 0.72); --ui-colors-opacity-brand-8: rgba(10, 158, 86, 0.08); --ui-colors-opacity-brand-16: rgba(10, 158, 86, 0.16); --ui-colors-opacity-brand-24: rgba(10, 158, 86, 0.24); --ui-colors-opacity-brand-32: rgba(10, 158, 86, 0.32); --ui-colors-opacity-negative-8: rgba(232, 65, 68, 0.08); --ui-colors-opacity-negative-16: rgba(232, 65, 68, 0.16); --ui-colors-opacity-negative-24: rgba(232, 65, 68, 0.24); --ui-colors-opacity-negative-32: rgba(232, 65, 68, 0.32); --ui-colors-opacity-positive-8: rgba(30, 140, 102, 0.08); --ui-colors-opacity-positive-16: rgba(30, 140, 102, 0.16); --ui-colors-opacity-positive-24: rgba(30, 140, 102, 0.24); --ui-colors-opacity-positive-32: rgba(30, 140, 102, 0.32); --ui-colors-opacity-warning-8: rgba(249, 166, 5, 0.08); --ui-colors-opacity-warning-16: rgba(249, 166, 5, 0.16); --ui-colors-opacity-warning-24: rgba(249, 166, 5, 0.24); --ui-colors-opacity-warning-32: rgba(249, 166, 5, 0.32); --ui-colors-shadow-2x: rgba(0, 0, 0, 0.2); --ui-colors-shadow-3x: rgba(0, 0, 0, 0.24); --ui-colors-shadow-4x: rgba(0, 0, 0, 0.32); --ui-colors-shadow-5x: rgba(0, 0, 0, 0.4); --ui-colors-shadow-x: rgba(0, 0, 0, 0.16); --ui-colors-text-base-active: var(--ui-base-colors-blueGray-50); --ui-colors-text-base: var(--ui-base-colors-blueGray-50); --ui-colors-text-base-hover: var(--ui-base-colors-blueGray-200); --ui-colors-text-base-secondary: var(--ui-base-colors-blueGray-300); --ui-colors-text-base-tertiary: var(--ui-base-colors-blueGray-500); --ui-colors-text-brand-active: var(--ui-base-colors-green-300); --ui-colors-text-brand: var(--ui-base-colors-green-500); --ui-colors-text-brand-hover: var(--ui-base-colors-green-400); --ui-colors-text-brand-ondark: var(--ui-base-colors-green-400); --ui-colors-text-brand-onlight: var(--ui-base-colors-green-600); --ui-colors-text-disabled: var(--ui-base-colors-blueGray-600); --ui-colors-text-disabled-ondark: var(--ui-base-colors-white-100); --ui-colors-text-disabled-onlight: var(--ui-base-colors-blueGray-200); --ui-colors-text-inverse: var(--ui-base-colors-blueGray-950); --ui-colors-text-inverse-secondary: var(--ui-base-colors-blueGray-500); --ui-colors-text-inverse-tertiary: var(--ui-base-colors-blueGray-300); --ui-colors-text-negative-active: var(--ui-base-colors-red-200); --ui-colors-text-negative: var(--ui-base-colors-red-400); --ui-colors-text-negative-hover: var(--ui-base-colors-red-300); --ui-colors-text-negative-ondark: var(--ui-base-colors-red-300); --ui-colors-text-negative-onlight: var(--ui-base-colors-red-500); --ui-colors-text-onbrand: var(--ui-base-colors-white-1000); --ui-colors-text-onbrand-secondary: var(--ui-base-colors-white-700); --ui-colors-text-ondark: var(--ui-base-colors-white-1000); --ui-colors-text-ondark-secondary: var(--ui-base-colors-white-700); --ui-colors-text-onlight: var(--ui-base-colors-blueGray-1000); --ui-colors-text-onlight-secondary: var(--ui-base-colors-blueGray-500); --ui-colors-text-onnegative: var(--ui-base-colors-white-1000); --ui-colors-text-onnegative-secondary: var(--ui-base-colors-white-700); --ui-colors-text-onpositive: var(--ui-base-colors-white-1000); --ui-colors-text-onpositive-secondary: var(--ui-base-colors-white-700); --ui-colors-text-onwarning: var(--ui-base-colors-black-1000); --ui-colors-text-onwarning-secondary: var(--ui-base-colors-black-600); --ui-colors-text-positive-active: var(--ui-base-colors-emerald-200); --ui-colors-text-positive: var(--ui-base-colors-emerald-400); --ui-colors-text-positive-hover: var(--ui-base-colors-emerald-300); --ui-colors-text-positive-ondark: var(--ui-base-colors-emerald-300); --ui-colors-text-positive-onlight: var(--ui-base-colors-emerald-500); --ui-colors-text-warning-active: var(--ui-base-colors-yellow-300); --ui-colors-text-warning: var(--ui-base-colors-yellow-500); --ui-colors-text-warning-hover: var(--ui-base-colors-yellow-400); --ui-colors-text-warning-ondark: var(--ui-base-colors-yellow-400); --ui-colors-text-warning-onlight: var(--ui-base-colors-yellow-600); --ui-colors-badge-bg-default-active: var(--ui-colors-opacity-base-32); --ui-colors-badge-bg-default: var(--ui-colors-opacity-base-24); --ui-colors-badge-bg-default-disabled: var(--ui-colors-opacity-base-8); --ui-colors-badge-bg-default-hover: var(--ui-colors-opacity-base-32); --ui-colors-badge-bg-negative-active: var(--ui-colors-opacity-negative-24); --ui-colors-badge-bg-negative: var(--ui-colors-opacity-negative-8); --ui-colors-badge-bg-negative-disabled: var(--ui-colors-opacity-negative-8); --ui-colors-badge-bg-negative-hover: var(--ui-colors-opacity-negative-16); --ui-colors-badge-bg-onbrand: var(--ui-colors-bg-dark); --ui-colors-badge-bg-positive-active: var(--ui-colors-opacity-positive-24); --ui-colors-badge-bg-positive: var(--ui-colors-opacity-positive-8); --ui-colors-badge-bg-positive-disabled: var(--ui-colors-opacity-positive-8); --ui-colors-badge-bg-positive-hover: var(--ui-colors-opacity-positive-16); --ui-colors-badge-bg-premium: var(--ui-base-colors-purple-600); --ui-colors-badge-bg-secondary: var(--ui-colors-opacity-base-16); --ui-colors-badge-border-default-active: var(--ui-colors-border-base-select-active); --ui-colors-badge-border-default: var(--ui-colors-border-base-select); --ui-colors-badge-border-default-hover: var(--ui-colors-border-base-select-hover); --ui-colors-badge-border-negative-active: var(--ui-colors-border-negative-active); --ui-colors-badge-border-negative: var(--ui-colors-border-negative-secondary); --ui-colors-badge-border-negative-disabled: var(--ui-colors-border-negative-secondary); --ui-colors-badge-border-negative-hover: var(--ui-colors-border-negative-hover); --ui-colors-badge-border-positive-active: var(--ui-colors-border-positive-active); --ui-colors-badge-border-positive: var(--ui-colors-border-positive-secondary); --ui-colors-badge-border-positive-disabled: var(--ui-colors-border-positive-secondary); --ui-colors-badge-border-positive-hover: var(--ui-colors-border-positive-hover); --ui-colors-badge-icon-status: var(--ui-colors-icon-base); --ui-colors-badge-icon-status-negative: var(--ui-colors-icon-negative); --ui-colors-badge-text-default-active: var(--ui-colors-text-base-active); --ui-colors-badge-text-default: var(--ui-colors-text-base); --ui-colors-badge-text-default-disabled: var(--ui-colors-text-disabled); --ui-colors-badge-text-default-hover: var(--ui-colors-text-base); --ui-colors-badge-text-negative-active: var(--ui-colors-text-negative-active); --ui-colors-badge-text-negative: var(--ui-colors-text-negative); --ui-colors-badge-text-negative-disabled: var(--ui-base-colors-red-700); --ui-colors-badge-text-negative-hover: var(--ui-colors-text-negative-hover); --ui-colors-badge-text-positive-active: var(--ui-colors-text-positive-active); --ui-colors-badge-text-positive: var(--ui-colors-text-positive); --ui-colors-badge-text-positive-disabled: var(--ui-base-colors-emerald-700); --ui-colors-badge-text-positive-hover: var(--ui-colors-text-positive-hover); --ui-colors-badge-text-premium: var(--ui-base-colors-purple-0); --ui-colors-badge-text-secondary: var(--ui-colors-text-base-secondary); --ui-colors-badge-text-secondary-active: var(--ui-colors-text-base-active); --ui-colors-badge-text-status: var(--ui-colors-text-base); --ui-colors-badge-text-status-negative: var(--ui-colors-text-negative); --ui-colors-button-bg-alternative: var(--ui-colors-bg-inverse); --ui-colors-button-bg-alternative-disabled: var(--ui-colors-opacity-base-16); --ui-colors-button-bg-alternative-hover: var(--ui-colors-bg-inverse-hover); --ui-colors-button-bg-alternative-pressed: var(--ui-colors-bg-inverse-active); --ui-colors-button-bg-alternative-ondark-disabled: var(--ui-base-colors-white-0); --ui-colors-button-bg-alternative-ondark-hover: var(--ui-base-colors-blueGray-900); --ui-colors-button-bg-alternative-ondark-pressed: var(--ui-base-colors-blueGray-800); --ui-colors-button-bg-alternative-ondark-secondary: var(--ui-base-colors-white-100); --ui-colors-button-bg-alternative-onlight-hover: var(--ui-base-colors-blueGray-25); --ui-colors-button-bg-alternative-onlight-pressed: var(--ui-base-colors-blueGray-50); --ui-colors-button-bg-alternative-secondary-disabled: var(--ui-colors-opacity-base-8); --ui-colors-button-bg-ghost-hover: var(--ui-colors-opacity-base-8); --ui-colors-button-bg-ghost-pressed: var(--ui-colors-opacity-base-16); --ui-colors-button-bg-outline-hover: var(--ui-colors-opacity-base-16); --ui-colors-button-bg-outline-pressed: var(--ui-colors-opacity-base-24); --ui-colors-button-bg-outline-negative-hover: var(--ui-colors-bg-negative-select-hover); --ui-colors-button-bg-outline-negative-pressed: var(--ui-colors-bg-negative-select-active); --ui-colors-button-bg-outline-positive-hover: var(--ui-colors-bg-positive-select-hover); --ui-colors-button-bg-outline-positive-pressed: var(--ui-colors-bg-positive-select-active); --ui-colors-button-bg-primary: var(--ui-colors-bg-brand); --ui-colors-button-bg-primary-disabled: var(--ui-colors-opacity-base-16); --ui-colors-button-bg-primary-hover: var(--ui-colors-bg-brand-hover); --ui-colors-button-bg-primary-pressed: var(--ui-colors-bg-brand-active); --ui-colors-button-bg-primary-negative: var(--ui-colors-bg-negative); --ui-colors-button-bg-primary-negative-hover: var(--ui-colors-bg-negative-hover); --ui-colors-button-bg-primary-negative-pressed: var(--ui-colors-bg-negative-active); --ui-colors-button-bg-primary-positive: var(--ui-colors-bg-positive); --ui-colors-button-bg-primary-positive-hover: var(--ui-colors-bg-positive-hover); --ui-colors-button-bg-primary-positive-pressed: var(--ui-colors-bg-positive-active); --ui-colors-button-bg-primary-warning: var(--ui-colors-opacity-warning-16); --ui-colors-button-bg-primary-warning-hover: var(--ui-colors-opacity-warning-24); --ui-colors-button-bg-primary-warning-pressed: var(--ui-colors-opacity-warning-32); --ui-colors-button-bg-secondary: var(--ui-colors-opacity-base-24); --ui-colors-button-bg-secondary-disabled: var(--ui-colors-opacity-base-16); --ui-colors-button-bg-secondary-hover: var(--ui-colors-opacity-base-32); --ui-colors-button-bg-secondary-pressed: var(--ui-colors-opacity-base-56); --ui-colors-button-bg-secondary-negative: var(--ui-colors-opacity-negative-16); --ui-colors-button-bg-secondary-negative-hover: var(--ui-colors-opacity-negative-24); --ui-colors-button-bg-secondary-negative-pressed: var(--ui-colors-opacity-negative-32); --ui-colors-button-bg-secondary-positive: var(--ui-colors-opacity-positive-16); --ui-colors-button-bg-secondary-positive-hover: var(--ui-colors-opacity-positive-24); --ui-colors-button-bg-secondary-positive-pressed: var(--ui-colors-opacity-positive-32); --ui-colors-button-bg-secondary-warning-hover: var(--ui-colors-bg-warning-select-hover); --ui-colors-button-bg-secondary-warning-pressed: var(--ui-colors-bg-warning-select-active); --ui-colors-button-bg-text-hover: var(--ui-colors-bg-brand-select-hover); --ui-colors-button-bg-text-pressed: var(--ui-colors-bg-brand-select-active); --ui-colors-button-bg-text-negative-hover: var(--ui-colors-bg-negative-select-hover); --ui-colors-button-bg-text-negative-pressed: var(--ui-colors-bg-negative-select-active); --ui-colors-button-bg-text-positive-hover: var(--ui-colors-bg-positive-select-hover); --ui-colors-button-bg-text-positive-pressed: var(--ui-colors-bg-positive-select-active); --ui-colors-button-border-default-disabled: var(--ui-colors-border-disabled); --ui-colors-button-border-outline: var(--ui-colors-border-base-select); --ui-colors-button-border-outline-hover: var(--ui-colors-opacity-base-4); --ui-colors-button-border-outline-pressed: var(--ui-colors-opacity-base-4); --ui-colors-button-border-outline-negative: var(--ui-colors-border-negative); --ui-colors-button-border-outline-negative-hover: var(--ui-colors-opacity-negative-16); --ui-colors-button-border-outline-negative-pressed: var(--ui-colors-opacity-negative-16); --ui-colors-button-border-outline-positive: var(--ui-colors-border-positive); --ui-colors-button-border-outline-positive-hover: var(--ui-colors-opacity-positive-16); --ui-colors-button-border-outline-positive-pressed: var(--ui-colors-opacity-positive-16); --ui-colors-button-border-warning: var(--ui-colors-border-warning); --ui-colors-button-border-warning-hover: var(--ui-colors-opacity-warning-16); --ui-colors-button-border-warning-pressed: var(--ui-colors-opacity-warning-16); --ui-colors-button-label-alternate: var(--ui-colors-text-inverse); --ui-colors-button-label-alternate-disabled: var(--ui-colors-text-disabled); --ui-colors-button-label-alternate-secondary-disabled: var(--ui-base-colors-black-150); --ui-colors-button-label-default-disabled: var(--ui-colors-text-disabled); --ui-colors-button-label-ghost: var(--ui-colors-text-base-secondary); --ui-colors-button-label-ghost-hover: var(--ui-colors-text-base-hover); --ui-colors-button-label-ghost-pressed: var(--ui-colors-text-base-active); --ui-colors-button-label-negative: var(--ui-colors-text-onnegative); --ui-colors-button-label-ondark: var(--ui-colors-text-ondark); --ui-colors-button-label-ondark-disabled: var(--ui-colors-text-disabled-ondark); --ui-colors-button-label-onlight: var(--ui-colors-text-onlight); --ui-colors-button-label-onlight-disabled: var(--ui-colors-text-disabled-onlight); --ui-colors-button-label-positive: var(--ui-colors-text-onpositive); --ui-colors-button-label-primary: var(--ui-colors-text-onbrand); --ui-colors-button-label-secondary: var(--ui-colors-text-base); --ui-colors-button-label-secondary-hover: var(--ui-colors-text-base); --ui-colors-button-label-secondary-pressed: var(--ui-colors-text-base); --ui-colors-button-label-secondary-negative: var(--ui-colors-text-negative); --ui-colors-button-label-secondary-negative-hover: var(--ui-colors-text-negative-hover); --ui-colors-button-label-secondary-negative-pressed: var(--ui-colors-text-negative-active); --ui-colors-button-label-secondary-positive: var(--ui-colors-text-positive); --ui-colors-button-label-secondary-positive-hover: var(--ui-colors-text-positive-hover); --ui-colors-button-label-secondary-positive-pressed: var(--ui-colors-text-positive-active); --ui-colors-button-label-text: var(--ui-colors-text-brand); --ui-colors-button-label-text-hover: var(--ui-colors-text-brand-hover); --ui-colors-button-label-text-pressed: var(--ui-colors-text-brand-active); --ui-colors-button-label-warning: var(--ui-colors-text-warning); --ui-colors-button-label-warning-hover: var(--ui-colors-text-warning-hover); --ui-colors-button-label-warning-pressed: var(--ui-colors-text-warning-active); --ui-colors-control-bg-default: var(--ui-colors-opacity-base-0); --ui-colors-control-bg-default-active: var(--ui-colors-bg-brand); --ui-colors-control-bg-default-disabled: var(--ui-colors-opacity-base-40); --ui-colors-control-bg-default-hover: var(--ui-colors-opacity-base-0); --ui-colors-control-bg-alternative-active: var(--ui-base-colors-blueGray-50); --ui-colors-control-bg-brand-disabled: var(--ui-colors-opacity-base-40); --ui-colors-control-bg-inactive: var(--ui-base-colors-blueGray-600); --ui-colors-control-border-default: var(--ui-colors-border-base-strong); --ui-colors-control-border-default-active: var(--ui-colors-bg-brand); --ui-colors-control-border-default-disabled: var(--ui-colors-border-disabled); --ui-colors-control-icon-default: var(--ui-base-colors-blueGray-600); --ui-colors-control-icon-default-active: var(--ui-colors-bg-brand); --ui-colors-control-icon-default-disabled: var(--ui-base-colors-blueGray-800); --ui-colors-control-icon-default-hover: var(--ui-colors-icon-base-tertiary); --ui-colors-control-icon-alternative-active: var(--ui-base-colors-blueGray-50); --ui-colors-control-icon-onbrand: var(--ui-base-colors-white-1000); --ui-colors-control-icon-onbrand-disabled: var(--ui-colors-opacity-base-24); --ui-colors-control-icon-ondark: var(--ui-colors-icon-ondark); --ui-colors-control-icon-ondark-disabled: var(--ui-colors-opacity-base-24); --ui-colors-filterButton-bg-fill-disabled: var(--ui-colors-bg-disabled); --ui-colors-filterButton-bg-fill-primary: var(--ui-colors-opacity-base-16); --ui-colors-filterButton-bg-fill-primary-hover: var(--ui-colors-opacity-brand-16); --ui-colors-filterButton-bg-fill-primary-pressed: var(--ui-colors-opacity-brand-24); --ui-colors-filterButton-bg-fill-primary-pressedHover: var(--ui-colors-opacity-brand-32); --ui-colors-filterButton-bg-fill-secondary: var(--ui-colors-opacity-base-16); --ui-colors-filterButton-bg-fill-secondary-hover: var(--ui-colors-opacity-base-24); --ui-colors-filterButton-bg-fill-secondary-pressed: var(--ui-colors-opacity-base-40); --ui-colors-filterButton-bg-fill-secondary-pressedHover: var(--ui-colors-opacity-base-32); --ui-colors-filterButton-border-default-disabled: var(--ui-colors-border-disabled); --ui-colors-filterButton-border-primary: var(--ui-colors-border-base-select); --ui-colors-filterButton-border-primary-hover: var(--ui-colors-opacity-brand-16); --ui-colors-filterButton-border-primary-pressed: var(--ui-colors-border-brand-active); --ui-colors-filterButton-border-secondary: var(--ui-colors-border-base-select); --ui-colors-filterButton-border-secondary-hover: var(--ui-colors-border-base-select-hover); --ui-colors-filterButton-border-secondary-pressed: var(--ui-colors-border-base-select-active); --ui-colors-filterButton-icon-default-disabled: var(--ui-colors-icon-disabled); --ui-colors-filterButton-icon-primary: var(--ui-colors-icon-base-tertiary); --ui-colors-filterButton-icon-primary-hover: var(--ui-colors-icon-brand); --ui-colors-filterButton-icon-primary-pressed: var(--ui-colors-icon-brand-hover); --ui-colors-filterButton-icon-secondary: var(--ui-colors-icon-base-tertiary); --ui-colors-filterButton-icon-secondary-hover: var(--ui-colors-icon-base-hover); --ui-colors-filterButton-icon-secondary-pressed: var(--ui-colors-icon-base-active); --ui-colors-filterButton-label-default-disabled: var(--ui-colors-text-disabled); --ui-colors-filterButton-label-primary: var(--ui-colors-text-base-secondary); --ui-colors-filterButton-label-primary-hover: var(--ui-colors-text-brand); --ui-colors-filterButton-label-primary-pressed: var(--ui-colors-text-brand-hover); --ui-colors-filterButton-label-secondary: var(--ui-colors-text-base-secondary); --ui-colors-filterButton-label-secondary-hover: var(--ui-colors-text-base-hover); --ui-colors-filterButton-label-secondary-pressed: var(--ui-colors-text-base-active); --ui-colors-indicator-bg-default-active: var(--ui-colors-bg-brand); --ui-colors-indicator-bg-alternative-active: var(--ui-base-colors-blueGray-50); --ui-colors-indicator-bg-inactive: var(--ui-colors-opacity-base-40); --ui-colors-indicator-border-bold: var(--ui-colors-opacity-base-32); --ui-colors-indicator-border-thin: var(--ui-colors-opacity-base-40); --ui-colors-input-bg-default-active: var(--ui-colors-opacity-base-0); --ui-colors-input-bg-default: var(--ui-colors-opacity-base-16); --ui-colors-input-bg-default-disabled: var(--ui-colors-bg-disabled); --ui-colors-input-bg-default-error: var(--ui-colors-opacity-negative-16); --ui-colors-input-bg-default-hover: var(--ui-colors-opacity-base-24); --ui-colors-input-bg-ghost-active: var(--ui-colors-opacity-base-16); --ui-colors-input-bg-ghost-hover: var(--ui-colors-opacity-base-8); --ui-colors-input-border-default: var(--ui-colors-border-base-select); --ui-colors-input-border-default-active: var(--ui-colors-border-brand-active); --ui-colors-input-border-default-disabled: var(--ui-colors-border-disabled); --ui-colors-input-border-default-error: var(--ui-colors-border-negative-active); --ui-colors-input-border-default-hover: var(--ui-colors-border-base-select-hover); --ui-colors-input-border-shade-active: var(--ui-colors-opacity-brand-16); --ui-colors-input-border-shade-error: var(--ui-colors-opacity-negative-16); --ui-colors-input-caption-default: var(--ui-colors-text-base-tertiary); --ui-colors-input-cursor-blinker: var(--ui-colors-text-brand); --ui-colors-input-icon-default: var(--ui-colors-icon-base-secondary); --ui-colors-input-icon-default-hover: var(--ui-colors-icon-base-hover); --ui-colors-input-icon-default-pressed: var(--ui-colors-icon-base-active); --ui-colors-input-icon-secondary: var(--ui-colors-icon-base-tertiary); --ui-colors-input-label-default: var(--ui-colors-text-base-secondary); --ui-colors-input-label-default-active: var(--ui-colors-text-brand); --ui-colors-input-label-default-disabled: var(--ui-colors-text-disabled); --ui-colors-input-placeholder-default: var(--ui-colors-text-base-tertiary); --ui-colors-input-text-default: var(--ui-colors-text-base); --ui-colors-input-text-default-disabled: var(--ui-colors-text-disabled); --ui-colors-menu-bg-destructive-hover: var(--ui-colors-bg-negative); --ui-colors-menu-bg-destructive-pressed: var(--ui-colors-bg-negative-active); --ui-colors-menu-bg-primary-active: var(--ui-colors-bg-brand); --ui-colors-menu-bg-primary-activeHover: var(--ui-colors-bg-brand-hover); --ui-colors-menu-bg-primary-hover: var(--ui-colors-bg-brand-select-hover); --ui-colors-menu-bg-secondary-active: var(--ui-colors-opacity-base-32); --ui-colors-menu-bg-secondary-hover: var(--ui-colors-opacity-base-16); --ui-colors-menu-caption-default: var(--ui-colors-text-base-tertiary); --ui-colors-menu-caption-default-hover: var(--ui-colors-text-base-secondary); --ui-colors-menu-caption-primary-active: var(--ui-colors-text-onbrand-secondary); --ui-colors-menu-caption-secondary-active: var(--ui-colors-text-base-secondary); --ui-colors-menu-divider-default: var(--ui-colors-opacity-base-40); --ui-colors-menu-header-default: var(--ui-colors-text-base-secondary); --ui-colors-menu-icon-default: var(--ui-colors-icon-base-secondary); --ui-colors-menu-icon-default-hover: var(--ui-colors-icon-base-hover); --ui-colors-menu-icon-primary-active: var(--ui-colors-icon-onbrand); --ui-colors-menu-icon-secondary-active: var(--ui-colors-icon-base-active); --ui-colors-menu-text-default: var(--ui-colors-text-base); --ui-colors-menu-text-primary-active: var(--ui-colors-text-onbrand); --ui-colors-tabBtn-bg-ghost-hover: var(--ui-colors-opacity-base-0); --ui-colors-tabBtn-bg-ghost-pressed: var(--ui-colors-opacity-base-16); --ui-colors-tabBtn-bg-primary: var(--ui-colors-opacity-base-0); --ui-colors-tabBtn-bg-primary-hover: var(--ui-colors-opacity-base-16); --ui-colors-tabBtn-bg-primary-pressed: var(--ui-colors-bg-brand); --ui-colors-tabBtn-bg-secondary: var(--ui-colors-opacity-base-0); --ui-colors-tabBtn-bg-secondary-hover: var(--ui-colors-opacity-base-16); --ui-colors-tabBtn-bg-secondary-pressed: var(--ui-colors-opacity-base-32); --ui-colors-tabBtn-label-default: var(--ui-colors-text-base-secondary); --ui-colors-tabBtn-label-default-hover: var(--ui-colors-text-base-hover); --ui-colors-tabBtn-label-default-pressed: var(--ui-colors-text-base); --ui-colors-tabBtn-label-primary: var(--ui-colors-text-base-secondary); --ui-colors-tabBtn-label-primary-hover: var(--ui-colors-text-base-hover); --ui-colors-tabBtn-label-primary-pressed: var(--ui-colors-text-onbrand); --ui-colors-table-icon-secondary: var(--ui-colors-icon-base-secondary); --ui-colors-table-text-head: var(--ui-colors-text-base-secondary); --ui-colors-table-text-head-active: var(--ui-colors-text-base-active); --ui-colors-table-text-secondary: var(--ui-colors-text-base-secondary); --ui-colors-tag-bg-brand-high: var(--ui-colors-bg-brand); --ui-colors-tag-bg-onlight-base: rgba(157, 174, 197, 0.24); --ui-colors-tag-bg-onlight-brand-high: var(--ui-base-colors-green-400); --ui-colors-tag-bg-onlight-brand-low: rgba(23, 211, 120, 0.32); --ui-colors-tag-bg-onlight-negative-high: var(--ui-base-colors-red-400); --ui-colors-tag-bg-onlight-negative-low: rgba(252, 122, 124, 0.24); --ui-colors-tag-bg-onlight-positive-high: var(--ui-base-colors-emerald-400); --ui-colors-tag-bg-onlight-positive-low: rgba(62, 179, 139, 0.24); --ui-colors-tag-bg-onlight-warning-high: var(--ui-base-colors-yellow-300); --ui-colors-tag-bg-onlight-warning-low: rgba(255, 186, 48, 0.24); --ui-colors-tag-border-brand-high: var(--ui-colors-border-brand-active); --ui-colors-tag-border-negative-high: var(--ui-colors-border-negative-active); --ui-colors-tag-border-onlight-brand-high: var(--ui-base-colors-green-400); --ui-colors-tag-border-onlight-negative-high: var(--ui-base-colors-red-400); --ui-colors-tag-border-onlight-positive-high: var(--ui-base-colors-emerald-400); --ui-colors-tag-border-onlight-warning-high: var(--ui-base-colors-yellow-400); --ui-colors-tag-border-positive-high: var(--ui-colors-border-positive-active); --ui-colors-tag-border-warning-high: var(--ui-colors-border-warning-active); --ui-colors-tag-icon-negative: var(--ui-colors-icon-negative); --ui-colors-tag-icon-onlight-negative: var(--ui-base-colors-red-500); --ui-colors-tag-icon-onlight-positive: var(--ui-base-colors-emerald-500); --ui-colors-tag-icon-onlight-warning: var(--ui-base-colors-yellow-600); --ui-colors-tag-icon-positive: var(--ui-colors-icon-positive); --ui-colors-tag-icon-warning: var(--ui-colors-icon-warning); --ui-colors-tag-text-negative: var(--ui-colors-text-negative-hover); --ui-colors-tag-text-onlight-negative: var(--ui-base-colors-red-600); --ui-colors-tag-text-onlight-positive: var(--ui-base-colors-emerald-600); --ui-colors-tag-text-onlight-warning: var(--ui-base-colors-yellow-700); --ui-colors-tag-text-positive: var(--ui-colors-text-positive-hover); --ui-colors-tag-text-warning: var(--ui-colors-text-warning-hover); --ui-colors-toggle-bg-fill-disabled: var(--ui-colors-bg-disabled); --ui-colors-toggle-bg-fill-negative: var(--ui-colors-opacity-base-16); --ui-colors-toggle-bg-fill-negative-hover: var(--ui-colors-opacity-negative-16); --ui-colors-toggle-bg-fill-negative-pressed: var(--ui-colors-opacity-negative-24); --ui-colors-toggle-bg-fill-positive: var(--ui-colors-opacity-base-16); --ui-colors-toggle-bg-fill-positive-hover: var(--ui-colors-opacity-positive-16); --ui-colors-toggle-bg-fill-positive-pressed: var(--ui-colors-opacity-positive-24); --ui-colors-toggle-bg-fill-primary: var(--ui-colors-opacity-base-16); --ui-colors-toggle-bg-fill-primary-hover: var(--ui-colors-opacity-base-24); --ui-colors-toggle-bg-fill-primary-pressed: var(--ui-colors-bg-brand); --ui-colors-toggle-bg-fill-secondary: var(--ui-colors-opacity-base-16); --ui-colors-toggle-bg-fill-secondary-hover: var(--ui-colors-opacity-base-24); --ui-colors-toggle-bg-fill-secondary-pressed: var(--ui-colors-opacity-base-32); --ui-colors-toggle-bg-fill-warning: var(--ui-colors-opacity-base-16); --ui-colors-toggle-bg-fill-warning-hover: var(--ui-colors-opacity-warning-16); --ui-colors-toggle-bg-fill-warning-pressed: var(--ui-colors-opacity-warning-24); --ui-colors-toggle-bg-ghost-negative-hover: var(--ui-colors-bg-negative-select-hover); --ui-colors-toggle-bg-ghost-negative-pressed: var(--ui-colors-bg-negative-select-active); --ui-colors-toggle-bg-ghost-positive-hover: var(--ui-colors-bg-positive-select-hover); --ui-colors-toggle-bg-ghost-positive-pressed: var(--ui-colors-bg-positive-select-active); --ui-colors-toggle-bg-ghost-primary-hover: var(--ui-colors-opacity-base-0); --ui-colors-toggle-bg-ghost-primary-pressed: var(--ui-colors-opacity-base-0); --ui-colors-toggle-bg-ghost-secondary-hover: var(--ui-colors-opacity-base-16); --ui-colors-toggle-bg-ghost-secondary-pressed: var(--ui-colors-opacity-base-32); --ui-colors-toggle-bg-ghost-warning-hover: var(--ui-colors-opacity-warning-8); --ui-colors-toggle-bg-ghost-warning-pressed: var(--ui-colors-opacity-warning-16); --ui-colors-toggle-border-negative-hover: var(--ui-colors-border-negative-secondary); --ui-colors-toggle-border-negative-pressed: var(--ui-colors-border-negative-active); --ui-colors-toggle-border-positive-hover: var(--ui-colors-border-positive-secondary); --ui-colors-toggle-border-positive-pressed: var(--ui-colors-border-positive-active); --ui-colors-toggle-border-warning-hover: var(--ui-colors-border-warning-secondary); --ui-colors-toggle-border-warning-pressed: var(--ui-colors-border-warning-active); --ui-colors-toggle-label-brand-pressed: var(--ui-colors-text-brand); --ui-colors-toggle-label-default: var(--ui-colors-text-base-secondary); --ui-colors-toggle-label-default-disabled: var(--ui-colors-text-disabled); --ui-colors-toggle-label-default-hover: var(--ui-colors-text-base-hover); --ui-colors-toggle-label-negative-hover: var(--ui-colors-text-negative); --ui-colors-toggle-label-negative-pressed: var(--ui-colors-text-negative-hover); --ui-colors-toggle-label-positive-hover: var(--ui-colors-text-positive); --ui-colors-toggle-label-positive-pressed: var(--ui-colors-text-positive-hover); --ui-colors-toggle-label-primary-pressed: var(--ui-colors-text-onbrand); --ui-colors-toggle-label-secondary-pressed: var(--ui-colors-text-base); --ui-colors-toggle-label-warning-hover: var(--ui-colors-text-warning); --ui-colors-toggle-label-warning-pressed: var(--ui-colors-text-warning-hover); --ui-gradient-base-leftRight: linear-gradient(270deg, #27272F 0%, rgba(39, 39, 47, 0) 100%); --ui-gradient-base-rightLeft: linear-gradient(90deg, #27272F 0%, rgba(39, 39, 47, 0) 100%); --ui-gradient-base-upDown: linear-gradient(360deg, #27272F 0%, rgba(39, 39, 47, 0) 100%); --ui-gradient-base-downUp: linear-gradient(180deg, #27272F 0%, rgba(39, 39, 47, 0) 100%); --ui-gradient-tertiary-leftRight: linear-gradient(270deg, #1A1A1F 0%, rgba(26, 26, 31, 0) 100%); --ui-gradient-tertiary-rightLeft: linear-gradient(90deg, #1A1A1F 0%, rgba(26, 26, 31, 0) 100%);; --ui-gradient-tertiary-upDown: linear-gradient(360deg, #1A1A1F 0%, rgba(26, 26, 31, 0) 100%); --ui-gradient-tertiary-downUp: linear-gradient(180deg, #1A1A1F 0%, rgba(26, 26, 31, 0) 100%); --ui-gradient-elevated-leftRight: linear-gradient(270deg, #2F2F37 0%, rgba(47, 47, 55, 0) 100%); --ui-gradient-elevated-rightLeft: linear-gradient(90deg, #2F2F37 0%, rgba(47, 47, 55, 0.078125) 100%); --ui-gradient-elevated-upDown: linear-gradient(360deg, #2F2F37 0%, rgba(47, 47, 55, 0) 100%); --ui-gradient-elevated-downUp: linear-gradient(180deg, #2F2F37 0%, rgba(47, 47, 55, 0) 100%); --ui-gradient-accent-positive: linear-gradient(0deg, var(--ui-base-colors-emerald-900), var(--ui-base-colors-emerald-900)), linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.16) 100%, rgba(0, 0, 0, 0) 100%); --ui-gradient-accent-negative: linear-gradient(0deg, var(--ui-base-colors-red-900), var(--ui-base-colors-red-900)), linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.16) 100%, rgba(0, 0, 0, 0) 100%); --ui-gradient-accent-dark: linear-gradient(250.35deg, #15161E 0%, #000000 50%, #15161E 100%); --ui-gradient-accent-chartPositive: linear-gradient(180deg, rgba(93, 178, 148, 0.2) 0%, rgba(93, 178, 148, 0) 100%); --ui-gradient-accent-chartNegative: linear-gradient(180deg, rgba(224, 94, 96, 0.2) 0%, rgba(224, 94, 96, 0) 100%); --ui-gradient-accent-lineShade: linear-gradient(180deg, rgba(75, 140, 235, 0.24) 0%, rgba(75, 140, 235, 0) 100%); --ui-shadow-cardLow: 0px 7px 15px 0px var(--ui-colors-shadow-x), 0px 2px 6px 0px var(--ui-colors-shadow-x); --ui-shadow-cardMid: 0px 10px 20px 0px var(--ui-colors-shadow-2x), 0px 2px 6px 0px var(--ui-colors-shadow-2x); --ui-shadow-cardHigh: 0px 20px 40px 0px var(--ui-colors-shadow-3x), 0px 5px 10px 0px var(--ui-colors-shadow-3x); --ui-shadow-cardDark: 0px 25px 50px 0px var(--ui-colors-shadow-4x), 0px 15px 20px 0px var(--ui-colors-shadow-4x), 0px 5px 10px 0px var(--ui-colors-shadow-4x); --ui-shadow-onChart: 0px 15px 30px 0px var(--ui-colors-shadow-2x), 0px 5px 10px 0px var(--ui-colors-shadow-2x), 0px 0px 0.5px 0px var(--ui-colors-shadow-2x); --ui-shadow-menuPopover: 0px 15px 30px 0px var(--ui-colors-shadow-4x), 0px 5px 10px 0px var(--ui-colors-shadow-4x), 0px 0px 1px 0px var(--ui-colors-shadow-3x); --ui-shadow-modalDialog: 0px 25px 50px 0px var(--ui-colors-shadow-5x), 0px 10px 20px 0px var(--ui-colors-shadow-5x), 0px 2px 4px 0px var(--ui-colors-shadow-2x); --ui-shadow-headerMenu: 0px 30px 80px 0px var(--ui-colors-shadow-4x), 0px 10px 20px 0px var(--ui-colors-shadow-2x); --ui-shadow-stack-front: 0px 12px 24px 0px var(--ui-colors-shadow-x); --ui-shadow-stack-middle: 0px 1px 2px 0px var(--ui-colors-shadow-x) inset; --ui-shadow-stack-back: 0px 1px 2px 0px var(--ui-colors-shadow-2x) inset; --ui-paletteLegacy-background-neutral-primary: #2F3237; --ui-paletteLegacy-background-neutral-secondary: #252628; --ui-paletteLegacy-background-neutral-tertiary: #272D35; --ui-paletteLegacy-background-neutral-popover: #2F3237; --ui-paletteLegacy-background-neutral-primaryTransparent: rgba(47, 50, 55, 0.64); --ui-paletteLegacy-background-neutral-tertiaryTransparent: rgba(31, 31, 33, 0.56); --ui-paletteLegacy-background-neutral-dialogOverlay: rgba(18, 20, 23, 0.64); --ui-paletteLegacy-background-semantic-warning: #473C24; --ui-paletteLegacy-background-semantic-accent: #293B2F; --ui-paletteLegacy-background-semantic-positive: #2C3633; --ui-paletteLegacy-background-semantic-negative: #472E31; --ui-paletteLegacy-background-semantic-positiveGradient: linear-gradient(180deg, #202024 0%, #232A2B 50%, #253835 100%); --ui-paletteLegacy-background-semantic-negativeGradient: linear-gradient(180deg, #241F23 0%, #30272A 50.99%, #472D30 100%); --ui-paletteLegacy-background-gradient-primary: linear-gradient(180deg, #27272B 3.5%, rgba(39, 39, 43, 0) 96.51%); --ui-paletteLegacy-background-gradient-secondary: linear-gradient(180deg, #2D2C30 3.5%, rgba(45, 44, 48, 0) 96.51%); --ui-paletteLegacy-background-gradient-tertiary: linear-gradient(180deg, #1F1F21 3.5%, rgba(31, 31, 33, 0) 96.51%); --ui-paletteLegacy-label-accent: #0BBC6F; --ui-paletteLegacy-label-accentHigh: #0BA863; --ui-paletteLegacy-label-accentHighest: #069858; --ui-paletteLegacy-label-primary: #DBDDE1; --ui-paletteLegacy-label-secondary: #848B9A; --ui-paletteLegacy-label-secondaryHigh: #CDD2DB; --ui-paletteLegacy-label-tertiary: #5B5F67; --ui-paletteLegacy-label-tertiaryHigh: #929AAA; --ui-paletteLegacy-label-placeholder: #5E646E; --ui-paletteLegacy-label-inactive: rgba(147, 151, 159, 0.4); --ui-paletteLegacy-label-positive: #45BA8D; --ui-paletteLegacy-label-negative: #FF6164; --ui-paletteLegacy-label-warning: #F7CC1E; --ui-paletteLegacy-label-inverse: #0A0A0A; --ui-paletteLegacy-fill-primary-highest: #04B367; --ui-paletteLegacy-fill-primary-high: #04CD76; --ui-paletteLegacy-fill-primary-mid: #0DE386; --ui-paletteLegacy-fill-primary-low: #05FA90; --ui-paletteLegacy-fill-primary-muted: #464947; --ui-paletteLegacy-fill-primary-overlay32: rgba(10, 158, 86, 0.32); --ui-paletteLegacy-fill-primary-overlay24: rgba(10, 158, 86, 0.24); --ui-paletteLegacy-fill-primary-overlay16: rgba(10, 158, 86, 0.16); --ui-paletteLegacy-fill-primary-overlay8: rgba(10, 158, 86, 0.08); --ui-paletteLegacy-fill-secondary-highest: #DBDDE1; --ui-paletteLegacy-fill-secondary-high: #656D7B; --ui-paletteLegacy-fill-secondary-mid: #484D56; --ui-paletteLegacy-fill-secondary-low: #42464D; --ui-paletteLegacy-fill-secondary-muted: #45474A; --ui-paletteLegacy-fill-secondary-overlay32: rgba(129, 140, 156, 0.32); --ui-paletteLegacy-fill-secondary-overlay24: rgba(129, 140, 156, 0.24); --ui-paletteLegacy-fill-secondary-overlay16: rgba(129, 140, 156, 0.16); --ui-paletteLegacy-fill-secondary-overlay8: rgba(129, 140, 156, 0.08); --ui-paletteLegacy-fill-positive-highest: #68D4A5; --ui-paletteLegacy-fill-positive-high: #45BA8D; --ui-paletteLegacy-fill-positive-mid: #288F6B; --ui-paletteLegacy-fill-positive-low: #2D735B; --ui-paletteLegacy-fill-positive-muted: #305C4F; --ui-paletteLegacy-fill-positive-overlay32: rgba(45, 115, 91, 0.32); --ui-paletteLegacy-fill-positive-overlay24: rgba(45, 115, 91, 0.24); --ui-paletteLegacy-fill-positive-overlay16: rgba(45, 115, 91, 0.16); --ui-paletteLegacy-fill-positive-overlay8: rgba(45, 115, 91, 0.08); --ui-paletteLegacy-fill-negative-highest: #FF8082; --ui-paletteLegacy-fill-negative-high: #FF6164; --ui-paletteLegacy-fill-negative-mid: #E84144; --ui-paletteLegacy-fill-negative-low: #BD393D; --ui-paletteLegacy-fill-negative-muted: #823436; --ui-paletteLegacy-fill-negative-overlay32: rgba(189, 57, 61, 0.32); --ui-paletteLegacy-fill-negative-overlay24: rgba(189, 57, 61, 0.24); --ui-paletteLegacy-fill-negative-overlay16: rgba(189, 57, 61, 0.16); --ui-paletteLegacy-fill-negative-overlay8: rgba(189, 57, 61, 0.08); --ui-paletteLegacy-fill-note-highest: #FCD356; --ui-paletteLegacy-fill-note-high: #FAC832; --ui-paletteLegacy-fill-note-mid: #EDAF11; --ui-paletteLegacy-fill-note-low: #BF8C14; --ui-paletteLegacy-fill-note-muted: #916A11; --ui-paletteLegacy-fill-note-overlay32: rgba(191, 140, 20, 0.32); --ui-paletteLegacy-fill-note-overlay24: rgba(191, 140, 20, 0.24); --ui-paletteLegacy-fill-note-overlay16: rgba(191, 140, 20, 0.16); --ui-paletteLegacy-fill-note-overlay8: rgba(191, 140, 20, 0.08); --ui-paletteLegacy-divider-primary: #26282C; --ui-paletteLegacy-divider-secondary: #2A2C32; --ui-paletteLegacy-divider-tertiary: #010308; --ui-paletteLegacy-divider-altPrimary: #5A6272; --ui-paletteLegacy-divider-altSecondary: #3F4550; --ui-paletteLegacy-static-backgroundPrimary: #182338; --ui-paletteLegacy-static-black: #0E1726; --ui-paletteLegacy-static-blackAlfa72: rgba(14, 23, 38, 0.72); --ui-paletteLegacy-static-blackAlfa56: rgba(14, 23, 38, 0.56); --ui-paletteLegacy-static-blackAlfa24: rgba(14, 23, 38, 0.24); --ui-paletteLegacy-static-blackAlfa16: rgba(14, 23, 38, 0.16); --ui-paletteLegacy-static-blackAlfa8: rgba(14, 23, 38, 0.08); --ui-paletteLegacy-static-blackAlfa4: rgba(14, 23, 38, 0.04); --ui-paletteLegacy-static-white: #FFFFFF; --ui-paletteLegacy-static-whiteAlfa72: rgba(255, 255, 255, 0.72); --ui-paletteLegacy-static-whiteAlfa56: rgba(255, 255, 255, 0.56); --ui-paletteLegacy-static-whiteAlfa24: rgba(255, 255, 255, 0.24); --ui-paletteLegacy-static-whiteAlfa16: rgba(255, 255, 255, 0.16); --ui-paletteLegacy-static-whiteAlfa8: rgba(255, 255, 255, 0.08); --ui-paletteLegacy-static-whiteAlfa4: rgba(255, 255, 255, 0.04); --ui-paletteLegacy-static-primary: #67B859; --ui-paletteLegacy-static-primaryAlfa32: rgba(92, 164, 79, 0.32); --ui-paletteLegacy-static-secondary: #4D566B; --ui-paletteLegacy-static-secondaryAlfa32: rgba(130, 151, 190, 0.32); --ui-paletteLegacy-static-positive: #4BBF93; --ui-paletteLegacy-static-negative: #FF6B6E; --ui-paletteLegacy-static-note: #FFCB30; --ui-paletteLegacy-shadow-button: 0px 1px 3px rgba(39, 47, 64, 0.18); --ui-paletteLegacy-shadow-accent: 0px 3px 6px -2px rgba(21, 188, 88, 0.3), 0px 8px 12px rgba(21, 188, 88, 0.1), 0px 9px 16px rgba(56, 124, 255, 0.11); --ui-paletteLegacy-shadow-popover: 0px 8px 16px rgba(95, 112, 149, 0.32), 0px 16px 40px rgba(95, 112, 149, 0.12); --ui-paletteLegacy-shadow-dialog: 0px 12px 16px rgba(39, 47, 64, 0.1), 0px 24px 56px rgba(39, 47, 64, 0.38); --ui-paletteLegacy-shadow-cardEasy: 0px 6px 16px rgba(82, 96, 122, 0.08); --ui-paletteLegacy-shadow-cardHeavy: 0px 1px 4px rgba(95, 112, 149, 0.12), 0px 6px 16px rgba(95, 112, 149, 0.2); --ui-paletteLegacy-shadow-headerWeb: 0px 1px 4px rgba(8, 55, 155, 0.04), 0px 6px 16px rgba(8, 55, 155, 0.04); } .ui_core_1yxlja03 { --ui-mode: light; --ui-colors-bg-base-active: var(--ui-base-colors-blueGray-25); --ui-colors-bg-base: var(--ui-base-colors-white-1000); --ui-colors-bg-base-hover: var(--ui-base-colors-blueGray-0); --ui-colors-bg-base-elevated: var(--ui-base-colors-white-1000); --ui-colors-bg-base-secondary: var(--ui-base-colors-blueGray-0); --ui-colors-bg-base-secondary-active: var(--ui-base-colors-blueGray-50); --ui-colors-bg-base-secondary-hover: var(--ui-base-colors-blueGray-25); --ui-colors-bg-base-tertiary: var(--ui-base-colors-blueGray-25); --ui-colors-bg-base-tertiary-active: var(--ui-base-colors-blueGray-100); --ui-colors-bg-base-tertiary-hover: var(--ui-base-colors-blueGray-50); --ui-colors-bg-base-tooltip: var(--ui-base-colors-blueGray-950); --ui-colors-bg-brand-active: var(--ui-base-colors-green-600); --ui-colors-bg-brand: var(--ui-base-colors-green-400); --ui-colors-bg-brand-hover: var(--ui-base-colors-green-500); --ui-colors-bg-brand-secondary: var(--ui-base-colors-green-25); --ui-colors-bg-brand-secondary-active: var(--ui-base-colors-green-100); --ui-colors-bg-brand-secondary-hover: var(--ui-base-colors-green-50); --ui-colors-bg-brand-select-active: var(--ui-colors-opacity-brand-16); --ui-colors-bg-brand-select-hover: var(--ui-colors-opacity-brand-8); --ui-colors-bg-dark: var(--ui-base-colors-blueGray-1000); --ui-colors-bg-dark-secondary: var(--ui-base-colors-blueGray-700); --ui-colors-bg-disabled: var(--ui-colors-opacity-base-8); --ui-colors-bg-glass: rgba(255, 255, 255, 0.8); --ui-colors-bg-glass-secondary: rgba(247, 249, 250, 0.8); --ui-colors-bg-glass-tertiary: rgba(235, 240, 247, 0.8); --ui-colors-bg-inverse-active: var(--ui-base-colors-blueGray-700); --ui-colors-bg-inverse: var(--ui-base-colors-blueGray-1000); --ui-colors-bg-inverse-hover: var(--ui-base-colors-blueGray-800); --ui-colors-bg-inverse-secondary: var(--ui-base-colors-white-50); --ui-colors-bg-inverse-secondary-active: var(--ui-base-colors-white-200); --ui-colors-bg-inverse-secondary-hover: var(--ui-base-colors-white-100); --ui-colors-bg-light: var(--ui-base-colors-white-1000); --ui-colors-bg-light-secondary: var(--ui-base-colors-white-700); --ui-colors-bg-negative-active: var(--ui-base-colors-red-600); --ui-colors-bg-negative: var(--ui-base-colors-red-400); --ui-colors-bg-negative-hover: var(--ui-base-colors-red-500); --ui-colors-bg-negative-secondary: var(--ui-base-colors-red-25); --ui-colors-bg-negative-secondary-active: var(--ui-base-colors-red-100); --ui-colors-bg-negative-secondary-hover: var(--ui-base-colors-red-50); --ui-colors-bg-negative-select-active: var(--ui-colors-opacity-negative-16); --ui-colors-bg-negative-select-hover: var(--ui-colors-opacity-negative-8); --ui-colors-bg-opacity: rgba(255, 255, 255, 0.56); --ui-colors-bg-opacity-secondary: rgba(247, 249, 250, 0.56); --ui-colors-bg-opacity-tertiary: rgba(235, 240, 247, 0.56); --ui-colors-bg-overlay: var(--ui-base-colors-black-300); --ui-colors-bg-positive-active: var(--ui-base-colors-emerald-600); --ui-colors-bg-positive: var(--ui-base-colors-emerald-400); --ui-colors-bg-positive-hover: var(--ui-base-colors-emerald-500); --ui-colors-bg-positive-secondary: var(--ui-base-colors-emerald-25); --ui-colors-bg-positive-secondary-active: var(--ui-base-colors-emerald-100); --ui-colors-bg-positive-secondary-hover: var(--ui-base-colors-emerald-50); --ui-colors-bg-positive-select-active: var(--ui-colors-opacity-positive-16); --ui-colors-bg-positive-select-hover: var(--ui-colors-opacity-positive-8); --ui-colors-bg-warning-active: var(--ui-base-colors-yellow-500); --ui-colors-bg-warning: var(--ui-base-colors-yellow-300); --ui-colors-bg-warning-hover: var(--ui-base-colors-yellow-400); --ui-colors-bg-warning-secondary: var(--ui-base-colors-yellow-25); --ui-colors-bg-warning-secondary-active: var(--ui-base-colors-yellow-100); --ui-colors-bg-warning-secondary-hover: var(--ui-base-colors-yellow-50); --ui-colors-bg-warning-select-active: var(--ui-colors-opacity-warning-16); --ui-colors-bg-warning-select-hover: var(--ui-colors-opacity-warning-8); --ui-colors-border-base-bold: var(--ui-base-colors-blueGray-950); --ui-colors-border-base: var(--ui-base-colors-blueGray-50); --ui-colors-border-base-elevated: var(--ui-colors-opacity-base-40); --ui-colors-border-base-secondary: var(--ui-base-colors-blueGray-100); --ui-colors-border-base-select: var(--ui-base-colors-blueGray-150); --ui-colors-border-base-select-active: var(--ui-base-colors-blueGray-700); --ui-colors-border-base-select-hover: var(--ui-base-colors-blueGray-300); --ui-colors-border-base-strong: var(--ui-base-colors-blueGray-300); --ui-colors-border-base-tertiary: var(--ui-base-colors-blueGray-150); --ui-colors-border-brand-active: var(--ui-base-colors-green-400); --ui-colors-border-brand: var(--ui-base-colors-green-150); --ui-colors-border-brand-focus: var(--ui-base-colors-green-100); --ui-colors-border-brand-hover: var(--ui-base-colors-green-200); --ui-colors-border-brand-ondark: var(--ui-base-colors-green-800); --ui-colors-border-brand-onlight: var(--ui-base-colors-green-150); --ui-colors-border-brand-secondary: var(--ui-base-colors-green-100); --ui-colors-border-disabled: var(--ui-colors-opacity-base-40); --ui-colors-border-inverse: var(--ui-base-colors-blueGray-300); --ui-colors-border-negative-active: var(--ui-base-colors-red-400); --ui-colors-border-negative: var(--ui-base-colors-red-150); --ui-colors-border-negative-focus: var(--ui-base-colors-red-100); --ui-colors-border-negative-hover: var(--ui-base-colors-red-300); --ui-colors-border-negative-ondark: var(--ui-base-colors-red-800); --ui-colors-border-negative-onlight: var(--ui-base-colors-red-150); --ui-colors-border-negative-secondary: var(--ui-base-colors-red-100); --ui-colors-border-ondark: var(--ui-base-colors-white-700); --ui-colors-border-ondark-secondary: var(--ui-base-colors-white-50); --ui-colors-border-onlight: var(--ui-base-colors-blueGray-500); --ui-colors-border-onlight-secondary: var(--ui-base-colors-blueGray-100); --ui-colors-border-positive-active: var(--ui-base-colors-emerald-400); --ui-colors-border-positive: var(--ui-base-colors-emerald-150); --ui-colors-border-positive-focus: var(--ui-base-colors-emerald-100); --ui-colors-border-positive-hover: var(--ui-base-colors-emerald-300); --ui-colors-border-positive-ondark: var(--ui-base-colors-emerald-800); --ui-colors-border-positive-onlight: var(--ui-base-colors-emerald-150); --ui-colors-border-positive-secondary: var(--ui-base-colors-emerald-100); --ui-colors-border-warning-active: var(--ui-base-colors-yellow-400); --ui-colors-border-warning: var(--ui-base-colors-yellow-200); --ui-colors-border-warning-focus: var(--ui-base-colors-yellow-100); --ui-colors-border-warning-hover: var(--ui-base-colors-yellow-300); --ui-colors-border-warning-ondark: var(--ui-base-colors-yellow-800); --ui-colors-border-warning-onlight: var(--ui-base-colors-yellow-200); --ui-colors-border-warning-secondary: var(--ui-base-colors-yellow-150); --ui-colors-data-chart-1: #9062E3; --ui-colors-data-chart-2: #91BEEE; --ui-colors-data-chart-3: #259EA0; --ui-colors-data-chart-4: #875453; --ui-colors-data-chart-5: #E76C6C; --ui-colors-data-chart-6: #BB3068; --ui-colors-data-chart-7: #81C385; --ui-colors-data-chart-8: #5267B0; --ui-colors-data-chart-9: #D17EA3; --ui-colors-data-chart-10: #C9AD63; --ui-colors-data-chart-11: #4EB9B6; --ui-colors-data-chart-12: #566C89; --ui-colors-data-chart-13: #CC7541; --ui-colors-data-chart-14: #A841CC; --ui-colors-data-chart-15: #B4AEC7; --ui-colors-data-graph: #4D93F9; --ui-colors-data-graph-shade: rgba(77, 147, 249, 0.1); --ui-colors-data-graph-fall: var(--ui-base-colors-red-400); --ui-colors-data-graph-grow: var(--ui-base-colors-emerald-400); --ui-colors-data-graph-neutral: var(--ui-base-colors-blueGray-400); --ui-colors-data-graph-volume: rgba(97, 122, 255, 0.24); --ui-colors-data-gridline-primary-high: var(--ui-colors-opacity-base-32); --ui-colors-data-gridline-primary-low: var(--ui-colors-opacity-base-16); --ui-colors-data-gridline-secondary-high: var(--ui-colors-opacity-base-56); --ui-colors-data-gridline-secondary-low: var(--ui-colors-opacity-base-32); --ui-colors-icon-base-active: var(--ui-base-colors-blueGray-950); --ui-colors-icon-base: var(--ui-base-colors-blueGray-950); --ui-colors-icon-base-hover: var(--ui-base-colors-blueGray-700); --ui-colors-icon-base-secondary: var(--ui-base-colors-blueGray-500); --ui-colors-icon-base-tertiary: var(--ui-base-colors-blueGray-300); --ui-colors-icon-brand-active: var(--ui-base-colors-green-700); --ui-colors-icon-brand: var(--ui-base-colors-green-500); --ui-colors-icon-brand-hover: var(--ui-base-colors-green-600); --ui-colors-icon-brand-ondark: var(--ui-base-colors-green-400); --ui-colors-icon-brand-onlight: var(--ui-base-colors-green-400); --ui-colors-icon-brand-secondary: var(--ui-base-colors-green-400); --ui-colors-icon-disabled: var(--ui-base-colors-blueGray-200); --ui-colors-icon-disabled-ondark: var(--ui-base-colors-white-100); --ui-colors-icon-disabled-onlight: var(--ui-base-colors-blueGray-150); --ui-colors-icon-inverse: var(--ui-base-colors-white-1000); --ui-colors-icon-inverse-secondary: var(--ui-base-colors-blueGray-300); --ui-colors-icon-inverse-tertiary: var(--ui-base-colors-blueGray-500); --ui-colors-icon-negative-active: var(--ui-base-colors-red-700); --ui-colors-icon-negative: var(--ui-base-colors-red-500); --ui-colors-icon-negative-hover: var(--ui-base-colors-red-600); --ui-colors-icon-negative-ondark: var(--ui-base-colors-red-400); --ui-colors-icon-negative-onlight: var(--ui-base-colors-red-500); --ui-colors-icon-negative-secondary: var(--ui-base-colors-red-300); --ui-colors-icon-onbrand: var(--ui-base-colors-white-1000); --ui-colors-icon-onbrand-secondary: var(--ui-base-colors-white-700); --ui-colors-icon-ondark: var(--ui-base-colors-white-1000); --ui-colors-icon-ondark-secondary: var(--ui-base-colors-white-500); --ui-colors-icon-onlight: var(--ui-base-colors-blueGray-1000); --ui-colors-icon-onlight-secondary: var(--ui-base-colors-blueGray-500); --ui-colors-icon-onnegative: var(--ui-base-colors-white-1000); --ui-colors-icon-onnegative-secondary: var(--ui-base-colors-white-700); --ui-colors-icon-onpositive: var(--ui-base-colors-white-1000); --ui-colors-icon-onpositive-secondary: var(--ui-base-colors-white-700); --ui-colors-icon-onwarning: var(--ui-base-colors-blueGray-1000); --ui-colors-icon-onwarning-secondary: var(--ui-base-colors-black-600); --ui-colors-icon-positive-active: var(--ui-base-colors-emerald-700); --ui-colors-icon-positive: var(--ui-base-colors-emerald-500); --ui-colors-icon-positive-hover: var(--ui-base-colors-emerald-600); --ui-colors-icon-positive-ondark: var(--ui-base-colors-emerald-400); --ui-colors-icon-positive-onlight: var(--ui-base-colors-emerald-500); --ui-colors-icon-positive-secondary: var(--ui-base-colors-emerald-300); --ui-colors-icon-warning-active: var(--ui-base-colors-yellow-800); --ui-colors-icon-warning: var(--ui-base-colors-yellow-600); --ui-colors-icon-warning-hover: var(--ui-base-colors-yellow-700); --ui-colors-icon-warning-ondark: var(--ui-base-colors-yellow-500); --ui-colors-icon-warning-onlight: var(--ui-base-colors-yellow-600); --ui-colors-icon-warning-secondary: var(--ui-base-colors-yellow-400); --ui-colors-opacity-base-0: rgba(157, 174, 197, 0); --ui-colors-opacity-base-4: rgba(157, 174, 197, 0.04); --ui-colors-opacity-base-8: rgba(157, 174, 197, 0.08); --ui-colors-opacity-base-16: rgba(157, 174, 197, 0.16); --ui-colors-opacity-base-24: rgba(157, 174, 197, 0.24); --ui-colors-opacity-base-32: rgba(157, 174, 197, 0.32); --ui-colors-opacity-base-40: rgba(157, 174, 197, 0.4); --ui-colors-opacity-base-56: rgba(157, 174, 197, 0.56); --ui-colors-opacity-base-72: rgba(157, 174, 197, 0.72); --ui-colors-opacity-brand-8: rgba(23, 211, 120, 0.08); --ui-colors-opacity-brand-16: rgba(23, 211, 120, 0.16); --ui-colors-opacity-brand-24: rgba(23, 211, 120, 0.24); --ui-colors-opacity-brand-32: rgba(23, 211, 120, 0.32); --ui-colors-opacity-negative-8: rgba(252, 122, 124, 0.08); --ui-colors-opacity-negative-16: rgba(252, 122, 124, 0.16); --ui-colors-opacity-negative-24: rgba(252, 122, 124, 0.24); --ui-colors-opacity-negative-32: rgba(252, 122, 124, 0.32); --ui-colors-opacity-positive-8: rgba(62, 179, 139, 0.08); --ui-colors-opacity-positive-16: rgba(62, 179, 139, 0.16); --ui-colors-opacity-positive-24: rgba(62, 179, 139, 0.24); --ui-colors-opacity-positive-32: rgba(62, 179, 139, 0.32); --ui-colors-opacity-warning-8: rgba(255, 186, 48, 0.08); --ui-colors-opacity-warning-16: rgba(255, 186, 48, 0.16); --ui-colors-opacity-warning-24: rgba(255, 186, 48, 0.24); --ui-colors-opacity-warning-32: rgba(255, 186, 48, 0.32); --ui-colors-shadow-2x: rgba(65, 78, 100, 0.06); --ui-colors-shadow-3x: rgba(65, 78, 100, 0.12); --ui-colors-shadow-4x: rgba(65, 78, 100, 0.16); --ui-colors-shadow-5x: rgba(65, 78, 100, 0.2); --ui-colors-shadow-x: rgba(65, 78, 100, 0.03); --ui-colors-text-base-active: var(--ui-base-colors-blueGray-950); --ui-colors-text-base: var(--ui-base-colors-blueGray-950); --ui-colors-text-base-hover: var(--ui-base-colors-blueGray-700); --ui-colors-text-base-secondary: var(--ui-base-colors-blueGray-500); --ui-colors-text-base-tertiary: var(--ui-base-colors-blueGray-300); --ui-colors-text-brand-active: var(--ui-base-colors-green-800); --ui-colors-text-brand: var(--ui-base-colors-green-600); --ui-colors-text-brand-hover: var(--ui-base-colors-green-700); --ui-colors-text-brand-ondark: var(--ui-base-colors-green-400); --ui-colors-text-brand-onlight: var(--ui-base-colors-green-600); --ui-colors-text-disabled: var(--ui-base-colors-blueGray-200); --ui-colors-text-disabled-ondark: var(--ui-base-colors-white-100); --ui-colors-text-disabled-onlight: var(--ui-base-colors-blueGray-200); --ui-colors-text-inverse: var(--ui-base-colors-white-1000); --ui-colors-text-inverse-secondary: var(--ui-base-colors-blueGray-300); --ui-colors-text-inverse-tertiary: var(--ui-base-colors-blueGray-500); --ui-colors-text-negative-active: var(--ui-base-colors-red-700); --ui-colors-text-negative: var(--ui-base-colors-red-500); --ui-colors-text-negative-hover: var(--ui-base-colors-red-600); --ui-colors-text-negative-ondark: var(--ui-base-colors-red-300); --ui-colors-text-negative-onlight: var(--ui-base-colors-red-500); --ui-colors-text-onbrand: var(--ui-base-colors-white-1000); --ui-colors-text-onbrand-secondary: var(--ui-base-colors-white-700); --ui-colors-text-ondark: var(--ui-base-colors-white-1000); --ui-colors-text-ondark-secondary: var(--ui-base-colors-white-700); --ui-colors-text-onlight: var(--ui-base-colors-blueGray-1000); --ui-colors-text-onlight-secondary: var(--ui-base-colors-blueGray-500); --ui-colors-text-onnegative: var(--ui-base-colors-white-1000); --ui-colors-text-onnegative-secondary: var(--ui-base-colors-white-700); --ui-colors-text-onpositive: var(--ui-base-colors-white-1000); --ui-colors-text-onpositive-secondary: var(--ui-base-colors-white-700); --ui-colors-text-onwarning: var(--ui-base-colors-black-1000); --ui-colors-text-onwarning-secondary: var(--ui-base-colors-black-600); --ui-colors-text-positive-active: var(--ui-base-colors-emerald-700); --ui-colors-text-positive: var(--ui-base-colors-emerald-500); --ui-colors-text-positive-hover: var(--ui-base-colors-emerald-600); --ui-colors-text-positive-ondark: var(--ui-base-colors-emerald-300); --ui-colors-text-positive-onlight: var(--ui-base-colors-emerald-500); --ui-colors-text-warning-active: var(--ui-base-colors-yellow-800); --ui-colors-text-warning: var(--ui-base-colors-yellow-600); --ui-colors-text-warning-hover: var(--ui-base-colors-yellow-700); --ui-colors-text-warning-ondark: var(--ui-base-colors-yellow-400); --ui-colors-text-warning-onlight: var(--ui-base-colors-yellow-600); --ui-colors-badge-bg-default-active: var(--ui-colors-opacity-base-32); --ui-colors-badge-bg-default: var(--ui-colors-opacity-base-24); --ui-colors-badge-bg-default-disabled: var(--ui-colors-opacity-base-8); --ui-colors-badge-bg-default-hover: var(--ui-colors-opacity-base-32); --ui-colors-badge-bg-negative-active: var(--ui-colors-opacity-negative-24); --ui-colors-badge-bg-negative: var(--ui-colors-opacity-negative-8); --ui-colors-badge-bg-negative-disabled: var(--ui-colors-opacity-negative-8); --ui-colors-badge-bg-negative-hover: var(--ui-colors-opacity-negative-16); --ui-colors-badge-bg-onbrand: var(--ui-colors-bg-dark); --ui-colors-badge-bg-positive-active: var(--ui-colors-opacity-positive-24); --ui-colors-badge-bg-positive: var(--ui-colors-opacity-positive-8); --ui-colors-badge-bg-positive-disabled: var(--ui-colors-opacity-positive-8); --ui-colors-badge-bg-positive-hover: var(--ui-colors-opacity-positive-16); --ui-colors-badge-bg-premium: var(--ui-base-colors-purple-25); --ui-colors-badge-bg-secondary: var(--ui-colors-opacity-base-16); --ui-colors-badge-border-default-active: var(--ui-colors-border-base-select-active); --ui-colors-badge-border-default: var(--ui-colors-border-base-select); --ui-colors-badge-border-default-hover: var(--ui-colors-border-base-select-hover); --ui-colors-badge-border-negative-active: var(--ui-colors-border-negative-active); --ui-colors-badge-border-negative: var(--ui-colors-border-negative-secondary); --ui-colors-badge-border-negative-disabled: var(--ui-colors-border-negative-secondary); --ui-colors-badge-border-negative-hover: var(--ui-colors-border-negative-hover); --ui-colors-badge-border-positive-active: var(--ui-colors-border-positive-active); --ui-colors-badge-border-positive: var(--ui-colors-border-positive-secondary); --ui-colors-badge-border-positive-disabled: var(--ui-colors-border-positive-secondary); --ui-colors-badge-border-positive-hover: var(--ui-colors-border-positive-hover); --ui-colors-badge-icon-status: var(--ui-colors-icon-base); --ui-colors-badge-icon-status-negative: var(--ui-colors-icon-negative); --ui-colors-badge-text-default-active: var(--ui-colors-text-base-active); --ui-colors-badge-text-default: var(--ui-colors-text-base); --ui-colors-badge-text-default-disabled: var(--ui-colors-text-disabled); --ui-colors-badge-text-default-hover: var(--ui-colors-text-base); --ui-colors-badge-text-negative-active: var(--ui-colors-text-negative-active); --ui-colors-badge-text-negative: var(--ui-colors-text-negative); --ui-colors-badge-text-negative-disabled: var(--ui-base-colors-red-200); --ui-colors-badge-text-negative-hover: var(--ui-colors-text-negative-hover); --ui-colors-badge-text-positive-active: var(--ui-colors-text-positive-active); --ui-colors-badge-text-positive: var(--ui-colors-text-positive); --ui-colors-badge-text-positive-disabled: var(--ui-base-colors-emerald-200); --ui-colors-badge-text-positive-hover: var(--ui-colors-text-positive-hover); --ui-colors-badge-text-premium: var(--ui-base-colors-purple-600); --ui-colors-badge-text-secondary: var(--ui-colors-text-base-secondary); --ui-colors-badge-text-secondary-active: var(--ui-colors-text-base-active); --ui-colors-badge-text-status: var(--ui-colors-text-base); --ui-colors-badge-text-status-negative: var(--ui-colors-text-negative); --ui-colors-button-bg-alternative: var(--ui-colors-bg-inverse); --ui-colors-button-bg-alternative-disabled: var(--ui-colors-opacity-base-16); --ui-colors-button-bg-alternative-hover: var(--ui-colors-bg-inverse-hover); --ui-colors-button-bg-alternative-pressed: var(--ui-colors-bg-inverse-active); --ui-colors-button-bg-alternative-ondark-disabled: var(--ui-base-colors-white-0); --ui-colors-button-bg-alternative-ondark-hover: var(--ui-base-colors-blueGray-900); --ui-colors-button-bg-alternative-ondark-pressed: var(--ui-base-colors-blueGray-800); --ui-colors-button-bg-alternative-ondark-secondary: var(--ui-base-colors-white-100); --ui-colors-button-bg-alternative-onlight-hover: var(--ui-base-colors-blueGray-25); --ui-colors-button-bg-alternative-onlight-pressed: var(--ui-base-colors-blueGray-50); --ui-colors-button-bg-alternative-secondary-disabled: var(--ui-colors-opacity-base-8); --ui-colors-button-bg-ghost-hover: var(--ui-colors-opacity-base-8); --ui-colors-button-bg-ghost-pressed: var(--ui-colors-opacity-base-16); --ui-colors-button-bg-outline-hover: var(--ui-colors-opacity-base-16); --ui-colors-button-bg-outline-pressed: var(--ui-colors-opacity-base-24); --ui-colors-button-bg-outline-negative-hover: var(--ui-colors-bg-negative-select-hover); --ui-colors-button-bg-outline-negative-pressed: var(--ui-colors-bg-negative-select-active); --ui-colors-button-bg-outline-positive-hover: var(--ui-colors-bg-positive-select-hover); --ui-colors-button-bg-outline-positive-pressed: var(--ui-colors-bg-positive-select-active); --ui-colors-button-bg-primary: var(--ui-colors-bg-brand); --ui-colors-button-bg-primary-disabled: var(--ui-colors-opacity-base-16); --ui-colors-button-bg-primary-hover: var(--ui-colors-bg-brand-hover); --ui-colors-button-bg-primary-pressed: var(--ui-colors-bg-brand-active); --ui-colors-button-bg-primary-negative: var(--ui-colors-bg-negative); --ui-colors-button-bg-primary-negative-hover: var(--ui-colors-bg-negative-hover); --ui-colors-button-bg-primary-negative-pressed: var(--ui-colors-bg-negative-active); --ui-colors-button-bg-primary-positive: var(--ui-colors-bg-positive); --ui-colors-button-bg-primary-positive-hover: var(--ui-colors-bg-positive-hover); --ui-colors-button-bg-primary-positive-pressed: var(--ui-colors-bg-positive-active); --ui-colors-button-bg-primary-warning: var(--ui-colors-opacity-warning-16); --ui-colors-button-bg-primary-warning-hover: var(--ui-colors-opacity-warning-24); --ui-colors-button-bg-primary-warning-pressed: var(--ui-colors-opacity-warning-32); --ui-colors-button-bg-secondary: var(--ui-colors-opacity-base-24); --ui-colors-button-bg-secondary-disabled: var(--ui-colors-opacity-base-16); --ui-colors-button-bg-secondary-hover: var(--ui-colors-opacity-base-32); --ui-colors-button-bg-secondary-pressed: var(--ui-colors-opacity-base-56); --ui-colors-button-bg-secondary-negative: var(--ui-colors-opacity-negative-16); --ui-colors-button-bg-secondary-negative-hover: var(--ui-colors-opacity-negative-24); --ui-colors-button-bg-secondary-negative-pressed: var(--ui-colors-opacity-negative-32); --ui-colors-button-bg-secondary-positive: var(--ui-colors-opacity-positive-16); --ui-colors-button-bg-secondary-positive-hover: var(--ui-colors-opacity-positive-24); --ui-colors-button-bg-secondary-positive-pressed: var(--ui-colors-opacity-positive-32); --ui-colors-button-bg-secondary-warning-hover: var(--ui-colors-bg-warning-select-hover); --ui-colors-button-bg-secondary-warning-pressed: var(--ui-colors-bg-warning-select-active); --ui-colors-button-bg-text-hover: var(--ui-colors-bg-brand-select-hover); --ui-colors-button-bg-text-pressed: var(--ui-colors-bg-brand-select-active); --ui-colors-button-bg-text-negative-hover: var(--ui-colors-bg-negative-select-hover); --ui-colors-button-bg-text-negative-pressed: var(--ui-colors-bg-negative-select-active); --ui-colors-button-bg-text-positive-hover: var(--ui-colors-bg-positive-select-hover); --ui-colors-button-bg-text-positive-pressed: var(--ui-colors-bg-positive-select-active); --ui-colors-button-border-default-disabled: var(--ui-colors-border-disabled); --ui-colors-button-border-outline: var(--ui-colors-border-base-select); --ui-colors-button-border-outline-hover: var(--ui-colors-opacity-base-4); --ui-colors-button-border-outline-pressed: var(--ui-colors-opacity-base-4); --ui-colors-button-border-outline-negative: var(--ui-colors-border-negative); --ui-colors-button-border-outline-negative-hover: var(--ui-colors-opacity-negative-16); --ui-colors-button-border-outline-negative-pressed: var(--ui-colors-opacity-negative-16); --ui-colors-button-border-outline-positive: var(--ui-colors-border-positive); --ui-colors-button-border-outline-positive-hover: var(--ui-colors-opacity-positive-16); --ui-colors-button-border-outline-positive-pressed: var(--ui-colors-opacity-positive-16); --ui-colors-button-border-warning: var(--ui-colors-border-warning); --ui-colors-button-border-warning-hover: var(--ui-colors-opacity-warning-16); --ui-colors-button-border-warning-pressed: var(--ui-colors-opacity-warning-16); --ui-colors-button-label-alternate: var(--ui-colors-text-inverse); --ui-colors-button-label-alternate-disabled: var(--ui-colors-text-disabled); --ui-colors-button-label-alternate-secondary-disabled: var(--ui-base-colors-white-150); --ui-colors-button-label-default-disabled: var(--ui-colors-text-disabled); --ui-colors-button-label-ghost: var(--ui-colors-text-base-secondary); --ui-colors-button-label-ghost-hover: var(--ui-colors-text-base-hover); --ui-colors-button-label-ghost-pressed: var(--ui-colors-text-base-active); --ui-colors-button-label-negative: var(--ui-colors-text-onnegative); --ui-colors-button-label-ondark: var(--ui-colors-text-ondark); --ui-colors-button-label-ondark-disabled: var(--ui-colors-text-disabled-ondark); --ui-colors-button-label-onlight: var(--ui-colors-text-onlight); --ui-colors-button-label-onlight-disabled: var(--ui-colors-text-disabled-onlight); --ui-colors-button-label-positive: var(--ui-colors-text-onpositive); --ui-colors-button-label-primary: var(--ui-colors-text-onbrand); --ui-colors-button-label-secondary: var(--ui-colors-text-base); --ui-colors-button-label-secondary-hover: var(--ui-colors-text-base); --ui-colors-button-label-secondary-pressed: var(--ui-colors-text-base); --ui-colors-button-label-secondary-negative: var(--ui-colors-text-negative); --ui-colors-button-label-secondary-negative-hover: var(--ui-colors-text-negative-hover); --ui-colors-button-label-secondary-negative-pressed: var(--ui-colors-text-negative-active); --ui-colors-button-label-secondary-positive: var(--ui-colors-text-positive); --ui-colors-button-label-secondary-positive-hover: var(--ui-colors-text-positive-hover); --ui-colors-button-label-secondary-positive-pressed: var(--ui-colors-text-positive-active); --ui-colors-button-label-text: var(--ui-colors-text-brand); --ui-colors-button-label-text-hover: var(--ui-colors-text-brand-hover); --ui-colors-button-label-text-pressed: var(--ui-colors-text-brand-active); --ui-colors-button-label-warning: var(--ui-colors-text-warning); --ui-colors-button-label-warning-hover: var(--ui-colors-text-warning-hover); --ui-colors-button-label-warning-pressed: var(--ui-colors-text-warning-active); --ui-colors-control-bg-default: var(--ui-colors-opacity-base-0); --ui-colors-control-bg-default-active: var(--ui-colors-bg-brand); --ui-colors-control-bg-default-disabled: var(--ui-colors-opacity-base-40); --ui-colors-control-bg-default-hover: var(--ui-colors-opacity-base-0); --ui-colors-control-bg-alternative-active: var(--ui-base-colors-blueGray-950); --ui-colors-control-bg-brand-disabled: var(--ui-colors-opacity-base-40); --ui-colors-control-bg-inactive: var(--ui-base-colors-blueGray-200); --ui-colors-control-border-default: var(--ui-colors-border-base-strong); --ui-colors-control-border-default-active: var(--ui-colors-bg-brand); --ui-colors-control-border-default-disabled: var(--ui-colors-border-disabled); --ui-colors-control-icon-default: var(--ui-base-colors-blueGray-200); --ui-colors-control-icon-default-active: var(--ui-colors-bg-brand); --ui-colors-control-icon-default-disabled: var(--ui-base-colors-blueGray-100); --ui-colors-control-icon-default-hover: var(--ui-colors-icon-base-tertiary); --ui-colors-control-icon-alternative-active: var(--ui-base-colors-blueGray-950); --ui-colors-control-icon-onbrand: var(--ui-base-colors-white-1000); --ui-colors-control-icon-onbrand-disabled: var(--ui-base-colors-white-950); --ui-colors-control-icon-ondark: var(--ui-colors-icon-ondark); --ui-colors-control-icon-ondark-disabled: var(--ui-base-colors-white-950); --ui-colors-filterButton-bg-fill-disabled: var(--ui-colors-bg-disabled); --ui-colors-filterButton-bg-fill-primary: var(--ui-colors-opacity-base-16); --ui-colors-filterButton-bg-fill-primary-hover: var(--ui-colors-opacity-brand-16); --ui-colors-filterButton-bg-fill-primary-pressed: var(--ui-colors-opacity-brand-24); --ui-colors-filterButton-bg-fill-primary-pressedHover: var(--ui-colors-opacity-brand-32); --ui-colors-filterButton-bg-fill-secondary: var(--ui-colors-opacity-base-16); --ui-colors-filterButton-bg-fill-secondary-hover: var(--ui-colors-opacity-base-24); --ui-colors-filterButton-bg-fill-secondary-pressed: var(--ui-colors-opacity-base-40); --ui-colors-filterButton-bg-fill-secondary-pressedHover: var(--ui-colors-opacity-base-32); --ui-colors-filterButton-border-default-disabled: var(--ui-colors-border-disabled); --ui-colors-filterButton-border-primary: var(--ui-colors-border-base-select); --ui-colors-filterButton-border-primary-hover: var(--ui-colors-opacity-brand-16); --ui-colors-filterButton-border-primary-pressed: var(--ui-colors-border-brand-active); --ui-colors-filterButton-border-secondary: var(--ui-colors-border-base-select); --ui-colors-filterButton-border-secondary-hover: var(--ui-colors-border-base-select-hover); --ui-colors-filterButton-border-secondary-pressed: var(--ui-colors-border-base-select-active); --ui-colors-filterButton-icon-default-disabled: var(--ui-colors-icon-disabled); --ui-colors-filterButton-icon-primary: var(--ui-colors-icon-base-tertiary); --ui-colors-filterButton-icon-primary-hover: var(--ui-colors-icon-brand); --ui-colors-filterButton-icon-primary-pressed: var(--ui-colors-icon-brand-hover); --ui-colors-filterButton-icon-secondary: var(--ui-colors-icon-base-tertiary); --ui-colors-filterButton-icon-secondary-hover: var(--ui-colors-icon-base-hover); --ui-colors-filterButton-icon-secondary-pressed: var(--ui-colors-icon-base-active); --ui-colors-filterButton-label-default-disabled: var(--ui-colors-text-disabled); --ui-colors-filterButton-label-primary: var(--ui-colors-text-base-secondary); --ui-colors-filterButton-label-primary-hover: var(--ui-colors-text-brand); --ui-colors-filterButton-label-primary-pressed: var(--ui-colors-text-brand-hover); --ui-colors-filterButton-label-secondary: var(--ui-colors-text-base-secondary); --ui-colors-filterButton-label-secondary-hover: var(--ui-colors-text-base-hover); --ui-colors-filterButton-label-secondary-pressed: var(--ui-colors-text-base-active); --ui-colors-indicator-bg-default-active: var(--ui-colors-bg-brand); --ui-colors-indicator-bg-alternative-active: var(--ui-base-colors-blueGray-950); --ui-colors-indicator-bg-inactive: var(--ui-colors-opacity-base-40); --ui-colors-indicator-border-bold: var(--ui-colors-opacity-base-32); --ui-colors-indicator-border-thin: var(--ui-colors-opacity-base-40); --ui-colors-input-bg-default-active: var(--ui-colors-opacity-base-0); --ui-colors-input-bg-default: var(--ui-colors-opacity-base-16); --ui-colors-input-bg-default-disabled: var(--ui-colors-bg-disabled); --ui-colors-input-bg-default-error: var(--ui-colors-opacity-negative-16); --ui-colors-input-bg-default-hover: var(--ui-colors-opacity-base-24); --ui-colors-input-bg-ghost-active: var(--ui-colors-opacity-base-16); --ui-colors-input-bg-ghost-hover: var(--ui-colors-opacity-base-8); --ui-colors-input-border-default: var(--ui-colors-border-base-select); --ui-colors-input-border-default-active: var(--ui-colors-border-brand-active); --ui-colors-input-border-default-disabled: var(--ui-colors-border-disabled); --ui-colors-input-border-default-error: var(--ui-colors-border-negative-active); --ui-colors-input-border-default-hover: var(--ui-colors-border-base-select-hover); --ui-colors-input-border-shade-active: var(--ui-colors-opacity-brand-16); --ui-colors-input-border-shade-error: var(--ui-colors-opacity-negative-16); --ui-colors-input-caption-default: var(--ui-colors-text-base-tertiary); --ui-colors-input-cursor-blinker: var(--ui-colors-text-brand); --ui-colors-input-icon-default: var(--ui-colors-icon-base-secondary); --ui-colors-input-icon-default-hover: var(--ui-colors-icon-base-hover); --ui-colors-input-icon-default-pressed: var(--ui-colors-icon-base-active); --ui-colors-input-icon-secondary: var(--ui-colors-icon-base-tertiary); --ui-colors-input-label-default: var(--ui-colors-text-base-secondary); --ui-colors-input-label-default-active: var(--ui-colors-text-brand); --ui-colors-input-label-default-disabled: var(--ui-colors-text-disabled); --ui-colors-input-placeholder-default: var(--ui-colors-text-base-tertiary); --ui-colors-input-text-default: var(--ui-colors-text-base); --ui-colors-input-text-default-disabled: var(--ui-colors-text-disabled); --ui-colors-menu-bg-destructive-hover: var(--ui-colors-bg-negative); --ui-colors-menu-bg-destructive-pressed: var(--ui-colors-bg-negative-active); --ui-colors-menu-bg-primary-active: var(--ui-colors-bg-brand); --ui-colors-menu-bg-primary-activeHover: var(--ui-colors-bg-brand-hover); --ui-colors-menu-bg-primary-hover: var(--ui-colors-bg-brand-select-hover); --ui-colors-menu-bg-secondary-active: var(--ui-colors-opacity-base-32); --ui-colors-menu-bg-secondary-hover: var(--ui-colors-opacity-base-16); --ui-colors-menu-caption-default: var(--ui-colors-text-base-tertiary); --ui-colors-menu-caption-default-hover: var(--ui-colors-text-base-secondary); --ui-colors-menu-caption-primary-active: var(--ui-colors-text-onbrand-secondary); --ui-colors-menu-caption-secondary-active: var(--ui-colors-text-base-secondary); --ui-colors-menu-divider-default: var(--ui-colors-opacity-base-40); --ui-colors-menu-header-default: var(--ui-colors-text-base-secondary); --ui-colors-menu-icon-default: var(--ui-colors-icon-base-secondary); --ui-colors-menu-icon-default-hover: var(--ui-colors-icon-base-hover); --ui-colors-menu-icon-primary-active: var(--ui-colors-icon-onbrand); --ui-colors-menu-icon-secondary-active: var(--ui-colors-icon-base-active); --ui-colors-menu-text-default: var(--ui-colors-text-base); --ui-colors-menu-text-primary-active: var(--ui-colors-text-onbrand); --ui-colors-tabBtn-bg-ghost-hover: var(--ui-colors-opacity-base-0); --ui-colors-tabBtn-bg-ghost-pressed: var(--ui-colors-opacity-base-16); --ui-colors-tabBtn-bg-primary: var(--ui-colors-opacity-base-0); --ui-colors-tabBtn-bg-primary-hover: var(--ui-colors-opacity-base-16); --ui-colors-tabBtn-bg-primary-pressed: var(--ui-colors-bg-brand); --ui-colors-tabBtn-bg-secondary: var(--ui-colors-opacity-base-0); --ui-colors-tabBtn-bg-secondary-hover: var(--ui-colors-opacity-base-16); --ui-colors-tabBtn-bg-secondary-pressed: var(--ui-colors-opacity-base-32); --ui-colors-tabBtn-label-default: var(--ui-colors-text-base-secondary); --ui-colors-tabBtn-label-default-hover: var(--ui-colors-text-base-hover); --ui-colors-tabBtn-label-default-pressed: var(--ui-colors-text-base); --ui-colors-tabBtn-label-primary: var(--ui-colors-text-base-secondary); --ui-colors-tabBtn-label-primary-hover: var(--ui-colors-text-base-hover); --ui-colors-tabBtn-label-primary-pressed: var(--ui-colors-text-onbrand); --ui-colors-table-icon-secondary: var(--ui-colors-icon-base-secondary); --ui-colors-table-text-head: var(--ui-colors-text-base-secondary); --ui-colors-table-text-head-active: var(--ui-colors-text-base-active); --ui-colors-table-text-secondary: var(--ui-colors-text-base-secondary); --ui-colors-tag-bg-brand-high: var(--ui-colors-bg-brand); --ui-colors-tag-bg-onlight-base: rgba(157, 174, 197, 0.24); --ui-colors-tag-bg-onlight-brand-high: var(--ui-base-colors-green-400); --ui-colors-tag-bg-onlight-brand-low: rgba(23, 211, 120, 0.32); --ui-colors-tag-bg-onlight-negative-high: var(--ui-base-colors-red-400); --ui-colors-tag-bg-onlight-negative-low: rgba(252, 122, 124, 0.24); --ui-colors-tag-bg-onlight-positive-high: var(--ui-base-colors-emerald-400); --ui-colors-tag-bg-onlight-positive-low: rgba(62, 179, 139, 0.24); --ui-colors-tag-bg-onlight-warning-high: var(--ui-base-colors-yellow-300); --ui-colors-tag-bg-onlight-warning-low: rgba(255, 186, 48, 0.24); --ui-colors-tag-border-brand-high: var(--ui-colors-border-brand-active); --ui-colors-tag-border-negative-high: var(--ui-colors-border-negative-active); --ui-colors-tag-border-onlight-brand-high: var(--ui-base-colors-green-400); --ui-colors-tag-border-onlight-negative-high: var(--ui-base-colors-red-400); --ui-colors-tag-border-onlight-positive-high: var(--ui-base-colors-emerald-400); --ui-colors-tag-border-onlight-warning-high: var(--ui-base-colors-yellow-400); --ui-colors-tag-border-positive-high: var(--ui-colors-border-positive-active); --ui-colors-tag-border-warning-high: var(--ui-colors-border-warning-active); --ui-colors-tag-icon-negative: var(--ui-colors-icon-negative); --ui-colors-tag-icon-onlight-negative: var(--ui-base-colors-red-500); --ui-colors-tag-icon-onlight-positive: var(--ui-base-colors-emerald-500); --ui-colors-tag-icon-onlight-warning: var(--ui-base-colors-yellow-600); --ui-colors-tag-icon-positive: var(--ui-colors-icon-positive); --ui-colors-tag-icon-warning: var(--ui-colors-icon-warning); --ui-colors-tag-text-negative: var(--ui-colors-text-negative-hover); --ui-colors-tag-text-onlight-negative: var(--ui-base-colors-red-600); --ui-colors-tag-text-onlight-positive: var(--ui-base-colors-emerald-600); --ui-colors-tag-text-onlight-warning: var(--ui-base-colors-yellow-700); --ui-colors-tag-text-positive: var(--ui-colors-text-positive-hover); --ui-colors-tag-text-warning: var(--ui-colors-text-warning-hover); --ui-colors-toggle-bg-fill-disabled: var(--ui-colors-bg-disabled); --ui-colors-toggle-bg-fill-negative: var(--ui-colors-opacity-base-16); --ui-colors-toggle-bg-fill-negative-hover: var(--ui-colors-opacity-negative-16); --ui-colors-toggle-bg-fill-negative-pressed: var(--ui-colors-opacity-negative-24); --ui-colors-toggle-bg-fill-positive: var(--ui-colors-opacity-base-16); --ui-colors-toggle-bg-fill-positive-hover: var(--ui-colors-opacity-positive-16); --ui-colors-toggle-bg-fill-positive-pressed: var(--ui-colors-opacity-positive-24); --ui-colors-toggle-bg-fill-primary: var(--ui-colors-opacity-base-16); --ui-colors-toggle-bg-fill-primary-hover: var(--ui-colors-opacity-base-24); --ui-colors-toggle-bg-fill-primary-pressed: var(--ui-colors-bg-brand); --ui-colors-toggle-bg-fill-secondary: var(--ui-colors-opacity-base-16); --ui-colors-toggle-bg-fill-secondary-hover: var(--ui-colors-opacity-base-24); --ui-colors-toggle-bg-fill-secondary-pressed: var(--ui-colors-opacity-base-32); --ui-colors-toggle-bg-fill-warning: var(--ui-colors-opacity-base-16); --ui-colors-toggle-bg-fill-warning-hover: var(--ui-colors-opacity-warning-16); --ui-colors-toggle-bg-fill-warning-pressed: var(--ui-colors-opacity-warning-24); --ui-colors-toggle-bg-ghost-negative-hover: var(--ui-colors-bg-negative-select-hover); --ui-colors-toggle-bg-ghost-negative-pressed: var(--ui-colors-bg-negative-select-active); --ui-colors-toggle-bg-ghost-positive-hover: var(--ui-colors-bg-positive-select-hover); --ui-colors-toggle-bg-ghost-positive-pressed: var(--ui-colors-bg-positive-select-active); --ui-colors-toggle-bg-ghost-primary-hover: var(--ui-colors-opacity-base-0); --ui-colors-toggle-bg-ghost-primary-pressed: var(--ui-colors-opacity-base-0); --ui-colors-toggle-bg-ghost-secondary-hover: var(--ui-colors-opacity-base-16); --ui-colors-toggle-bg-ghost-secondary-pressed: var(--ui-colors-opacity-base-32); --ui-colors-toggle-bg-ghost-warning-hover: var(--ui-colors-opacity-warning-8); --ui-colors-toggle-bg-ghost-warning-pressed: var(--ui-colors-opacity-warning-16); --ui-colors-toggle-border-negative-hover: var(--ui-colors-border-negative-secondary); --ui-colors-toggle-border-negative-pressed: var(--ui-colors-border-negative-active); --ui-colors-toggle-border-positive-hover: var(--ui-colors-border-positive-secondary); --ui-colors-toggle-border-positive-pressed: var(--ui-colors-border-positive-active); --ui-colors-toggle-border-warning-hover: var(--ui-colors-border-warning-secondary); --ui-colors-toggle-border-warning-pressed: var(--ui-colors-border-warning-active); --ui-colors-toggle-label-brand-pressed: var(--ui-colors-text-brand); --ui-colors-toggle-label-default: var(--ui-colors-text-base-secondary); --ui-colors-toggle-label-default-disabled: var(--ui-colors-text-disabled); --ui-colors-toggle-label-default-hover: var(--ui-colors-text-base-hover); --ui-colors-toggle-label-negative-hover: var(--ui-colors-text-negative); --ui-colors-toggle-label-negative-pressed: var(--ui-colors-text-negative-hover); --ui-colors-toggle-label-positive-hover: var(--ui-colors-text-positive); --ui-colors-toggle-label-positive-pressed: var(--ui-colors-text-positive-hover); --ui-colors-toggle-label-primary-pressed: var(--ui-colors-text-onbrand); --ui-colors-toggle-label-secondary-pressed: var(--ui-colors-text-base); --ui-colors-toggle-label-warning-hover: var(--ui-colors-text-warning); --ui-colors-toggle-label-warning-pressed: var(--ui-colors-text-warning-hover); --ui-gradient-base-leftRight: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); --ui-gradient-base-rightLeft: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); --ui-gradient-base-upDown: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); --ui-gradient-base-downUp: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); --ui-gradient-tertiary-leftRight: linear-gradient(270deg, #F2F2F7 0%, rgba(242, 242, 247, 0) 100%); --ui-gradient-tertiary-rightLeft: linear-gradient(90deg, #F2F2F7 0%, rgba(242, 242, 247, 0) 100%); --ui-gradient-tertiary-upDown: linear-gradient(360deg, #F2F2F7 0%, rgba(242, 242, 247, 0) 100%); --ui-gradient-tertiary-downUp: linear-gradient(180deg, #F2F2F7 0%, rgba(242, 242, 247, 0) 100%); --ui-gradient-elevated-leftRight: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); --ui-gradient-elevated-rightLeft: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); --ui-gradient-elevated-upDown: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); --ui-gradient-elevated-downUp: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); --ui-gradient-accent-positive: linear-gradient(0deg, var(--ui-base-colors-emerald-800), var(--ui-base-colors-emerald-800)), linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.16) 100%, rgba(0, 0, 0, 0) 100%); --ui-gradient-accent-negative: linear-gradient(0deg, var(--ui-base-colors-red-800), var(--ui-base-colors-red-800)), linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.16) 100%, rgba(0, 0, 0, 0) 100%); --ui-gradient-accent-dark: linear-gradient(250.35deg, #1B2E41 0%, #101114 50%, #1B2E41 100%); --ui-gradient-accent-chartPositive: linear-gradient(180deg, rgba(66, 166, 131, 0.25) 0%, rgba(66, 166, 131, 0) 100%); --ui-gradient-accent-chartNegative: linear-gradient(180deg, rgba(229, 70, 72, 0.25) 0%, rgba(229, 70, 72, 0) 100%); --ui-gradient-accent-lineShade: linear-gradient(180deg, rgba(77, 147, 249, 0.24) 0%, rgba(77, 147, 249, 0) 100%); --ui-shadow-cardLow: 0px 7px 15px 0px var(--ui-colors-shadow-x), 0px 2px 6px 0px var(--ui-colors-shadow-x); --ui-shadow-cardMid: 0px 10px 20px 0px var(--ui-colors-shadow-2x), 0px 2px 6px 0px var(--ui-colors-shadow-2x); --ui-shadow-cardHigh: 0px 20px 40px 0px var(--ui-colors-shadow-3x), 0px 5px 10px 0px var(--ui-colors-shadow-3x); --ui-shadow-cardDark: 0px 25px 50px 0px var(--ui-colors-shadow-4x), 0px 15px 20px 0px var(--ui-colors-shadow-4x), 0px 5px 10px 0px var(--ui-colors-shadow-4x); --ui-shadow-onChart: 0px 15px 30px 0px var(--ui-colors-shadow-2x), 0px 5px 10px 0px var(--ui-colors-shadow-2x), 0px 0px 0.5px 0px var(--ui-colors-shadow-2x); --ui-shadow-menuPopover: 0px 15px 30px 0px var(--ui-colors-shadow-4x), 0px 5px 10px 0px var(--ui-colors-shadow-4x), 0px 0px 1px 0px var(--ui-colors-shadow-3x); --ui-shadow-modalDialog: 0px 25px 50px 0px var(--ui-colors-shadow-5x), 0px 10px 20px 0px var(--ui-colors-shadow-5x), 0px 2px 4px 0px var(--ui-colors-shadow-2x); --ui-shadow-headerMenu: 0px 30px 80px 0px var(--ui-colors-shadow-4x), 0px 10px 20px 0px var(--ui-colors-shadow-2x); --ui-shadow-stack-front: 0px 12px 24px 0px var(--ui-colors-shadow-x); --ui-shadow-stack-middle: 0px 1px 2px 0px var(--ui-colors-shadow-x) inset; --ui-shadow-stack-back: 0px 1px 2px 0px var(--ui-colors-shadow-2x) inset; --ui-paletteLegacy-background-neutral-primary: #FFFFFF; --ui-paletteLegacy-background-neutral-secondary: #F4F5F7; --ui-paletteLegacy-background-neutral-tertiary: #EBEFF5; --ui-paletteLegacy-background-neutral-popover: #FFFFFF; --ui-paletteLegacy-background-neutral-primaryTransparent: rgba(255, 255, 255, 0.64); --ui-paletteLegacy-background-neutral-tertiaryTransparent: rgba(240, 244, 250, 0.56); --ui-paletteLegacy-background-neutral-dialogOverlay: rgba(18, 20, 23, 0.64); --ui-paletteLegacy-background-semantic-warning: #FFF2C9; --ui-paletteLegacy-background-semantic-accent: #DAF5DE; --ui-paletteLegacy-background-semantic-positive: #DCF0E8; --ui-paletteLegacy-background-semantic-negative: #FCE3E3; --ui-paletteLegacy-background-semantic-positiveGradient: linear-gradient(180deg, #171C1B 0%, #142B22 50.47%, #0F402E 100%); --ui-paletteLegacy-background-semantic-negativeGradient: linear-gradient(180deg, #29181A 0%, #3B1A1E 50.99%, #63181A 100%); --ui-paletteLegacy-background-gradient-primary: linear-gradient(180deg, #FFFFFF 3.5%, rgba(255, 255, 255, 0) 96.51%); --ui-paletteLegacy-background-gradient-secondary: linear-gradient(180deg, #FAFCFE 3.5%, rgba(250, 252, 254, 0) 96.51%); --ui-paletteLegacy-background-gradient-tertiary: linear-gradient(180deg, #F0F4FA 3.5%, rgba(240, 244, 250, 0) 96.51%); --ui-paletteLegacy-label-accent: #0AA461; --ui-paletteLegacy-label-accentHigh: #099558; --ui-paletteLegacy-label-accentHighest: #088750; --ui-paletteLegacy-label-primary: #272F40; --ui-paletteLegacy-label-secondary: #7486AA; --ui-paletteLegacy-label-secondaryHigh: #425276; --ui-paletteLegacy-label-tertiary: #919CB6; --ui-paletteLegacy-label-tertiaryHigh: #667999; --ui-paletteLegacy-label-placeholder: #A8B8D2; --ui-paletteLegacy-label-inactive: rgba(93, 114, 152, 0.4); --ui-paletteLegacy-label-positive: #1B825E; --ui-paletteLegacy-label-negative: #E83F41; --ui-paletteLegacy-label-warning: #D49800; --ui-paletteLegacy-label-inverse: #FFFFFF; --ui-paletteLegacy-fill-primary-highest: #089659; --ui-paletteLegacy-fill-primary-high: #0BAD67; --ui-paletteLegacy-fill-primary-mid: #0EBE72; --ui-paletteLegacy-fill-primary-low: #0CDF83; --ui-paletteLegacy-fill-primary-muted: #EBEEEC; --ui-paletteLegacy-fill-primary-overlay32: rgba(23, 211, 120, 0.32); --ui-paletteLegacy-fill-primary-overlay24: rgba(23, 211, 120, 0.24); --ui-paletteLegacy-fill-primary-overlay16: rgba(23, 211, 120, 0.16); --ui-paletteLegacy-fill-primary-overlay8: rgba(23, 211, 120, 0.08); --ui-paletteLegacy-fill-secondary-highest: #272F40; --ui-paletteLegacy-fill-secondary-high: #5F7095; --ui-paletteLegacy-fill-secondary-mid: #8896AF; --ui-paletteLegacy-fill-secondary-low: #B9C6DF; --ui-paletteLegacy-fill-secondary-muted: #D9E2F7; --ui-paletteLegacy-fill-secondary-overlay32: rgba(167, 189, 241, 0.32); --ui-paletteLegacy-fill-secondary-overlay24: rgba(167, 189, 241, 0.24); --ui-paletteLegacy-fill-secondary-overlay16: rgba(167, 189, 241, 0.16); --ui-paletteLegacy-fill-secondary-overlay8: rgba(167, 189, 241, 0.08); --ui-paletteLegacy-fill-positive-highest: #2B6E5A; --ui-paletteLegacy-fill-positive-high: #1B825E; --ui-paletteLegacy-fill-positive-mid: #1C996D; --ui-paletteLegacy-fill-positive-low: #44BD90; --ui-paletteLegacy-fill-positive-muted: #82D9B5; --ui-paletteLegacy-fill-positive-overlay32: rgba(68, 189, 144, 0.32); --ui-paletteLegacy-fill-positive-overlay24: rgba(68, 189, 144, 0.24); --ui-paletteLegacy-fill-positive-overlay16: rgba(68, 189, 144, 0.16); --ui-paletteLegacy-fill-positive-overlay8: rgba(68, 189, 144, 0.08); --ui-paletteLegacy-fill-negative-highest: #D63639; --ui-paletteLegacy-fill-negative-high: #E83F41; --ui-paletteLegacy-fill-negative-mid: #FA4D50; --ui-paletteLegacy-fill-negative-low: #FF7A7F; --ui-paletteLegacy-fill-negative-muted: #FFB0B1; --ui-paletteLegacy-fill-negative-overlay32: rgba(255, 122, 127, 0.32); --ui-paletteLegacy-fill-negative-overlay24: rgba(255, 122, 127, 0.24); --ui-paletteLegacy-fill-negative-overlay16: rgba(255, 122, 127, 0.16); --ui-paletteLegacy-fill-negative-overlay8: rgba(255, 122, 127, 0.08); --ui-paletteLegacy-fill-note-highest: #E5A605; --ui-paletteLegacy-fill-note-high: #F2B818; --ui-paletteLegacy-fill-note-mid: #FFCB30; --ui-paletteLegacy-fill-note-low: #FFD549; --ui-paletteLegacy-fill-note-muted: #FFE591; --ui-paletteLegacy-fill-note-overlay32: rgba(255, 198, 28, 0.32); --ui-paletteLegacy-fill-note-overlay24: rgba(255, 198, 28, 0.24); --ui-paletteLegacy-fill-note-overlay16: rgba(255, 198, 28, 0.16); --ui-paletteLegacy-fill-note-overlay8: rgba(255, 198, 28, 0.08); --ui-paletteLegacy-divider-primary: #E6EFFF; --ui-paletteLegacy-divider-secondary: #F3F7FF; --ui-paletteLegacy-divider-tertiary: #DBE3EB; --ui-paletteLegacy-divider-altPrimary: #A4AFC7; --ui-paletteLegacy-divider-altSecondary: #D7E1F5; --ui-paletteLegacy-static-backgroundPrimary: #182338; --ui-paletteLegacy-static-black: #0E1726; --ui-paletteLegacy-static-blackAlfa72: rgba(14, 23, 38, 0.72); --ui-paletteLegacy-static-blackAlfa56: rgba(14, 23, 38, 0.56); --ui-paletteLegacy-static-blackAlfa24: rgba(14, 23, 38, 0.24); --ui-paletteLegacy-static-blackAlfa16: rgba(14, 23, 38, 0.16); --ui-paletteLegacy-static-blackAlfa8: rgba(14, 23, 38, 0.08); --ui-paletteLegacy-static-blackAlfa4: rgba(14, 23, 38, 0.04); --ui-paletteLegacy-static-white: #FFFFFF; --ui-paletteLegacy-static-whiteAlfa72: rgba(255, 255, 255, 0.72); --ui-paletteLegacy-static-whiteAlfa56: rgba(255, 255, 255, 0.56); --ui-paletteLegacy-static-whiteAlfa24: rgba(255, 255, 255, 0.24); --ui-paletteLegacy-static-whiteAlfa16: rgba(255, 255, 255, 0.16); --ui-paletteLegacy-static-whiteAlfa8: rgba(255, 255, 255, 0.08); --ui-paletteLegacy-static-whiteAlfa4: rgba(255, 255, 255, 0.04); --ui-paletteLegacy-static-primary: #67B859; --ui-paletteLegacy-static-primaryAlfa32: rgba(92, 164, 79, 0.32); --ui-paletteLegacy-static-secondary: #4D566B; --ui-paletteLegacy-static-secondaryAlfa32: rgba(130, 151, 190, 0.32); --ui-paletteLegacy-static-positive: #4BBF93; --ui-paletteLegacy-static-negative: #FF6B6E; --ui-paletteLegacy-static-note: #FFCB30; --ui-paletteLegacy-shadow-button: 0px 1px 3px rgba(39, 47, 64, 0.18); --ui-paletteLegacy-shadow-accent: 0px 3px 6px -2px rgba(21, 188, 88, 0.3), 0px 8px 12px rgba(21, 188, 88, 0.1), 0px 9px 16px rgba(56, 124, 255, 0.11); --ui-paletteLegacy-shadow-popover: 0px 8px 16px rgba(95, 112, 149, 0.32), 0px 16px 40px rgba(95, 112, 149, 0.12); --ui-paletteLegacy-shadow-dialog: 0px 12px 16px rgba(39, 47, 64, 0.1), 0px 24px 56px rgba(39, 47, 64, 0.38); --ui-paletteLegacy-shadow-cardEasy: 0px 6px 16px rgba(82, 96, 122, 0.08); --ui-paletteLegacy-shadow-cardHeavy: 0px 1px 4px rgba(95, 112, 149, 0.12), 0px 6px 16px rgba(95, 112, 149, 0.2); --ui-paletteLegacy-shadow-headerWeb: 0px 1px 4px rgba(8, 55, 155, 0.04), 0px 6px 16px rgba(8, 55, 155, 0.04); } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url(https://cdn.whotrades.com/js/external/c5cd7f5300576ab4c88202b42f6ded62.gif) center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url(https://cdn.whotrades.com/js/external/ced611daf7709cc778da928fec876475.eot); src: url(https://cdn.whotrades.com/js/external/ced611daf7709cc778da928fec876475.eot?#iefix) format('embedded-opentype'), url(https://cdn.whotrades.com/js/external/b7c9e1e479de3b53f1e4e30ebac2403a.woff) format('woff'), url(https://cdn.whotrades.com/js/external/d41f55a78e6f49a5512878df1737e58a.ttf) format('truetype'), url(function (_ref) { var _ref$styles = _ref.styles, styles = _ref$styles === void 0 ? {} : _ref$styles, props = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_ref, _excluded); return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("svg", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({ xmlns: "http://www.w3.org/2000/svg" }, props), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("defs", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("font", { id: "slick", horizAdvX: "512" }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("font-face", { fontFamily: "slick", unitsPerEm: "512", ascent: "480", descent: "-32" }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("glyph", { unicode: "\u2192", d: "M241 113l130 130c4 4 6 8 6 13s-2 9-6 13L241 399c-3 3-7 5-12 5s-10-2-13-5l-29-30c-4-3-6-7-6-12s2-10 6-13l87-88-87-88c-4-3-6-8-6-13s2-9 6-12l29-30c3-3 8-5 13-5s9 2 12 5zm234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29s-77 9-110 29c-34 20-60 46-80 80-20 33-29 70-29 110s9 77 29 110c20 34 46 60 80 80 33 20 70 29 110 29s77-9 110-29c34-20 60-46 80-80 20-33 29-70 29-110z" }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("glyph", { unicode: "\u2190", d: "M296 113l29 30c4 3 6 7 6 12s-2 10-6 13l-87 88 87 88c4 3 6 8 6 13s-2 9-6 12l-29 30c-3 3-8 5-13 5s-9-2-12-5L141 269c-4-4-6-8-6-13s2-9 6-13l130-130c3-3 7-5 12-5s10 2 13 5zm179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29s-77 9-110 29c-34 20-60 46-80 80-20 33-29 70-29 110s9 77 29 110c20 34 46 60 80 80 33 20 70 29 110 29s77-9 110-29c34-20 60-46 80-80 20-33 29-70 29-110z" }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("glyph", { unicode: "\u2022", d: "M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29s-77 9-110 29c-34 20-60 46-80 80-20 33-29 70-29 110s9 77 29 110c20 34 46 60 80 80 33 20 70 29 110 29s77-9 110-29c34-20 60-46 80-80 20-33 29-70 29-110z" }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("glyph", { unicode: "a", d: "M475 439V311c0-5-1-9-5-13s-8-5-13-5H329c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57s4-39 11-57c8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3s5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17s-51 27-70 47c-20 19-35 43-47 70s-17 55-17 85 5 58 17 85 27 51 47 70c19 20 43 35 70 47s55 17 85 17c28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z" })))); }) format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /*# sourceMappingURL=profile-page.css.map*/