.fin-theme-base { --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-brown-0: #FDFBFA; --ui-base-colors-brown-25: #FCF8F6; --ui-base-colors-brown-50: #FAF5F2; --ui-base-colors-brown-100: #F0E2D8; --ui-base-colors-brown-150: #E8D3C5; --ui-base-colors-brown-200: #E0C3B1; --ui-base-colors-brown-300: #D0A48A; --ui-base-colors-brown-400: #BC8766; --ui-base-colors-brown-500: #A5734A; --ui-base-colors-brown-600: #8C5F3C; --ui-base-colors-brown-700: #704A2D; --ui-base-colors-brown-800: #54361F; --ui-base-colors-brown-900: #382313; --ui-base-colors-brown-925: #2C1B0E; --ui-base-colors-brown-950: #1F1209; --ui-base-colors-brown-1000: #130B05; --ui-base-colors-cobalt-0: #EEF5FF; --ui-base-colors-cobalt-25: #DBEBFF; --ui-base-colors-cobalt-50: #C4DEFF; --ui-base-colors-cobalt-100: #A8CEFF; --ui-base-colors-cobalt-150: #87BBFF; --ui-base-colors-cobalt-200: #66A6FF; --ui-base-colors-cobalt-300: #4291FF; --ui-base-colors-cobalt-400: #247BFF; --ui-base-colors-cobalt-500: #0064FF; --ui-base-colors-cobalt-600: #0059E6; --ui-base-colors-cobalt-700: #004FCC; --ui-base-colors-cobalt-800: #0044B3; --ui-base-colors-cobalt-900: #003A99; --ui-base-colors-cobalt-925: #003185; --ui-base-colors-cobalt-950: #00286F; --ui-base-colors-cobalt-1000: #001C59; --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-cyan-0: #F8FEFF; --ui-base-colors-cyan-25: #F3FDFF; --ui-base-colors-cyan-50: #EEFCFF; --ui-base-colors-cyan-100: #CCF4FB; --ui-base-colors-cyan-150: #B4EDF8; --ui-base-colors-cyan-200: #9CE6F4; --ui-base-colors-cyan-300: #6ED8EC; --ui-base-colors-cyan-400: #4DCFE7; --ui-base-colors-cyan-500: #3CC8E3; --ui-base-colors-cyan-600: #28AEC8; --ui-base-colors-cyan-700: #1C8FA8; --ui-base-colors-cyan-800: #126F85; --ui-base-colors-cyan-900: #0B4C5C; --ui-base-colors-cyan-925: #093D4A; --ui-base-colors-cyan-950: #062E38; --ui-base-colors-cyan-1000: #041C22; --ui-base-colors-electric-0: #E3E5FF; --ui-base-colors-electric-25: #D7DAFF; --ui-base-colors-electric-50: #CCCFFF; --ui-base-colors-electric-100: #B8BCFF; --ui-base-colors-electric-150: #A4A9FF; --ui-base-colors-electric-200: #949BF9; --ui-base-colors-electric-300: #8289F3; --ui-base-colors-electric-400: #6770F0; --ui-base-colors-electric-500: #4C57ED; --ui-base-colors-electric-600: #434DE6; --ui-base-colors-electric-700: #323DCF; --ui-base-colors-electric-800: #2731B9; --ui-base-colors-electric-900: #212BB0; --ui-base-colors-electric-925: #1B25A7; --ui-base-colors-electric-950: #151E9F; --ui-base-colors-electric-1000: #0F1896; --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-gold-0: #F8F4ED; --ui-base-colors-gold-25: #F1E9DC; --ui-base-colors-gold-50: #EADECA; --ui-base-colors-gold-100: #E4D4B9; --ui-base-colors-gold-150: #DDC9A7; --ui-base-colors-gold-200: #D6BE95; --ui-base-colors-gold-300: #CFB384; --ui-base-colors-gold-400: #C8A872; --ui-base-colors-gold-500: #BE9959; --ui-base-colors-gold-600: #9D804D; --ui-base-colors-gold-700: #856D45; --ui-base-colors-gold-800: #69573B; --ui-base-colors-gold-900: #4E4332; --ui-base-colors-gold-925: #41382D; --ui-base-colors-gold-950: #342E28; --ui-base-colors-gold-1000: #272424; --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-iris-0: #E1D7FA; --ui-base-colors-iris-25: #D6C9F8; --ui-base-colors-iris-50: #CDBCF7; --ui-base-colors-iris-100: #C3ADF5; --ui-base-colors-iris-150: #B59AF3; --ui-base-colors-iris-200: #A986F0; --ui-base-colors-iris-300: #9C78EE; --ui-base-colors-iris-400: #8C63EB; --ui-base-colors-iris-500: #8357EA; --ui-base-colors-iris-600: #6A35E6; --ui-base-colors-iris-700: #582CC0; --ui-base-colors-iris-800: #472399; --ui-base-colors-iris-900: #3B1F7C; --ui-base-colors-iris-925: #32196A; --ui-base-colors-iris-950: #2F1567; --ui-base-colors-iris-1000: #2B165B; --ui-base-colors-jade-0: #F0FFF0; --ui-base-colors-jade-25: #D9FCD9; --ui-base-colors-jade-50: #C0F9C0; --ui-base-colors-jade-100: #A5F5A5; --ui-base-colors-jade-150: #7FF17F; --ui-base-colors-jade-200: #5AEC5A; --ui-base-colors-jade-300: #38E438; --ui-base-colors-jade-400: #1BDC1B; --ui-base-colors-jade-500: #00CF03; --ui-base-colors-jade-600: #00B403; --ui-base-colors-jade-700: #009803; --ui-base-colors-jade-800: #007803; --ui-base-colors-jade-900: #005903; --ui-base-colors-jade-925: #004403; --ui-base-colors-jade-950: #003403; --ui-base-colors-jade-1000: #002303; --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-limeX-0: #FCFEF7; --ui-base-colors-limeX-25: #F9FDF1; --ui-base-colors-limeX-50: #F7FCEB; --ui-base-colors-limeX-100: #ECF9C9; --ui-base-colors-limeX-150: #E2F6B0; --ui-base-colors-limeX-200: #D7F296; --ui-base-colors-limeX-300: #C1E863; --ui-base-colors-limeX-400: #AFDE41; --ui-base-colors-limeX-500: #A9DC4D; --ui-base-colors-limeX-600: #90C13D; --ui-base-colors-limeX-700: #74A02E; --ui-base-colors-limeX-800: #587C20; --ui-base-colors-limeX-900: #3E5714; --ui-base-colors-limeX-925: #324710; --ui-base-colors-limeX-950: #26360B; --ui-base-colors-limeX-1000: #172007; --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-pink-0: #FCEFF6; --ui-base-colors-pink-25: #F8DDEC; --ui-base-colors-pink-50: #F4CDE3; --ui-base-colors-pink-100: #F0BCD9; --ui-base-colors-pink-150: #EDABCF; --ui-base-colors-pink-200: #E68ABC; --ui-base-colors-pink-300: #DB58A0; --ui-base-colors-pink-400: #D22E88; --ui-base-colors-pink-500: #B02672; --ui-base-colors-pink-600: #922361; --ui-base-colors-pink-700: #6E204E; --ui-base-colors-pink-800: #561F41; --ui-base-colors-pink-900: #4A1E39; --ui-base-colors-pink-925: #3E1D33; --ui-base-colors-pink-950: #321C2C; --ui-base-colors-pink-1000: #261B26; --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-ruby-0: #FFF5F5; --ui-base-colors-ruby-25: #FFE3E3; --ui-base-colors-ruby-50: #FFD1D1; --ui-base-colors-ruby-100: #FFB8B6; --ui-base-colors-ruby-150: #FF9997; --ui-base-colors-ruby-200: #FF6D6B; --ui-base-colors-ruby-300: #FC6363; --ui-base-colors-ruby-400: #F33E3E; --ui-base-colors-ruby-500: #DC3232; --ui-base-colors-ruby-600: #A82123; --ui-base-colors-ruby-700: #A10F13; --ui-base-colors-ruby-800: #7C1114; --ui-base-colors-ruby-900: #4A1E1E; --ui-base-colors-ruby-925: #2C1414; --ui-base-colors-ruby-950: #1D0C0C; --ui-base-colors-ruby-1000: #110707; --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-base-gradientColors-exclusive-red-dark-1: #A82123; --ui-base-gradientColors-exclusive-red-dark-2: #A10F13; --ui-base-gradientColors-exclusive-red-dark-3: #260607; --ui-base-gradientColors-exclusive-red-default-1: #D93131; --ui-base-gradientColors-exclusive-red-default-2: #DC3232; --ui-base-gradientColors-exclusive-red-light-1: #FFFFFF; --ui-base-gradientColors-exclusive-red-light-2: #FF8983; --ui-base-gradientColors-exclusive-red-light-3: #FF6D6B; --ui-base-gradientColors-exclusive-red-light-4: #FC6363; --ui-base-gradientColors-orange-dark-1: #DE6D4B; --ui-base-gradientColors-orange-dark-2: #ED6B51; --ui-base-gradientColors-orange-dark-3: #FF9500; --ui-base-gradientColors-orange-dark-4: #FF8900; --ui-base-gradientColors-orange-dark-5: #A68B77; --ui-base-gradientColors-orange-default-1: #FFB27A; --ui-base-gradientColors-orange-default-2: #F48852; --ui-base-gradientColors-orange-light-1: #FAF1E6; --ui-base-gradientColors-orange-light-2: #F0E4D8; --ui-base-gradientColors-orange-light-3: #F9DEC0; --ui-base-gradientColors-orange-light-4: #F8D7C7; --ui-base-gradientColors-orange-light-5: #FFD8AF; --ui-base-gradientColors-orange-light-6: #F1B065; --ui-base-gradientColors-pink-dark-1: #69445E; --ui-base-gradientColors-pink-dark-2: #7E2A89; --ui-base-gradientColors-pink-dark-3: #451331; --ui-base-gradientColors-pink-dark-4: #3C1633; --ui-base-gradientColors-pink-default-1: #D64C71; --ui-base-gradientColors-pink-default-2: #A83E5D; --ui-base-gradientColors-pink-default-3: #9D465A; --ui-base-gradientColors-pink-default-4: #994B69; --ui-base-gradientColors-pink-default-5: #B67E8C; --ui-base-gradientColors-pink-default-6: #85386B; --ui-base-gradientColors-pink-light-1: #F8D7C7; --ui-base-gradientColors-pink-light-2: #ED9FA6; --ui-base-gradientColors-pink-light-3: #ED8383; --ui-base-gradientColors-pink-opacity-1: rgba(237, 131, 131, 0.7); --ui-base-gradientColors-pink-opacity-2: rgba(105, 68, 94, 0.5); --ui-base-gradientColors-pink-opacity-3: rgba(245, 157, 226, 0.5); --ui-base-gradientColors-premium-golden-default-1: #E1D2B7; --ui-base-gradientColors-premium-golden-light-1: #FFFFFF; --ui-base-gradientColors-premium-golden-light-2: #DFDFE8; --ui-base-gradientColors-premium-golden-light-3: #E3DFD7; --ui-base-gradientColors-premium-golden-light-4: #E4DBCA; --ui-base-gradientColors-premium-golden-opacity-1: rgba(211, 211, 222, 0.5); --ui-base-gradientColors-premium-golden-opacity-2: rgba(192, 192, 204, 0.5); --ui-base-gradientColors-premium-golden-opacity-3: rgba(55, 55, 64, 0); --ui-base-gradientColors-premium-gray-dark-1: #6B6B7F; --ui-base-gradientColors-premium-gray-dark-2: #151519; --ui-base-gradientColors-premium-gray-default-1: #A1A7B2; --ui-base-gradientColors-premium-gray-light-1: #C1C1C2; --ui-base-gradientColors-premium-peach-dark-1: #C39678; --ui-base-gradientColors-premium-peach-default-1: #FFA061; --ui-base-gradientColors-premium-peach-light-1: #F9DEC0; --ui-base-gradientColors-premium-peach-light-2: #F4D7B3; --ui-base-gradientColors-premium-peach-opacity-1: rgba(209, 160, 132, 0.7); --ui-base-gradientColors-premium-peach-opacity-2: rgba(207, 146, 72, 0.64); --ui-base-gradientColors-premium-violette-opacity-1: rgba(115, 45, 153, 0); --ui-base-gradientColors-premium-violette-opacity-2: rgba(92, 71, 109, 0); --ui-base-gradientColors-premium-violette-opacity-3: rgba(100, 69, 176, 0.1); --ui-base-gradientColors-prestige-pink-dark-1: #AF27B3; --ui-base-gradientColors-prestige-pink-dark-2: #891DC7; --ui-base-gradientColors-prestige-pink-dark-3: #8F1EB9; --ui-base-gradientColors-prestige-pink-dark-4: #831FDE; --ui-base-gradientColors-prestige-pink-dark-5: #260644; --ui-base-gradientColors-prestige-pink-dark-6: #141414; --ui-base-gradientColors-prestige-pink-default-1: #D9519C; --ui-base-gradientColors-prestige-pink-default-2: #D22E88; --ui-base-gradientColors-prestige-pink-default-3: #D13189; --ui-base-gradientColors-prestige-pink-default-4: #B02672; --ui-base-gradientColors-prestige-pink-default-5: #A92582; --ui-base-gradientColors-prestige-pink-default-6: #E34DC0; --ui-base-gradientColors-prestige-pink-light-1: #FFFFFF; --ui-base-gradientColors-prestige-pink-light-2: #F7DCEB; --ui-base-gradientColors-prestige-pink-light-3: #F0B9D7; --ui-base-gradientColors-prestige-pink-light-4: #FFB8EE; --ui-base-gradientColors-prestige-pink-light-5: #E897C4; --ui-base-gradientColors-prestige-pink-light-6: #E174B0; --ui-base-gradientColors-prestige-pink-opacity-1: rgba(176, 38, 114, 0); --ui-base-gradientColors-prestige-pink-opacity-2: rgba(217, 81, 156, 0.5); --ui-base-gradientColors-prestige-pink-opacity-3: rgba(210, 46, 136, 0.5); --ui-base-gradientColors-prestige-pink-opacity-4: rgba(240, 185, 215, 0.5); --ui-base-gradientColors-prestige-pink-opacity-5: rgba(227, 77, 192, 0.5); --ui-base-gradientColors-prestige-pink-opacity-6: rgba(131, 31, 222, 0); --ui-base-gradientColors-red-default-1: #EF5541; --ui-base-gradientColors-red-default-2: #F23D00; --ui-base-gradientColors-violette-dark-1: #59307C; --ui-base-gradientColors-violette-dark-2: #331656; --ui-base-gradientColors-violette-dark-3: #2F1645; --ui-base-gradientColors-violette-dark-4: #371C40; --ui-base-gradientColors-violette-dark-5: #180C1E; --ui-base-gradientColors-violette-default-1: #CD81FF; --ui-base-gradientColors-violette-default-2: #A55AFF; --ui-base-gradientColors-violette-default-3: #801FDB; --ui-base-gradientColors-violette-light-1: #EAE8EB; --ui-base-gradientColors-violette-opacity-1: rgba(51, 22, 86, 0); --ui-base-gradientColors-violette-opacity-2: rgba(234, 232, 235, 0); --ui-base-gradientColors-violette-opacity-3: rgba(165, 90, 255, 0.5); --ui-base-gradientColors-violette-opacity-4: rgba(87, 39, 124, 0.5); --ui-base-gradientColors-violette-opacity-5: rgba(231, 195, 255, 0.1); --ui-base-gradientColors-yellow-dark-1: #FEDA3B; --ui-base-gradientColors-yellow-dark-2: #FDB938; --ui-base-gradientColors-yellow-default-1: #F2DA7A; --ui-base-gradientColors-yellow-default-2: #FFD37C; --ui-base-gradientColors-yellow-default-3: #FFCA61; --ui-base-gradientColors-yellow-default-4: #FFC759; --ui-base-gradientColors-yellow-light-1: #F6EBD1; --ui-base-gradientColors-yellow-light-2: #F8ECBC; --ui-base-gradientColors-yellow-light-3: #FFE7AF; --ui-base-gradientColors-yellow-light-4: #FFE479; --ui-base-gradientColors-yellow-opacity-1: rgba(253, 185, 56, 0); --ui-base-gradientColors-yellow-opacity-2: rgba(255, 233, 123, 0.75); } .fin-theme-layout { --ui-fonts-main: "Inter var", Inter, system-ui; --ui-fonts-mono: "Inter var", Inter, system-ui; --ui-zIndex-draggablePopover: 100; --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-inlineBanner: var(--ui-radius-m); --ui-radius-input: var(--ui-radius-m); --ui-radius-inputXS: var(--ui-radius-m); --ui-radius-menuItem: var(--ui-radius-m); --ui-radius-modalDialog: var(--ui-radius-xl); --ui-radius-popover: 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-2xs: 2px; --ui-radius-3xl: 24px; --ui-radius-3xs: 1px; --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-menuItem-paddingHoriz: var(--ui-spacing-2xs); --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; } .fin-theme-layout-mobile { --ui-fonts-main: "Inter var", Inter, system-ui; --ui-fonts-mono: "Inter var", Inter, system-ui; --ui-zIndex-draggablePopover: 100; --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-inlineBanner: var(--ui-radius-m); --ui-radius-input: var(--ui-radius-m); --ui-radius-inputXS: var(--ui-radius-m); --ui-radius-menuItem: var(--ui-radius-m); --ui-radius-modalDialog: var(--ui-radius-xl); --ui-radius-popover: 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-2xs: 2px; --ui-radius-3xl: 28px; --ui-radius-3xs: 1px; --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-menuItem-paddingHoriz: var(--ui-spacing-2xs); --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; } .fin-theme-dark { --ui-mode: dark; --ui-variant: finam; --ui-colors-bg-base-active: var(--ui-base-colors-silver-700); --ui-colors-bg-base: var(--ui-base-colors-silver-900); --ui-colors-bg-base-hover: var(--ui-base-colors-silver-800); --ui-colors-bg-base-elevated: var(--ui-base-colors-silver-800); --ui-colors-bg-base-secondary: var(--ui-base-colors-silver-925); --ui-colors-bg-base-secondary-active: var(--ui-base-colors-silver-800); --ui-colors-bg-base-secondary-hover: var(--ui-base-colors-silver-900); --ui-colors-bg-base-tertiary: var(--ui-base-colors-silver-950); --ui-colors-bg-base-tertiary-active: var(--ui-base-colors-silver-900); --ui-colors-bg-base-tertiary-hover: var(--ui-base-colors-silver-925); --ui-colors-bg-base-tooltip: var(--ui-base-colors-silver-1000); --ui-colors-bg-brand-active: var(--ui-base-colors-yellow-600); --ui-colors-bg-brand: var(--ui-base-colors-yellow-400); --ui-colors-bg-brand-hover: var(--ui-base-colors-yellow-500); --ui-colors-bg-brand-inverse: var(--ui-base-colors-yellow-300); --ui-colors-bg-brand-inverse-active: var(--ui-base-colors-yellow-500); --ui-colors-bg-brand-inverse-hover: var(--ui-base-colors-yellow-400); --ui-colors-bg-brand-secondary: var(--ui-base-colors-yellow-925); --ui-colors-bg-brand-secondary-active: var(--ui-base-colors-yellow-800); --ui-colors-bg-brand-secondary-hover: var(--ui-base-colors-yellow-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-active: var(--ui-base-colors-silver-600); --ui-colors-bg-dark: var(--ui-base-colors-silver-1000); --ui-colors-bg-dark-hover: var(--ui-base-colors-silver-800); --ui-colors-bg-dark-secondary: var(--ui-base-colors-silver-700); --ui-colors-bg-disabled: var(--ui-colors-opacity-base-8); --ui-colors-bg-glass: rgba(39, 39, 47, 0.8); --ui-colors-bg-glass-secondary: rgba(32, 32, 39, 0.8); --ui-colors-bg-glass-tertiary: rgba(26, 26, 31, 0.8); --ui-colors-bg-inverse-active: var(--ui-base-colors-silver-200); --ui-colors-bg-inverse: var(--ui-base-colors-silver-0); --ui-colors-bg-inverse-hover: var(--ui-base-colors-silver-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(39, 39, 47, 0.56); --ui-colors-bg-opacity-secondary: rgba(32, 32, 39, 0.56); --ui-colors-bg-opacity-tertiary: rgba(26, 26, 31, 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-silver-100); --ui-colors-border-base: var(--ui-base-colors-silver-700); --ui-colors-border-base-elevated: var(--ui-colors-opacity-base-40); --ui-colors-border-base-secondary: var(--ui-base-colors-silver-800); --ui-colors-border-base-select: var(--ui-base-colors-silver-600); --ui-colors-border-base-select-active: var(--ui-base-colors-silver-200); --ui-colors-border-base-select-hover: var(--ui-base-colors-silver-500); --ui-colors-border-base-strong: var(--ui-base-colors-silver-600); --ui-colors-border-base-tertiary: var(--ui-base-colors-silver-900); --ui-colors-border-brand-active: var(--ui-base-colors-yellow-600); --ui-colors-border-brand: var(--ui-base-colors-yellow-800); --ui-colors-border-brand-focus: var(--ui-base-colors-yellow-900); --ui-colors-border-brand-hover: var(--ui-base-colors-yellow-700); --ui-colors-border-brand-inverse-active: var(--ui-base-colors-yellow-400); --ui-colors-border-brand-inverse-hover: var(--ui-base-colors-yellow-300); --ui-colors-border-brand-ondark: var(--ui-base-colors-yellow-800); --ui-colors-border-brand-onlight: var(--ui-base-colors-yellow-200); --ui-colors-border-brand-secondary: var(--ui-base-colors-yellow-900); --ui-colors-border-disabled: var(--ui-colors-opacity-base-40); --ui-colors-border-inverse: var(--ui-base-colors-silver-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-600); --ui-colors-border-ondark-secondary: var(--ui-base-colors-white-50); --ui-colors-border-onlight: var(--ui-base-colors-black-500); --ui-colors-border-onlight-secondary: var(--ui-base-colors-black-50); --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: #9725EA; --ui-colors-data-chart-2: #D97E3E; --ui-colors-data-chart-3: #E8B94E; --ui-colors-data-chart-4: #E7585C; --ui-colors-data-chart-5: #2A79E3; --ui-colors-data-chart-6: #22D4A3; --ui-colors-data-chart-7: #EA38C1; --ui-colors-data-chart-8: #4946FB; --ui-colors-data-chart-9: #8DDD61; --ui-colors-data-chart-10: #DF4C3C; --ui-colors-data-chart-11: #9D3392; --ui-colors-data-chart-12: #7A51FF; --ui-colors-data-chart-13: #86B01D; --ui-colors-data-chart-14: #2DA2D8; --ui-colors-data-chart-15: #B4AEC7; --ui-colors-data-graph: var(--ui-base-colors-silver-50); --ui-colors-data-graph-shade: var(--ui-colors-opacity-base-24); --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-silver-500); --ui-colors-data-graph-opacity-end: var(--ui-colors-opacity-base-0); --ui-colors-data-graph-opacity-start: var(--ui-colors-opacity-base-40); --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-gradients-bg-1-end: var(--ui-base-gradientColors-pink-dark-2); --ui-colors-gradients-bg-1-middle1: var(--ui-base-gradientColors-red-default-1); --ui-colors-gradients-bg-1-middle2: var(--ui-base-gradientColors-violette-default-3); --ui-colors-gradients-bg-1-start: var(--ui-base-gradientColors-yellow-dark-1); --ui-colors-gradients-bg-2-end: var(--ui-base-gradientColors-yellow-light-1); --ui-colors-gradients-bg-2-middle1: var(--ui-base-gradientColors-pink-dark-3); --ui-colors-gradients-bg-2-middle2: var(--ui-base-gradientColors-pink-default-1); --ui-colors-gradients-bg-2-middle3: var(--ui-base-gradientColors-orange-default-2); --ui-colors-gradients-bg-2-middle4: var(--ui-base-gradientColors-yellow-light-3); --ui-colors-gradients-bg-2-start: var(--ui-base-colors-gray-950); --ui-colors-gradients-bg-3-end: var(--ui-base-gradientColors-violette-opacity-1); --ui-colors-gradients-bg-3-middle1: var(--ui-base-gradientColors-orange-light-3); --ui-colors-gradients-bg-3-middle2: var(--ui-base-gradientColors-pink-light-2); --ui-colors-gradients-bg-3-middle3: var(--ui-base-gradientColors-pink-default-4); --ui-colors-gradients-bg-3-start: var(--ui-base-gradientColors-orange-light-1); --ui-colors-gradients-bg-4-end: var(--ui-base-gradientColors-orange-light-2); --ui-colors-gradients-bg-4-middle1: var(--ui-base-gradientColors-violette-dark-4); --ui-colors-gradients-bg-4-middle2: var(--ui-base-gradientColors-violette-dark-4); --ui-colors-gradients-bg-4-middle3: var(--ui-base-gradientColors-pink-default-3); --ui-colors-gradients-bg-4-middle4: var(--ui-base-gradientColors-orange-default-1); --ui-colors-gradients-bg-4-start: var(--ui-base-colors-gray-1000); --ui-colors-gradients-bg-5-end: var(--ui-base-gradientColors-violette-dark-5); --ui-colors-gradients-bg-5-start: var(--ui-base-gradientColors-violette-dark-3); --ui-colors-gradients-border-primary-end: var(--ui-base-gradientColors-violette-light-1); --ui-colors-gradients-border-primary-middle1: var(--ui-base-gradientColors-orange-dark-1); --ui-colors-gradients-border-primary-middle2: var(--ui-base-gradientColors-yellow-light-4); --ui-colors-gradients-border-primary-start: var(--ui-base-gradientColors-violette-default-1); --ui-colors-gradients-border-secondary-end: var(--ui-base-gradientColors-violette-dark-1); --ui-colors-gradients-border-secondary-middle1: var(--ui-base-gradientColors-yellow-default-1); --ui-colors-gradients-border-secondary-middle2: var(--ui-base-gradientColors-orange-dark-2); --ui-colors-gradients-border-secondary-start: var(--ui-base-gradientColors-yellow-light-4); --ui-colors-gradients-border-tertiary-end: var(--ui-base-gradientColors-violette-opacity-1); --ui-colors-gradients-border-tertiary-middle1: var(--ui-base-gradientColors-violette-dark-1); --ui-colors-gradients-border-tertiary-middle2: var(--ui-base-gradientColors-orange-dark-2); --ui-colors-gradients-border-tertiary-middle3: var(--ui-base-gradientColors-violette-light-1); --ui-colors-gradients-border-tertiary-middle4: var(--ui-base-gradientColors-violette-dark-1); --ui-colors-gradients-border-tertiary-start: var(--ui-base-gradientColors-violette-opacity-1); --ui-colors-gradients-button-alternative-end: var(--ui-base-colors-silver-200); --ui-colors-gradients-button-alternative-middle1: var(--ui-base-colors-silver-100); --ui-colors-gradients-button-alternative-middle2: var(--ui-base-colors-silver-150); --ui-colors-gradients-button-alternative-start: var(--ui-base-colors-silver-50); --ui-colors-gradients-button-marketing-end: var(--ui-base-gradientColors-violette-dark-1); --ui-colors-gradients-button-marketing-end-hover: var(--ui-base-gradientColors-violette-dark-1); --ui-colors-gradients-button-marketing-middle1: var(--ui-base-gradientColors-orange-dark-1); --ui-colors-gradients-button-marketing-middle1-hover: var(--ui-base-gradientColors-orange-dark-1); --ui-colors-gradients-button-marketing-middle2: var(--ui-base-gradientColors-pink-default-2); --ui-colors-gradients-button-marketing-middle2-hover: var(--ui-base-gradientColors-pink-default-2); --ui-colors-gradients-button-marketing-middle3: var(--ui-base-gradientColors-pink-default-6); --ui-colors-gradients-button-marketing-middle3-hover: var(--ui-base-gradientColors-pink-default-6); --ui-colors-gradients-button-marketing-middle: var(--ui-base-gradientColors-orange-light-6); --ui-colors-gradients-button-marketing-middle-hover: var(--ui-base-gradientColors-orange-light-6); --ui-colors-gradients-button-marketing-start: var(--ui-base-gradientColors-yellow-light-4); --ui-colors-gradients-button-marketing-start-hover: var(--ui-base-gradientColors-yellow-light-4); --ui-colors-gradients-button-ondark-end: var(--ui-base-gradientColors-orange-light-3); --ui-colors-gradients-button-ondark-middle1: var(--ui-base-gradientColors-violette-light-1); --ui-colors-gradients-button-ondark-start: var(--ui-base-gradientColors-violette-light-1); --ui-colors-gradients-button-outline-end: var(--ui-base-gradientColors-pink-opacity-1); --ui-colors-gradients-button-outline-middle1: var(--ui-base-gradientColors-orange-dark-5); --ui-colors-gradients-button-outline-start: var(--ui-base-gradientColors-yellow-default-4); --ui-colors-gradients-button-primary-end: var(--ui-base-gradientColors-yellow-default-4); --ui-colors-gradients-button-primary-middle1: var(--ui-base-gradientColors-yellow-default-2); --ui-colors-gradients-button-primary-middle2: var(--ui-base-gradientColors-yellow-default-3); --ui-colors-gradients-button-primary-start: var(--ui-base-gradientColors-yellow-light-1); --ui-colors-gradients-button-secondary-end: var(--ui-base-gradientColors-pink-opacity-2); --ui-colors-gradients-button-secondary-middle1: var(--ui-base-gradientColors-pink-opacity-1); --ui-colors-gradients-button-secondary-start: var(--ui-base-gradientColors-orange-dark-5); --ui-colors-gradients-glow-primary-end: var(--ui-base-gradientColors-violette-opacity-4); --ui-colors-gradients-glow-primary-middle1: var(--ui-base-gradientColors-pink-opacity-1); --ui-colors-gradients-glow-primary-middle2: var(--ui-base-gradientColors-violette-opacity-3); --ui-colors-gradients-glow-primary-start: var(--ui-base-gradientColors-violette-light-1); --ui-colors-gradients-glow-secondary-end: var(--ui-base-gradientColors-violette-opacity-2); --ui-colors-gradients-glow-secondary-start: var(--ui-base-gradientColors-pink-light-3); --ui-colors-gradients-glow-tertiary-end: var(--ui-base-gradientColors-violette-opacity-2); --ui-colors-gradients-glow-tertiary-start: var(--ui-base-gradientColors-violette-light-1); --ui-colors-gradients-icon-primary-end: var(--ui-base-gradientColors-violette-default-2); --ui-colors-gradients-icon-primary-middle: var(--ui-base-gradientColors-orange-dark-1); --ui-colors-gradients-icon-primary-start: var(--ui-base-gradientColors-yellow-light-4); --ui-colors-gradients-icon-secondary-end: var(--ui-base-gradientColors-orange-dark-1); --ui-colors-gradients-icon-secondary-start: var(--ui-base-gradientColors-yellow-light-4); --ui-colors-gradients-tabline-primary-end: var(--ui-base-gradientColors-violette-dark-1); --ui-colors-gradients-tabline-primary-middle1: var(--ui-base-gradientColors-orange-dark-2); --ui-colors-gradients-tabline-primary-middle2: var(--ui-base-gradientColors-yellow-light-4); --ui-colors-gradients-tabline-primary-middle3: var(--ui-base-gradientColors-violette-light-1); --ui-colors-gradients-tabline-primary-middle4: var(--ui-base-gradientColors-yellow-light-4); --ui-colors-gradients-tabline-primary-middle5: var(--ui-base-gradientColors-orange-dark-2); --ui-colors-gradients-tabline-primary-start: var(--ui-base-gradientColors-violette-dark-1); --ui-colors-gradients-text-large-end: var(--ui-base-gradientColors-violette-default-2); --ui-colors-gradients-text-large-middle1: var(--ui-base-gradientColors-orange-dark-1); --ui-colors-gradients-text-large-start: var(--ui-base-gradientColors-yellow-light-4); --ui-colors-gradients-text-small-end: var(--ui-base-gradientColors-orange-dark-1); --ui-colors-gradients-text-small-start: var(--ui-base-gradientColors-yellow-light-4); --ui-colors-icon-base-active: var(--ui-base-colors-silver-50); --ui-colors-icon-base: var(--ui-base-colors-silver-50); --ui-colors-icon-base-hover: var(--ui-base-colors-silver-200); --ui-colors-icon-base-secondary: var(--ui-base-colors-silver-300); --ui-colors-icon-base-tertiary: var(--ui-base-colors-silver-500); --ui-colors-icon-brand-active: var(--ui-base-colors-yellow-300); --ui-colors-icon-brand: var(--ui-base-colors-yellow-500); --ui-colors-icon-brand-hover: var(--ui-base-colors-yellow-400); --ui-colors-icon-brand-inverse: var(--ui-base-colors-yellow-500); --ui-colors-icon-brand-inverse-active: var(--ui-base-colors-yellow-700); --ui-colors-icon-brand-inverse-hover: var(--ui-base-colors-yellow-600); --ui-colors-icon-brand-ondark: var(--ui-base-colors-yellow-500); --ui-colors-icon-brand-onlight: var(--ui-base-colors-yellow-500); --ui-colors-icon-brand-secondary: var(--ui-base-colors-yellow-700); --ui-colors-icon-disabled: var(--ui-base-colors-silver-600); --ui-colors-icon-disabled-ondark: var(--ui-base-colors-white-100); --ui-colors-icon-disabled-onlight: var(--ui-base-colors-silver-150); --ui-colors-icon-inverse: var(--ui-base-colors-silver-950); --ui-colors-icon-inverse-secondary: var(--ui-base-colors-silver-500); --ui-colors-icon-inverse-tertiary: var(--ui-base-colors-silver-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-black-1000); --ui-colors-icon-onbrand-secondary: var(--ui-base-colors-black-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-silver-950); --ui-colors-icon-onlight-secondary: var(--ui-base-colors-silver-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-black-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(79, 79, 89, 0); --ui-colors-opacity-base-4: rgba(79, 79, 89, 0.04); --ui-colors-opacity-base-8: rgba(79, 79, 89, 0.08); --ui-colors-opacity-base-12: rgba(79, 79, 89, 0.12); --ui-colors-opacity-base-16: rgba(79, 79, 89, 0.16); --ui-colors-opacity-base-20: rgba(79, 79, 89, 0.2); --ui-colors-opacity-base-24: rgba(79, 79, 89, 0.24); --ui-colors-opacity-base-28: rgba(79, 79, 89, 0.28); --ui-colors-opacity-base-32: rgba(79, 79, 89, 0.32); --ui-colors-opacity-base-36: rgba(79, 79, 89, 0.36); --ui-colors-opacity-base-40: rgba(79, 79, 89, 0.4); --ui-colors-opacity-base-44: rgba(79, 79, 89, 0.44); --ui-colors-opacity-base-48: rgba(79, 79, 89, 0.48); --ui-colors-opacity-base-52: rgba(79, 79, 89, 0.52); --ui-colors-opacity-base-56: rgba(79, 79, 89, 0.56); --ui-colors-opacity-base-60: rgba(79, 79, 89, 0.6); --ui-colors-opacity-base-64: rgba(79, 79, 89, 0.64); --ui-colors-opacity-base-68: rgba(79, 79, 89, 0.68); --ui-colors-opacity-base-72: rgba(79, 79, 89, 0.72); --ui-colors-opacity-base-76: rgba(79, 79, 89, 0.76); --ui-colors-opacity-base-80: rgba(79, 79, 89, 0.8); --ui-colors-opacity-brand-0: rgba(249, 166, 5, 0); --ui-colors-opacity-brand-8: rgba(249, 166, 5, 0.08); --ui-colors-opacity-brand-16: rgba(249, 166, 5, 0.16); --ui-colors-opacity-brand-24: rgba(249, 166, 5, 0.24); --ui-colors-opacity-brand-32: rgba(249, 166, 5, 0.32); --ui-colors-opacity-negative-0: rgba(232, 65, 68, 0); --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-0: rgba(30, 140, 102, 0); --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-0: rgba(249, 166, 5, 0); --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.12); --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.06); --ui-colors-text-base-active: var(--ui-base-colors-silver-50); --ui-colors-text-base: var(--ui-base-colors-silver-50); --ui-colors-text-base-hover: var(--ui-base-colors-silver-200); --ui-colors-text-base-secondary: var(--ui-base-colors-silver-300); --ui-colors-text-base-tertiary: var(--ui-base-colors-silver-500); --ui-colors-text-brand-active: var(--ui-base-colors-yellow-300); --ui-colors-text-brand: var(--ui-base-colors-yellow-500); --ui-colors-text-brand-hover: var(--ui-base-colors-yellow-400); --ui-colors-text-brand-inverse: var(--ui-base-colors-yellow-600); --ui-colors-text-brand-inverse-active: var(--ui-base-colors-yellow-800); --ui-colors-text-brand-inverse-hover: var(--ui-base-colors-yellow-700); --ui-colors-text-brand-ondark: var(--ui-base-colors-yellow-500); --ui-colors-text-brand-onlight: var(--ui-base-colors-yellow-600); --ui-colors-text-disabled: var(--ui-base-colors-silver-600); --ui-colors-text-disabled-ondark: var(--ui-base-colors-white-100); --ui-colors-text-disabled-onlight: var(--ui-base-colors-silver-200); --ui-colors-text-inverse: var(--ui-base-colors-silver-950); --ui-colors-text-inverse-secondary: var(--ui-base-colors-silver-500); --ui-colors-text-inverse-tertiary: var(--ui-base-colors-silver-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-400); --ui-colors-text-negative-onlight: var(--ui-base-colors-red-500); --ui-colors-text-onbrand: var(--ui-base-colors-black-1000); --ui-colors-text-onbrand-secondary: var(--ui-base-colors-black-600); --ui-colors-text-ondark: var(--ui-base-colors-white-1000); --ui-colors-text-ondark-secondary: var(--ui-base-colors-white-600); --ui-colors-text-onlight: var(--ui-base-colors-silver-950); --ui-colors-text-onlight-secondary: var(--ui-base-colors-silver-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-400); --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-500); --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: var(--ui-base-colors-white-1000); --ui-colors-button-bg-alternative-ondark-disabled: var(--ui-base-colors-white-0); --ui-colors-button-bg-alternative-ondark-hover: var(--ui-base-colors-white-25); --ui-colors-button-bg-alternative-ondark-pressed: var(--ui-base-colors-white-100); --ui-colors-button-bg-alternative-ondark-secondary: var(--ui-base-colors-white-100); --ui-colors-button-bg-alternative-onlight-hover: var(--ui-base-colors-black-25); --ui-colors-button-bg-alternative-onlight-pressed: var(--ui-base-colors-black-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-accent: var(--ui-colors-text-ondark); --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-200); --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-chat-bg-client: var(--ui-base-colors-silver-600); --ui-colors-chat-bg-oper: var(--ui-base-colors-silver-800); --ui-colors-control-bg-default: var(--ui-colors-opacity-base-0); --ui-colors-control-bg-default-active: var(--ui-base-colors-yellow-500); --ui-colors-control-bg-default-disabled: var(--ui-colors-opacity-base-32); --ui-colors-control-bg-default-hover: var(--ui-colors-opacity-base-0); --ui-colors-control-bg-alternative-active: var(--ui-base-colors-silver-50); --ui-colors-control-bg-brand-disabled: var(--ui-colors-opacity-base-40); --ui-colors-control-bg-inactive: var(--ui-base-colors-silver-600); --ui-colors-control-border-default: var(--ui-colors-border-base-strong); --ui-colors-control-border-default-active: var(--ui-base-colors-yellow-500); --ui-colors-control-border-default-disabled: var(--ui-colors-border-disabled); --ui-colors-control-border-alternative-active: var(--ui-colors-bg-inverse); --ui-colors-control-icon-default: var(--ui-base-colors-silver-600); --ui-colors-control-icon-default-active: var(--ui-base-colors-yellow-500); --ui-colors-control-icon-default-disabled: var(--ui-base-colors-silver-700); --ui-colors-control-icon-default-hover: var(--ui-colors-icon-base-tertiary); --ui-colors-control-icon-alternative: var(--ui-base-colors-black-1000); --ui-colors-control-icon-alternative-active: var(--ui-base-colors-silver-50); --ui-colors-control-icon-onbrand: var(--ui-base-colors-black-800); --ui-colors-control-icon-onbrand-disabled: var(--ui-base-colors-white-200); --ui-colors-control-icon-ondark: var(--ui-colors-icon-ondark); --ui-colors-control-icon-ondark-disabled: var(--ui-base-colors-white-200); --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-base-colors-yellow-400); --ui-colors-indicator-bg-alternative-active: var(--ui-base-colors-silver-100); --ui-colors-indicator-bg-inactive: var(--ui-colors-opacity-base-56); --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-bg-ondark: var(--ui-base-colors-white-0); --ui-colors-input-bg-ondark-active: var(--ui-base-colors-white-50); --ui-colors-input-bg-ondark-disabled: var(--ui-base-colors-white-0); --ui-colors-input-bg-ondark-error: var(--ui-colors-opacity-negative-16); --ui-colors-input-bg-ondark-hover: var(--ui-base-colors-white-25); --ui-colors-input-bg-ondark-ghost-active: var(--ui-base-colors-white-100); --ui-colors-input-bg-ondark-ghost-hover: var(--ui-base-colors-white-25); --ui-colors-input-border-default-active: var(--ui-colors-border-brand-active); --ui-colors-input-border-default: var(--ui-colors-border-base-select); --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-ondark: var(--ui-colors-border-ondark); --ui-colors-input-border-ondark-active: var(--ui-colors-border-brand-ondark); --ui-colors-input-border-ondark-disabled: var(--ui-base-colors-white-100); --ui-colors-input-border-ondark-error: var(--ui-colors-border-negative-ondark); --ui-colors-input-border-ondark-hover: var(--ui-base-colors-white-900); --ui-colors-input-border-ondark-shade-active: var(--ui-colors-opacity-brand-16); --ui-colors-input-border-ondark-shade-error: var(--ui-colors-opacity-negative-16); --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-caption-ondark: var(--ui-base-colors-white-400); --ui-colors-input-cursor-alternative-blinker: var(--ui-colors-text-base); --ui-colors-input-cursor-blinker: var(--ui-colors-text-brand); --ui-colors-input-cursor-ondark-blinker: var(--ui-colors-text-brand-ondark); --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-ondark: var(--ui-colors-icon-ondark); --ui-colors-input-icon-ondark-hover: var(--ui-base-colors-white-900); --ui-colors-input-icon-ondark-pressed: var(--ui-base-colors-white-800); --ui-colors-input-icon-ondark-secondary: var(--ui-colors-icon-ondark-secondary); --ui-colors-input-icon-secondary: var(--ui-colors-icon-base-tertiary); --ui-colors-input-label-default-active: var(--ui-colors-text-brand); --ui-colors-input-label-default: var(--ui-colors-text-base-secondary); --ui-colors-input-label-default-disabled: var(--ui-colors-text-disabled); --ui-colors-input-label-ondark: var(--ui-colors-text-ondark-secondary); --ui-colors-input-label-ondark-active: var(--ui-colors-text-brand-ondark); --ui-colors-input-label-ondark-disabled: var(--ui-base-colors-white-100); --ui-colors-input-placeholder-default: var(--ui-colors-text-base-tertiary); --ui-colors-input-placeholder-ondark: var(--ui-base-colors-white-400); --ui-colors-input-text-default: var(--ui-colors-text-base); --ui-colors-input-text-default-disabled: var(--ui-colors-text-disabled); --ui-colors-input-text-ondark: var(--ui-colors-text-ondark); --ui-colors-input-text-ondark-disabled: var(--ui-base-colors-white-100); --ui-colors-link-inverse-default: var(--ui-colors-text-brand-ondark); --ui-colors-link-inverse-default-hover: var(--ui-colors-text-brand-hover); --ui-colors-link-inverse-default-pressed: var(--ui-colors-text-brand-active); --ui-colors-link-inverse-default-line: var(--ui-colors-text-inverse); --ui-colors-link-inverse-hover-line: var(--ui-colors-text-brand); --ui-colors-link-inverse-pressed-line: var(--ui-colors-text-brand-active); --ui-colors-link-ondark-default: var(--ui-colors-text-ondark); --ui-colors-link-ondark-default-hover: var(--ui-colors-text-brand); --ui-colors-link-ondark-default-pressed: var(--ui-colors-text-brand-active); --ui-colors-link-primary-default: var(--ui-colors-text-brand); --ui-colors-link-primary-default-hover: var(--ui-colors-text-brand-hover); --ui-colors-link-primary-default-pressed: var(--ui-colors-text-brand-active); --ui-colors-link-secondary-default: var(--ui-colors-text-base); --ui-colors-link-secondary-default-hover: var(--ui-colors-text-brand); --ui-colors-link-secondary-default-pressed: var(--ui-colors-text-brand-active); --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-ondark-active: var(--ui-base-colors-white-1000); --ui-colors-menu-bg-ondark-hover: var(--ui-base-colors-white-0); --ui-colors-menu-bg-ondark-secondary-active: var(--ui-base-colors-white-50); --ui-colors-menu-bg-ondark-secondary-hover: var(--ui-base-colors-white-0); --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-ondark: var(--ui-base-colors-white-400); --ui-colors-menu-caption-ondark-hover: var(--ui-base-colors-white-600); --ui-colors-menu-caption-ondark-primary-active: var(--ui-colors-icon-onlight-secondary); --ui-colors-menu-caption-ondark-secondary-active: var(--ui-base-colors-white-700); --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-switch-thumb-bg: var(--ui-colors-icon-ondark); --ui-colors-tabBtn-bg-alternative: var(--ui-colors-opacity-base-16); --ui-colors-tabBtn-bg-alternative-hover: var(--ui-colors-opacity-base-24); --ui-colors-tabBtn-bg-alternative-pressed: var(--ui-colors-bg-inverse); --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-16); --ui-colors-tabBtn-bg-primary-hover: var(--ui-colors-opacity-base-24); --ui-colors-tabBtn-bg-primary-pressed: var(--ui-colors-bg-brand); --ui-colors-tabBtn-bg-secondary: var(--ui-colors-opacity-base-16); --ui-colors-tabBtn-bg-secondary-hover: var(--ui-colors-opacity-base-24); --ui-colors-tabBtn-bg-secondary-pressed: var(--ui-colors-opacity-base-40); --ui-colors-tabBtn-label-alternative: var(--ui-colors-text-base-secondary); --ui-colors-tabBtn-label-alternative-hover: var(--ui-colors-text-base-hover); --ui-colors-tabBtn-label-alternative-pressed: var(--ui-colors-text-inverse); --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-base-colors-yellow-300); --ui-colors-tag-bg-brand-low: var(--ui-colors-opacity-brand-24); --ui-colors-tag-bg-negative-high: var(--ui-colors-bg-negative); --ui-colors-tag-bg-negative-low: var(--ui-colors-opacity-negative-24); --ui-colors-tag-bg-onlight-base: var(--ui-base-colors-black-25); --ui-colors-tag-bg-onlight-brand-high: var(--ui-base-colors-yellow-200); --ui-colors-tag-bg-onlight-brand-low: rgba(255, 186, 48, 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-bg-positive-high: var(--ui-colors-bg-positive); --ui-colors-tag-bg-positive-low: var(--ui-colors-opacity-positive-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-yellow-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-brandr-high: var(--ui-colors-text-onbrand); --ui-colors-tag-icon-marketing: var(--ui-base-colors-white-1000); --ui-colors-tag-icon-negative: var(--ui-colors-icon-negative); --ui-colors-tag-icon-negative-high: var(--ui-colors-text-onnegative); --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-positive-high: var(--ui-colors-text-onpositive); --ui-colors-tag-icon-warning: var(--ui-colors-icon-warning); --ui-colors-tag-icon-warning-high: var(--ui-colors-text-onwarning); --ui-colors-tag-text-brandr-high: var(--ui-colors-text-onlight); --ui-colors-tag-text-marketing: var(--ui-base-colors-white-1000); --ui-colors-tag-text-negative: var(--ui-colors-text-negative-hover); --ui-colors-tag-text-negative-high: var(--ui-colors-text-onnegative); --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-positive-high: var(--ui-colors-text-onpositive); --ui-colors-tag-text-warning: var(--ui-colors-text-warning-hover); --ui-colors-tag-text-warning-high: var(--ui-colors-text-onwarning); --ui-colors-toggle-bg-fill-alternative: var(--ui-colors-opacity-base-16); --ui-colors-toggle-bg-fill-alternative-hover: var(--ui-colors-opacity-base-24); --ui-colors-toggle-bg-fill-alternative-pressed: var(--ui-colors-bg-inverse); --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-40); --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-brand-8); --ui-colors-toggle-bg-ghost-primary-pressed: var(--ui-colors-opacity-brand-16); --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-alternative-pressed: var(--ui-colors-text-inverse); --ui-colors-toggle-label-altertanive-pressed: var(--ui-colors-text-inverse); --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-colors-tooltip-bg-default: var(--ui-base-colors-silver-1000); --ui-colors-tooltip-label-default: var(--ui-colors-text-ondark); --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(180deg, var(--ui-colors-bg-dark) 0%, rgba(23, 23, 25, 0.64) 100%), var(--ui-colors-bg-positive); --ui-gradient-accent-negative: linear-gradient(180deg, var(--ui-colors-bg-dark) 0%, rgba(23, 23, 25, 0.64) 100%), var(--ui-colors-bg-negative); --ui-gradient-accent-black: linear-gradient(225deg, var(--ui-colors-opacity-base-24) -0.21%, var(--ui-base-colors-black-150) 45.81%, var(--ui-base-colors-black-400) 96.67%), var(--ui-colors-bg-dark); --ui-gradient-accent-dark: linear-gradient(225deg, rgba(79, 79, 89, 0.24) -0.21%, rgba(0, 0, 0, 0.20) 45.81%, rgba(0, 0, 0, 0.40) 96.67%), var(--ui-colors-bg-dark); --ui-gradient-accent-chartPositive: linear-gradient(180deg, var(--ui-colors-opacity-positive-24) 0%, var(--ui-colors-opacity-positive-0) 100%); --ui-gradient-accent-chartNegative: linear-gradient(180deg, var(--ui-colors-opacity-negative-24) 0%, var(--ui-colors-opacity-negative-0) 100%); --ui-gradient-accent-lineShade: linear-gradient(180deg, var(--ui-colors-data-graph-opacity-start) 0%, var(--ui-colors-data-graph-opacity-end) 100%); --ui-gradient-accent-brand: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.25) 100%), var(--ui-colors-bg-brand); --ui-gradient-accent-neutral: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.22) 100%), var(--ui-colors-icon-base-tertiary); --ui-gradient-accent-icon-brand: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.25) 100%), var(--ui-colors-bg-brand); --ui-gradient-accent-icon-neutral: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.22) 100%), var(--ui-colors-icon-base-tertiary); --ui-gradient-accent-icon-black: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.00) 100%), var(--ui-colors-icon-base); --ui-shadow-cardLow: 0px 2px 6px 0px var(--ui-colors-shadow-x), 0px 7px 15px 0px var(--ui-colors-shadow-x); --ui-shadow-cardMid: 0px 2px 6px 0px var(--ui-colors-shadow-2x), 0px 10px 20px 0px var(--ui-colors-shadow-2x); --ui-shadow-cardHigh: 0px 5px 10px 0px var(--ui-colors-shadow-3x), 0px 20px 40px 0px var(--ui-colors-shadow-3x); --ui-shadow-cardDark: 0px 5px 10px 0px var(--ui-colors-shadow-4x), 0px 15px 20px 0px var(--ui-colors-shadow-4x), 0px 25px 50px 0px var(--ui-colors-shadow-4x); --ui-shadow-onChart: 0px 0px 0.5px 0px var(--ui-colors-shadow-2x), 0px 5px 10px 0px var(--ui-colors-shadow-2x), 0px 15px 30px 0px var(--ui-colors-shadow-2x); --ui-shadow-menuPopover: 0px 0px 1px 0px var(--ui-colors-shadow-3x), 0px 5px 10px 0px var(--ui-colors-shadow-4x), 0px 15px 30px 0px var(--ui-colors-shadow-4x); --ui-shadow-modalDialog: 0px 2px 4px 0px var(--ui-colors-shadow-2x), 0px 10px 20px 0px var(--ui-colors-shadow-5x), 0px 25px 50px 0px var(--ui-colors-shadow-5x); --ui-shadow-headerMenu: 0px 10px 20px 0px var(--ui-colors-shadow-2x), 0px 30px 80px 0px var(--ui-colors-shadow-4x); --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: #27272B; --ui-paletteLegacy-background-neutral-secondary: #2D2C30; --ui-paletteLegacy-background-neutral-tertiary: #1F1F21; --ui-paletteLegacy-background-neutral-popover: #2D2C30; --ui-paletteLegacy-background-neutral-primaryTransparent: rgba(40, 39, 43, 0.56); --ui-paletteLegacy-background-neutral-tertiaryTransparent: rgba(31, 31, 33, 0.56); --ui-paletteLegacy-background-neutral-dialogOverlay: rgba(0, 0, 0, 0.56); --ui-paletteLegacy-background-semantic-warning: #473C24; --ui-paletteLegacy-background-semantic-accent: #45312C; --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: #FF7C47; --ui-paletteLegacy-label-accentHigh: #FF9064; --ui-paletteLegacy-label-accentHighest: #FF9E77; --ui-paletteLegacy-label-primary: #E7E6EB; --ui-paletteLegacy-label-secondary: #A6A3AD; --ui-paletteLegacy-label-secondaryHigh: #D2D1D7; --ui-paletteLegacy-label-tertiary: #817E87; --ui-paletteLegacy-label-tertiaryHigh: #97959E; --ui-paletteLegacy-label-placeholder: #65646B; --ui-paletteLegacy-label-inactive: rgba(154, 151, 161, 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: #FF8D5C; --ui-paletteLegacy-fill-primary-high: #FF7C47; --ui-paletteLegacy-fill-primary-mid: #E06D3F; --ui-paletteLegacy-fill-primary-low: #B05733; --ui-paletteLegacy-fill-primary-muted: #804128; --ui-paletteLegacy-fill-primary-overlay32: rgba(176, 86, 49, 0.32); --ui-paletteLegacy-fill-primary-overlay24: rgba(176, 86, 49, 0.24); --ui-paletteLegacy-fill-primary-overlay16: rgba(176, 86, 49, 0.16); --ui-paletteLegacy-fill-primary-overlay8: rgba(176, 86, 49, 0.08); --ui-paletteLegacy-fill-secondary-highest: #E0DFE5; --ui-paletteLegacy-fill-secondary-high: #A3A2A8; --ui-paletteLegacy-fill-secondary-mid: #7B7980; --ui-paletteLegacy-fill-secondary-low: #555359; --ui-paletteLegacy-fill-secondary-muted: #3F3E42; --ui-paletteLegacy-fill-secondary-overlay32: rgba(86, 85, 92, 0.32); --ui-paletteLegacy-fill-secondary-overlay24: rgba(86, 85, 92, 0.24); --ui-paletteLegacy-fill-secondary-overlay16: rgba(86, 85, 92, 0.16); --ui-paletteLegacy-fill-secondary-overlay8: rgba(86, 85, 92, 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: #161517; --ui-paletteLegacy-divider-secondary: #1E1E21; --ui-paletteLegacy-divider-tertiary: #09090A; --ui-paletteLegacy-divider-altPrimary: #4A494F; --ui-paletteLegacy-divider-altSecondary: #343338; --ui-paletteLegacy-static-backgroundPrimary: #27272B; --ui-paletteLegacy-static-black: #0A0A0A; --ui-paletteLegacy-static-blackAlfa72: rgba(10, 10, 10, 0.72); --ui-paletteLegacy-static-blackAlfa56: rgba(10, 10, 10, 0.56); --ui-paletteLegacy-static-blackAlfa24: rgba(10, 10, 10, 0.24); --ui-paletteLegacy-static-blackAlfa16: rgba(10, 10, 10, 0.16); --ui-paletteLegacy-static-blackAlfa8: rgba(10, 10, 10, 0.08); --ui-paletteLegacy-static-blackAlfa4: rgba(10, 10, 10, 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: #FF7C47; --ui-paletteLegacy-static-primaryAlfa32: rgba(224, 109, 63, 0.32); --ui-paletteLegacy-static-secondary: #A6A3AD; --ui-paletteLegacy-static-secondaryAlfa32: rgba(166, 163, 173, 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(0, 0, 0, 0.6); --ui-paletteLegacy-shadow-accent: 0px 3px 6px -2px rgba(86, 36, 16, 0.38), 0px 6px 12px rgba(88, 40, 24, 0.27), 0px 8px 16px rgba(0, 0, 0, 0.6); --ui-paletteLegacy-shadow-popover: 0px 4px 16px rgba(0, 0, 0, 0.7), 0px 16px 40px rgba(0, 0, 0, 0.32); --ui-paletteLegacy-shadow-dialog: 0px 12px 16px rgba(0, 0, 0, 0.32), 0px 24px 56px rgba(0, 0, 0, 0.56); --ui-paletteLegacy-shadow-cardEasy: 0px 6px 16px rgba(0, 0, 0, 0.2); --ui-paletteLegacy-shadow-cardHeavy: 0px 1px 4px rgba(0, 0, 0, 0.2), 0px 6px 16px rgba(0, 0, 0, 0.4); --ui-paletteLegacy-shadow-headerWeb: 0px 1px 4px rgba(0, 0, 0, 0.4), 0px 6px 16px rgba(0, 0, 0, 0.4); } .fin-theme-light { --ui-mode: light; --ui-variant: finam; --ui-colors-bg-base-active: var(--ui-base-colors-silver-25); --ui-colors-bg-base: var(--ui-base-colors-white-1000); --ui-colors-bg-base-hover: var(--ui-base-colors-silver-0); --ui-colors-bg-base-elevated: var(--ui-base-colors-white-1000); --ui-colors-bg-base-secondary: var(--ui-base-colors-silver-0); --ui-colors-bg-base-secondary-active: var(--ui-base-colors-silver-50); --ui-colors-bg-base-secondary-hover: var(--ui-base-colors-silver-25); --ui-colors-bg-base-tertiary: var(--ui-base-colors-silver-25); --ui-colors-bg-base-tertiary-active: var(--ui-base-colors-silver-100); --ui-colors-bg-base-tertiary-hover: var(--ui-base-colors-silver-50); --ui-colors-bg-base-tooltip: var(--ui-base-colors-silver-950); --ui-colors-bg-brand-active: var(--ui-base-colors-yellow-500); --ui-colors-bg-brand: var(--ui-base-colors-yellow-300); --ui-colors-bg-brand-hover: var(--ui-base-colors-yellow-400); --ui-colors-bg-brand-inverse: var(--ui-base-colors-yellow-400); --ui-colors-bg-brand-inverse-active: var(--ui-base-colors-yellow-600); --ui-colors-bg-brand-inverse-hover: var(--ui-base-colors-yellow-500); --ui-colors-bg-brand-secondary: var(--ui-base-colors-yellow-25); --ui-colors-bg-brand-secondary-active: var(--ui-base-colors-yellow-100); --ui-colors-bg-brand-secondary-hover: var(--ui-base-colors-yellow-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-active: var(--ui-base-colors-silver-600); --ui-colors-bg-dark: var(--ui-base-colors-silver-1000); --ui-colors-bg-dark-hover: var(--ui-base-colors-silver-800); --ui-colors-bg-dark-secondary: var(--ui-base-colors-silver-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(250, 250, 252, 0.8); --ui-colors-bg-glass-tertiary: rgba(242, 242, 247, 0.8); --ui-colors-bg-inverse-active: var(--ui-base-colors-silver-700); --ui-colors-bg-inverse: var(--ui-base-colors-silver-1000); --ui-colors-bg-inverse-hover: var(--ui-base-colors-silver-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(250, 250, 252, 0.56); --ui-colors-bg-opacity-tertiary: rgba(242, 242, 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-silver-950); --ui-colors-border-base: var(--ui-base-colors-silver-50); --ui-colors-border-base-elevated: var(--ui-colors-opacity-base-40); --ui-colors-border-base-secondary: var(--ui-base-colors-silver-100); --ui-colors-border-base-select: var(--ui-base-colors-silver-150); --ui-colors-border-base-select-active: var(--ui-base-colors-silver-700); --ui-colors-border-base-select-hover: var(--ui-base-colors-silver-300); --ui-colors-border-base-strong: var(--ui-base-colors-silver-300); --ui-colors-border-base-tertiary: var(--ui-base-colors-silver-150); --ui-colors-border-brand-active: var(--ui-base-colors-yellow-400); --ui-colors-border-brand: var(--ui-base-colors-yellow-200); --ui-colors-border-brand-focus: var(--ui-base-colors-yellow-100); --ui-colors-border-brand-hover: var(--ui-base-colors-yellow-300); --ui-colors-border-brand-inverse-active: var(--ui-base-colors-yellow-600); --ui-colors-border-brand-inverse-hover: var(--ui-base-colors-yellow-700); --ui-colors-border-brand-ondark: var(--ui-base-colors-yellow-800); --ui-colors-border-brand-onlight: var(--ui-base-colors-yellow-200); --ui-colors-border-brand-secondary: var(--ui-base-colors-yellow-150); --ui-colors-border-disabled: var(--ui-colors-opacity-base-40); --ui-colors-border-inverse: var(--ui-base-colors-silver-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-600); --ui-colors-border-ondark-secondary: var(--ui-base-colors-white-50); --ui-colors-border-onlight: var(--ui-base-colors-black-500); --ui-colors-border-onlight-secondary: var(--ui-base-colors-black-50); --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: #A22DF7; --ui-colors-data-chart-2: #EE8F4C; --ui-colors-data-chart-3: #F2BF4C; --ui-colors-data-chart-4: #FF6B6E; --ui-colors-data-chart-5: #3178D7; --ui-colors-data-chart-6: #26C69A; --ui-colors-data-chart-7: #E838C0; --ui-colors-data-chart-8: #4441FC; --ui-colors-data-chart-9: #81DA51; --ui-colors-data-chart-10: #E64D3C; --ui-colors-data-chart-11: #A7359B; --ui-colors-data-chart-12: #7E57FE; --ui-colors-data-chart-13: #8EBB1D; --ui-colors-data-chart-14: #2DACE7; --ui-colors-data-chart-15: #B4AEC7; --ui-colors-data-graph: var(--ui-base-colors-silver-950); --ui-colors-data-graph-shade: var(--ui-colors-opacity-base-24); --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-silver-400); --ui-colors-data-graph-opacity-end: var(--ui-colors-opacity-base-0); --ui-colors-data-graph-opacity-start: var(--ui-colors-opacity-base-40); --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-gradients-bg-1-end: var(--ui-base-gradientColors-pink-dark-2); --ui-colors-gradients-bg-1-middle1: var(--ui-base-gradientColors-red-default-1); --ui-colors-gradients-bg-1-middle2: var(--ui-base-gradientColors-violette-default-3); --ui-colors-gradients-bg-1-start: var(--ui-base-gradientColors-yellow-dark-1); --ui-colors-gradients-bg-2-end: var(--ui-base-gradientColors-yellow-light-1); --ui-colors-gradients-bg-2-middle1: var(--ui-base-gradientColors-pink-dark-3); --ui-colors-gradients-bg-2-middle2: var(--ui-base-gradientColors-pink-default-1); --ui-colors-gradients-bg-2-middle3: var(--ui-base-gradientColors-orange-default-2); --ui-colors-gradients-bg-2-middle4: var(--ui-base-gradientColors-yellow-light-3); --ui-colors-gradients-bg-2-start: var(--ui-base-colors-gray-950); --ui-colors-gradients-bg-3-end: var(--ui-base-gradientColors-violette-opacity-1); --ui-colors-gradients-bg-3-middle1: var(--ui-base-gradientColors-orange-light-3); --ui-colors-gradients-bg-3-middle2: var(--ui-base-gradientColors-pink-light-2); --ui-colors-gradients-bg-3-middle3: var(--ui-base-gradientColors-pink-default-4); --ui-colors-gradients-bg-3-start: var(--ui-base-gradientColors-orange-light-1); --ui-colors-gradients-bg-4-end: var(--ui-base-gradientColors-orange-light-2); --ui-colors-gradients-bg-4-middle1: var(--ui-base-gradientColors-violette-dark-4); --ui-colors-gradients-bg-4-middle2: var(--ui-base-gradientColors-violette-dark-4); --ui-colors-gradients-bg-4-middle3: var(--ui-base-gradientColors-pink-default-3); --ui-colors-gradients-bg-4-middle4: var(--ui-base-gradientColors-orange-default-1); --ui-colors-gradients-bg-4-start: var(--ui-base-colors-gray-1000); --ui-colors-gradients-bg-5-end: var(--ui-colors-bg-base); --ui-colors-gradients-bg-5-start: var(--ui-colors-bg-base); --ui-colors-gradients-border-primary-end: var(--ui-base-gradientColors-yellow-dark-2); --ui-colors-gradients-border-primary-middle1: var(--ui-base-gradientColors-red-default-2); --ui-colors-gradients-border-primary-middle2: var(--ui-base-gradientColors-orange-dark-3); --ui-colors-gradients-border-primary-start: var(--ui-base-gradientColors-violette-default-1); --ui-colors-gradients-border-secondary-end: var(--ui-base-gradientColors-violette-default-2); --ui-colors-gradients-border-secondary-middle1: var(--ui-base-gradientColors-orange-dark-4); --ui-colors-gradients-border-secondary-middle2: var(--ui-base-gradientColors-red-default-2); --ui-colors-gradients-border-secondary-start: var(--ui-base-gradientColors-orange-dark-3); --ui-colors-gradients-border-tertiary-end: var(--ui-base-gradientColors-violette-opacity-1); --ui-colors-gradients-border-tertiary-middle1: var(--ui-base-gradientColors-violette-default-1); --ui-colors-gradients-border-tertiary-middle2: var(--ui-base-gradientColors-red-default-2); --ui-colors-gradients-border-tertiary-middle3: var(--ui-base-gradientColors-yellow-default-4); --ui-colors-gradients-border-tertiary-middle4: var(--ui-base-gradientColors-violette-default-1); --ui-colors-gradients-border-tertiary-start: var(--ui-base-gradientColors-violette-opacity-1); --ui-colors-gradients-button-alternative-end: var(--ui-base-colors-silver-1000); --ui-colors-gradients-button-alternative-middle1: var(--ui-base-colors-silver-300); --ui-colors-gradients-button-alternative-middle2: var(--ui-base-colors-silver-500); --ui-colors-gradients-button-alternative-start: var(--ui-base-colors-silver-150); --ui-colors-gradients-button-marketing-end: var(--ui-base-gradientColors-violette-dark-1); --ui-colors-gradients-button-marketing-end-hover: var(--ui-base-gradientColors-violette-dark-1); --ui-colors-gradients-button-marketing-middle1: var(--ui-base-gradientColors-orange-dark-1); --ui-colors-gradients-button-marketing-middle1-hover: var(--ui-base-gradientColors-orange-dark-1); --ui-colors-gradients-button-marketing-middle2: var(--ui-base-gradientColors-pink-default-2); --ui-colors-gradients-button-marketing-middle2-hover: var(--ui-base-gradientColors-pink-default-2); --ui-colors-gradients-button-marketing-middle3: var(--ui-base-gradientColors-pink-default-6); --ui-colors-gradients-button-marketing-middle3-hover: var(--ui-base-gradientColors-pink-default-6); --ui-colors-gradients-button-marketing-middle: var(--ui-base-gradientColors-orange-light-6); --ui-colors-gradients-button-marketing-middle-hover: var(--ui-base-gradientColors-orange-light-6); --ui-colors-gradients-button-marketing-start: var(--ui-base-gradientColors-yellow-light-4); --ui-colors-gradients-button-marketing-start-hover: var(--ui-base-gradientColors-yellow-light-4); --ui-colors-gradients-button-ondark-end: var(--ui-base-gradientColors-orange-light-3); --ui-colors-gradients-button-ondark-middle1: var(--ui-base-gradientColors-violette-light-1); --ui-colors-gradients-button-ondark-start: var(--ui-base-gradientColors-violette-light-1); --ui-colors-gradients-button-outline-end: var(--ui-base-gradientColors-orange-light-5); --ui-colors-gradients-button-outline-middle1: var(--ui-base-gradientColors-orange-light-1); --ui-colors-gradients-button-outline-start: var(--ui-base-gradientColors-yellow-default-4); --ui-colors-gradients-button-primary-end: var(--ui-base-gradientColors-yellow-default-4); --ui-colors-gradients-button-primary-middle1: var(--ui-base-gradientColors-yellow-default-2); --ui-colors-gradients-button-primary-middle2: var(--ui-base-gradientColors-yellow-default-3); --ui-colors-gradients-button-primary-start: var(--ui-base-gradientColors-yellow-light-1); --ui-colors-gradients-button-secondary-end: var(--ui-base-gradientColors-orange-light-4); --ui-colors-gradients-button-secondary-middle1: var(--ui-base-gradientColors-orange-light-5); --ui-colors-gradients-button-secondary-start: var(--ui-base-gradientColors-orange-light-1); --ui-colors-gradients-glow-primary-end: var(--ui-base-gradientColors-violette-opacity-5); --ui-colors-gradients-glow-primary-middle1: var(--ui-base-gradientColors-yellow-opacity-2); --ui-colors-gradients-glow-primary-middle2: var(--ui-base-gradientColors-pink-opacity-3); --ui-colors-gradients-glow-primary-start: var(--ui-base-gradientColors-violette-light-1); --ui-colors-gradients-glow-secondary-end: var(--ui-base-gradientColors-violette-opacity-2); --ui-colors-gradients-glow-secondary-start: var(--ui-base-gradientColors-orange-light-3); --ui-colors-gradients-glow-tertiary-end: var(--ui-base-gradientColors-violette-opacity-2); --ui-colors-gradients-glow-tertiary-start: var(--ui-base-gradientColors-violette-light-1); --ui-colors-gradients-icon-primary-end: var(--ui-base-gradientColors-violette-default-2); --ui-colors-gradients-icon-primary-middle: var(--ui-base-gradientColors-orange-dark-1); --ui-colors-gradients-icon-primary-start: var(--ui-base-gradientColors-yellow-dark-2); --ui-colors-gradients-icon-secondary-end: var(--ui-base-gradientColors-orange-dark-2); --ui-colors-gradients-icon-secondary-start: var(--ui-base-gradientColors-yellow-dark-2); --ui-colors-gradients-tabline-primary-end: var(--ui-base-gradientColors-violette-default-1); --ui-colors-gradients-tabline-primary-middle1: var(--ui-base-gradientColors-red-default-2); --ui-colors-gradients-tabline-primary-middle2: var(--ui-base-gradientColors-orange-dark-3); --ui-colors-gradients-tabline-primary-middle3: var(--ui-base-gradientColors-yellow-dark-1); --ui-colors-gradients-tabline-primary-middle4: var(--ui-base-gradientColors-orange-dark-3); --ui-colors-gradients-tabline-primary-middle5: var(--ui-base-gradientColors-red-default-2); --ui-colors-gradients-tabline-primary-start: var(--ui-base-gradientColors-violette-default-2); --ui-colors-gradients-text-large-end: var(--ui-base-gradientColors-violette-default-2); --ui-colors-gradients-text-large-middle1: var(--ui-base-gradientColors-orange-dark-1); --ui-colors-gradients-text-large-start: var(--ui-base-gradientColors-yellow-dark-2); --ui-colors-gradients-text-small-end: var(--ui-base-gradientColors-orange-dark-2); --ui-colors-gradients-text-small-start: var(--ui-base-gradientColors-yellow-dark-2); --ui-colors-icon-base-active: var(--ui-base-colors-silver-950); --ui-colors-icon-base: var(--ui-base-colors-silver-950); --ui-colors-icon-base-hover: var(--ui-base-colors-silver-700); --ui-colors-icon-base-secondary: var(--ui-base-colors-silver-500); --ui-colors-icon-base-tertiary: var(--ui-base-colors-silver-300); --ui-colors-icon-brand-active: var(--ui-base-colors-yellow-700); --ui-colors-icon-brand: var(--ui-base-colors-yellow-500); --ui-colors-icon-brand-hover: var(--ui-base-colors-yellow-600); --ui-colors-icon-brand-inverse: var(--ui-base-colors-yellow-500); --ui-colors-icon-brand-inverse-active: var(--ui-base-colors-yellow-300); --ui-colors-icon-brand-inverse-hover: var(--ui-base-colors-yellow-400); --ui-colors-icon-brand-ondark: var(--ui-base-colors-yellow-500); --ui-colors-icon-brand-onlight: var(--ui-base-colors-yellow-500); --ui-colors-icon-brand-secondary: var(--ui-base-colors-yellow-400); --ui-colors-icon-disabled: var(--ui-base-colors-silver-200); --ui-colors-icon-disabled-ondark: var(--ui-base-colors-white-100); --ui-colors-icon-disabled-onlight: var(--ui-base-colors-silver-150); --ui-colors-icon-inverse: var(--ui-base-colors-silver-50); --ui-colors-icon-inverse-secondary: var(--ui-base-colors-silver-300); --ui-colors-icon-inverse-tertiary: var(--ui-base-colors-silver-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-black-1000); --ui-colors-icon-onbrand-secondary: var(--ui-base-colors-black-600); --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-silver-950); --ui-colors-icon-onlight-secondary: var(--ui-base-colors-silver-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-black-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(192, 192, 204, 0); --ui-colors-opacity-base-4: rgba(192, 192, 204, 0.04); --ui-colors-opacity-base-8: rgba(192, 192, 204, 0.08); --ui-colors-opacity-base-12: rgba(192, 192, 204, 0.12); --ui-colors-opacity-base-16: rgba(192, 192, 204, 0.16); --ui-colors-opacity-base-20: rgba(192, 192, 204, 0.2); --ui-colors-opacity-base-24: rgba(192, 192, 204, 0.24); --ui-colors-opacity-base-28: rgba(192, 192, 204, 0.28); --ui-colors-opacity-base-32: rgba(192, 192, 204, 0.32); --ui-colors-opacity-base-36: rgba(192, 192, 204, 0.36); --ui-colors-opacity-base-40: rgba(192, 192, 204, 0.4); --ui-colors-opacity-base-44: rgba(192, 192, 204, 0.44); --ui-colors-opacity-base-48: rgba(192, 192, 204, 0.48); --ui-colors-opacity-base-52: rgba(192, 192, 204, 0.52); --ui-colors-opacity-base-56: rgba(192, 192, 204, 0.56); --ui-colors-opacity-base-60: rgba(192, 192, 204, 0.6); --ui-colors-opacity-base-64: rgba(192, 192, 204, 0.64); --ui-colors-opacity-base-68: rgba(192, 192, 204, 0.68); --ui-colors-opacity-base-72: rgba(192, 192, 204, 0.72); --ui-colors-opacity-base-76: rgba(192, 192, 204, 0.76); --ui-colors-opacity-base-80: rgba(192, 192, 204, 0.8); --ui-colors-opacity-brand-0: rgba(255, 186, 48, 0); --ui-colors-opacity-brand-8: rgba(255, 186, 48, 0.08); --ui-colors-opacity-brand-16: rgba(255, 186, 48, 0.16); --ui-colors-opacity-brand-24: rgba(255, 186, 48, 0.24); --ui-colors-opacity-brand-32: rgba(255, 186, 48, 0.32); --ui-colors-opacity-negative-0: rgba(252, 122, 124, 0); --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-0: rgba(62, 179, 139, 0); --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-0: rgba(255, 186, 48, 0); --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(57, 57, 66, 0.06); --ui-colors-shadow-3x: rgba(57, 57, 66, 0.12); --ui-colors-shadow-4x: rgba(57, 57, 66, 0.16); --ui-colors-shadow-5x: rgba(57, 57, 66, 0.2); --ui-colors-shadow-x: rgba(57, 57, 66, 0.03); --ui-colors-text-base-active: var(--ui-base-colors-silver-950); --ui-colors-text-base: var(--ui-base-colors-silver-950); --ui-colors-text-base-hover: var(--ui-base-colors-silver-700); --ui-colors-text-base-secondary: var(--ui-base-colors-silver-500); --ui-colors-text-base-tertiary: var(--ui-base-colors-silver-300); --ui-colors-text-brand-active: var(--ui-base-colors-yellow-800); --ui-colors-text-brand: var(--ui-base-colors-yellow-600); --ui-colors-text-brand-hover: var(--ui-base-colors-yellow-700); --ui-colors-text-brand-inverse: var(--ui-base-colors-yellow-500); --ui-colors-text-brand-inverse-active: var(--ui-base-colors-yellow-300); --ui-colors-text-brand-inverse-hover: var(--ui-base-colors-yellow-400); --ui-colors-text-brand-ondark: var(--ui-base-colors-yellow-500); --ui-colors-text-brand-onlight: var(--ui-base-colors-yellow-600); --ui-colors-text-disabled: var(--ui-base-colors-silver-200); --ui-colors-text-disabled-ondark: var(--ui-base-colors-white-100); --ui-colors-text-disabled-onlight: var(--ui-base-colors-silver-200); --ui-colors-text-inverse: var(--ui-base-colors-silver-50); --ui-colors-text-inverse-secondary: var(--ui-base-colors-silver-300); --ui-colors-text-inverse-tertiary: var(--ui-base-colors-silver-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-400); --ui-colors-text-negative-onlight: var(--ui-base-colors-red-500); --ui-colors-text-onbrand: var(--ui-base-colors-black-1000); --ui-colors-text-onbrand-secondary: var(--ui-base-colors-black-600); --ui-colors-text-ondark: var(--ui-base-colors-white-1000); --ui-colors-text-ondark-secondary: var(--ui-base-colors-white-600); --ui-colors-text-onlight: var(--ui-base-colors-silver-950); --ui-colors-text-onlight-secondary: var(--ui-base-colors-silver-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-400); --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-500); --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: var(--ui-base-colors-white-1000); --ui-colors-button-bg-alternative-ondark-disabled: var(--ui-base-colors-white-0); --ui-colors-button-bg-alternative-ondark-hover: var(--ui-base-colors-white-25); --ui-colors-button-bg-alternative-ondark-pressed: var(--ui-base-colors-white-100); --ui-colors-button-bg-alternative-ondark-secondary: var(--ui-base-colors-white-100); --ui-colors-button-bg-alternative-onlight-hover: var(--ui-base-colors-black-25); --ui-colors-button-bg-alternative-onlight-pressed: var(--ui-base-colors-black-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-accent: var(--ui-colors-text-ondark); --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-200); --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-chat-bg-client: var(--ui-base-colors-silver-100); --ui-colors-chat-bg-oper: var(--ui-base-colors-white-1000); --ui-colors-control-bg-default: var(--ui-colors-opacity-base-0); --ui-colors-control-bg-default-active: var(--ui-base-colors-yellow-400); --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-silver-950); --ui-colors-control-bg-brand-disabled: var(--ui-colors-opacity-base-40); --ui-colors-control-bg-inactive: var(--ui-base-colors-silver-200); --ui-colors-control-border-default: var(--ui-colors-border-base-strong); --ui-colors-control-border-default-active: var(--ui-base-colors-yellow-400); --ui-colors-control-border-default-disabled: var(--ui-colors-border-disabled); --ui-colors-control-border-alternative-active: var(--ui-colors-bg-inverse); --ui-colors-control-icon-default: var(--ui-base-colors-silver-200); --ui-colors-control-icon-default-active: var(--ui-base-colors-yellow-400); --ui-colors-control-icon-default-disabled: var(--ui-base-colors-silver-100); --ui-colors-control-icon-default-hover: var(--ui-colors-icon-base-tertiary); --ui-colors-control-icon-alternative: var(--ui-base-colors-white-1000); --ui-colors-control-icon-alternative-active: var(--ui-base-colors-silver-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-base-colors-yellow-500); --ui-colors-indicator-bg-alternative-active: var(--ui-base-colors-silver-950); --ui-colors-indicator-bg-inactive: var(--ui-colors-opacity-base-56); --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-bg-ondark: var(--ui-base-colors-white-0); --ui-colors-input-bg-ondark-active: var(--ui-base-colors-white-50); --ui-colors-input-bg-ondark-disabled: var(--ui-base-colors-white-0); --ui-colors-input-bg-ondark-error: var(--ui-colors-opacity-negative-16); --ui-colors-input-bg-ondark-hover: var(--ui-base-colors-white-25); --ui-colors-input-bg-ondark-ghost-active: var(--ui-base-colors-white-100); --ui-colors-input-bg-ondark-ghost-hover: var(--ui-base-colors-white-25); --ui-colors-input-border-default-active: var(--ui-colors-border-brand-active); --ui-colors-input-border-default: var(--ui-colors-border-base-select); --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-ondark: var(--ui-colors-border-ondark); --ui-colors-input-border-ondark-active: var(--ui-colors-border-brand-ondark); --ui-colors-input-border-ondark-disabled: var(--ui-base-colors-white-100); --ui-colors-input-border-ondark-error: var(--ui-colors-border-negative-ondark); --ui-colors-input-border-ondark-hover: var(--ui-base-colors-white-900); --ui-colors-input-border-ondark-shade-active: var(--ui-colors-opacity-brand-16); --ui-colors-input-border-ondark-shade-error: var(--ui-colors-opacity-negative-16); --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-caption-ondark: var(--ui-base-colors-white-400); --ui-colors-input-cursor-alternative-blinker: var(--ui-colors-text-base); --ui-colors-input-cursor-blinker: var(--ui-colors-text-brand); --ui-colors-input-cursor-ondark-blinker: var(--ui-colors-text-brand-ondark); --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-ondark: var(--ui-colors-icon-ondark); --ui-colors-input-icon-ondark-hover: var(--ui-base-colors-white-900); --ui-colors-input-icon-ondark-pressed: var(--ui-base-colors-white-800); --ui-colors-input-icon-ondark-secondary: var(--ui-colors-icon-ondark-secondary); --ui-colors-input-icon-secondary: var(--ui-colors-icon-base-tertiary); --ui-colors-input-label-default-active: var(--ui-colors-text-brand); --ui-colors-input-label-default: var(--ui-colors-text-base-secondary); --ui-colors-input-label-default-disabled: var(--ui-colors-text-disabled); --ui-colors-input-label-ondark: var(--ui-colors-text-ondark-secondary); --ui-colors-input-label-ondark-active: var(--ui-colors-text-brand-ondark); --ui-colors-input-label-ondark-disabled: var(--ui-base-colors-white-100); --ui-colors-input-placeholder-default: var(--ui-colors-text-base-tertiary); --ui-colors-input-placeholder-ondark: var(--ui-base-colors-white-400); --ui-colors-input-text-default: var(--ui-colors-text-base); --ui-colors-input-text-default-disabled: var(--ui-colors-text-disabled); --ui-colors-input-text-ondark: var(--ui-colors-text-ondark); --ui-colors-input-text-ondark-disabled: var(--ui-base-colors-white-100); --ui-colors-link-inverse-default: var(--ui-colors-text-brand-ondark); --ui-colors-link-inverse-default-hover: var(--ui-colors-text-brand-hover); --ui-colors-link-inverse-default-pressed: var(--ui-colors-text-brand-active); --ui-colors-link-inverse-default-line: var(--ui-colors-text-inverse); --ui-colors-link-inverse-hover-line: var(--ui-colors-text-brand); --ui-colors-link-inverse-pressed-line: var(--ui-colors-text-brand-active); --ui-colors-link-ondark-default: var(--ui-colors-text-ondark); --ui-colors-link-ondark-default-hover: var(--ui-colors-text-brand); --ui-colors-link-ondark-default-pressed: var(--ui-colors-text-brand-active); --ui-colors-link-primary-default: var(--ui-colors-text-brand); --ui-colors-link-primary-default-hover: var(--ui-colors-text-brand-hover); --ui-colors-link-primary-default-pressed: var(--ui-colors-text-brand-active); --ui-colors-link-secondary-default: var(--ui-colors-text-base); --ui-colors-link-secondary-default-hover: var(--ui-colors-text-brand); --ui-colors-link-secondary-default-pressed: var(--ui-colors-text-brand-active); --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-ondark-active: var(--ui-base-colors-white-1000); --ui-colors-menu-bg-ondark-hover: var(--ui-base-colors-white-0); --ui-colors-menu-bg-ondark-secondary-active: var(--ui-base-colors-white-50); --ui-colors-menu-bg-ondark-secondary-hover: var(--ui-base-colors-white-0); --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-ondark: var(--ui-base-colors-white-400); --ui-colors-menu-caption-ondark-hover: var(--ui-base-colors-white-600); --ui-colors-menu-caption-ondark-primary-active: var(--ui-colors-icon-onlight-secondary); --ui-colors-menu-caption-ondark-secondary-active: var(--ui-base-colors-white-700); --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-switch-thumb-bg: var(--ui-colors-icon-ondark); --ui-colors-tabBtn-bg-alternative: var(--ui-colors-opacity-base-16); --ui-colors-tabBtn-bg-alternative-hover: var(--ui-colors-opacity-base-24); --ui-colors-tabBtn-bg-alternative-pressed: var(--ui-colors-bg-inverse); --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-16); --ui-colors-tabBtn-bg-primary-hover: var(--ui-colors-opacity-base-24); --ui-colors-tabBtn-bg-primary-pressed: var(--ui-colors-bg-brand); --ui-colors-tabBtn-bg-secondary: var(--ui-colors-opacity-base-16); --ui-colors-tabBtn-bg-secondary-hover: var(--ui-colors-opacity-base-24); --ui-colors-tabBtn-bg-secondary-pressed: var(--ui-colors-opacity-base-40); --ui-colors-tabBtn-label-alternative: var(--ui-colors-text-base-secondary); --ui-colors-tabBtn-label-alternative-hover: var(--ui-colors-text-base-hover); --ui-colors-tabBtn-label-alternative-pressed: var(--ui-colors-text-inverse); --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-base-colors-yellow-200); --ui-colors-tag-bg-brand-low: var(--ui-colors-opacity-brand-24); --ui-colors-tag-bg-negative-high: var(--ui-colors-bg-negative); --ui-colors-tag-bg-negative-low: var(--ui-colors-opacity-negative-24); --ui-colors-tag-bg-onlight-base: var(--ui-base-colors-black-25); --ui-colors-tag-bg-onlight-brand-high: var(--ui-base-colors-yellow-200); --ui-colors-tag-bg-onlight-brand-low: rgba(255, 186, 48, 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-bg-positive-high: var(--ui-colors-bg-positive); --ui-colors-tag-bg-positive-low: var(--ui-colors-opacity-positive-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-yellow-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-brandr-high: var(--ui-colors-text-onbrand); --ui-colors-tag-icon-marketing: var(--ui-base-colors-white-1000); --ui-colors-tag-icon-negative: var(--ui-colors-icon-negative); --ui-colors-tag-icon-negative-high: var(--ui-colors-text-onnegative); --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-positive-high: var(--ui-colors-text-onpositive); --ui-colors-tag-icon-warning: var(--ui-colors-icon-warning); --ui-colors-tag-icon-warning-high: var(--ui-colors-text-onwarning); --ui-colors-tag-text-brandr-high: var(--ui-colors-text-onlight); --ui-colors-tag-text-marketing: var(--ui-base-colors-white-1000); --ui-colors-tag-text-negative: var(--ui-colors-text-negative-hover); --ui-colors-tag-text-negative-high: var(--ui-colors-text-onnegative); --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-positive-high: var(--ui-colors-text-onpositive); --ui-colors-tag-text-warning: var(--ui-colors-text-warning-hover); --ui-colors-tag-text-warning-high: var(--ui-colors-text-onwarning); --ui-colors-toggle-bg-fill-alternative: var(--ui-colors-opacity-base-16); --ui-colors-toggle-bg-fill-alternative-hover: var(--ui-colors-opacity-base-24); --ui-colors-toggle-bg-fill-alternative-pressed: var(--ui-colors-bg-inverse); --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-40); --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-brand-8); --ui-colors-toggle-bg-ghost-primary-pressed: var(--ui-colors-opacity-brand-16); --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-alternative-pressed: var(--ui-colors-text-inverse); --ui-colors-toggle-label-altertanive-pressed: var(--ui-colors-text-inverse); --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-colors-tooltip-bg-default: var(--ui-base-colors-silver-950); --ui-colors-tooltip-label-default: var(--ui-colors-text-ondark); --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(180deg, var(--ui-colors-bg-dark) 0%, rgba(23, 23, 25, 0.64) 100%), var(--ui-colors-bg-positive); --ui-gradient-accent-negative: linear-gradient(180deg, var(--ui-colors-bg-dark) 0%, rgba(23, 23, 25, 0.64) 100%), var(--ui-colors-bg-negative); --ui-gradient-accent-black: linear-gradient(225deg, var(--ui-colors-opacity-base-24) -0.21%, var(--ui-base-colors-black-150) 45.81%, var(--ui-base-colors-black-400) 96.67%), var(--ui-colors-bg-dark); --ui-gradient-accent-dark: linear-gradient(225deg, rgba(192, 192, 204, 0.24) -0.21%, rgba(0, 0, 0, 0.20) 45.81%, rgba(0, 0, 0, 0.40) 96.67%), var(--ui-colors-bg-dark); --ui-gradient-accent-chartPositive: linear-gradient(180deg, var(--ui-colors-opacity-positive-24) 0%, var(--ui-colors-opacity-positive-0) 100%); --ui-gradient-accent-chartNegative: linear-gradient(180deg, var(--ui-colors-opacity-negative-24) 0%, var(--ui-colors-opacity-negative-0) 100%); --ui-gradient-accent-lineShade: linear-gradient(180deg, var(--ui-colors-data-graph-opacity-start) 0%, var(--ui-colors-data-graph-opacity-end) 100%); --ui-gradient-accent-brand: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.25) 100%), var(--ui-colors-bg-brand); --ui-gradient-accent-neutral: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.22) 100%), var(--ui-colors-icon-base-tertiary); --ui-gradient-accent-icon-brand: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.25) 100%), var(--ui-colors-bg-brand); --ui-gradient-accent-icon-neutral: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.22) 100%), var(--ui-colors-icon-base-tertiary); --ui-gradient-accent-icon-black: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.00) 100%), var(--ui-colors-icon-base); --ui-shadow-cardLow: 0px 2px 6px 0px var(--ui-colors-shadow-x), 0px 7px 15px 0px var(--ui-colors-shadow-x); --ui-shadow-cardMid: 0px 2px 6px 0px var(--ui-colors-shadow-2x), 0px 10px 20px 0px var(--ui-colors-shadow-2x); --ui-shadow-cardHigh: 0px 5px 10px 0px var(--ui-colors-shadow-3x), 0px 20px 40px 0px var(--ui-colors-shadow-3x); --ui-shadow-cardDark: 0px 5px 10px 0px var(--ui-colors-shadow-4x), 0px 15px 20px 0px var(--ui-colors-shadow-4x), 0px 25px 50px 0px var(--ui-colors-shadow-4x); --ui-shadow-onChart: 0px 0px 0.5px 0px var(--ui-colors-shadow-2x), 0px 5px 10px 0px var(--ui-colors-shadow-2x), 0px 15px 30px 0px var(--ui-colors-shadow-2x); --ui-shadow-menuPopover: 0px 0px 1px 0px var(--ui-colors-shadow-3x), 0px 5px 10px 0px var(--ui-colors-shadow-4x), 0px 15px 30px 0px var(--ui-colors-shadow-4x); --ui-shadow-modalDialog: 0px 2px 4px 0px var(--ui-colors-shadow-2x), 0px 10px 20px 0px var(--ui-colors-shadow-5x), 0px 25px 50px 0px var(--ui-colors-shadow-5x); --ui-shadow-headerMenu: 0px 10px 20px 0px var(--ui-colors-shadow-2x), 0px 30px 80px 0px var(--ui-colors-shadow-4x); --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: #FAF9FC; --ui-paletteLegacy-background-neutral-tertiary: #F1F0F5; --ui-paletteLegacy-background-neutral-popover: #FFFFFF; --ui-paletteLegacy-background-neutral-primaryTransparent: rgba(255, 255, 255, 0.56); --ui-paletteLegacy-background-neutral-tertiaryTransparent: rgba(241, 240, 245, 0.56); --ui-paletteLegacy-background-neutral-dialogOverlay: rgba(0, 0, 0, 0.32); --ui-paletteLegacy-background-semantic-warning: #FFF2C9; --ui-paletteLegacy-background-semantic-accent: #FFEBE0; --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, #FAF9FC 3.5%, rgba(250, 249, 252, 0) 96.51%); --ui-paletteLegacy-background-gradient-tertiary: linear-gradient(180deg, #F1F0F5 3.5%, rgba(241, 240, 245, 0) 96.51%); --ui-paletteLegacy-label-accent: #F06F37; --ui-paletteLegacy-label-accentHigh: #D9602D; --ui-paletteLegacy-label-accentHighest: #B74E21; --ui-paletteLegacy-label-primary: #202023; --ui-paletteLegacy-label-secondary: #797780; --ui-paletteLegacy-label-secondaryHigh: #4A494F; --ui-paletteLegacy-label-tertiary: #95929C; --ui-paletteLegacy-label-tertiaryHigh: #7C7A82; --ui-paletteLegacy-label-placeholder: #B1AEB8; --ui-paletteLegacy-label-inactive: rgba(122, 120, 130, 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: #DA622F; --ui-paletteLegacy-fill-primary-high: #ED6D37; --ui-paletteLegacy-fill-primary-mid: #FF7940; --ui-paletteLegacy-fill-primary-low: #FF976B; --ui-paletteLegacy-fill-primary-muted: #FFBA99; --ui-paletteLegacy-fill-primary-overlay32: rgba(255, 148, 102, 0.32); --ui-paletteLegacy-fill-primary-overlay24: rgba(255, 148, 102, 0.24); --ui-paletteLegacy-fill-primary-overlay16: rgba(255, 148, 102, 0.16); --ui-paletteLegacy-fill-primary-overlay8: rgba(255, 148, 102, 0.08); --ui-paletteLegacy-fill-secondary-highest: #28272B; --ui-paletteLegacy-fill-secondary-high: #65626B; --ui-paletteLegacy-fill-secondary-mid: #95929C; --ui-paletteLegacy-fill-secondary-low: #C9C7D1; --ui-paletteLegacy-fill-secondary-muted: #E0DFE5; --ui-paletteLegacy-fill-secondary-overlay32: rgba(192, 189, 201, 0.32); --ui-paletteLegacy-fill-secondary-overlay24: rgba(192, 189, 201, 0.24); --ui-paletteLegacy-fill-secondary-overlay16: rgba(192, 189, 201, 0.16); --ui-paletteLegacy-fill-secondary-overlay8: rgba(192, 189, 201, 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: #E7E6EB; --ui-paletteLegacy-divider-secondary: #DBDADE; --ui-paletteLegacy-divider-tertiary: #D3D2D6; --ui-paletteLegacy-divider-altPrimary: #DDDCE0; --ui-paletteLegacy-divider-altSecondary: #F1F0F5; --ui-paletteLegacy-static-backgroundPrimary: #27272B; --ui-paletteLegacy-static-black: #0A0A0A; --ui-paletteLegacy-static-blackAlfa72: rgba(10, 10, 10, 0.72); --ui-paletteLegacy-static-blackAlfa56: rgba(10, 10, 10, 0.56); --ui-paletteLegacy-static-blackAlfa24: rgba(10, 10, 10, 0.24); --ui-paletteLegacy-static-blackAlfa16: rgba(10, 10, 10, 0.16); --ui-paletteLegacy-static-blackAlfa8: rgba(10, 10, 10, 0.08); --ui-paletteLegacy-static-blackAlfa4: rgba(10, 10, 10, 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: #FF7C47; --ui-paletteLegacy-static-primaryAlfa32: rgba(224, 109, 63, 0.32); --ui-paletteLegacy-static-secondary: #A6A3AD; --ui-paletteLegacy-static-secondaryAlfa32: rgba(166, 163, 173, 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(0, 0, 0, 0.15); --ui-paletteLegacy-shadow-accent: 0px 3px 6px -2px rgba(226, 79, 20, 0.3), 0px 8px 12px rgba(139, 61, 44, 0.1), 0px 9px 16px rgba(56, 56, 67, 0.11); --ui-paletteLegacy-shadow-popover: 0px 4px 16px rgba(72, 74, 100, 0.24), 0px 16px 40px rgba(72, 74, 100, 0.16); --ui-paletteLegacy-shadow-dialog: 0px 12px 16px rgba(61, 61, 72, 0.1), 0px 24px 56px rgba(61, 61, 72, 0.38); --ui-paletteLegacy-shadow-cardEasy: 0px 6px 16px rgba(120, 123, 156, 0.08); --ui-paletteLegacy-shadow-cardHeavy: 0px 1px 4px rgba(126, 128, 150, 0.12), 0px 6px 16px rgba(126, 128, 150, 0.2); --ui-paletteLegacy-shadow-headerWeb: 0px 1px 4px rgba(126, 128, 150, 0.4), 0px 6px 16px rgba(126, 128, 150, 0.32); }