@new-ui/colors
Version:
1 lines • 103 kB
Source Map (JSON)
{"mappings":"ACAA,usJCAA,w+JCAA,g/JCAA,+rJCAA,s+JCAA,8+JCCA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CAEA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CAEA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,+CAEA,kCACA,kCACA,kCACA,kCACA,kCACA,kCACA,kCACA,kCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCACA,wCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCAEA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCACA,sCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,sCAGE,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,uHAIA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,oHACA,uHAGF,4CACA,gEACA,wDACA,8DACA,0EACA,wEAEA,6CACA,6CAGA,gDACA,mCACA,kDACA,gDACA,oDACA,gDAGA,8CACA,kDACA,0DACA,mEAAA,4EAGA,gDACA,0CACA,8CACA,0CAEA,oCACA,oCAGA,8CACA,kDACA,gDACA,gDACA,0CAGA,6BACA,0CACA,4CACA,4CAGA,gDACA,oDACA,oDACA","sources":["index.css","src/_theme-light.scss","src/_theme-light--warm.scss","src/_theme-light--cold.scss","src/_theme-dark.scss","src/_theme-dark--warm.scss","src/_theme-dark--cold.scss","src/_utilities.scss"],"sourcesContent":[":root, [data-new-ui-theme=\"light\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --background: var(--white);\n --background-secondary: var(--grey1);\n --background-hover: var(--grey1);\n --background-selected: var(--grey2);\n --background-selected-hover: var(--grey3);\n --background-high-contrast: var(--white);\n --border-muted: var(--grey2);\n --border: var(--grey4);\n --border-strong: var(--grey6);\n --border-inked: var(--grey10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--grey4);\n --icon-primary: var(--grey9);\n --icon-secondary: var(--grey7);\n --icon-disabled: var(--grey4);\n --icon-on-color: var(--white);\n --icon-inked: var(--black);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--grey8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --text-primary: var(--grey10);\n --text-secondary: var(--grey7);\n --text-secondary-alt: var(--grey5);\n --text-placeholder: var(--grey4);\n --text-on-color: var(--white);\n --text-error: var(--red6);\n --text-success: var(--green6);\n --text-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --grey1: oklch(96.7% .0045 34.31);\n --grey2: oklch(91.03% .0056 31.05);\n --grey3: oklch(82.72% .0058 31.06);\n --grey4: oklch(73.57% .0058 17.29);\n --grey5: oklch(64.02% .0048 17.28);\n --grey6: oklch(54.18% .005 17.31);\n --grey7: oklch(43.97% .0066 17.41);\n --grey8: oklch(34.48% .0056 17.43);\n --grey9: oklch(26.66% .003 17.34);\n --grey10: oklch(19.48% .0049 17.58);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --background: var(--white);\n --background-secondary: var(--warm1);\n --background-hover: var(--warm1);\n --background-selected: var(--warm2);\n --background-selected-hover: var(--warm3);\n --background-high-contrast: var(--white);\n --border-muted: var(--warm2);\n --border: var(--warm4);\n --border-strong: var(--warm6);\n --border-inked: var(--warm10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--warm4);\n --icon-primary: var(--warm9);\n --icon-secondary: var(--warm7);\n --icon-disabled: var(--warm4);\n --icon-on-color: var(--white);\n --icon-inked: var(--black);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--warm8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --text-primary: var(--warm10);\n --text-secondary: var(--warm7);\n --text-secondary-alt: var(--warm5);\n --text-placeholder: var(--warm4);\n --text-on-color: var(--white);\n --text-error: var(--red6);\n --text-success: var(--green6);\n --text-inked: var(--black);\n}\n\n[data-new-ui-theme=\"light--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --grey1: oklch(96.68% .0058 264.53);\n --grey2: oklch(90.81% .0081 253.86);\n --grey3: oklch(82.68% .0107 247.96);\n --grey4: oklch(73.14% .0129 248);\n --grey5: oklch(64.14% .0152 258.36);\n --grey6: oklch(54.16% .0139 248.08);\n --grey7: oklch(43.87% .0113 243.05);\n --grey8: oklch(34.47% .012 243.17);\n --grey9: oklch(26.8% .0103 229.31);\n --grey10: oklch(19.73% .0087 240.37);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --background: var(--white);\n --background-secondary: var(--cold1);\n --background-hover: var(--cold1);\n --background-selected: var(--cold2);\n --background-selected-hover: var(--cold3);\n --background-high-contrast: var(--white);\n --border-muted: var(--cold2);\n --border: var(--cold4);\n --border-strong: var(--cold6);\n --border-inked: var(--cold10);\n --border-inverse: var(--white);\n --border-focus: var(--blue5);\n --button: var(--blue5);\n --button-hover: var(--blue6);\n --button-active: var(--blue7);\n --button-disabled: var(--cold4);\n --icon-primary: var(--cold9);\n --icon-secondary: var(--cold7);\n --icon-disabled: var(--cold4);\n --icon-on-color: var(--white);\n --icon-inked: var(--black);\n --link: var(--blue5);\n --link-hover: var(--blue6);\n --link-subtle: var(--cold8);\n --link-visited: var(--indigo5);\n --support-error: var(--red5);\n --support-warning: var(--yellow5);\n --support-success: var(--green5);\n --support-info: var(--blue5);\n --text-primary: var(--cold10);\n --text-secondary: var(--cold7);\n --text-secondary-alt: var(--cold5);\n --text-placeholder: var(--cold4);\n --text-on-color: var(--white);\n --text-error: var(--red6);\n --text-success: var(--green6);\n --text-inked: var(--black);\n}\n\n[data-new-ui-theme=\"dark\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --grey1: oklch(96.72% 0 0);\n --grey2: oklch(90.67% 0 0);\n --grey3: oklch(82.66% 0 0);\n --grey4: oklch(73.16% 0 0);\n --grey5: oklch(64.34% 0 0);\n --grey6: oklch(54.17% 0 0);\n --grey7: oklch(43.86% 0 0);\n --grey8: oklch(34.46% 0 0);\n --grey9: oklch(26.86% 0 0);\n --grey10: oklch(20.02% 0 0);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --background: var(--grey10);\n --background-secondary: var(--grey9);\n --background-hover: var(--grey9);\n --background-selected: var(--grey8);\n --background-selected-hover: var(--grey7);\n --background-high-contrast: var(--black);\n --border-muted: var(--grey9);\n --border: var(--grey7);\n --border-strong: var(--grey6);\n --border-inked: var(--grey1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--grey8);\n --icon-primary: var(--grey1);\n --icon-secondary: var(--grey4);\n --icon-disabled: var(--grey8);\n --icon-on-color: var(--white);\n --icon-inked: var(--white);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--grey1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --text-primary: var(--grey1);\n --text-secondary: var(--grey4);\n --text-secondary-alt: var(--grey6);\n --text-placeholder: var(--grey7);\n --text-on-color: var(--white);\n --text-error: var(--red4);\n --text-success: var(--green4);\n --text-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--warm\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --grey1: oklch(96.7% .0045 34.31);\n --grey2: oklch(91.03% .0056 31.05);\n --grey3: oklch(82.72% .0058 31.06);\n --grey4: oklch(73.57% .0058 17.29);\n --grey5: oklch(64.02% .0048 17.28);\n --grey6: oklch(54.18% .005 17.31);\n --grey7: oklch(43.97% .0066 17.41);\n --grey8: oklch(34.48% .0056 17.43);\n --grey9: oklch(26.66% .003 17.34);\n --grey10: oklch(19.48% .0049 17.58);\n --warm1: var(--grey1);\n --warm2: var(--grey2);\n --warm3: var(--grey3);\n --warm4: var(--grey4);\n --warm5: var(--grey5);\n --warm6: var(--grey6);\n --warm7: var(--grey7);\n --warm8: var(--grey8);\n --warm9: var(--grey9);\n --warm10: var(--grey10);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --background: var(--warm10);\n --background-secondary: var(--warm9);\n --background-hover: var(--warm9);\n --background-selected: var(--warm8);\n --background-selected-hover: var(--warm7);\n --background-high-contrast: var(--black);\n --border-muted: var(--warm9);\n --border: var(--warm7);\n --border-strong: var(--warm6);\n --border-inked: var(--warm1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--warm8);\n --icon-primary: var(--warm1);\n --icon-secondary: var(--warm4);\n --icon-disabled: var(--warm8);\n --icon-on-color: var(--white);\n --icon-inked: var(--white);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--warm1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --text-primary: var(--warm1);\n --text-secondary: var(--warm4);\n --text-secondary-alt: var(--warm6);\n --text-placeholder: var(--warm7);\n --text-on-color: var(--white);\n --text-error: var(--red4);\n --text-success: var(--green4);\n --text-inked: var(--white);\n}\n\n[data-new-ui-theme=\"dark--cold\"] {\n --red1: oklch(96.89% .0152 22.39);\n --red2: oklch(88.06% .0631 22.04);\n --red3: oklch(78.71% .1233 23.85);\n --red4: oklch(66.85% .2188 27.86);\n --red5: oklch(65.42% .2321 28.66);\n --red6: oklch(53.49% .1867 28.41);\n --red7: oklch(40.87% .1383 28.31);\n --red8: oklch(26.91% .0843 27.43);\n --orange1: oklch(97.94% .0169 76.12);\n --orange2: oklch(92.44% .0628 75.47);\n --orange3: oklch(86.56% .1144 74.96);\n --orange4: oklch(77.91% .1702 65.71);\n --orange5: oklch(76.52% .1752 62.57);\n --orange6: oklch(62.47% .142257 63.186);\n --orange7: oklch(47.75% .1069 65.23);\n --orange8: oklch(31.2% .0684 68.13);\n --yellow1: oklch(98.71% .0201 94.52);\n --yellow2: oklch(95.57% .0743 95.93);\n --yellow3: oklch(91.99% .1295 95.37);\n --yellow4: oklch(87.33% .176 91.91);\n --yellow5: oklch(86.52% .1768 90.38);\n --yellow6: oklch(70.52% .1441 90.64);\n --yellow7: oklch(53.55% .109476 91.1235);\n --yellow8: oklch(34.95% .0716 93.44);\n --green1: oklch(97.77% .0156 154.48);\n --green2: oklch(91.5% .0588 153.39);\n --green3: oklch(84.74% .1113 151.25);\n --green4: oklch(74.63% .183 148.25);\n --green5: oklch(73.03% .1944 147.44);\n --green6: oklch(59.64% .1556 147.67);\n --green7: oklch(45.69% .1169 147.76);\n --green8: oklch(29.96% .0699 149.05);\n --mint1: oklch(97.67% .0158 192.09);\n --mint2: oklch(91.4% .0559 193.43);\n --mint3: oklch(84.89% .0975 191.4);\n --mint4: oklch(76.08% .1293 189.71);\n --mint5: oklch(74.81% .1296 189.03);\n --mint6: oklch(61.02% .1054 189.82);\n --mint7: oklch(46.64% .0808 189.01);\n --mint8: oklch(30.41% .052376 190.816);\n --teal1: oklch(97.6% .0099 212.52);\n --teal2: oklch(91.01% .0384 208.75);\n --teal3: oklch(83.55% .0693 209.91);\n --teal4: oklch(71.96% .1068 211.76);\n --teal5: oklch(69.98% .1109 212.72);\n --teal6: oklch(57.32% .0893 212.09);\n --teal7: oklch(43.95% .0672 212.18);\n --teal8: oklch(29.06% .0415 210.48);\n --cyan1: oklch(97.65% .011 225.98);\n --cyan2: oklch(91.15% .0418 227.91);\n --cyan3: oklch(83.73% .0772 228.87);\n --cyan4: oklch(72.55% .1259 232.84);\n --cyan5: oklch(70.68% .1327 233.88);\n --cyan6: oklch(57.95% .1068 233.26);\n --cyan7: oklch(44.23% .0796 233.37);\n --cyan8: oklch(29.28% .0484 232.3);\n --blue1: oklch(96.63% .0165 250.84);\n --blue2: oklch(87.61% .062887 250.725);\n --blue3: oklch(77.33% .1193 251.31);\n --blue4: oklch(62.52% .2047 255.95);\n --blue5: oklch(60.28% .2177 257.42);\n --blue6: oklch(49.47% .175 256.92);\n --blue7: oklch(38.03% .12949 255.924);\n --blue8: oklch(25.32% .0794 253.56);\n --indigo1: oklch(96.48% .0133 290.75);\n --indigo2: oklch(86.98% .0495 286.6);\n --indigo3: oklch(75.4% .0957 284.55);\n --indigo4: oklch(56.4% .1758 279.91);\n --indigo5: oklch(52.95% .191 278.34);\n --indigo6: oklch(43.62% .1538 278.81);\n --indigo7: oklch(33.98% .1127 279.22);\n --indigo8: oklch(23.31% .0672 281.07);\n --purple1: oklch(96.97% .0163 313.62);\n --purple2: oklch(88.81% .0595 314.5);\n --purple3: oklch(79.08% .113 313.73);\n --purple4: oklch(64.18% .1982 312.55);\n --purple5: oklch(61.49% .2129 312.41);\n --purple6: oklch(50.43% .1716 312.44);\n --purple7: oklch(38.87% .126 312.32);\n --purple8: oklch(26.16% .0759 313.11);\n --pink1: oklch(96.56% .0177 4.51);\n --pink2: oklch(87.81% .0675 5.89);\n --pink3: oklch(77.9% .1338 8.42);\n --pink4: oklch(66.26% .2271 15.86);\n --pink5: oklch(64.97% .2383 17.9);\n --pink6: oklch(53.08% .1924 17.29);\n --pink7: oklch(40.48% .1434 16.74);\n --pink8: oklch(26.78% .0869 14.7);\n --brown1: oklch(97.38% .0045 78.3);\n --brown2: oklch(90.09% .0172 76.1);\n --brown3: oklch(81.17% .0322 75.16);\n --brown4: oklch(66.26% .0586 73.73);\n --brown5: oklch(63.22% .0643 72.82);\n --brown6: oklch(51.86% .0506 71.83);\n --brown7: oklch(40.04% .0375 74.38);\n --brown8: oklch(27.01% .0227 75.38);\n --grey1: oklch(96.68% .0058 264.53);\n --grey2: oklch(90.81% .0081 253.86);\n --grey3: oklch(82.68% .0107 247.96);\n --grey4: oklch(73.14% .0129 248);\n --grey5: oklch(64.14% .0152 258.36);\n --grey6: oklch(54.16% .0139 248.08);\n --grey7: oklch(43.87% .0113 243.05);\n --grey8: oklch(34.47% .012 243.17);\n --grey9: oklch(26.8% .0103 229.31);\n --grey10: oklch(19.73% .0087 240.37);\n --cold1: var(--grey1);\n --cold2: var(--grey2);\n --cold3: var(--grey3);\n --cold4: var(--grey4);\n --cold5: var(--grey5);\n --cold6: var(--grey6);\n --cold7: var(--grey7);\n --cold8: var(--grey8);\n --cold9: var(--grey9);\n --cold10: var(--grey10);\n --black: oklch(0% 0 0);\n --white: oklch(100% 0 0);\n --background: var(--cold10);\n --background-secondary: var(--cold9);\n --background-hover: var(--cold9);\n --background-selected: var(--cold8);\n --background-selected-hover: var(--cold7);\n --background-high-contrast: var(--black);\n --border-muted: var(--cold9);\n --border: var(--cold7);\n --border-strong: var(--cold6);\n --border-inked: var(--cold1);\n --border-inverse: var(--black);\n --border-focus: var(--blue4);\n --button: var(--blue4);\n --button-hover: var(--blue3);\n --button-active: var(--blue2);\n --button-disabled: var(--cold8);\n --icon-primary: var(--cold1);\n --icon-secondary: var(--cold4);\n --icon-disabled: var(--cold8);\n --icon-on-color: var(--white);\n --icon-inked: var(--white);\n --link: var(--blue4);\n --link-hover: var(--blue3);\n --link-subtle: var(--cold1);\n --link-visited: var(--indigo4);\n --support-error: var(--red4);\n --support-warning: var(--yellow4);\n --support-success: var(--green4);\n --support-info: var(--blue4);\n --text-primary: var(--cold1);\n --text-secondary: var(--cold4);\n --text-secondary-alt: var(--cold6);\n --text-placeholder: var(--cold7);\n --text-on-color: var(--white);\n --text-error: var(--red4);\n --text-success: var(--green4);\n --text-inked: var(--white);\n}\n\n.nu-u-bg-red1 {\n background-color: var(--red1);\n}\n\n.nu-u-bg-red2 {\n background-color: var(--red2);\n}\n\n.nu-u-bg-red3 {\n background-color: var(--red3);\n}\n\n.nu-u-bg-red4 {\n background-color: var(--red4);\n}\n\n.nu-u-bg-red5 {\n background-color: var(--red5);\n}\n\n.nu-u-bg-red6 {\n background-color: var(--red6);\n}\n\n.nu-u-bg-red7 {\n background-color: var(--red7);\n}\n\n.nu-u-bg-red8 {\n background-color: var(--red8);\n}\n\n.nu-u-bg-orange1 {\n background-color: var(--orange1);\n}\n\n.nu-u-bg-orange2 {\n background-color: var(--orange2);\n}\n\n.nu-u-bg-orange3 {\n background-color: var(--orange3);\n}\n\n.nu-u-bg-orange4 {\n background-color: var(--orange4);\n}\n\n.nu-u-bg-orange5 {\n background-color: var(--orange5);\n}\n\n.nu-u-bg-orange6 {\n background-color: var(--orange6);\n}\n\n.nu-u-bg-orange7 {\n background-color: var(--orange7);\n}\n\n.nu-u-bg-orange8 {\n background-color: var(--orange8);\n}\n\n.nu-u-bg-yellow1 {\n background-color: var(--yellow1);\n}\n\n.nu-u-bg-yellow2 {\n background-color: var(--yellow2);\n}\n\n.nu-u-bg-yellow3 {\n background-color: var(--yellow3);\n}\n\n.nu-u-bg-yellow4 {\n background-color: var(--yellow4);\n}\n\n.nu-u-bg-yellow5 {\n background-color: var(--yellow5);\n}\n\n.nu-u-bg-yellow6 {\n background-color: var(--yellow6);\n}\n\n.nu-u-bg-yellow7 {\n background-color: var(--yellow7);\n}\n\n.nu-u-bg-yellow8 {\n background-color: var(--yellow8);\n}\n\n.nu-u-bg-green1 {\n background-color: var(--green1);\n}\n\n.nu-u-bg-green2 {\n background-color: var(--green2);\n}\n\n.nu-u-bg-green3 {\n background-color: var(--green3);\n}\n\n.nu-u-bg-green4 {\n background-color: var(--green4);\n}\n\n.nu-u-bg-green5 {\n background-color: var(--green5);\n}\n\n.nu-u-bg-green6 {\n background-color: var(--green6);\n}\n\n.nu-u-bg-green7 {\n background-color: var(--green7);\n}\n\n.nu-u-bg-green8 {\n background-color: var(--green8);\n}\n\n.nu-u-bg-mint1 {\n background-color: var(--mint1);\n}\n\n.nu-u-bg-mint2 {\n background-color: var(--mint2);\n}\n\n.nu-u-bg-mint3 {\n background-color: var(--mint3);\n}\n\n.nu-u-bg-mint4 {\n background-color: var(--mint4);\n}\n\n.nu-u-bg-mint5 {\n background-color: var(--mint5);\n}\n\n.nu-u-bg-mint6 {\n background-color: var(--mint6);\n}\n\n.nu-u-bg-mint7 {\n background-color: var(--mint7);\n}\n\n.nu-u-bg-mint8 {\n background-color: var(--mint8);\n}\n\n.nu-u-bg-teal1 {\n background-color: var(--teal1);\n}\n\n.nu-u-bg-teal2 {\n background-color: var(--teal2);\n}\n\n.nu-u-bg-teal3 {\n background-color: var(--teal3);\n}\n\n.nu-u-bg-teal4 {\n background-color: var(--teal4);\n}\n\n.nu-u-bg-teal5 {\n background-color: var(--teal5);\n}\n\n.nu-u-bg-teal6 {\n background-color: var(--teal6);\n}\n\n.nu-u-bg-teal7 {\n background-color: var(--teal7);\n}\n\n.nu-u-bg-teal8 {\n background-color: var(--teal8);\n}\n\n.nu-u-bg-cyan1 {\n background-color: var(--cyan1);\n}\n\n.nu-u-bg-cyan2 {\n background-color: var(--cyan2);\n}\n\n.nu-u-bg-cyan3 {\n background-color: var(--cyan3);\n}\n\n.nu-u-bg-cyan4 {\n background-color: var(--cyan4);\n}\n\n.nu-u-bg-cyan5 {\n background-color: var(--cyan5);\n}\n\n.nu-u-bg-cyan6 {\n background-color: var(--cyan6);\n}\n\n.nu-u-bg-cyan7 {\n background-color: var(--cyan7);\n}\n\n.nu-u-bg-cyan8 {\n background-color: var(--cyan8);\n}\n\n.nu-u-bg-blue1 {\n background-color: var(--blue1);\n}\n\n.nu-u-bg-blue2 {\n background-color: var(--blue2);\n}\n\n.nu-u-bg-blue3 {\n background-color: var(--blue3);\n}\n\n.nu-u-bg-blue4 {\n background-color: var(--blue4);\n}\n\n.nu-u-bg-blue5 {\n background-color: var(--blue5);\n}\n\n.nu-u-bg-blue6 {\n background-color: var(--blue6);\n}\n\n.nu-u-bg-blue7 {\n background-color: var(--blue7);\n}\n\n.nu-u-bg-blue8 {\n background-color: var(--blue8);\n}\n\n.nu-u-bg-indigo1 {\n background-color: var(--indigo1);\n}\n\n.nu-u-bg-indigo2 {\n background-color: var(--indigo2);\n}\n\n.nu-u-bg-indigo3 {\n background-color: var(--indigo3);\n}\n\n.nu-u-bg-indigo4 {\n background-color: var(--indigo4);\n}\n\n.nu-u-bg-indigo5 {\n background-color: var(--indigo5);\n}\n\n.nu-u-bg-indigo6 {\n background-color: var(--indigo6);\n}\n\n.nu-u-bg-indigo7 {\n background-color: var(--indigo7);\n}\n\n.nu-u-bg-indigo8 {\n background-color: var(--indigo8);\n}\n\n.nu-u-bg-purple1 {\n background-color: var(--purple1);\n}\n\n.nu-u-bg-purple2 {\n background-color: var(--purple2);\n}\n\n.nu-u-bg-purple3 {\n background-color: var(--purple3);\n}\n\n.nu-u-bg-purple4 {\n background-color: var(--purple4);\n}\n\n.nu-u-bg-purple5 {\n background-color: var(--purple5);\n}\n\n.nu-u-bg-purple6 {\n background-color: var(--purple6);\n}\n\n.nu-u-bg-purple7 {\n background-color: var(--purple7);\n}\n\n.nu-u-bg-purple8 {\n background-color: var(--purple8);\n}\n\n.nu-u-bg-pink1 {\n background-color: var(--pink1);\n}\n\n.nu-u-bg-pink2 {\n background-color: var(--pink2);\n}\n\n.nu-u-bg-pink3 {\n background-color: var(--pink3);\n}\n\n.nu-u-bg-pink4 {\n background-color: var(--pink4);\n}\n\n.nu-u-bg-pink5 {\n background-color: var(--pink5);\n}\n\n.nu-u-bg-pink6 {\n background-color: var(--pink6);\n}\n\n.nu-u-bg-pink7 {\n background-color: var(--pink7);\n}\n\n.nu-u-bg-pink8 {\n background-color: var(--pink8);\n}\n\n.nu-u-bg-brown1 {\n background-color: var(--brown1);\n}\n\n.nu-u-bg-brown2 {\n background-color: var(--brown2);\n}\n\n.nu-u-bg-brown3 {\n background-color: var(--brown3);\n}\n\n.nu-u-bg-brown4 {\n background-color: var(--brown4);\n}\n\n.nu-u-bg-brown5 {\n background-color: var(--brown5);\n}\n\n.nu-u-bg-brown6 {\n background-color: var(--brown6);\n}\n\n.nu-u-bg-brown7 {\n background-color: var(--brown7);\n}\n\n.nu-u-bg-brown8 {\n background-color: var(--brown8);\n}\n\n.nu-u-bg-grey1 {\n background-color: var(--grey1);\n}\n\n.nu-u-bg-grey2 {\n background-color: var(--grey2);\n}\n\n.nu-u-bg-grey3 {\n background-color: var(--grey3);\n}\n\n.nu-u-bg-grey4 {\n background-color: var(--grey4);\n}\n\n.nu-u-bg-grey5 {\n background-color: var(--grey5);\n}\n\n.nu-u-bg-grey6 {\n background-color: var(--grey6);\n}\n\n.nu-u-bg-grey7 {\n background-color: var(--grey7);\n}\n\n.nu-u-bg-grey8 {\n background-color: var(--grey8);\n}\n\n.nu-u-bg-grey9 {\n background-color: var(--grey9);\n}\n\n.nu-u-bg-grey10 {\n background-color: var(--grey10);\n}\n\n.nu-u-text-red1 {\n color: var(--red1);\n}\n\n.nu-u-text-red2 {\n color: var(--red2);\n}\n\n.nu-u-text-red3 {\n color: var(--red3);\n}\n\n.nu-u-text-red4 {\n color: var(--red4);\n}\n\n.nu-u-text-red5 {\n color: var(--red5);\n}\n\n.nu-u-text-red6 {\n color: var(--red6);\n}\n\n.nu-u-text-red7 {\n color: var(--red7);\n}\n\n.nu-u-text-red8 {\n color: var(--red8);\n}\n\n.nu-u-text-orange1 {\n color: var(--orange1);\n}\n\n.nu-u-text-orange2 {\n color: var(--orange2);\n}\n\n.nu-u-text-orange3 {\n color: var(--orange3);\n}\n\n.nu-u-text-orange4 {\n color: var(--orange4);\n}\n\n.nu-u-text-orange5 {\n color: var(--orange5);\n}\n\n.nu-u-text-orange6 {\n color: var(--orange6);\n}\n\n.nu-u-text-orange7 {\n color: var(--orange7);\n}\n\n.nu-u-text-orange8 {\n color: var(--orange8);\n}\n\n.nu-u-text-yellow1 {\n color: var(--yellow1);\n}\n\n.nu-u-text-yellow2 {\n color: var(--yellow2);\n}\n\n.nu-u-text-yellow3 {\n color: var(--yellow3);\n}\n\n.nu-u-text-yellow4 {\n color: var(--yellow4);\n}\n\n.nu-u-text-yellow5 {\n color: var(--yellow5);\n}\n\n.nu-u-text-yellow6 {\n color: var(--yellow6);\n}\n\n.nu-u-text-yellow7 {\n color: var(--yellow7);\n}\n\n.nu-u-text-yellow8 {\n color: var(--yellow8);\n}\n\n.nu-u-text-green1 {\n color: var(--green1);\n}\n\n.nu-u-text-green2 {\n color: var(--green2);\n}\n\n.nu-u-text-green3 {\n color: var(--green3);\n}\n\n.nu-u-text-green4 {\n color: var(--green4);\n}\n\n.nu-u-text-green5 {\n color: var(--green5);\n}\n\n.nu-u-text-green6 {\n color: var(--green6);\n}\n\n.nu-u-text-green7 {\n color: var(--green7);\n}\n\n.nu-u-text-green8 {\n color: var(--green8);\n}\n\n.nu-u-text-mint1 {\n color: var(--mint1);\n}\n\n.nu-u-text-mint2 {\n color: var(--mint2);\n}\n\n.nu-u-text-mint3 {\n color: var(--mint3);\n}\n\n.nu-u-text-mint4 {\n color: var(--mint4);\n}\n\n.nu-u-text-mint5 {\n color: var(--mint5);\n}\n\n.nu-u-text-mint6 {\n color: var(--mint6);\n}\n\n.nu-u-text-mint7 {\n color: var(--mint7);\n}\n\n.nu-u-text-mint8 {\n color: var(--mint8);\n}\n\n.nu-u-text-teal1 {\n color: var(--teal1);\n}\n\n.nu-u-text-teal2 {\n color: var(--teal2);\n}\n\n.nu-u-text-teal3 {\n color: var(--teal3);\n}\n\n.nu-u-text-teal4 {\n color: var(--teal4);\n}\n\n.nu-u-text-teal5 {\n color: var(--teal5);\n}\n\n.nu-u-text-teal6 {\n color: var(--teal6);\n}\n\n.nu-u-text-teal7 {\n color: var(--teal7);\n}\n\n.nu-u-text-teal8 {\n color: var(--teal8);\n}\n\n.nu-u-text-cyan1 {\n color: var(--cyan1);\n}\n\n.nu-u-text-cyan2 {\n color: var(--cyan2);\n}\n\n.nu-u-text-cyan3 {\n color: var(--cyan3);\n}\n\n.nu-u-text-cyan4 {\n color: var(--cyan4);\n}\n\n.nu-u-text-cyan5 {\n color: var(--cyan5);\n}\n\n.nu-u-text-cyan6 {\n color: var(--cyan6);\n}\n\n.nu-u-text-cyan7 {\n color: var(--cyan7);\n}\n\n.nu-u-text-cyan8 {\n color: var(--cyan8);\n}\n\n.nu-u-text-blue1 {\n color: var(--blue1);\n}\n\n.nu-u-text-blue2 {\n color: var(--blue2);\n}\n\n.nu-u-text-blue3 {\n color: var(--blue3);\n}\n\n.nu-u-text-blue4 {\n color: var(--blue4);\n}\n\n.nu-u-text-blue5 {\n color: var(--blue5);\n}\n\n.nu-u-text-blue6 {\n color: var(--blue6);\n}\n\n.nu-u-text-blue7 {\n color: var(--blue7);\n}\n\n.nu-u-text-blue8 {\n color: var(--blue8);\n}\n\n.nu-u-text-indigo1 {\n color: var(--indigo1);\n}\n\n.nu-u-text-indigo2 {\n color: var(--indigo2);\n}\n\n.nu-u-text-indigo3 {\n color: var(--indigo3);\n}\n\n.nu-u-text-indigo4 {\n color: var(--indigo4);\n}\n\n.nu-u-text-indigo5 {\n color: var(--indigo5);\n}\n\n.nu-u-text-indigo6 {\n color: var(--indigo6);\n}\n\n.nu-u-text-indigo7 {\n color: var(--indigo7);\n}\n\n.nu-u-text-indigo8 {\n color: var(--indigo8);\n}\n\n.nu-u-text-purple1 {\n color: var(--purple1);\n}\n\n.nu-u-text-purple2 {\n color: var(--purple2);\n}\n\n.nu-u-text-purple3 {\n color: var(--purple3);\n}\n\n.nu-u-text-purple4 {\n color: var(--purple4);\n}\n\n.nu-u-text-purple5 {\n color: var(--purple5);\n}\n\n.nu-u-text-purple6 {\n color: var(--purple6);\n}\n\n.nu-u-text-purple7 {\n color: var(--purple7);\n}\n\n.nu-u-text-purple8 {\n color: var(--purple8);\n}\n\n.nu-u-text-pink1 {\n color: var(--pink1);\n}\n\n.nu-u-text-pink2 {\n color: var(--pink2);\n}\n\n.nu-u-text-pink3 {\n color: var(--pink3);\n}\n\n.nu-u-text-pink4 {\n color: var(--pink4);\n}\n\n.nu-u-text-pink5 {\n color: var(--pink5);\n}\n\n.nu-u-text-pink6 {\n color: var(--pink6);\n}\n\n.nu-u-text-pink7 {\n color: var(--pink7);\n}\n\n.nu-u-text-pink8 {\n color: var(--pink8);\n}\n\n.nu-u-text-brown1 {\n color: var(--brown1);\n}\n\n.nu-u-text-brown2 {\n color: var(--brown2);\n}\n\n.nu-u-text-brown3 {\n color: var(--brown3);\n}\n\n.nu-u-text-brown4 {\n color: var(--brown4);\n}\n\n.nu-u-text-brown5 {\n color: var(--brown5);\n}\n\n.nu-u-text-brown6 {\n color: var(--brown6);\n}\n\n.nu-u-text-brown7 {\n color: var(--brown7);\n}\n\n.nu-u-text-brown8 {\n color: var(--brown8);\n}\n\n.nu-u-text-grey1 {\n color: var(--grey1);\n}\n\n.nu-u-text-grey2 {\n color: var(--grey2);\n}\n\n.nu-u-text-grey3 {\n color: var(--grey3);\n}\n\n.nu-u-text-grey4 {\n color: var(--grey4);\n}\n\n.nu-u-text-grey5 {\n color: var(--grey5);\n}\n\n.nu-u-text-grey6 {\n color: var(--grey6);\n}\n\n.nu-u-text-grey7 {\n color: var(--grey7);\n}\n\n.nu-u-text-grey8 {\n color: var(--grey8);\n}\n\n.nu-u-text-grey9 {\n color: var(--grey9);\n}\n\n.nu-u-text-grey10 {\n color: var(--grey10);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold1, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold1 {\n color: var(--cold1);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold2, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold2 {\n color: var(--cold2);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold3, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold3 {\n color: var(--cold3);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold4, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold4 {\n color: var(--cold4);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold5, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold5 {\n color: var(--cold5);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold6, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold6 {\n color: var(--cold6);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold7, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold7 {\n color: var(--cold7);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold8, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold8 {\n color: var(--cold8);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold9, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold9 {\n color: var(--cold9);\n}\n\n[data-new-ui-theme=\"light--cold\"] .nu-u-text-cold10, [data-new-ui-theme=\"dark--cold\"] .nu-u-text-cold10 {\n color: var(--cold10);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm1, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm1 {\n color: var(--warm1);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm2, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm2 {\n color: var(--warm2);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu-u-text-warm3, [data-new-ui-theme=\"dark--warm\"] .nu-u-text-warm3 {\n color: var(--warm3);\n}\n\n[data-new-ui-theme=\"light--warm\"] .nu