*, :before, :after {
  box-sizing: border-box;
}

html {
  text-size-adjust: none;
  vertical-align: baseline;
}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
  margin-block-end: 0;
  padding: 0;
}

ul[role=list], ol[role=list] {
  list-style: none;
}

body {
  min-height: 100vh;
  line-height: 1.5;
}

h1, h2, h3, h4 {
  text-wrap: balance;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
}

img, picture {
  max-width: 100%;
  display: block;
}

input, textarea, button, select {
  font-family: inherit;
  font-size: inherit;
  margin: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:target {
  scroll-margin-block: 5ex;
}


:root, [data-new-ui-theme=light] {
  --red1:oklch(96.89% .0152 22.39);
  --red2:oklch(88.06% .0631 22.04);
  --red3:oklch(78.71% .1233 23.85);
  --red4:oklch(66.85% .2188 27.86);
  --red5:oklch(65.42% .2321 28.66);
  --red6:oklch(53.49% .1867 28.41);
  --red7:oklch(40.87% .1383 28.31);
  --red8:oklch(26.91% .0843 27.43);
  --orange1:oklch(97.94% .0169 76.12);
  --orange2:oklch(92.44% .0628 75.47);
  --orange3:oklch(86.56% .1144 74.96);
  --orange4:oklch(77.91% .1702 65.71);
  --orange5:oklch(76.52% .1752 62.57);
  --orange6:oklch(62.47% .142257 63.186);
  --orange7:oklch(47.75% .1069 65.23);
  --orange8:oklch(31.2% .0684 68.13);
  --yellow1:oklch(98.71% .0201 94.52);
  --yellow2:oklch(95.57% .0743 95.93);
  --yellow3:oklch(91.99% .1295 95.37);
  --yellow4:oklch(87.33% .176 91.91);
  --yellow5:oklch(86.52% .1768 90.38);
  --yellow6:oklch(70.52% .1441 90.64);
  --yellow7:oklch(53.55% .109476 91.1235);
  --yellow8:oklch(34.95% .0716 93.44);
  --green1:oklch(97.77% .0156 154.48);
  --green2:oklch(91.5% .0588 153.39);
  --green3:oklch(84.74% .1113 151.25);
  --green4:oklch(74.63% .183 148.25);
  --green5:oklch(73.03% .1944 147.44);
  --green6:oklch(59.64% .1556 147.67);
  --green7:oklch(45.69% .1169 147.76);
  --green8:oklch(29.96% .0699 149.05);
  --mint1:oklch(97.67% .0158 192.09);
  --mint2:oklch(91.4% .0559 193.43);
  --mint3:oklch(84.89% .0975 191.4);
  --mint4:oklch(76.08% .1293 189.71);
  --mint5:oklch(74.81% .1296 189.03);
  --mint6:oklch(61.02% .1054 189.82);
  --mint7:oklch(46.64% .0808 189.01);
  --mint8:oklch(30.41% .052376 190.816);
  --teal1:oklch(97.6% .0099 212.52);
  --teal2:oklch(91.01% .0384 208.75);
  --teal3:oklch(83.55% .0693 209.91);
  --teal4:oklch(71.96% .1068 211.76);
  --teal5:oklch(69.98% .1109 212.72);
  --teal6:oklch(57.32% .0893 212.09);
  --teal7:oklch(43.95% .0672 212.18);
  --teal8:oklch(29.06% .0415 210.48);
  --cyan1:oklch(97.65% .011 225.98);
  --cyan2:oklch(91.15% .0418 227.91);
  --cyan3:oklch(83.73% .0772 228.87);
  --cyan4:oklch(72.55% .1259 232.84);
  --cyan5:oklch(70.68% .1327 233.88);
  --cyan6:oklch(57.95% .1068 233.26);
  --cyan7:oklch(44.23% .0796 233.37);
  --cyan8:oklch(29.28% .0484 232.3);
  --blue1:oklch(96.63% .0165 250.84);
  --blue2:oklch(87.61% .062887 250.725);
  --blue3:oklch(77.33% .1193 251.31);
  --blue4:oklch(62.52% .2047 255.95);
  --blue5:oklch(60.28% .2177 257.42);
  --blue6:oklch(49.47% .175 256.92);
  --blue7:oklch(38.03% .12949 255.924);
  --blue8:oklch(25.32% .0794 253.56);
  --indigo1:oklch(96.48% .0133 290.75);
  --indigo2:oklch(86.98% .0495 286.6);
  --indigo3:oklch(75.4% .0957 284.55);
  --indigo4:oklch(56.4% .1758 279.91);
  --indigo5:oklch(52.95% .191 278.34);
  --indigo6:oklch(43.62% .1538 278.81);
  --indigo7:oklch(33.98% .1127 279.22);
  --indigo8:oklch(23.31% .0672 281.07);
  --purple1:oklch(96.97% .0163 313.62);
  --purple2:oklch(88.81% .0595 314.5);
  --purple3:oklch(79.08% .113 313.73);
  --purple4:oklch(64.18% .1982 312.55);
  --purple5:oklch(61.49% .2129 312.41);
  --purple6:oklch(50.43% .1716 312.44);
  --purple7:oklch(38.87% .126 312.32);
  --purple8:oklch(26.16% .0759 313.11);
  --pink1:oklch(96.56% .0177 4.51);
  --pink2:oklch(87.81% .0675 5.89);
  --pink3:oklch(77.9% .1338 8.42);
  --pink4:oklch(66.26% .2271 15.86);
  --pink5:oklch(64.97% .2383 17.9);
  --pink6:oklch(53.08% .1924 17.29);
  --pink7:oklch(40.48% .1434 16.74);
  --pink8:oklch(26.78% .0869 14.7);
  --brown1:oklch(97.38% .0045 78.3);
  --brown2:oklch(90.09% .0172 76.1);
  --brown3:oklch(81.17% .0322 75.16);
  --brown4:oklch(66.26% .0586 73.73);
  --brown5:oklch(63.22% .0643 72.82);
  --brown6:oklch(51.86% .0506 71.83);
  --brown7:oklch(40.04% .0375 74.38);
  --brown8:oklch(27.01% .0227 75.38);
  --black:oklch(0% 0 0);
  --white:oklch(100% 0 0);
  --grey1:oklch(96.72% 0 0);
  --grey2:oklch(90.67% 0 0);
  --grey3:oklch(82.66% 0 0);
  --grey4:oklch(73.16% 0 0);
  --grey5:oklch(64.34% 0 0);
  --grey6:oklch(54.17% 0 0);
  --grey7:oklch(43.86% 0 0);
  --grey8:oklch(34.46% 0 0);
  --grey9:oklch(26.86% 0 0);
  --grey10:oklch(20.02% 0 0);
  --background:var(--white);
  --background-secondary:var(--grey1);
  --background-hover:var(--grey1);
  --background-selected:var(--grey2);
  --background-selected-hover:var(--grey3);
  --background-high-contrast:var(--white);
  --border-muted:var(--grey3);
  --border:var(--grey4);
  --border-strong:var(--grey6);
  --border-inked:var(--grey10);
  --border-inverse:var(--white);
  --border-focus:var(--blue5);
  --button:var(--blue5);
  --button-hover:var(--blue6);
  --button-active:var(--blue7);
  --button-disabled:var(--grey4);
  --link:var(--blue5);
  --link-hover:var(--blue6);
  --link-subtle:var(--grey8);
  --link-visited:var(--indigo5);
  --support-error:var(--red5);
  --support-warning:var(--yellow5);
  --support-success:var(--green5);
  --support-info:var(--blue5);
  --content-primary:var(--grey10);
  --content-secondary:var(--grey7);
  --content-secondary-alt:var(--grey5);
  --content-placeholder:var(--grey4);
  --content-on-color:var(--white);
  --content-error:var(--red6);
  --content-success:var(--green6);
  --content-inked:var(--black);
}

[data-new-ui-theme=light--warm] {
  --red1:oklch(96.89% .0152 22.39);
  --red2:oklch(88.06% .0631 22.04);
  --red3:oklch(78.71% .1233 23.85);
  --red4:oklch(66.85% .2188 27.86);
  --red5:oklch(65.42% .2321 28.66);
  --red6:oklch(53.49% .1867 28.41);
  --red7:oklch(40.87% .1383 28.31);
  --red8:oklch(26.91% .0843 27.43);
  --orange1:oklch(97.94% .0169 76.12);
  --orange2:oklch(92.44% .0628 75.47);
  --orange3:oklch(86.56% .1144 74.96);
  --orange4:oklch(77.91% .1702 65.71);
  --orange5:oklch(76.52% .1752 62.57);
  --orange6:oklch(62.47% .142257 63.186);
  --orange7:oklch(47.75% .1069 65.23);
  --orange8:oklch(31.2% .0684 68.13);
  --yellow1:oklch(98.71% .0201 94.52);
  --yellow2:oklch(95.57% .0743 95.93);
  --yellow3:oklch(91.99% .1295 95.37);
  --yellow4:oklch(87.33% .176 91.91);
  --yellow5:oklch(86.52% .1768 90.38);
  --yellow6:oklch(70.52% .1441 90.64);
  --yellow7:oklch(53.55% .109476 91.1235);
  --yellow8:oklch(34.95% .0716 93.44);
  --green1:oklch(97.77% .0156 154.48);
  --green2:oklch(91.5% .0588 153.39);
  --green3:oklch(84.74% .1113 151.25);
  --green4:oklch(74.63% .183 148.25);
  --green5:oklch(73.03% .1944 147.44);
  --green6:oklch(59.64% .1556 147.67);
  --green7:oklch(45.69% .1169 147.76);
  --green8:oklch(29.96% .0699 149.05);
  --mint1:oklch(97.67% .0158 192.09);
  --mint2:oklch(91.4% .0559 193.43);
  --mint3:oklch(84.89% .0975 191.4);
  --mint4:oklch(76.08% .1293 189.71);
  --mint5:oklch(74.81% .1296 189.03);
  --mint6:oklch(61.02% .1054 189.82);
  --mint7:oklch(46.64% .0808 189.01);
  --mint8:oklch(30.41% .052376 190.816);
  --teal1:oklch(97.6% .0099 212.52);
  --teal2:oklch(91.01% .0384 208.75);
  --teal3:oklch(83.55% .0693 209.91);
  --teal4:oklch(71.96% .1068 211.76);
  --teal5:oklch(69.98% .1109 212.72);
  --teal6:oklch(57.32% .0893 212.09);
  --teal7:oklch(43.95% .0672 212.18);
  --teal8:oklch(29.06% .0415 210.48);
  --cyan1:oklch(97.65% .011 225.98);
  --cyan2:oklch(91.15% .0418 227.91);
  --cyan3:oklch(83.73% .0772 228.87);
  --cyan4:oklch(72.55% .1259 232.84);
  --cyan5:oklch(70.68% .1327 233.88);
  --cyan6:oklch(57.95% .1068 233.26);
  --cyan7:oklch(44.23% .0796 233.37);
  --cyan8:oklch(29.28% .0484 232.3);
  --blue1:oklch(96.63% .0165 250.84);
  --blue2:oklch(87.61% .062887 250.725);
  --blue3:oklch(77.33% .1193 251.31);
  --blue4:oklch(62.52% .2047 255.95);
  --blue5:oklch(60.28% .2177 257.42);
  --blue6:oklch(49.47% .175 256.92);
  --blue7:oklch(38.03% .12949 255.924);
  --blue8:oklch(25.32% .0794 253.56);
  --indigo1:oklch(96.48% .0133 290.75);
  --indigo2:oklch(86.98% .0495 286.6);
  --indigo3:oklch(75.4% .0957 284.55);
  --indigo4:oklch(56.4% .1758 279.91);
  --indigo5:oklch(52.95% .191 278.34);
  --indigo6:oklch(43.62% .1538 278.81);
  --indigo7:oklch(33.98% .1127 279.22);
  --indigo8:oklch(23.31% .0672 281.07);
  --purple1:oklch(96.97% .0163 313.62);
  --purple2:oklch(88.81% .0595 314.5);
  --purple3:oklch(79.08% .113 313.73);
  --purple4:oklch(64.18% .1982 312.55);
  --purple5:oklch(61.49% .2129 312.41);
  --purple6:oklch(50.43% .1716 312.44);
  --purple7:oklch(38.87% .126 312.32);
  --purple8:oklch(26.16% .0759 313.11);
  --pink1:oklch(96.56% .0177 4.51);
  --pink2:oklch(87.81% .0675 5.89);
  --pink3:oklch(77.9% .1338 8.42);
  --pink4:oklch(66.26% .2271 15.86);
  --pink5:oklch(64.97% .2383 17.9);
  --pink6:oklch(53.08% .1924 17.29);
  --pink7:oklch(40.48% .1434 16.74);
  --pink8:oklch(26.78% .0869 14.7);
  --brown1:oklch(97.38% .0045 78.3);
  --brown2:oklch(90.09% .0172 76.1);
  --brown3:oklch(81.17% .0322 75.16);
  --brown4:oklch(66.26% .0586 73.73);
  --brown5:oklch(63.22% .0643 72.82);
  --brown6:oklch(51.86% .0506 71.83);
  --brown7:oklch(40.04% .0375 74.38);
  --brown8:oklch(27.01% .0227 75.38);
  --black:oklch(0% 0 0);
  --white:oklch(100% 0 0);
  --grey1:oklch(95.79% .001 106.42);
  --grey2:oklch(94.39% .001 17.18);
  --grey3:oklch(87.66% .002 67.8);
  --grey4:oklch(73.07% .004 106.5);
  --grey5:oklch(62.89% .006 106.57);
  --grey6:oklch(54.1% .008 97.45);
  --grey7:oklch(43.73% .011 100.22);
  --grey8:oklch(34.71% .012 100.33);
  --grey9:oklch(26.31% .013 100.51);
  --grey10:oklch(21.35% .012 91.77);
  --warm1:var(--grey1);
  --warm2:var(--grey2);
  --warm3:var(--grey3);
  --warm4:var(--grey4);
  --warm5:var(--grey5);
  --warm6:var(--grey6);
  --warm7:var(--grey7);
  --warm8:var(--grey8);
  --warm9:var(--grey9);
  --warm10:var(--grey10);
  --background:var(--white);
  --background-secondary:var(--warm1);
  --background-hover:var(--warm1);
  --background-selected:var(--warm2);
  --background-selected-hover:var(--warm3);
  --background-high-contrast:var(--white);
  --border-muted:var(--warm3);
  --border:var(--warm4);
  --border-strong:var(--warm6);
  --border-inked:var(--warm10);
  --border-inverse:var(--white);
  --border-focus:var(--blue5);
  --button:var(--blue5);
  --button-hover:var(--blue6);
  --button-active:var(--blue7);
  --button-disabled:var(--warm4);
  --link:var(--blue5);
  --link-hover:var(--blue6);
  --link-subtle:var(--warm8);
  --link-visited:var(--indigo5);
  --support-error:var(--red5);
  --support-warning:var(--yellow5);
  --support-success:var(--green5);
  --support-info:var(--blue5);
  --content-primary:var(--warm10);
  --content-secondary:var(--warm7);
  --content-secondary-alt:var(--warm5);
  --content-placeholder:var(--warm4);
  --content-on-color:var(--white);
  --content-error:var(--red6);
  --content-success:var(--green6);
  --content-inked:var(--black);
}

[data-new-ui-theme=light--cold] {
  --red1:oklch(96.89% .0152 22.39);
  --red2:oklch(88.06% .0631 22.04);
  --red3:oklch(78.71% .1233 23.85);
  --red4:oklch(66.85% .2188 27.86);
  --red5:oklch(65.42% .2321 28.66);
  --red6:oklch(53.49% .1867 28.41);
  --red7:oklch(40.87% .1383 28.31);
  --red8:oklch(26.91% .0843 27.43);
  --orange1:oklch(97.94% .0169 76.12);
  --orange2:oklch(92.44% .0628 75.47);
  --orange3:oklch(86.56% .1144 74.96);
  --orange4:oklch(77.91% .1702 65.71);
  --orange5:oklch(76.52% .1752 62.57);
  --orange6:oklch(62.47% .142257 63.186);
  --orange7:oklch(47.75% .1069 65.23);
  --orange8:oklch(31.2% .0684 68.13);
  --yellow1:oklch(98.71% .0201 94.52);
  --yellow2:oklch(95.57% .0743 95.93);
  --yellow3:oklch(91.99% .1295 95.37);
  --yellow4:oklch(87.33% .176 91.91);
  --yellow5:oklch(86.52% .1768 90.38);
  --yellow6:oklch(70.52% .1441 90.64);
  --yellow7:oklch(53.55% .109476 91.1235);
  --yellow8:oklch(34.95% .0716 93.44);
  --green1:oklch(97.77% .0156 154.48);
  --green2:oklch(91.5% .0588 153.39);
  --green3:oklch(84.74% .1113 151.25);
  --green4:oklch(74.63% .183 148.25);
  --green5:oklch(73.03% .1944 147.44);
  --green6:oklch(59.64% .1556 147.67);
  --green7:oklch(45.69% .1169 147.76);
  --green8:oklch(29.96% .0699 149.05);
  --mint1:oklch(97.67% .0158 192.09);
  --mint2:oklch(91.4% .0559 193.43);
  --mint3:oklch(84.89% .0975 191.4);
  --mint4:oklch(76.08% .1293 189.71);
  --mint5:oklch(74.81% .1296 189.03);
  --mint6:oklch(61.02% .1054 189.82);
  --mint7:oklch(46.64% .0808 189.01);
  --mint8:oklch(30.41% .052376 190.816);
  --teal1:oklch(97.6% .0099 212.52);
  --teal2:oklch(91.01% .0384 208.75);
  --teal3:oklch(83.55% .0693 209.91);
  --teal4:oklch(71.96% .1068 211.76);
  --teal5:oklch(69.98% .1109 212.72);
  --teal6:oklch(57.32% .0893 212.09);
  --teal7:oklch(43.95% .0672 212.18);
  --teal8:oklch(29.06% .0415 210.48);
  --cyan1:oklch(97.65% .011 225.98);
  --cyan2:oklch(91.15% .0418 227.91);
  --cyan3:oklch(83.73% .0772 228.87);
  --cyan4:oklch(72.55% .1259 232.84);
  --cyan5:oklch(70.68% .1327 233.88);
  --cyan6:oklch(57.95% .1068 233.26);
  --cyan7:oklch(44.23% .0796 233.37);
  --cyan8:oklch(29.28% .0484 232.3);
  --blue1:oklch(96.63% .0165 250.84);
  --blue2:oklch(87.61% .062887 250.725);
  --blue3:oklch(77.33% .1193 251.31);
  --blue4:oklch(62.52% .2047 255.95);
  --blue5:oklch(60.28% .2177 257.42);
  --blue6:oklch(49.47% .175 256.92);
  --blue7:oklch(38.03% .12949 255.924);
  --blue8:oklch(25.32% .0794 253.56);
  --indigo1:oklch(96.48% .0133 290.75);
  --indigo2:oklch(86.98% .0495 286.6);
  --indigo3:oklch(75.4% .0957 284.55);
  --indigo4:oklch(56.4% .1758 279.91);
  --indigo5:oklch(52.95% .191 278.34);
  --indigo6:oklch(43.62% .1538 278.81);
  --indigo7:oklch(33.98% .1127 279.22);
  --indigo8:oklch(23.31% .0672 281.07);
  --purple1:oklch(96.97% .0163 313.62);
  --purple2:oklch(88.81% .0595 314.5);
  --purple3:oklch(79.08% .113 313.73);
  --purple4:oklch(64.18% .1982 312.55);
  --purple5:oklch(61.49% .2129 312.41);
  --purple6:oklch(50.43% .1716 312.44);
  --purple7:oklch(38.87% .126 312.32);
  --purple8:oklch(26.16% .0759 313.11);
  --pink1:oklch(96.56% .0177 4.51);
  --pink2:oklch(87.81% .0675 5.89);
  --pink3:oklch(77.9% .1338 8.42);
  --pink4:oklch(66.26% .2271 15.86);
  --pink5:oklch(64.97% .2383 17.9);
  --pink6:oklch(53.08% .1924 17.29);
  --pink7:oklch(40.48% .1434 16.74);
  --pink8:oklch(26.78% .0869 14.7);
  --brown1:oklch(97.38% .0045 78.3);
  --brown2:oklch(90.09% .0172 76.1);
  --brown3:oklch(81.17% .0322 75.16);
  --brown4:oklch(66.26% .0586 73.73);
  --brown5:oklch(63.22% .0643 72.82);
  --brown6:oklch(51.86% .0506 71.83);
  --brown7:oklch(40.04% .0375 74.38);
  --brown8:oklch(27.01% .0227 75.38);
  --black:oklch(0% 0 0);
  --white:oklch(100% 0 0);
  --grey1:oklch(98.54% .001 286.38);
  --grey2:oklch(96.95% .005 258.32);
  --grey3:oklch(92.77% .01 267.36);
  --grey4:oklch(87.05% .012 252.1);
  --grey5:oklch(70.4% .03 263.37);
  --grey6:oklch(55.32% .032 261.39);
  --grey7:oklch(44.46% .03 263.13);
  --grey8:oklch(37.01% .034 262.07);
  --grey9:oklch(27.79% .029 267.58);
  --grey10:oklch(20.62% .027 267.82);
  --cold1:var(--grey1);
  --cold2:var(--grey2);
  --cold3:var(--grey3);
  --cold4:var(--grey4);
  --cold5:var(--grey5);
  --cold6:var(--grey6);
  --cold7:var(--grey7);
  --cold8:var(--grey8);
  --cold9:var(--grey9);
  --cold10:var(--grey10);
  --background:var(--white);
  --background-secondary:var(--cold1);
  --background-hover:var(--cold1);
  --background-selected:var(--cold2);
  --background-selected-hover:var(--cold3);
  --background-high-contrast:var(--white);
  --border-muted:var(--cold3);
  --border:var(--cold4);
  --border-strong:var(--cold6);
  --border-inked:var(--cold10);
  --border-inverse:var(--white);
  --border-focus:var(--blue5);
  --button:var(--blue5);
  --button-hover:var(--blue6);
  --button-active:var(--blue7);
  --button-disabled:var(--cold4);
  --link:var(--blue5);
  --link-hover:var(--blue6);
  --link-subtle:var(--cold8);
  --link-visited:var(--indigo5);
  --support-error:var(--red5);
  --support-warning:var(--yellow5);
  --support-success:var(--green5);
  --support-info:var(--blue5);
  --content-primary:var(--cold10);
  --content-secondary:var(--cold7);
  --content-secondary-alt:var(--cold5);
  --content-placeholder:var(--cold4);
  --content-on-color:var(--white);
  --content-error:var(--red6);
  --content-success:var(--green6);
  --content-inked:var(--black);
}

[data-new-ui-theme=dark] {
  --red1:oklch(96.89% .0152 22.39);
  --red2:oklch(88.06% .0631 22.04);
  --red3:oklch(78.71% .1233 23.85);
  --red4:oklch(66.85% .2188 27.86);
  --red5:oklch(65.42% .2321 28.66);
  --red6:oklch(53.49% .1867 28.41);
  --red7:oklch(40.87% .1383 28.31);
  --red8:oklch(26.91% .0843 27.43);
  --orange1:oklch(97.94% .0169 76.12);
  --orange2:oklch(92.44% .0628 75.47);
  --orange3:oklch(86.56% .1144 74.96);
  --orange4:oklch(77.91% .1702 65.71);
  --orange5:oklch(76.52% .1752 62.57);
  --orange6:oklch(62.47% .142257 63.186);
  --orange7:oklch(47.75% .1069 65.23);
  --orange8:oklch(31.2% .0684 68.13);
  --yellow1:oklch(98.71% .0201 94.52);
  --yellow2:oklch(95.57% .0743 95.93);
  --yellow3:oklch(91.99% .1295 95.37);
  --yellow4:oklch(87.33% .176 91.91);
  --yellow5:oklch(86.52% .1768 90.38);
  --yellow6:oklch(70.52% .1441 90.64);
  --yellow7:oklch(53.55% .109476 91.1235);
  --yellow8:oklch(34.95% .0716 93.44);
  --green1:oklch(97.77% .0156 154.48);
  --green2:oklch(91.5% .0588 153.39);
  --green3:oklch(84.74% .1113 151.25);
  --green4:oklch(74.63% .183 148.25);
  --green5:oklch(73.03% .1944 147.44);
  --green6:oklch(59.64% .1556 147.67);
  --green7:oklch(45.69% .1169 147.76);
  --green8:oklch(29.96% .0699 149.05);
  --mint1:oklch(97.67% .0158 192.09);
  --mint2:oklch(91.4% .0559 193.43);
  --mint3:oklch(84.89% .0975 191.4);
  --mint4:oklch(76.08% .1293 189.71);
  --mint5:oklch(74.81% .1296 189.03);
  --mint6:oklch(61.02% .1054 189.82);
  --mint7:oklch(46.64% .0808 189.01);
  --mint8:oklch(30.41% .052376 190.816);
  --teal1:oklch(97.6% .0099 212.52);
  --teal2:oklch(91.01% .0384 208.75);
  --teal3:oklch(83.55% .0693 209.91);
  --teal4:oklch(71.96% .1068 211.76);
  --teal5:oklch(69.98% .1109 212.72);
  --teal6:oklch(57.32% .0893 212.09);
  --teal7:oklch(43.95% .0672 212.18);
  --teal8:oklch(29.06% .0415 210.48);
  --cyan1:oklch(97.65% .011 225.98);
  --cyan2:oklch(91.15% .0418 227.91);
  --cyan3:oklch(83.73% .0772 228.87);
  --cyan4:oklch(72.55% .1259 232.84);
  --cyan5:oklch(70.68% .1327 233.88);
  --cyan6:oklch(57.95% .1068 233.26);
  --cyan7:oklch(44.23% .0796 233.37);
  --cyan8:oklch(29.28% .0484 232.3);
  --blue1:oklch(96.63% .0165 250.84);
  --blue2:oklch(87.61% .062887 250.725);
  --blue3:oklch(77.33% .1193 251.31);
  --blue4:oklch(62.52% .2047 255.95);
  --blue5:oklch(60.28% .2177 257.42);
  --blue6:oklch(49.47% .175 256.92);
  --blue7:oklch(38.03% .12949 255.924);
  --blue8:oklch(25.32% .0794 253.56);
  --indigo1:oklch(96.48% .0133 290.75);
  --indigo2:oklch(86.98% .0495 286.6);
  --indigo3:oklch(75.4% .0957 284.55);
  --indigo4:oklch(56.4% .1758 279.91);
  --indigo5:oklch(52.95% .191 278.34);
  --indigo6:oklch(43.62% .1538 278.81);
  --indigo7:oklch(33.98% .1127 279.22);
  --indigo8:oklch(23.31% .0672 281.07);
  --purple1:oklch(96.97% .0163 313.62);
  --purple2:oklch(88.81% .0595 314.5);
  --purple3:oklch(79.08% .113 313.73);
  --purple4:oklch(64.18% .1982 312.55);
  --purple5:oklch(61.49% .2129 312.41);
  --purple6:oklch(50.43% .1716 312.44);
  --purple7:oklch(38.87% .126 312.32);
  --purple8:oklch(26.16% .0759 313.11);
  --pink1:oklch(96.56% .0177 4.51);
  --pink2:oklch(87.81% .0675 5.89);
  --pink3:oklch(77.9% .1338 8.42);
  --pink4:oklch(66.26% .2271 15.86);
  --pink5:oklch(64.97% .2383 17.9);
  --pink6:oklch(53.08% .1924 17.29);
  --pink7:oklch(40.48% .1434 16.74);
  --pink8:oklch(26.78% .0869 14.7);
  --brown1:oklch(97.38% .0045 78.3);
  --brown2:oklch(90.09% .0172 76.1);
  --brown3:oklch(81.17% .0322 75.16);
  --brown4:oklch(66.26% .0586 73.73);
  --brown5:oklch(63.22% .0643 72.82);
  --brown6:oklch(51.86% .0506 71.83);
  --brown7:oklch(40.04% .0375 74.38);
  --brown8:oklch(27.01% .0227 75.38);
  --black:oklch(0% 0 0);
  --white:oklch(100% 0 0);
  --grey1:oklch(96.72% 0 0);
  --grey2:oklch(90.67% 0 0);
  --grey3:oklch(82.66% 0 0);
  --grey4:oklch(73.16% 0 0);
  --grey5:oklch(64.34% 0 0);
  --grey6:oklch(54.17% 0 0);
  --grey7:oklch(43.86% 0 0);
  --grey8:oklch(34.46% 0 0);
  --grey9:oklch(26.86% 0 0);
  --grey10:oklch(20.02% 0 0);
  --background:var(--grey10);
  --background-secondary:var(--grey9);
  --background-hover:var(--grey9);
  --background-selected:var(--grey8);
  --background-selected-hover:var(--grey7);
  --background-high-contrast:var(--black);
  --border-muted:var(--grey8);
  --border:var(--grey7);
  --border-strong:var(--grey6);
  --border-inked:var(--grey1);
  --border-inverse:var(--black);
  --border-focus:var(--blue4);
  --button:var(--blue4);
  --button-hover:var(--blue3);
  --button-active:var(--blue2);
  --button-disabled:var(--grey8);
  --link:var(--blue4);
  --link-hover:var(--blue3);
  --link-subtle:var(--grey1);
  --link-visited:var(--indigo4);
  --support-error:var(--red4);
  --support-warning:var(--yellow4);
  --support-success:var(--green4);
  --support-info:var(--blue4);
  --content-primary:var(--grey1);
  --content-secondary:var(--grey4);
  --content-secondary-alt:var(--grey6);
  --content-placeholder:var(--grey7);
  --content-on-color:var(--white);
  --content-error:var(--red4);
  --content-success:var(--green4);
  --content-inked:var(--white);
}

[data-new-ui-theme=dark--warm] {
  --red1:oklch(96.89% .0152 22.39);
  --red2:oklch(88.06% .0631 22.04);
  --red3:oklch(78.71% .1233 23.85);
  --red4:oklch(66.85% .2188 27.86);
  --red5:oklch(65.42% .2321 28.66);
  --red6:oklch(53.49% .1867 28.41);
  --red7:oklch(40.87% .1383 28.31);
  --red8:oklch(26.91% .0843 27.43);
  --orange1:oklch(97.94% .0169 76.12);
  --orange2:oklch(92.44% .0628 75.47);
  --orange3:oklch(86.56% .1144 74.96);
  --orange4:oklch(77.91% .1702 65.71);
  --orange5:oklch(76.52% .1752 62.57);
  --orange6:oklch(62.47% .142257 63.186);
  --orange7:oklch(47.75% .1069 65.23);
  --orange8:oklch(31.2% .0684 68.13);
  --yellow1:oklch(98.71% .0201 94.52);
  --yellow2:oklch(95.57% .0743 95.93);
  --yellow3:oklch(91.99% .1295 95.37);
  --yellow4:oklch(87.33% .176 91.91);
  --yellow5:oklch(86.52% .1768 90.38);
  --yellow6:oklch(70.52% .1441 90.64);
  --yellow7:oklch(53.55% .109476 91.1235);
  --yellow8:oklch(34.95% .0716 93.44);
  --green1:oklch(97.77% .0156 154.48);
  --green2:oklch(91.5% .0588 153.39);
  --green3:oklch(84.74% .1113 151.25);
  --green4:oklch(74.63% .183 148.25);
  --green5:oklch(73.03% .1944 147.44);
  --green6:oklch(59.64% .1556 147.67);
  --green7:oklch(45.69% .1169 147.76);
  --green8:oklch(29.96% .0699 149.05);
  --mint1:oklch(97.67% .0158 192.09);
  --mint2:oklch(91.4% .0559 193.43);
  --mint3:oklch(84.89% .0975 191.4);
  --mint4:oklch(76.08% .1293 189.71);
  --mint5:oklch(74.81% .1296 189.03);
  --mint6:oklch(61.02% .1054 189.82);
  --mint7:oklch(46.64% .0808 189.01);
  --mint8:oklch(30.41% .052376 190.816);
  --teal1:oklch(97.6% .0099 212.52);
  --teal2:oklch(91.01% .0384 208.75);
  --teal3:oklch(83.55% .0693 209.91);
  --teal4:oklch(71.96% .1068 211.76);
  --teal5:oklch(69.98% .1109 212.72);
  --teal6:oklch(57.32% .0893 212.09);
  --teal7:oklch(43.95% .0672 212.18);
  --teal8:oklch(29.06% .0415 210.48);
  --cyan1:oklch(97.65% .011 225.98);
  --cyan2:oklch(91.15% .0418 227.91);
  --cyan3:oklch(83.73% .0772 228.87);
  --cyan4:oklch(72.55% .1259 232.84);
  --cyan5:oklch(70.68% .1327 233.88);
  --cyan6:oklch(57.95% .1068 233.26);
  --cyan7:oklch(44.23% .0796 233.37);
  --cyan8:oklch(29.28% .0484 232.3);
  --blue1:oklch(96.63% .0165 250.84);
  --blue2:oklch(87.61% .062887 250.725);
  --blue3:oklch(77.33% .1193 251.31);
  --blue4:oklch(62.52% .2047 255.95);
  --blue5:oklch(60.28% .2177 257.42);
  --blue6:oklch(49.47% .175 256.92);
  --blue7:oklch(38.03% .12949 255.924);
  --blue8:oklch(25.32% .0794 253.56);
  --indigo1:oklch(96.48% .0133 290.75);
  --indigo2:oklch(86.98% .0495 286.6);
  --indigo3:oklch(75.4% .0957 284.55);
  --indigo4:oklch(56.4% .1758 279.91);
  --indigo5:oklch(52.95% .191 278.34);
  --indigo6:oklch(43.62% .1538 278.81);
  --indigo7:oklch(33.98% .1127 279.22);
  --indigo8:oklch(23.31% .0672 281.07);
  --purple1:oklch(96.97% .0163 313.62);
  --purple2:oklch(88.81% .0595 314.5);
  --purple3:oklch(79.08% .113 313.73);
  --purple4:oklch(64.18% .1982 312.55);
  --purple5:oklch(61.49% .2129 312.41);
  --purple6:oklch(50.43% .1716 312.44);
  --purple7:oklch(38.87% .126 312.32);
  --purple8:oklch(26.16% .0759 313.11);
  --pink1:oklch(96.56% .0177 4.51);
  --pink2:oklch(87.81% .0675 5.89);
  --pink3:oklch(77.9% .1338 8.42);
  --pink4:oklch(66.26% .2271 15.86);
  --pink5:oklch(64.97% .2383 17.9);
  --pink6:oklch(53.08% .1924 17.29);
  --pink7:oklch(40.48% .1434 16.74);
  --pink8:oklch(26.78% .0869 14.7);
  --brown1:oklch(97.38% .0045 78.3);
  --brown2:oklch(90.09% .0172 76.1);
  --brown3:oklch(81.17% .0322 75.16);
  --brown4:oklch(66.26% .0586 73.73);
  --brown5:oklch(63.22% .0643 72.82);
  --brown6:oklch(51.86% .0506 71.83);
  --brown7:oklch(40.04% .0375 74.38);
  --brown8:oklch(27.01% .0227 75.38);
  --black:oklch(0% 0 0);
  --white:oklch(100% 0 0);
  --grey1:oklch(95.79% .001 106.42);
  --grey2:oklch(94.39% .001 17.18);
  --grey3:oklch(87.66% .002 67.8);
  --grey4:oklch(73.07% .004 106.5);
  --grey5:oklch(62.89% .006 106.57);
  --grey6:oklch(54.1% .008 97.45);
  --grey7:oklch(43.73% .011 100.22);
  --grey8:oklch(34.71% .012 100.33);
  --grey9:oklch(26.31% .013 100.51);
  --grey10:oklch(21.35% .012 91.77);
  --warm1:var(--grey1);
  --warm2:var(--grey2);
  --warm3:var(--grey3);
  --warm4:var(--grey4);
  --warm5:var(--grey5);
  --warm6:var(--grey6);
  --warm7:var(--grey7);
  --warm8:var(--grey8);
  --warm9:var(--grey9);
  --warm10:var(--grey10);
  --background:var(--warm10);
  --background-secondary:var(--warm9);
  --background-hover:var(--warm9);
  --background-selected:var(--warm8);
  --background-selected-hover:var(--warm7);
  --background-high-contrast:var(--black);
  --border-muted:var(--warm8);
  --border:var(--warm7);
  --border-strong:var(--warm6);
  --border-inked:var(--warm1);
  --border-inverse:var(--black);
  --border-focus:var(--blue4);
  --button:var(--blue4);
  --button-hover:var(--blue3);
  --button-active:var(--blue2);
  --button-disabled:var(--warm8);
  --link:var(--blue4);
  --link-hover:var(--blue3);
  --link-subtle:var(--warm1);
  --link-visited:var(--indigo4);
  --support-error:var(--red4);
  --support-warning:var(--yellow4);
  --support-success:var(--green4);
  --support-info:var(--blue4);
  --content-primary:var(--warm1);
  --content-secondary:var(--warm4);
  --content-secondary-alt:var(--warm6);
  --content-placeholder:var(--warm7);
  --content-on-color:var(--white);
  --content-error:var(--red4);
  --content-success:var(--green4);
  --content-inked:var(--white);
}

[data-new-ui-theme=dark--cold] {
  --red1:oklch(96.89% .0152 22.39);
  --red2:oklch(88.06% .0631 22.04);
  --red3:oklch(78.71% .1233 23.85);
  --red4:oklch(66.85% .2188 27.86);
  --red5:oklch(65.42% .2321 28.66);
  --red6:oklch(53.49% .1867 28.41);
  --red7:oklch(40.87% .1383 28.31);
  --red8:oklch(26.91% .0843 27.43);
  --orange1:oklch(97.94% .0169 76.12);
  --orange2:oklch(92.44% .0628 75.47);
  --orange3:oklch(86.56% .1144 74.96);
  --orange4:oklch(77.91% .1702 65.71);
  --orange5:oklch(76.52% .1752 62.57);
  --orange6:oklch(62.47% .142257 63.186);
  --orange7:oklch(47.75% .1069 65.23);
  --orange8:oklch(31.2% .0684 68.13);
  --yellow1:oklch(98.71% .0201 94.52);
  --yellow2:oklch(95.57% .0743 95.93);
  --yellow3:oklch(91.99% .1295 95.37);
  --yellow4:oklch(87.33% .176 91.91);
  --yellow5:oklch(86.52% .1768 90.38);
  --yellow6:oklch(70.52% .1441 90.64);
  --yellow7:oklch(53.55% .109476 91.1235);
  --yellow8:oklch(34.95% .0716 93.44);
  --green1:oklch(97.77% .0156 154.48);
  --green2:oklch(91.5% .0588 153.39);
  --green3:oklch(84.74% .1113 151.25);
  --green4:oklch(74.63% .183 148.25);
  --green5:oklch(73.03% .1944 147.44);
  --green6:oklch(59.64% .1556 147.67);
  --green7:oklch(45.69% .1169 147.76);
  --green8:oklch(29.96% .0699 149.05);
  --mint1:oklch(97.67% .0158 192.09);
  --mint2:oklch(91.4% .0559 193.43);
  --mint3:oklch(84.89% .0975 191.4);
  --mint4:oklch(76.08% .1293 189.71);
  --mint5:oklch(74.81% .1296 189.03);
  --mint6:oklch(61.02% .1054 189.82);
  --mint7:oklch(46.64% .0808 189.01);
  --mint8:oklch(30.41% .052376 190.816);
  --teal1:oklch(97.6% .0099 212.52);
  --teal2:oklch(91.01% .0384 208.75);
  --teal3:oklch(83.55% .0693 209.91);
  --teal4:oklch(71.96% .1068 211.76);
  --teal5:oklch(69.98% .1109 212.72);
  --teal6:oklch(57.32% .0893 212.09);
  --teal7:oklch(43.95% .0672 212.18);
  --teal8:oklch(29.06% .0415 210.48);
  --cyan1:oklch(97.65% .011 225.98);
  --cyan2:oklch(91.15% .0418 227.91);
  --cyan3:oklch(83.73% .0772 228.87);
  --cyan4:oklch(72.55% .1259 232.84);
  --cyan5:oklch(70.68% .1327 233.88);
  --cyan6:oklch(57.95% .1068 233.26);
  --cyan7:oklch(44.23% .0796 233.37);
  --cyan8:oklch(29.28% .0484 232.3);
  --blue1:oklch(96.63% .0165 250.84);
  --blue2:oklch(87.61% .062887 250.725);
  --blue3:oklch(77.33% .1193 251.31);
  --blue4:oklch(62.52% .2047 255.95);
  --blue5:oklch(60.28% .2177 257.42);
  --blue6:oklch(49.47% .175 256.92);
  --blue7:oklch(38.03% .12949 255.924);
  --blue8:oklch(25.32% .0794 253.56);
  --indigo1:oklch(96.48% .0133 290.75);
  --indigo2:oklch(86.98% .0495 286.6);
  --indigo3:oklch(75.4% .0957 284.55);
  --indigo4:oklch(56.4% .1758 279.91);
  --indigo5:oklch(52.95% .191 278.34);
  --indigo6:oklch(43.62% .1538 278.81);
  --indigo7:oklch(33.98% .1127 279.22);
  --indigo8:oklch(23.31% .0672 281.07);
  --purple1:oklch(96.97% .0163 313.62);
  --purple2:oklch(88.81% .0595 314.5);
  --purple3:oklch(79.08% .113 313.73);
  --purple4:oklch(64.18% .1982 312.55);
  --purple5:oklch(61.49% .2129 312.41);
  --purple6:oklch(50.43% .1716 312.44);
  --purple7:oklch(38.87% .126 312.32);
  --purple8:oklch(26.16% .0759 313.11);
  --pink1:oklch(96.56% .0177 4.51);
  --pink2:oklch(87.81% .0675 5.89);
  --pink3:oklch(77.9% .1338 8.42);
  --pink4:oklch(66.26% .2271 15.86);
  --pink5:oklch(64.97% .2383 17.9);
  --pink6:oklch(53.08% .1924 17.29);
  --pink7:oklch(40.48% .1434 16.74);
  --pink8:oklch(26.78% .0869 14.7);
  --brown1:oklch(97.38% .0045 78.3);
  --brown2:oklch(90.09% .0172 76.1);
  --brown3:oklch(81.17% .0322 75.16);
  --brown4:oklch(66.26% .0586 73.73);
  --brown5:oklch(63.22% .0643 72.82);
  --brown6:oklch(51.86% .0506 71.83);
  --brown7:oklch(40.04% .0375 74.38);
  --brown8:oklch(27.01% .0227 75.38);
  --black:oklch(0% 0 0);
  --white:oklch(100% 0 0);
  --grey1:oklch(98.54% .001 286.38);
  --grey2:oklch(96.95% .005 258.32);
  --grey3:oklch(92.77% .01 267.36);
  --grey4:oklch(87.05% .012 252.1);
  --grey5:oklch(70.4% .03 263.37);
  --grey6:oklch(55.32% .032 261.39);
  --grey7:oklch(44.46% .03 263.13);
  --grey8:oklch(37.01% .034 262.07);
  --grey9:oklch(27.79% .029 267.58);
  --grey10:oklch(20.62% .027 267.82);
  --cold1:var(--grey1);
  --cold2:var(--grey2);
  --cold3:var(--grey3);
  --cold4:var(--grey4);
  --cold5:var(--grey5);
  --cold6:var(--grey6);
  --cold7:var(--grey7);
  --cold8:var(--grey8);
  --cold9:var(--grey9);
  --cold10:var(--grey10);
  --background:var(--cold10);
  --background-secondary:var(--cold9);
  --background-hover:var(--cold9);
  --background-selected:var(--cold8);
  --background-selected-hover:var(--cold7);
  --background-high-contrast:var(--black);
  --border-muted:var(--cold8);
  --border:var(--cold7);
  --border-strong:var(--cold6);
  --border-inked:var(--cold1);
  --border-inverse:var(--black);
  --border-focus:var(--blue4);
  --button:var(--blue4);
  --button-hover:var(--blue3);
  --button-active:var(--blue2);
  --button-disabled:var(--cold8);
  --link:var(--blue4);
  --link-hover:var(--blue3);
  --link-subtle:var(--cold1);
  --link-visited:var(--indigo4);
  --support-error:var(--red4);
  --support-warning:var(--yellow4);
  --support-success:var(--green4);
  --support-info:var(--blue4);
  --content-primary:var(--cold1);
  --content-secondary:var(--cold4);
  --content-secondary-alt:var(--cold6);
  --content-placeholder:var(--cold7);
  --content-on-color:var(--white);
  --content-error:var(--red4);
  --content-success:var(--green4);
  --content-inked:var(--white);
}

[data-new-ui-theme=light--cold] .nu-u-text-cold1, [data-new-ui-theme=dark--cold] .nu-u-text-cold1 {
  color: var(--cold1);
}

[data-new-ui-theme=light--cold] .nu-u-text-cold2, [data-new-ui-theme=dark--cold] .nu-u-text-cold2 {
  color: var(--cold2);
}

[data-new-ui-theme=light--cold] .nu-u-text-cold3, [data-new-ui-theme=dark--cold] .nu-u-text-cold3 {
  color: var(--cold3);
}

[data-new-ui-theme=light--cold] .nu-u-text-cold4, [data-new-ui-theme=dark--cold] .nu-u-text-cold4 {
  color: var(--cold4);
}

[data-new-ui-theme=light--cold] .nu-u-text-cold5, [data-new-ui-theme=dark--cold] .nu-u-text-cold5 {
  color: var(--cold5);
}

[data-new-ui-theme=light--cold] .nu-u-text-cold6, [data-new-ui-theme=dark--cold] .nu-u-text-cold6 {
  color: var(--cold6);
}

[data-new-ui-theme=light--cold] .nu-u-text-cold7, [data-new-ui-theme=dark--cold] .nu-u-text-cold7 {
  color: var(--cold7);
}

[data-new-ui-theme=light--cold] .nu-u-text-cold8, [data-new-ui-theme=dark--cold] .nu-u-text-cold8 {
  color: var(--cold8);
}

[data-new-ui-theme=light--cold] .nu-u-text-cold9, [data-new-ui-theme=dark--cold] .nu-u-text-cold9 {
  color: var(--cold9);
}

[data-new-ui-theme=light--cold] .nu-u-text-cold10, [data-new-ui-theme=dark--cold] .nu-u-text-cold10 {
  color: var(--cold10);
}

[data-new-ui-theme=light--warm] .nu-u-text-warm1, [data-new-ui-theme=dark--warm] .nu-u-text-warm1 {
  color: var(--warm1);
}

[data-new-ui-theme=light--warm] .nu-u-text-warm2, [data-new-ui-theme=dark--warm] .nu-u-text-warm2 {
  color: var(--warm2);
}

[data-new-ui-theme=light--warm] .nu-u-text-warm3, [data-new-ui-theme=dark--warm] .nu-u-text-warm3 {
  color: var(--warm3);
}

[data-new-ui-theme=light--warm] .nu-u-text-warm4, [data-new-ui-theme=dark--warm] .nu-u-text-warm4 {
  color: var(--warm4);
}

[data-new-ui-theme=light--warm] .nu-u-text-warm5, [data-new-ui-theme=dark--warm] .nu-u-text-warm5 {
  color: var(--warm5);
}

[data-new-ui-theme=light--warm] .nu-u-text-warm6, [data-new-ui-theme=dark--warm] .nu-u-text-warm6 {
  color: var(--warm6);
}

[data-new-ui-theme=light--warm] .nu-u-text-warm7, [data-new-ui-theme=dark--warm] .nu-u-text-warm7 {
  color: var(--warm7);
}

[data-new-ui-theme=light--warm] .nu-u-text-warm8, [data-new-ui-theme=dark--warm] .nu-u-text-warm8 {
  color: var(--warm8);
}

[data-new-ui-theme=light--warm] .nu-u-text-warm9, [data-new-ui-theme=dark--warm] .nu-u-text-warm9 {
  color: var(--warm9);
}

[data-new-ui-theme=light--warm] .nu-u-text-warm10, [data-new-ui-theme=dark--warm] .nu-u-text-warm10 {
  color: var(--warm10);
}

.nu-u-bg {
  background-color: var(--background);
}

.nu-u-bg-secondary {
  background-color: var(--background-secondary);
}

.nu-u-bg-hover {
  background-color: var(--background-hover);
}

.nu-u-bg-selected {
  background-color: var(--background-selected);
}

.nu-u-bg-selected-hover {
  background-color: var(--background-selected-hover);
}

.nu-u-bg-high-contrast {
  background-color: var(--background-high-contrast);
}

.nu-u-bg-black {
  background-color: var(--black);
}

.nu-u-bg-white {
  background-color: var(--white);
}

.nu-u-b--muted {
  border-color: var(--border-muted);
}

.nu-u-b {
  border-color: var(--border);
}

.nu-u-b--strong {
  border-color: var(--border-strong);
}

.nu-u-b--inked {
  border-color: var(--border-inked);
}

.nu-u-b--inverse {
  border-color: var(--border-inverse);
}

.nu-u-b--focus {
  border-color: var(--border-focus);
}

.nu-u-text--primary {
  color: var(--content-primary);
}

.nu-u-text--secondary {
  color: var(--content-secondary);
}

.nu-u-text--secondary-alt {
  color: var(--content-secondary-alt);
}

.nu-u-text--placeholder::placeholder {
  color: var(--content-placeholder);
}

.nu-u-text--on-color {
  color: var(--content-on-color);
}

.nu-u-text--error {
  color: var(--content-error);
}

.nu-u-text--success {
  color: var(--content-success);
}

.nu-u-text--inked {
  color: var(--content-inked);
}

.nu-u-text-black {
  color: var(--black);
}

.nu-u-text-white {
  color: var(--white);
}

.nu-u-link {
  color: var(--link);
}

.nu-u-link--hover {
  color: var(--link-hover);
}

.nu-u-link--subtle {
  color: var(--link-subtle);
}

.nu-u-link--visited {
  color: var(--link-visited);
}

.nu-u-support--error {
  color: var(--support-error);
}

.nu-u-support--warning {
  color: var(--support-warning);
}

.nu-u-support--success {
  color: var(--support-success);
}

.nu-u-support--info {
  color: var(--support-info);
}


@font-face {
  font-family: "Jiva Mono";
  src: url(JivaMono.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  font-size: 16px;
  --sargam: "Jiva Mono", ui-monospace, Menlo, Consolas, monospace;
  scroll-behavior: smooth;
  scroll-padding-top: 2rem;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --container-max-width: 100%;
  --container-padding: var(--s-16);
  --container-padding-mobile: 1.5rem;
  --shadow-color: rgb(0 0 0 / 0.04);
  --elevated-shadow: 0 0 0 1.5px var(--border-muted),
    0 1px 1px -0.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color);
  --s-00: 0rem;
  --s-01: .0625rem;
  --s-02: .125rem;
  --s-04: .25rem;
  --s-06: .375rem;
  --s-08: .5rem;
  --s-12: .75rem;
  --s-16: 1rem;
  --s-20: 1.25rem;
  --s-24: 1.5rem;
  --s-32: 2rem;
  --s-40: 2.5rem;
  --s-48: 3rem;
  --s-56: 3.5rem;
  --s-64: 4rem;
  --s-72: 4.5rem;
  --s-80: 5rem;
  --s-96: 6rem;
  --s-112: 7rem;
  --s-120: 7.5rem;
  --s-128: 8rem;
  --s-160: 10rem;
  --c-text: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 24 24%27 height=%2724%27 width=%2724%27%3E%3Cpath fill=%27black%27 d=%27M9 4H11V5H9V4ZM12 6H11V5H12V6ZM13 6H12V18H11V19H9V20H11V19H12V18H13V19H14V20H16V19H14V18H13V6ZM14 5V6H13V5H14ZM14 5V4H16V5H14Z%27 clip-rule=%27evenodd%27 fill-rule=%27evenodd%27/%3E%3Cpath fill=%27white%27 d=%27M15 3H16V4H15H14V3H15ZM14 5V4H13V5H12V4H11V3H10H9V4H8V5H9V6H10H11V18H10H9V19H8V20H9V21H10H11V20H12V19H13V20H14V21H15H16V20H17V19H16V18H15H14V6H15H16V5H17V4H16V5H15H14ZM13 6V5H14V6H13ZM13 18V6H12V5H11V4H10H9V5H10H11V6H12V18H11V19H10H9V20H10H11V19H12V18H13ZM13 18V19H14V20H15H16V19H15H14V18H13Z%27 clip-rule=%27evenodd%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E"
    ) 16 16, auto;
  --c-pointer: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9 4H11V5H9V4ZM9 10V8V5H8V8V10H6V11H5V13H6V14H7V16H8V17H9V18H10V20H11H12H13H14V19H15H16V20H17V19H18V17H19V15H20V10H19V9H18H17V8H15H14V7H12V5H11V8V10H12V8H14V10H15V9H17V11H18V10H19V15H18V17H17V13H16V17H17V18V19H16V18H14V19H13H12H11V18H10V17H9V16H8V13H7H6V11H8V12H9V13H10V12V10H9ZM9 10H8V11H9V10ZM14 13H15V17H14V13ZM13 13H12V17H13V13Z%27 fill=%27black%27/%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M9 5H11V8V10H12V8H14V10H15V9H17V10V11H18V10H19V15H18V17H17V13H16V17H17V18V19H16V18H14V19H13H12H11V18H10V17H9V16H8V13H6V11H8V12H9V13H10V12V10H9V8V5ZM12 13V17H13V13H12ZM14 13V17H15V13H14Z%27 fill=%27white%27/%3E%3C/svg%3E"
    ) 10 5, pointer;
  --c-arrow: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 24 24%27 height=%2724%27 width=%2724%27%3E%3Cpath fill=%27black%27 d=%27M9 5H8V16H9V15H10V14H11V15H12V17H13V19H14H15V17H14V15H13V13H14H15H16V12H15V11H14V10H13V9H12V8H11V7H10V6H9V5Z%27 clip-rule=%27evenodd%27 fill-rule=%27evenodd%27/%3E%3Cpath fill=%27white%27 d=%27M8 4H9V5H8V4ZM8 16H7V5H8V16ZM9 16V17H8V16H9ZM10 15V16H9V15H10ZM11 15H10V14H11V15ZM12 17H11V16V15H12V16V17ZM13 19H12V18V17H13V18V19ZM15 19V20H14H13V19H14H15ZM15 17H16V18V19H15V18V17ZM14 15H15V16V17H14V16V15ZM13 14V15H14V14H16V13H17V12H16V11H15V10H14V9H13V8H12V7H11V6H10V5H9V6H10V7H11V8H12V9H13V10H14V11H15V12H16V13H13V14Z%27 clip-rule=%27evenodd%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E"
    ) 12 12, text;
  --c-grab: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 24 24%27 height=%2724%27 width=%2724%27%3E%3Cpath fill=%27black%27 d=%27M13 4H11V5H10V6H9V5H7V6H6V8H7V10H5V11H4V13H5V14H6V16H7V17H8V18H9V20H10H11H12H13V19H14H15V20H16V19H17V17H18V15H19V12H20V8H19V7H18V8H17V6H16V5H14H13V4ZM13 5V10H14V6H16V11H17V9H18V8H19V12H18V15H17V17H16V13H15V17H16V19H15V18H14H13V19H12H11H10V18H9V17H8V16H7V14H6V13H5V11H7V12H8V13H9V10H8V8H7V6H9V8H10V10H11V5H13ZM8 10V11H7V10H8ZM14 13H13V17H14V13ZM11 13H12V17H11V13Z%27 clip-rule=%27evenodd%27 fill-rule=%27evenodd%27/%3E%3Cpath fill=%27white%27 d=%27M13 5H11V10H10V8H9V6H7V8H8V10H9V12V13H8V12H7V11H5V13H6V14H7V16H8V17H9V18H10V19H11H12H13V18H15V19H16V18V17H17V15H18V12H19V8H18V9H17V11H16V10V6H14V10H13V5ZM14 13H13V17H14V13ZM12 13H11V17H12V13ZM16 13H15V17H16V13Z%27 clip-rule=%27evenodd%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E") 12 12, grab;
}

html[data-new-ui-theme*=dark] {
  --link: #E08742;
  --link-hover: #E9F37E;
  --link-visited: #E08742;
  --border-focus: var(--border);
}

html[data-new-ui-theme*=light] {
  --link: #2972FF;
  --link-hover: var(--black);
  --link-visited: #2972FF;
  --border-focus: var(--border);
}

.container {
  max-width: var(--container-max-width);
  width: 100%;
  margin-inline: auto;
  padding-inline: var(--container-padding);
  box-sizing: border-box;
}

html,
body {
  background-color: var(--background);
  cursor: var(--c-arrow);
}

body {
  color: var(--content-primary);
  font: 400 1em/1.5 var(--sargam);
  margin: var(--s-00);
  font-kerning: normal;
  overflow-wrap: break-word;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.font-loading {
  font-family: system-ui, sans-serif;
}
body.font-loaded {
  font-family: var(--sargam);
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
li,
pre,
code,
strong,
dl,
dt {
  cursor: var(--c-text);
}

a,
a * {
  cursor: var(--c-pointer);
}

main {
  width: 100%;
  margin: 0;
  padding: 0;
}
main #icon-grid .flex-grid {
  max-width: var(--container-max-width);
  width: 100%;
  margin-inline: auto;
  padding-inline: var(--container-padding);
  box-sizing: border-box;
}

img,
svg {
  max-width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}

#icon-grid {
  margin-bottom: var(--s-24);
}

:focus-visible {
  outline: 1.5px solid var(--border-focus);
  outline-offset: var(--s-02);
  box-shadow: none;
}

.flex-grid-item:focus,
.flex-grid-item:focus-visible {
  outline: none;
}

.flex-grid-item:focus img,
.flex-grid-item:focus-visible img {
  outline-offset: 2px;
}

.skip-link {
  position: absolute;
  top: -40px;
  left: 6px;
  background: var(--background-primary);
  color: var(--content-secondary);
  padding: var(--s-04);
  text-decoration: none;
  z-index: 1000;
  font-size: 0.875rem;
}
.skip-link:focus {
  top: 6px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

::selection {
  background: var(--content-inked);
  color: var(--background);
  text-shadow: none;
}

a {
  color: var(--link);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  position: relative;
  text-transform: uppercase;
}
a:hover {
  color: var(--link-hover);
}
a:visited {
  color: var(--link-visited);
}

img,
.flex-grid-item img[data-type=line],
.flex-grid-item img[data-type=duotone],
.flex-grid-item img[data-type=fill] {
  position: relative;
}

header {
  width: 100%;
  margin: var(--s-112) 0 var(--s-56);
  text-align: center;
  padding: 0;
}
header .header-content {
  max-width: var(--container-max-width);
  width: 100%;
  margin-inline: auto;
  padding-inline: var(--container-padding);
  box-sizing: border-box;
  text-align: center;
  max-inline-size: 40rem;
}
header h1 {
  font: 400 1.75rem/2.25rem var(--sargam);
  color: var(--content-primary);
  margin-bottom: var(--s-20);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
header h1 span {
  font: italic normal 1em var(--sargam);
}
header .CTAs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--s-08);
  min-width: max-content;
  box-sizing: border-box;
}
header .CTAs a {
  font: 400 0.875rem/1.563rem var(--sargam);
  padding: var(--s-02) var(--s-12);
  text-transform: uppercase;
  text-decoration-line: none;
  cursor: var(--c-pointer);
  color: var(--link);
  background: var(--background-high-contrast);
  border-left-color: var(--border-muted);
  border-top-color: var(--border-muted);
  border-right-color: var(--border-strong);
  border-bottom-color: var(--border-strong);
  border-style: solid;
  border-width: 1px;
}
header .CTAs a:hover {
  color: var(--link-hover);
}
header .CTAs a:active {
  border-left-color: var(--border-strong);
  border-top-color: var(--border-strong);
  border-right-color: var(--border-muted);
  border-bottom-color: var(--border-muted);
}

.flex-grid {
  display: flex;
  flex-wrap: wrap;
}
.flex-grid-item {
  flex: 1 0 calc(var(--s-64) * var(--zoom, 1));
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  margin: 0 calc(var(--s-02) * var(--zoom, 1)) calc(var(--s-04) * var(--zoom, 1));
  height: calc(9.5rem * var(--zoom, 1));
  background: var(--background-high-contrast);
  content-visibility: auto;
  contain-intrinsic-size: 0 calc(9.5rem * var(--zoom, 1));
  border: 1.5px dotted var(--border-muted);
}
.flex-grid-item img[data-type=line], .flex-grid-item img[data-type=duotone], .flex-grid-item img[data-type=fill] {
  width: calc(24px * var(--zoom, 1));
  height: calc(24px * var(--zoom, 1));
  position: absolute;
  object-fit: contain;
  aspect-ratio: 1/1;
  cursor: var(--c-pointer);
}
.flex-grid-item img[data-type=line]:hover, .flex-grid-item img[data-type=duotone]:hover, .flex-grid-item img[data-type=fill]:hover {
  background: var(--content-secondary-alt);
  color: var(--content-primary);
}
.flex-grid-item img[data-type=line] {
  top: calc(1.25rem * var(--zoom, 1));
}
.flex-grid-item img[data-type=duotone] {
  top: calc(4rem * var(--zoom, 1));
}
.flex-grid-item img[data-type=fill] {
  top: calc(6.75rem * var(--zoom, 1));
}

.top-nav {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  z-index: 999;
  position: fixed;
  inset: 0% 0% auto;
  border-bottom: 1px solid var(--border-muted);
  background: var(--background);
}
.top-nav-inner {
  max-width: var(--container-max-width);
  width: 100%;
  margin: 0 auto;
  padding: var(--s-08);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-06);
}
.top-nav .lhs,
.top-nav .rhs {
  display: flex;
  align-items: center;
  gap: var(--s-06);
}
.top-nav a {
  color: var(--content-secondary);
  text-decoration: none;
  font: 400 14px/1.5 var(--sargam);
}
.top-nav a:hover {
  text-decoration: none;
  color: var(--content-primary);
}
.top-nav .nav-search-wrapper {
  position: relative;
  margin-left: var(--s-00);
}
.top-nav .nav-search-wrapper input[type=search] {
  width: 12rem;
  box-sizing: border-box;
  background-color: var(--background);
  box-shadow: none;
  appearance: none;
  border: 1px solid var(--border-muted);
  text-align: left;
  font: 400 0.875rem/1.5 var(--sargam);
  padding: var(--s-02) var(--s-06);
  color: var(--content-primary);
  caret-color: var(--content-primary);
  text-transform: uppercase;
  cursor: var(--c-text);
  --input-shadow: 2px 2px 0px 0px var(--background-secondary);
  box-shadow: var(--input-shadow) inset;
}
.top-nav .nav-search-wrapper input[type=search]::placeholder {
  color: var(--content-placeholder);
}
.top-nav .nav-search-wrapper input[type=search]:focus {
  border-color: var(--border-focus);
  outline: 0;
  box-shadow: 0 0 0 0.5px var(--border-focus);
}
.top-nav .nav-search-wrapper input[type=search]::-webkit-search-cancel-button {
  display: none;
}
.top-nav .nav-search-wrapper .clear-search {
  position: absolute;
  right: var(--s-04);
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: var(--c-pointer);
  color: var(--content-secondary-alt);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.top-nav .nav-search-wrapper .clear-search:focus {
  outline: 0;
  box-shadow: 0 0 0 0.5px var(--border-focus);
}
.top-nav .nav-search-wrapper .clear-search[hidden] {
  display: none;
}
.top-nav .nav-search-wrapper .clear-search svg {
  width: 16px;
  height: 16px;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.brand svg {
  animation: rotate 4s linear infinite;
  animation-play-state: paused;
}
.brand svg:hover, .brand:hover svg {
  animation-play-state: running;
}

.version-pill {
  font: 400 14px/1 var(--sargam);
  padding: var(--s-02) var(--s-04);
  color: var(--content-primary);
  background: var(--background-selected);
}

.zoom-separator {
  width: 1px;
  height: 1rem;
  background: var(--border-muted);
  margin: 0 var(--s-04);
}

.zoom-btn {
  width: 32px;
  height: 32px;
  padding: 0;
  cursor: var(--c-pointer);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--content-secondary);
  background: none;
  border-left-color: var(--border-muted);
  border-top-color: var(--border-muted);
  border-right-color: var(--border);
  border-bottom-color: var(--border);
  border-style: solid;
  border-width: 1px;
}
.zoom-btn:hover:not(:disabled) {
  color: var(--content-primary);
  background: var(--background-high-contrast);
}
.zoom-btn:focus {
  outline: 0;
}
.zoom-btn:active:not(:disabled) {
  border-left-color: var(--border);
  border-top-color: var(--border);
  border-right-color: var(--border-muted);
  border-bottom-color: var(--border-muted);
}
.zoom-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  border: 1px solid transparent;
}
.zoom-btn svg {
  width: 16px;
  height: 16px;
  display: block;
}

.theme-toggle {
  width: 32px;
  height: 32px;
  padding: 0;
  cursor: var(--c-pointer);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--content-secondary);
  background: none;
  border-left-color: var(--border-muted);
  border-top-color: var(--border-muted);
  border-right-color: var(--border);
  border-bottom-color: var(--border);
  border-style: solid;
  border-width: 1px;
}
.theme-toggle:hover {
  color: var(--content-primary);
  background: var(--background-high-contrast);
}
.theme-toggle:focus {
  outline: 0;
}
.theme-toggle:active {
  border-left-color: var(--border);
  border-top-color: var(--border);
  border-right-color: var(--border-muted);
  border-bottom-color: var(--border-muted);
}
.theme-toggle svg {
  width: 16px;
  height: 16px;
  display: block;
}

.blank {
  height: 0;
}

footer {
  width: 100%;
  padding: 1rem 0;
  margin: 0;
  text-align: center;
  font: normal 0.875rem/1.5 var(--sargam);
  color: var(--content-secondary);
  border-top: 1px dotted var(--border-muted);
}
footer .footer-content {
  max-width: var(--container-max-width);
  width: 100%;
  margin-inline: auto;
  padding-inline: var(--container-padding);
  box-sizing: border-box;
}
footer a {
  color: var(--link-hover);
}

.icon-popover {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
}
.icon-popover[hidden] {
  display: none;
}
.icon-popover[hidden] .popover-content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition-delay: 0s;
}

.popover-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: var(--background-high-contrast);
  width: 100%;
  max-width: 16rem;
  pointer-events: auto;
  border: 2px solid var(--black);
  visibility: visible;
  --ease-in: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: opacity, visibility;
  transition-duration: 0.2s;
  transition-timing-function: var(--ease-in);
  transition-delay: 0.2s;
  opacity: 1;
  --popover-shadow: 4px 4px 0px 0px var(--border);
  box-shadow: var(--popover-shadow);
}

.popover-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--s-00) var(--s-00) var(--s-00) var(--s-06);
  border-bottom: 2px solid var(--background-high-contrast);
  cursor: var(--c-grab);
  user-select: none;
  position: relative;
  z-index: 999;
}
.popover-header:active {
  cursor: grabbing;
}
.popover-header .popover-icon-name {
  font: 400 0.875rem/1.5 var(--sargam);
  color: var(--content-primary);
  margin: 0;
  text-transform: uppercase;
  cursor: var(--c-grab);
  max-width: 16ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popover-header .popover-close {
  width: 28px;
  height: 28px;
  padding: 0;
  margin-left: var(--s-08);
  cursor: var(--c-pointer);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--content-secondary);
  background: none;
  transition: transform 0.1s ease;
  border: none;
}
.popover-header .popover-close:hover {
  color: var(--content-primary);
  background: var(--background);
}
.popover-header .popover-close:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.5px var(--border-focus);
}
.popover-header .popover-close:active {
  transform: scale(0.97);
}
.popover-header .popover-close svg {
  width: 24px;
  height: 24px;
  display: block;
}

img.popover-icon {
  box-shadow: 0 0 0 1px var(--link-hover);
}

.popover-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--s-32);
  background: var(--background);
}
.popover-preview .popover-icon {
  width: 96px;
  height: 96px;
  object-fit: contain;
}

.popover-preview:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 998;
  background: repeating-linear-gradient(0deg, var(--background-secondary) 0, var(--background-secondary) 2px, transparent 2px, transparent 4px);
  animation: lines 3s ease-out infinite;
  opacity: 0.2;
  mix-blend-mode: color-burn;
  pointer-events: none;
}

@keyframes lines {
  to {
    background-position: 0 25px;
  }
}
.popover-menu {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 0.5px solid var(--border-muted);
  background: var(--background-high-contrast);
  position: relative;
  z-index: 999;
}

.popover-variants {
  display: flex;
  gap: 1px;
  position: relative;
  z-index: 999;
  background: var(--border-muted);
  border-top: 1px solid var(--border-muted);
  border-bottom: 1px solid var(--border-muted);
}

.popover-variant {
  flex: 1;
  padding: var(--s-06) var(--s-08);
  font: 400 0.75rem/1 var(--sargam);
  text-transform: uppercase;
  color: var(--content-secondary);
  background: var(--background);
  border: none;
  cursor: var(--c-pointer);
  transition: background 0.15s ease, color 0.15s ease;
}
.popover-variant:hover {
  background: var(--background-selected);
}
.popover-variant.active {
  color: var(--content-primary);
  background: var(--background-selected);
}

.popover-menu-item {
  display: flex;
  align-items: center;
  gap: var(--s-08);
  padding: var(--s-04);
  font: 400 0.875rem/1.5 var(--sargam);
  color: var(--content-secondary);
  background: none;
  border: none;
  border-bottom: 0.5px solid var(--border-muted);
  cursor: var(--c-pointer);
  text-align: left;
  text-transform: uppercase;
  transition: transform 0.1s ease;
}
.popover-menu-item:last-child {
  border-bottom: none;
}
.popover-menu-item:hover {
  color: var(--link-hover);
}
.popover-menu-item:focus {
  outline: 0;
  box-shadow: inset 0 0 0 0.5px var(--border-focus);
}
.popover-menu-item:active {
  transform: scale(0.98);
}
.popover-menu-item svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.popover-menu-item span {
  flex: 1;
}

@media screen and (max-width: 639px) {
  :root {
    --container-padding: var(--container-padding-mobile);
  }
  header {
    margin: var(--s-128) 0 var(--s-64);
  }
  .details {
    margin: var(--s-64) 0;
  }
  .top-nav-inner {
    margin: 0 auto 0;
  }
  .popover-content {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: var(--s-12);
    min-width: auto;
  }
  .popover-header {
    cursor: default !important;
    user-select: auto;
  }
  .popover-header:active {
    cursor: default !important;
  }
  .nav-search-wrapper {
    display: none;
  }
  .top-nav .lhs {
    gap: var(--s-04);
  }
}
.changelog-section {
  width: 100%;
  margin: var(--s-64) 0;
  border-top: 1px dotted var(--border-muted);
  padding-top: var(--s-48);
}

.changelog-page {
  padding-top: var(--s-64);
}

.changelog-page .changelog-section {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.changelog-header {
  text-align: center;
  margin: var(--s-48) 0 var(--s-32);
}
.changelog-header h1 {
  font: 400 1.5rem/1.5 var(--sargam);
  color: var(--content-primary);
  margin: 0 0 var(--s-08);
  text-transform: uppercase;
}
.changelog-header p {
  font: 400 0.875rem/1.5 var(--sargam);
  color: var(--content-secondary);
  margin: 0;
}

.changelog-empty {
  font: 400 0.875rem/1.5 var(--sargam);
  color: var(--content-secondary-alt);
  margin: 0;
  padding: var(--s-08);
}

.top-nav a.active {
  color: var(--link);
  text-decoration: underline;
}

.changelog-container {
  max-width: 32rem;
  width: 100%;
  margin: 0 auto;
  padding-inline: var(--container-padding);
  box-sizing: border-box;
  gap: 1px;
  display: flex;
  flex-direction: column;
}
.changelog-container h2 {
  font: 400 1.25rem/1.5 var(--sargam);
  color: var(--content-primary);
  margin: 0 0 var(--s-04);
  text-transform: uppercase;
  text-align: center;
}

.changelog-entry {
  background: var(--background-high-contrast);
}
.changelog-entry[open] .changelog-summary::after {
  transform: rotate(180deg);
}

.changelog-summary {
  display: flex;
  align-items: center;
  gap: var(--s-12);
  padding: var(--s-04) var(--s-12);
  cursor: var(--c-pointer);
  list-style: none;
  font: 400 14px/1 var(--sargam);
  text-transform: uppercase;
}
.changelog-summary::-webkit-details-marker {
  display: none;
}
.changelog-summary:hover {
  background: var(--background-selected);
}

.changelog-summary-rhs {
  display: flex;
  align-items: center;
  gap: var(--s-08);
  margin-left: auto;
}

.changelog-chevron {
  width: 20px;
  height: 20px;
  transition: transform 0.2s ease;
  color: var(--content-secondary);
}
.changelog-entry[open] .changelog-chevron {
  transform: rotate(90deg);
}

.changelog-version {
  color: var(--link);
  font-weight: 400;
  min-width: 4rem;
}

.changelog-date {
  color: var(--content-secondary);
}

.changelog-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  padding: 0 var(--s-06);
  font: 400 14px/1 var(--sargam);
  color: var(--content-secondary);
  background: var(--background);
  border: 1px dotted var(--border-muted);
}

.changelog-content {
  padding: var(--s-16);
  border-top: 1px dotted var(--border-muted);
  background: var(--background);
}

.changelog-icons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-06);
  align-items: center;
}

.changelog-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: var(--s-06);
  background: var(--background-high-contrast);
  border: 1px solid var(--border-muted);
  cursor: var(--c-pointer);
  transition: background 0.15s ease;
  overflow: hidden;
}
.changelog-icon-btn:hover {
  background: var(--background-selected);
  border-color: var(--border);
}
.changelog-icon-btn:focus-visible {
  outline: 1.5px solid var(--border-focus);
  outline-offset: 1px;
}
.changelog-icon-btn img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.changelog-icon-btn img[alt] {
  font-size: 0;
  color: transparent;
}

@media screen and (max-width: 639px) {
  .changelog-summary {
    flex-wrap: wrap;
    gap: var(--s-06);
  }
  .changelog-count {
    width: 100%;
  }
  .changelog-icon-btn {
    width: 32px;
    height: 32px;
  }
}
[data-new-ui-theme=dark--warm] img[data-type=line],
[data-new-ui-theme=dark--warm] img[data-type=duotone],
[data-new-ui-theme=dark--warm] img[data-type=fill],
[data-new-ui-theme=dark--warm] .popover-icon,
[data-new-ui-theme=dark--warm] .changelog-icon-btn img {
  filter: invert(1) sepia(100%) hue-rotate(180deg);
}