.layout-inner {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-64);
}

.layout-inner .page-header {
  display: flex;
  align-items: center;
  justify-content: center;
}

.layout-inner .page-header-left {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.layout-inner .page-heading {
  font-family: var(--typography-font-sans);
  font-weight: var(--font-weight-normal);
  margin: 0;
  font-size: 32px;
  color: var(--color-base);
}

.layout-inner .layout-main {
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: var(--spacing-64);
}

.layout-inner .page-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-32);
  padding: 0;
}

.layout-inner .page-section > .email-verification-banner-view {
  align-self: stretch;
}

.layout-inner.layout-without-sidebar .page-section {
  justify-content: center;
  align-items: center;
}

.layout-inner .layout-content-area {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  justify-content: flex-start;
}

.layout-inner.layout-with-sidebar .layout-content-area {
  gap: var(--spacing-32);
  padding: var(--spacing-32) var(--spacing-0) var(--spacing-32) var(--spacing-32);
}

.layout-inner.layout-without-sidebar .layout-content-area {
  gap: var(--spacing-64);
}

.layout-inner.layout-without-sidebar:not(.layout-home) .layout-content-area {
  gap: var(--spacing-32);
}

.layout-inner.layout-without-sidebar:not(.layout-home) .layout-content-area {
  padding-block: var(--spacing-32);
}

.layout-inner .layout-middle-wrapper {
  display: flex;
  flex: 1;
  min-height: 0;
  width: 100%;
  align-items: stretch;
}

.layout-inner.layout-with-sidebar .layout-middle-wrapper {
  flex-direction: row;
}

.layout-inner.layout-without-sidebar .layout-middle-wrapper {
  flex-direction: column;
}

.layout-inner .layout-footer-wrapper {
  margin-block-start: auto;
}

.layout-inner .layout-main-stack {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.layout-inner.layout-home .layout-main-stack {
  gap: var(--spacing-64);
}

@media (max-width: 1024px) {
  .layout-inner.layout-with-sidebar .layout-content-area {
    padding-inline: 0 !important;
  }

.layout-inner.layout-with-sidebar .layout-middle-wrapper {
    flex-direction: column !important;
  }
}

.surface {
  background-color: var(--background-color-neutral-subtle);
}
.surface .surface {
  background-color: var(--background-color-base);
}
.surface .surface .surface {
  background-color: var(--background-color-neutral-subtle);
}
.surface .surface .surface .surface {
  background-color: var(--background-color-base);
}
.surface .surface .surface .surface .surface {
  background-color: var(--background-color-neutral-subtle);
}
.surface .surface .surface .surface .surface .surface {
  background-color: var(--background-color-base);
}
.surface .surface .surface .surface .surface .surface .surface {
  background-color: var(--background-color-neutral-subtle);
}
.surface .surface .surface .surface .surface .surface .surface .surface {
  background-color: var(--background-color-base);
}
@font-face {
  font-family: "Noto Fangsong Kss Rotated";
  src: url(/fonts/noto-fangsong-kss-rotated.woff2);
}
@font-face {
  font-family: "Noto Fangsong Kss Vertical";
  src: url(/fonts/noto-fangsong-kss-vertical.woff2);
}
@font-face {
  font-family: "Noto Kufi Arabic";
  src: url(/fonts/noto-kufi-arabic.woff2);
}
@font-face {
  font-family: "Noto Music";
  src: url(/fonts/noto-music.woff2);
}
@font-face {
  font-family: "Noto Naskh Arabic Ui";
  src: url(/fonts/noto-naskh-arabic-ui.woff2);
}
@font-face {
  font-family: "Noto Naskh Arabic";
  src: url(/fonts/noto-naskh-arabic.woff2);
}
@font-face {
  font-family: "Noto Nastaliq Urdu";
  src: url(/fonts/noto-nastaliq-urdu.woff2);
}
@font-face {
  font-family: "Noto Rashi Hebrew";
  src: url(/fonts/noto-rashi-hebrew.woff2);
}
@font-face {
  font-family: "Noto Sans Adlam Unjoined";
  src: url(/fonts/noto-sans-adlam-unjoined.woff2);
}
@font-face {
  font-family: "Noto Sans Adlam";
  src: url(/fonts/noto-sans-adlam.woff2);
}
@font-face {
  font-family: "Noto Sans Anatolian Hieroglyphs";
  src: url(/fonts/noto-sans-anatolian-hieroglyphs.woff2);
}
@font-face {
  font-family: "Noto Sans Arabic Ui";
  src: url(/fonts/noto-sans-arabic-ui.woff2);
}
@font-face {
  font-family: "Noto Sans Arabic";
  src: url(/fonts/noto-sans-arabic.woff2);
}
@font-face {
  font-family: "Noto Sans Armenian";
  src: url(/fonts/noto-sans-armenian.woff2);
}
@font-face {
  font-family: "Noto Sans Avestan";
  src: url(/fonts/noto-sans-avestan.woff2);
}
@font-face {
  font-family: "Noto Sans Balinese";
  src: url(/fonts/noto-sans-balinese.woff2);
}
@font-face {
  font-family: "Noto Sans Bamum";
  src: url(/fonts/noto-sans-bamum.woff2);
}
@font-face {
  font-family: "Noto Sans Bassa Vah";
  src: url(/fonts/noto-sans-bassa-vah.woff2);
}
@font-face {
  font-family: "Noto Sans Batak";
  src: url(/fonts/noto-sans-batak.woff2);
}
@font-face {
  font-family: "Noto Sans Bengali";
  src: url(/fonts/noto-sans-bengali.woff2);
}
@font-face {
  font-family: "Noto Sans Bhaiksuki";
  src: url(/fonts/noto-sans-bhaiksuki.woff2);
}
@font-face {
  font-family: "Noto Sans Brahmi";
  src: url(/fonts/noto-sans-brahmi.woff2);
}
@font-face {
  font-family: "Noto Sans Buginese";
  src: url(/fonts/noto-sans-buginese.woff2);
}
@font-face {
  font-family: "Noto Sans Buhid";
  src: url(/fonts/noto-sans-buhid.woff2);
}
@font-face {
  font-family: "Noto Sans Canadian Aboriginal";
  src: url(/fonts/noto-sans-canadian-aboriginal.woff2);
}
@font-face {
  font-family: "Noto Sans Carian";
  src: url(/fonts/noto-sans-carian.woff2);
}
@font-face {
  font-family: "Noto Sans Caucasian Albanian";
  src: url(/fonts/noto-sans-caucasian-albanian.woff2);
}
@font-face {
  font-family: "Noto Sans Chakma";
  src: url(/fonts/noto-sans-chakma.woff2);
}
@font-face {
  font-family: "Noto Sans Cham";
  src: url(/fonts/noto-sans-cham.woff2);
}
@font-face {
  font-family: "Noto Sans Cherokee";
  src: url(/fonts/noto-sans-cherokee.woff2);
}
@font-face {
  font-family: "Noto Sans Chorasmian";
  src: url(/fonts/noto-sans-chorasmian.woff2);
}
@font-face {
  font-family: "Noto Sans CJK HK";
  src: url(/fonts/noto-sans-cjk-hk.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Sans CJK JP";
  src: url(/fonts/noto-sans-cjk-jp.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Sans CJK KR";
  src: url(/fonts/noto-sans-cjk-kr.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Sans CJK SC";
  src: url(/fonts/noto-sans-cjk-sc.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Sans CJK TC";
  src: url(/fonts/noto-sans-cjk-tc.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Sans Coptic";
  src: url(/fonts/noto-sans-coptic.woff2);
}
@font-face {
  font-family: "Noto Sans Cuneiform";
  src: url(/fonts/noto-sans-cuneiform.woff2);
}
@font-face {
  font-family: "Noto Sans Cypriot";
  src: url(/fonts/noto-sans-cypriot.woff2);
}
@font-face {
  font-family: "Noto Sans Cypro Minoan";
  src: url(/fonts/noto-sans-cypro-minoan.woff2);
}
@font-face {
  font-family: "Noto Sans Deseret";
  src: url(/fonts/noto-sans-deseret.woff2);
}
@font-face {
  font-family: "Noto Sans Devanagari";
  src: url(/fonts/noto-sans-devanagari.woff2);
}
@font-face {
  font-family: "Noto Sans Duployan";
  src: url(/fonts/noto-sans-duployan.woff2);
}
@font-face {
  font-family: "Noto Sans Egyptian Hieroglyphs";
  src: url(/fonts/noto-sans-egyptian-hieroglyphs.woff2);
}
@font-face {
  font-family: "Noto Sans Elbasan";
  src: url(/fonts/noto-sans-elbasan.woff2);
}
@font-face {
  font-family: "Noto Sans Elymaic";
  src: url(/fonts/noto-sans-elymaic.woff2);
}
@font-face {
  font-family: "Noto Sans Ethiopic";
  src: url(/fonts/noto-sans-ethiopic.woff2);
}
@font-face {
  font-family: "Noto Sans Georgian";
  src: url(/fonts/noto-sans-georgian.woff2);
}
@font-face {
  font-family: "Noto Sans Glagolitic";
  src: url(/fonts/noto-sans-glagolitic.woff2);
}
@font-face {
  font-family: "Noto Sans Gothic";
  src: url(/fonts/noto-sans-gothic.woff2);
}
@font-face {
  font-family: "Noto Sans Grantha";
  src: url(/fonts/noto-sans-grantha.woff2);
}
@font-face {
  font-family: "Noto Sans Gujarati";
  src: url(/fonts/noto-sans-gujarati.woff2);
}
@font-face {
  font-family: "Noto Sans Gunjala Gondi";
  src: url(/fonts/noto-sans-gunjala-gondi.woff2);
}
@font-face {
  font-family: "Noto Sans Gurmukhi";
  src: url(/fonts/noto-sans-gurmukhi.woff2);
}
@font-face {
  font-family: "Noto Sans Hanifi Rohingya";
  src: url(/fonts/noto-sans-hanifi-rohingya.woff2);
}
@font-face {
  font-family: "Noto Sans Hanunoo";
  src: url(/fonts/noto-sans-hanunoo.woff2);
}
@font-face {
  font-family: "Noto Sans Hatran";
  src: url(/fonts/noto-sans-hatran.woff2);
}
@font-face {
  font-family: "Noto Sans Hebrew";
  src: url(/fonts/noto-sans-hebrew.woff2);
}
@font-face {
  font-family: "Noto Sans Historical";
  src: url(/fonts/noto-sans-historical.woff2);
}
@font-face {
  font-family: "Noto Sans Imperial Aramaic";
  src: url(/fonts/noto-sans-imperial-aramaic.woff2);
}
@font-face {
  font-family: "Noto Sans Indic Siyaq Numbers";
  src: url(/fonts/noto-sans-indic-siyaq-numbers.woff2);
}
@font-face {
  font-family: "Noto Sans Inscriptional Pahlavi";
  src: url(/fonts/noto-sans-inscriptional-pahlavi.woff2);
}
@font-face {
  font-family: "Noto Sans Inscriptional Parthian";
  src: url(/fonts/noto-sans-inscriptional-parthian.woff2);
}
@font-face {
  font-family: "Noto Sans Italic";
  src: url(/fonts/noto-sans-italic.woff2);
  font-style: italic;
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Sans Javanese";
  src: url(/fonts/noto-sans-javanese.woff2);
}
@font-face {
  font-family: "Noto Sans Kaithi";
  src: url(/fonts/noto-sans-kaithi.woff2);
}
@font-face {
  font-family: "Noto Sans Kannada";
  src: url(/fonts/noto-sans-kannada.woff2);
}
@font-face {
  font-family: "Noto Sans Kawi";
  src: url(/fonts/noto-sans-kawi.woff2);
}
@font-face {
  font-family: "Noto Sans Kayah Li";
  src: url(/fonts/noto-sans-kayah-li.woff2);
}
@font-face {
  font-family: "Noto Sans Kharoshthi";
  src: url(/fonts/noto-sans-kharoshthi.woff2);
}
@font-face {
  font-family: "Noto Sans Khmer";
  src: url(/fonts/noto-sans-khmer.woff2);
}
@font-face {
  font-family: "Noto Sans Khojki";
  src: url(/fonts/noto-sans-khojki.woff2);
}
@font-face {
  font-family: "Noto Sans Khudawadi";
  src: url(/fonts/noto-sans-khudawadi.woff2);
}
@font-face {
  font-family: "Noto Sans Lao Looped";
  src: url(/fonts/noto-sans-lao-looped.woff2);
}
@font-face {
  font-family: "Noto Sans Lao";
  src: url(/fonts/noto-sans-lao.woff2);
}
@font-face {
  font-family: "Noto Sans Lepcha";
  src: url(/fonts/noto-sans-lepcha.woff2);
}
@font-face {
  font-family: "Noto Sans Limbu";
  src: url(/fonts/noto-sans-limbu.woff2);
}
@font-face {
  font-family: "Noto Sans Linear a";
  src: url(/fonts/noto-sans-linear-a.woff2);
}
@font-face {
  font-family: "Noto Sans Linear B";
  src: url(/fonts/noto-sans-linear-b.woff2);
}
@font-face {
  font-family: "Noto Sans Lisu";
  src: url(/fonts/noto-sans-lisu.woff2);
}
@font-face {
  font-family: "Noto Sans Living";
  src: url(/fonts/noto-sans-living.woff2);
}
@font-face {
  font-family: "Noto Sans Lycian";
  src: url(/fonts/noto-sans-lycian.woff2);
}
@font-face {
  font-family: "Noto Sans Lydian";
  src: url(/fonts/noto-sans-lydian.woff2);
}
@font-face {
  font-family: "Noto Sans Mahajani";
  src: url(/fonts/noto-sans-mahajani.woff2);
}
@font-face {
  font-family: "Noto Sans Malayalam";
  src: url(/fonts/noto-sans-malayalam.woff2);
}
@font-face {
  font-family: "Noto Sans Mandaic";
  src: url(/fonts/noto-sans-mandaic.woff2);
}
@font-face {
  font-family: "Noto Sans Manichaean";
  src: url(/fonts/noto-sans-manichaean.woff2);
}
@font-face {
  font-family: "Noto Sans Marchen";
  src: url(/fonts/noto-sans-marchen.woff2);
}
@font-face {
  font-family: "Noto Sans Masaram Gondi";
  src: url(/fonts/noto-sans-masaram-gondi.woff2);
}
@font-face {
  font-family: "Noto Sans Math";
  src: url(/fonts/noto-sans-math.woff2);
}
@font-face {
  font-family: "Noto Sans Mayan Numerals";
  src: url(/fonts/noto-sans-mayan-numerals.woff2);
}
@font-face {
  font-family: "Noto Sans Medefaidrin";
  src: url(/fonts/noto-sans-medefaidrin.woff2);
}
@font-face {
  font-family: "Noto Sans Meetei Mayek";
  src: url(/fonts/noto-sans-meetei-mayek.woff2);
}
@font-face {
  font-family: "Noto Sans Mende Kikakui";
  src: url(/fonts/noto-sans-mende-kikakui.woff2);
}
@font-face {
  font-family: "Noto Sans Meroitic";
  src: url(/fonts/noto-sans-meroitic.woff2);
}
@font-face {
  font-family: "Noto Sans Miao";
  src: url(/fonts/noto-sans-miao.woff2);
}
@font-face {
  font-family: "Noto Sans Modi";
  src: url(/fonts/noto-sans-modi.woff2);
}
@font-face {
  font-family: "Noto Sans Mongolian";
  src: url(/fonts/noto-sans-mongolian.woff2);
}
@font-face {
  font-family: "Noto Sans Mono CJK HK";
  src: url(/fonts/noto-sans-mono-cjk-hk.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Sans Mono CJK JP";
  src: url(/fonts/noto-sans-mono-cjk-jp.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Sans Mono CJK KR";
  src: url(/fonts/noto-sans-mono-cjk-kr.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Sans Mono CJK SC";
  src: url(/fonts/noto-sans-mono-cjk-sc.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Sans Mono CJK TC";
  src: url(/fonts/noto-sans-mono-cjk-tc.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Sans Mono";
  src: url(/fonts/noto-sans-mono.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Sans Mro";
  src: url(/fonts/noto-sans-mro.woff2);
}
@font-face {
  font-family: "Noto Sans Multani";
  src: url(/fonts/noto-sans-multani.woff2);
}
@font-face {
  font-family: "Noto Sans Myanmar";
  src: url(/fonts/noto-sans-myanmar.woff2);
}
@font-face {
  font-family: "Noto Sans N'Ko Unjoined";
  src: url(/fonts/noto-sans-n-ko-unjoined.woff2);
}
@font-face {
  font-family: "Noto Sans N'Ko";
  src: url(/fonts/noto-sans-n-ko.woff2);
}
@font-face {
  font-family: "Noto Sans Nabataean";
  src: url(/fonts/noto-sans-nabataean.woff2);
}
@font-face {
  font-family: "Noto Sans Nag Mundari";
  src: url(/fonts/noto-sans-nag-mundari.woff2);
}
@font-face {
  font-family: "Noto Sans Nandinagari";
  src: url(/fonts/noto-sans-nandinagari.woff2);
}
@font-face {
  font-family: "Noto Sans New Tai Lue";
  src: url(/fonts/noto-sans-new-tai-lue.woff2);
}
@font-face {
  font-family: "Noto Sans Newa";
  src: url(/fonts/noto-sans-newa.woff2);
}
@font-face {
  font-family: "Noto Sans Nushu";
  src: url(/fonts/noto-sans-nushu.woff2);
}
@font-face {
  font-family: "Noto Sans Ogham";
  src: url(/fonts/noto-sans-ogham.woff2);
}
@font-face {
  font-family: "Noto Sans Ol Chiki";
  src: url(/fonts/noto-sans-ol-chiki.woff2);
}
@font-face {
  font-family: "Noto Sans Old Hungarian";
  src: url(/fonts/noto-sans-old-hungarian.woff2);
}
@font-face {
  font-family: "Noto Sans Old Italic";
  src: url(/fonts/noto-sans-old-italic.woff2);
}
@font-face {
  font-family: "Noto Sans Old North Arabian";
  src: url(/fonts/noto-sans-old-north-arabian.woff2);
}
@font-face {
  font-family: "Noto Sans Old Permic";
  src: url(/fonts/noto-sans-old-permic.woff2);
}
@font-face {
  font-family: "Noto Sans Old Persian";
  src: url(/fonts/noto-sans-old-persian.woff2);
}
@font-face {
  font-family: "Noto Sans Old Sogdian";
  src: url(/fonts/noto-sans-old-sogdian.woff2);
}
@font-face {
  font-family: "Noto Sans Old South Arabian";
  src: url(/fonts/noto-sans-old-south-arabian.woff2);
}
@font-face {
  font-family: "Noto Sans Old Turkic";
  src: url(/fonts/noto-sans-old-turkic.woff2);
}
@font-face {
  font-family: "Noto Sans Oriya";
  src: url(/fonts/noto-sans-oriya.woff2);
}
@font-face {
  font-family: "Noto Sans Osage";
  src: url(/fonts/noto-sans-osage.woff2);
}
@font-face {
  font-family: "Noto Sans Osmanya";
  src: url(/fonts/noto-sans-osmanya.woff2);
}
@font-face {
  font-family: "Noto Sans Pahawh Hmong";
  src: url(/fonts/noto-sans-pahawh-hmong.woff2);
}
@font-face {
  font-family: "Noto Sans Palmyrene";
  src: url(/fonts/noto-sans-palmyrene.woff2);
}
@font-face {
  font-family: "Noto Sans Pau Cin Hau";
  src: url(/fonts/noto-sans-pau-cin-hau.woff2);
}
@font-face {
  font-family: "Noto Sans Phags Pa";
  src: url(/fonts/noto-sans-phags-pa.woff2);
}
@font-face {
  font-family: "Noto Sans Phoenician";
  src: url(/fonts/noto-sans-phoenician.woff2);
}
@font-face {
  font-family: "Noto Sans Psalter Pahlavi";
  src: url(/fonts/noto-sans-psalter-pahlavi.woff2);
}
@font-face {
  font-family: "Noto Sans Rejang";
  src: url(/fonts/noto-sans-rejang.woff2);
}
@font-face {
  font-family: "Noto Sans Runic";
  src: url(/fonts/noto-sans-runic.woff2);
}
@font-face {
  font-family: "Noto Sans Samaritan";
  src: url(/fonts/noto-sans-samaritan.woff2);
}
@font-face {
  font-family: "Noto Sans Saurashtra";
  src: url(/fonts/noto-sans-saurashtra.woff2);
}
@font-face {
  font-family: "Noto Sans Sharada";
  src: url(/fonts/noto-sans-sharada.woff2);
}
@font-face {
  font-family: "Noto Sans Shavian";
  src: url(/fonts/noto-sans-shavian.woff2);
}
@font-face {
  font-family: "Noto Sans Siddham";
  src: url(/fonts/noto-sans-siddham.woff2);
}
@font-face {
  font-family: "Noto Sans Sign Writing";
  src: url(/fonts/noto-sans-sign-writing.woff2);
}
@font-face {
  font-family: "Noto Sans Sinhala";
  src: url(/fonts/noto-sans-sinhala.woff2);
}
@font-face {
  font-family: "Noto Sans Sogdian";
  src: url(/fonts/noto-sans-sogdian.woff2);
}
@font-face {
  font-family: "Noto Sans Sora Sompeng";
  src: url(/fonts/noto-sans-sora-sompeng.woff2);
}
@font-face {
  font-family: "Noto Sans Soyombo";
  src: url(/fonts/noto-sans-soyombo.woff2);
}
@font-face {
  font-family: "Noto Sans Sundanese";
  src: url(/fonts/noto-sans-sundanese.woff2);
}
@font-face {
  font-family: "Noto Sans Sunuwar";
  src: url(/fonts/noto-sans-sunuwar.woff2);
}
@font-face {
  font-family: "Noto Sans Syloti Nagri";
  src: url(/fonts/noto-sans-syloti-nagri.woff2);
}
@font-face {
  font-family: "Noto Sans Symbols";
  src: url(/fonts/noto-sans-symbols.woff2);
}
@font-face {
  font-family: "Noto Sans Symbols 2";
  src: url(/fonts/noto-sans-symbols-2.woff2);
}
@font-face {
  font-family: "Noto Sans Syriac Eastern";
  src: url(/fonts/noto-sans-syriac-eastern.woff2);
}
@font-face {
  font-family: "Noto Sans Syriac Western";
  src: url(/fonts/noto-sans-syriac-western.woff2);
}
@font-face {
  font-family: "Noto Sans Syriac";
  src: url(/fonts/noto-sans-syriac.woff2);
}
@font-face {
  font-family: "Noto Sans Tagalog";
  src: url(/fonts/noto-sans-tagalog.woff2);
}
@font-face {
  font-family: "Noto Sans Tagbanwa";
  src: url(/fonts/noto-sans-tagbanwa.woff2);
}
@font-face {
  font-family: "Noto Sans Tai Le";
  src: url(/fonts/noto-sans-tai-le.woff2);
}
@font-face {
  font-family: "Noto Sans Tai Tham";
  src: url(/fonts/noto-sans-tai-tham.woff2);
}
@font-face {
  font-family: "Noto Sans Tai Viet";
  src: url(/fonts/noto-sans-tai-viet.woff2);
}
@font-face {
  font-family: "Noto Sans Takri";
  src: url(/fonts/noto-sans-takri.woff2);
}
@font-face {
  font-family: "Noto Sans Tamil Supplement";
  src: url(/fonts/noto-sans-tamil-supplement.woff2);
}
@font-face {
  font-family: "Noto Sans Tamil";
  src: url(/fonts/noto-sans-tamil.woff2);
}
@font-face {
  font-family: "Noto Sans Tangsa";
  src: url(/fonts/noto-sans-tangsa.woff2);
}
@font-face {
  font-family: "Noto Sans Telugu";
  src: url(/fonts/noto-sans-telugu.woff2);
}
@font-face {
  font-family: "Noto Sans Thaana";
  src: url(/fonts/noto-sans-thaana.woff2);
}
@font-face {
  font-family: "Noto Sans Thai Looped";
  src: url(/fonts/noto-sans-thai-looped.woff2);
}
@font-face {
  font-family: "Noto Sans Thai";
  src: url(/fonts/noto-sans-thai.woff2);
}
@font-face {
  font-family: "Noto Sans Tifinagh Azawagh";
  src: url(/fonts/noto-sans-tifinagh-azawagh.woff2);
}
@font-face {
  font-family: "Noto Sans Tirhuta";
  src: url(/fonts/noto-sans-tirhuta.woff2);
}
@font-face {
  font-family: "Noto Sans Ugaritic";
  src: url(/fonts/noto-sans-ugaritic.woff2);
}
@font-face {
  font-family: "Noto Sans Vai";
  src: url(/fonts/noto-sans-vai.woff2);
}
@font-face {
  font-family: "Noto Sans Vithkuqi";
  src: url(/fonts/noto-sans-vithkuqi.woff2);
}
@font-face {
  font-family: "Noto Sans Wancho";
  src: url(/fonts/noto-sans-wancho.woff2);
}
@font-face {
  font-family: "Noto Sans Warang Citi";
  src: url(/fonts/noto-sans-warang-citi.woff2);
}
@font-face {
  font-family: "Noto Sans Yi";
  src: url(/fonts/noto-sans-yi.woff2);
}
@font-face {
  font-family: "Noto Sans Zanabazar Square";
  src: url(/fonts/noto-sans-zanabazar-square.woff2);
}
@font-face {
  font-family: "Noto Sans";
  src: url(/fonts/noto-sans.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Serif Ahom";
  src: url(/fonts/noto-serif-ahom.woff2);
}
@font-face {
  font-family: "Noto Serif Armenian";
  src: url(/fonts/noto-serif-armenian.woff2);
}
@font-face {
  font-family: "Noto Serif Balinese";
  src: url(/fonts/noto-serif-balinese.woff2);
}
@font-face {
  font-family: "Noto Serif Bengali";
  src: url(/fonts/noto-serif-bengali.woff2);
}
@font-face {
  font-family: "Noto Serif CJK HK";
  src: url(/fonts/noto-serif-cjk-hk.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Serif CJK JP";
  src: url(/fonts/noto-serif-cjk-jp.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Serif CJK KR";
  src: url(/fonts/noto-serif-cjk-kr.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Serif CJK SC";
  src: url(/fonts/noto-serif-cjk-sc.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Serif CJK TC";
  src: url(/fonts/noto-serif-cjk-tc.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Serif Devanagari";
  src: url(/fonts/noto-serif-devanagari.woff2);
}
@font-face {
  font-family: "Noto Serif Display Italic";
  src: url(/fonts/noto-serif-display-italic.woff2);
  font-style: italic;
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Serif Display";
  src: url(/fonts/noto-serif-display.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Serif Dives Akuru";
  src: url(/fonts/noto-serif-dives-akuru.woff2);
}
@font-face {
  font-family: "Noto Serif Dogra";
  src: url(/fonts/noto-serif-dogra.woff2);
}
@font-face {
  font-family: "Noto Serif Ethiopic";
  src: url(/fonts/noto-serif-ethiopic.woff2);
}
@font-face {
  font-family: "Noto Serif Georgian";
  src: url(/fonts/noto-serif-georgian.woff2);
}
@font-face {
  font-family: "Noto Serif Grantha";
  src: url(/fonts/noto-serif-grantha.woff2);
}
@font-face {
  font-family: "Noto Serif Gujarati";
  src: url(/fonts/noto-serif-gujarati.woff2);
}
@font-face {
  font-family: "Noto Serif Gurmukhi";
  src: url(/fonts/noto-serif-gurmukhi.woff2);
}
@font-face {
  font-family: "Noto Serif Hebrew";
  src: url(/fonts/noto-serif-hebrew.woff2);
}
@font-face {
  font-family: "Noto Serif Hentaigana";
  src: url(/fonts/noto-serif-hentaigana.woff2);
}
@font-face {
  font-family: "Noto Serif Historical";
  src: url(/fonts/noto-serif-historical.woff2);
}
@font-face {
  font-family: "Noto Serif Italic";
  src: url(/fonts/noto-serif-italic.woff2);
  font-style: italic;
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Serif Kannada";
  src: url(/fonts/noto-serif-kannada.woff2);
}
@font-face {
  font-family: "Noto Serif Khitan Small Script";
  src: url(/fonts/noto-serif-khitan-small-script.woff2);
}
@font-face {
  font-family: "Noto Serif Khmer";
  src: url(/fonts/noto-serif-khmer.woff2);
}
@font-face {
  font-family: "Noto Serif Khojki";
  src: url(/fonts/noto-serif-khojki.woff2);
}
@font-face {
  font-family: "Noto Serif Lao";
  src: url(/fonts/noto-serif-lao.woff2);
}
@font-face {
  font-family: "Noto Serif Living";
  src: url(/fonts/noto-serif-living.woff2);
}
@font-face {
  font-family: "Noto Serif Makasar";
  src: url(/fonts/noto-serif-makasar.woff2);
}
@font-face {
  font-family: "Noto Serif Malayalam";
  src: url(/fonts/noto-serif-malayalam.woff2);
}
@font-face {
  font-family: "Noto Serif Myanmar";
  src: url(/fonts/noto-serif-myanmar.woff2);
}
@font-face {
  font-family: "Noto Serif Np Hmong";
  src: url(/fonts/noto-serif-np-hmong.woff2);
}
@font-face {
  font-family: "Noto Serif Old Uyghur";
  src: url(/fonts/noto-serif-old-uyghur.woff2);
}
@font-face {
  font-family: "Noto Serif Oriya";
  src: url(/fonts/noto-serif-oriya.woff2);
}
@font-face {
  font-family: "Noto Serif Ottoman Siyaq";
  src: url(/fonts/noto-serif-ottoman-siyaq.woff2);
}
@font-face {
  font-family: "Noto Serif Sinhala";
  src: url(/fonts/noto-serif-sinhala.woff2);
}
@font-face {
  font-family: "Noto Serif Tamil Italic";
  src: url(/fonts/noto-serif-tamil-italic.woff2);
  font-style: italic;
}
@font-face {
  font-family: "Noto Serif Tangut";
  src: url(/fonts/noto-serif-tangut.woff2);
}
@font-face {
  font-family: "Noto Serif Telugu";
  src: url(/fonts/noto-serif-telugu.woff2);
}
@font-face {
  font-family: "Noto Serif Thai";
  src: url(/fonts/noto-serif-thai.woff2);
}
@font-face {
  font-family: "Noto Serif Tibetan";
  src: url(/fonts/noto-serif-tibetan.woff2);
}
@font-face {
  font-family: "Noto Serif Todhri";
  src: url(/fonts/noto-serif-todhri.woff2);
}
@font-face {
  font-family: "Noto Serif Toto";
  src: url(/fonts/noto-serif-toto.woff2);
}
@font-face {
  font-family: "Noto Serif Vithkuqi";
  src: url(/fonts/noto-serif-vithkuqi.woff2);
}
@font-face {
  font-family: "Noto Serif Yezidi";
  src: url(/fonts/noto-serif-yezidi.woff2);
}
@font-face {
  font-family: "Noto Serif";
  src: url(/fonts/noto-serif.woff2);
  font-weight: 100 900;
}
@font-face {
  font-family: "Noto Traditional Nushu";
  src: url(/fonts/noto-traditional-nushu.woff2);
}
@font-face {
  font-family: "Noto Znamenny Musical Madrigal";
  src: url(/fonts/noto-znamenny-musical-madrigal.woff2);
}
@font-face {
  font-family: "Unicode Grid";
  src: url(/fonts/unicode-grid.woff2?v=e93313da);
}
@media (prefers-reduced-motion: reduce) {
   *, *::before, *::after {
    transition: none;
  }
}
 *, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  background-color: var(--background-color-base);
  scrollbar-gutter: stable;
}
:where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
  outline: var(--border-width-thick) solid var(--border-color-blue-focus);
  outline-offset: var(--border-width-thick);
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
:root {
  --typography-font-sans: "Noto Sans", "Noto Sans Symbols", "Noto Sans Symbols 2", ui-sans-serif, var(--font-family-system-sans);
  --typography-font-sans-italic: "Noto Sans Italic", ui-sans-serif, var(--font-family-system-sans);
  --typography-font-serif: "Noto Serif", ui-serif, var(--font-family-serif);
  --typography-font-serif-italic: "Noto Serif Italic", ui-serif, var(--font-family-serif);
  --typography-font-mono: "Noto Sans Mono", ui-monospace, var(--font-family-monospace);
}
:root {
  color-scheme: light !important;
  --extreme: black;
  --extreme-inverted: white;
  --mix-blend-mode-blend: multiply;
}
:root[data-color-scheme="dark"] {
  color-scheme: dark !important;
  --extreme: white;
  --extreme-inverted: black;
  --mix-blend-mode-blend: screen;
}
:root {
  --traffic-light-red: oklch(0.6776 0.1655 23.38);
  --traffic-light-yellow: oklch(0.8509 0.152 91.79);
  --traffic-light-green: oklch(0.7399 0.159 143.96);
}
:root {
  --fill: white;
  --glyph: black;
  --glyph-fixed: black;
  --border-muted: oklch(0.95 0.002 260);
  --border-emphasis: oklch(0.2 0.003 260);
  --border-interactive: oklch(0.2 0.003 260);
  --shadow-alpha: rgba(0, 0, 0, 0.06);
  --backdrop-light: rgba(255, 255, 255, 0.65);
  --backdrop-dark: rgba(0, 0, 0, 0.65);
  --glyph-l-hover-offset: -0.1;
  --glyph-l-active-offset: -0.2;
  --background-color-current-line: oklch(0.9791 0.0000 89.8756);
  --fill-secondary: oklch(0.9791 0.0000 89.8756);
  --fill-tertiary: oklch(0.9581 0.0000 89.8756);
  --fill-gray-quaternary: oklch(0.9370 0.0000 89.8756);
  --fill-quaternary: oklch(0.9158 0.0000 89.8756);
  --fill-gray-tertiary: oklch(0.8945 0.0000 89.8756);
  --border-secondary: oklch(0.7858 0.0000 89.8756);
  --border: oklch(0.6665 0.0000 89.8756);
  --glyph-gray-quaternary: oklch(0.5965 0.0000 89.8756);
  --glyph-gray-tertiary: oklch(0.5208 0.0000 89.8756);
  --glyph-gray-secondary: oklch(0.5173 0.0000 89.8756);
  --glyph-gray: oklch(0.1957 0.0000 89.8756);
  --glyph-gray-fixed: oklch(0.1957 0.0000 89.8756);
  --glyph-red: oklch(0.6280 0.2576 29.2339);
  --fill-red: oklch(0.6280 0.2576 29.2339);
  --fill-red-subtle: oklch(0.9079 0.0474 22.8706);
  --glyph-orange: oklch(0.6599 0.1655 53.9291);
  --fill-orange: oklch(0.6599 0.1655 53.9291);
  --fill-orange-subtle: oklch(0.9269 0.0420 71.8985);
  --glyph-yellow: oklch(0.6502 0.1330 86.0953);
  --fill-yellow: oklch(0.6502 0.1330 86.0953);
  --fill-yellow-subtle: oklch(0.9273 0.0407 93.2167);
  --glyph-lime: oklch(0.6381 0.1518 120.2533);
  --fill-lime: oklch(0.6381 0.1518 120.2533);
  --fill-lime-subtle: oklch(0.9254 0.0437 112.8670);
  --glyph-green: oklch(0.6344 0.2115 143.1052);
  --fill-green: oklch(0.6344 0.2115 143.1052);
  --fill-green-subtle: oklch(0.9117 0.0568 158.5142);
  --glyph-mint: oklch(0.6418 0.1206 175.3845);
  --fill-mint: oklch(0.6418 0.1206 175.3845);
  --fill-mint-subtle: oklch(0.9157 0.0429 187.3815);
  --glyph-cyan: oklch(0.64599 0.11359 214.06428);
  --fill-cyan: oklch(0.64599 0.11359 214.06428);
  --fill-cyan-subtle: oklch(0.9163 0.0420 205.7436);
  --glyph-blue: oklch(0.6504 0.1690 246.4741);
  --fill-blue: oklch(0.6504 0.1690 246.4741);
  --fill-blue-subtle: oklch(0.9166 0.0465 230.2242);
  --glyph-indigo: oklch(0.6495 0.1861 268.8100);
  --fill-indigo: oklch(0.6495 0.1861 268.8100);
  --fill-indigo-subtle: oklch(0.9280 0.0345 274.9790);
  --glyph-violet: oklch(0.6631 0.2140 300.8190);
  --fill-violet: oklch(0.6631 0.2140 300.8190);
  --fill-violet-subtle: oklch(0.9299 0.0427 306.5502);
  --glyph-magenta: oklch(0.6916 0.3168 329.0168);
  --fill-magenta: oklch(0.6916 0.3168 329.0168);
  --fill-magenta-subtle: oklch(0.9016 0.0909 326.2989);
  --glyph-pink: oklch(0.6503 0.2651 357.4993);
  --fill-pink: oklch(0.6503 0.2651 357.4993);
  --fill-pink-subtle: oklch(0.8929 0.0741 341.4814);
  --gray-glyph: oklch(0.6467 0.0000 89.8756);
  --gray-fill: oklch(0.6467 0.0000 89.8756);
  --gray-fill-subtle: oklch(0.9310 0.0000 89.8756);
  --color-syntax-plain-text: var(--glyph);
  --color-syntax-marks: var(--glyph);
  --color-syntax-param-internal-name: var(--glyph);
  --color-syntax-keywords: var(--glyph-magenta);
  --color-syntax-heading: var(--glyph-magenta);
  --color-syntax-attributes: var(--glyph-cyan);
  --color-syntax-other-function-and-method-names: var(--glyph-cyan);
  --color-syntax-project-function-and-method-names: var(--glyph-cyan);
  --color-syntax-other-instance-variables-and-globals: var(--glyph-cyan);
  --color-syntax-project-instance-variables-and-globals: var(--glyph-cyan);
  --color-syntax-strings: var(--glyph-lime);
  --color-syntax-characters: var(--glyph-pink);
  --color-syntax-numbers: var(--glyph-indigo);
  --color-syntax-other-type-names: var(--glyph-indigo);
  --color-syntax-project-type-names: var(--glyph-indigo);
  --color-syntax-other-class-names: var(--glyph-indigo);
  --color-syntax-project-class-names: var(--glyph-indigo);
  --color-syntax-type-declarations: var(--glyph-indigo);
  --color-syntax-preprocessor-statements: var(--glyph-violet);
  --color-syntax-other-preprocessor-macros: var(--glyph-violet);
  --color-syntax-project-preprocessor-macros: var(--glyph-violet);
  --color-syntax-other-declarations: var(--glyph-violet);
  --color-syntax-other-constants: var(--glyph-mint);
  --color-syntax-project-constants: var(--glyph-mint);
  --color-syntax-comments: var(--color-subtle);
  --color-syntax-documentation-markup: var(--color-subtle);
  --color-syntax-documentation-markup-keywords: var(--color-subtle);
  --color-syntax-addition: var(--glyph-green);
  --color-syntax-deletion: var(--glyph-red);
  --color-syntax-urls: var(--glyph-blue);
  --color-syntax-highlighted: color-mix(in srgb, var(--glyph-blue) calc(var(--opacity-low) * 100%), transparent);
}
:root[data-contrast="more"] {
  --fill: white;
  --glyph: black;
  --glyph-fixed: black;
  --border-muted: oklch(0.92 0.003 260);
  --border-emphasis: oklch(0.12 0.004 260);
  --border-interactive: oklch(0.12 0.004 260);
  --shadow-alpha: rgba(0, 0, 0, 0.08);
  --backdrop-light: rgba(255, 255, 255, 0.65);
  --backdrop-dark: rgba(0, 0, 0, 0.65);
  --background-color-current-line: oklch(0.9791 0.0000 89.8756);
  --fill-secondary: oklch(0.9791 0.0000 89.8756);
  --fill-tertiary: oklch(0.9581 0.0000 89.8756);
  --fill-gray-quaternary: oklch(0.9370 0.0000 89.8756);
  --fill-quaternary: oklch(0.9158 0.0000 89.8756);
  --fill-gray-tertiary: oklch(0.8945 0.0000 89.8756);
  --border-secondary: oklch(0.7058 0.0000 89.8756);
  --border: oklch(0.4640 0.0000 89.8756);
  --glyph-gray-quaternary: oklch(0.4239 0.0000 89.8756);
  --glyph-gray-tertiary: oklch(0.3791 0.0000 89.8756);
  --glyph-gray-secondary: oklch(0.3753 0.0000 89.8756);
  --glyph-gray: oklch(0.1684 0.0000 89.8756);
  --glyph-gray-fixed: oklch(0.1684 0.0000 89.8756);
  --glyph-red: oklch(0.5675 0.2328 29.2339);
  --fill-red: oklch(0.5675 0.2328 29.2339);
  --fill-red-subtle: oklch(0.7144 0.1793 29.4073);
  --glyph-orange: oklch(0.5493 0.1380 53.7686);
  --fill-orange: oklch(0.5493 0.1380 53.7686);
  --fill-orange-subtle: oklch(0.7066 0.1668 59.3063);
  --glyph-yellow: oklch(0.5413 0.1108 85.5028);
  --fill-yellow: oklch(0.5413 0.1108 85.5028);
  --fill-yellow-subtle: oklch(0.6960 0.1422 88.6904);
  --glyph-lime: oklch(0.5313 0.1264 120.2111);
  --fill-lime: oklch(0.5313 0.1264 120.2111);
  --fill-lime-subtle: oklch(0.6855 0.1618 119.4617);
  --glyph-green: oklch(0.5289 0.1764 143.0892);
  --fill-green: oklch(0.5289 0.1764 143.0892);
  --fill-green-subtle: oklch(0.6751 0.1897 149.1578);
  --glyph-mint: oklch(0.5328 0.0998 175.6972);
  --fill-mint: oklch(0.5328 0.0998 175.6972);
  --fill-mint-subtle: oklch(0.67793 0.12388 178.96134);
  --glyph-cyan: oklch(0.5361 0.0943 214.2464);
  --fill-cyan: oklch(0.5361 0.0943 214.2464);
  --fill-cyan-subtle: oklch(0.6842 0.1178 208.5783);
  --glyph-blue: oklch(0.5423 0.1401 246.2125);
  --fill-blue: oklch(0.5423 0.1401 246.2125);
  --fill-blue-subtle: oklch(0.6899 0.1554 238.9915);
  --glyph-indigo: oklch(0.5439 0.2522 269.3913);
  --fill-indigo: oklch(0.5439 0.2522 269.3913);
  --fill-indigo-subtle: oklch(0.6998 0.1564 269.5312);
  --glyph-violet: oklch(0.5562 0.2950 300.9652);
  --fill-violet: oklch(0.5562 0.2950 300.9652);
  --fill-violet-subtle: oklch(0.7124 0.1759 299.3078);
  --glyph-magenta: oklch(0.5722 0.2622 328.9152);
  --fill-magenta: oklch(0.5722 0.2622 328.9152);
  --fill-magenta-subtle: oklch(0.7307 0.2768 329.1667);
  --glyph-pink: oklch(0.5704 0.2306 1.1604);
  --fill-pink: oklch(0.5704 0.2306 1.1604);
  --fill-pink-subtle: oklch(0.7198 0.1920 359.3501);
  --gray-glyph: oklch(0.5382 0.0000 89.8756);
  --gray-fill: oklch(0.5382 0.0000 89.8756);
  --gray-fill-subtle: oklch(0.6960 0.0000 89.8756);
}
:root[data-color-scheme="dark"] {
  --fill: black;
  --glyph: white;
  --glyph-fixed: black;
  --background-primary: oklch(0.17 0.003 260);
  --background-layer1: oklch(0.27 0.004 260);
  --background-layer2: oklch(0.34 0.005 260);
  --backdrop: rgba(10, 10, 10, 0.8);
  --sidebar: oklch(0.2 0.003 260);
  --separator: oklch(0.28 0.004 260);
  --border-muted: oklch(0.17 0.003 260);
  --border-emphasis: oklch(0.96 0.003 260);
  --border-interactive: oklch(0.62 0.005 260);
  --shadow-alpha: rgba(0, 0, 0, 0.87);
  --backdrop-light: rgba(0, 0, 0, 0.65);
  --backdrop-dark: rgba(255, 255, 255, 0.65);
  --glyph-l-hover-offset: 0.025;
  --glyph-l-active-offset: 0.05;
  --background-color-current-line: oklch(0.1448 0.0000 89.8756);
  --fill-secondary: oklch(0.2727 0.0000 89.8756);
  --fill-tertiary: oklch(0.3407 0.0000 89.8756);
  --fill-gray-quaternary: oklch(0.3867 0.0000 89.8756);
  --fill-quaternary: oklch(0.4313 0.0000 89.8756);
  --fill-gray-tertiary: oklch(0.4712 0.0000 89.8756);
  --border-secondary: oklch(0.6234 0.0000 89.8756);
  --border: oklch(0.7444 0.0000 89.8756);
  --glyph-gray-quaternary: oklch(0.8015 0.0000 89.8756);
  --glyph-gray-tertiary: oklch(0.8545 0.0000 89.8756);
  --glyph-gray-secondary: oklch(0.8576 0.0000 89.8756);
  --glyph-gray: oklch(0.9881 0.0000 89.8756);
  --glyph-gray-fixed: oklch(0.1957 0.0000 89.8756);
  --glyph-red: oklch(0.7527 0.1491 29.8587);
  --fill-red: oklch(0.7527 0.1491 29.8587);
  --fill-red-subtle: oklch(0.2603 0.0450 27.0337);
  --glyph-orange: oklch(0.7521 0.1786 58.7472);
  --fill-orange: oklch(0.7521 0.1786 58.7472);
  --fill-orange-subtle: oklch(0.2582 0.0589 62.9503);
  --glyph-yellow: oklch(0.76290 0.15619 85.85916);
  --fill-yellow: oklch(0.76290 0.15619 85.85916);
  --fill-yellow-subtle: oklch(0.2576 0.0526 90.7843);
  --glyph-lime: oklch(0.7498 0.1782 120.1407);
  --fill-lime: oklch(0.7498 0.1782 120.1407);
  --fill-lime-subtle: oklch(0.2537 0.0592 118.2953);
  --glyph-green: oklch(0.7463 0.2490 143.0893);
  --fill-green: oklch(0.7463 0.2490 143.0893);
  --fill-green-subtle: oklch(0.2483 0.0737 147.0298);
  --glyph-mint: oklch(0.7523 0.1408 175.8638);
  --fill-mint: oklch(0.7523 0.1408 175.8638);
  --fill-mint-subtle: oklch(0.2514 0.0461 178.2226);
  --glyph-cyan: oklch(0.75740 0.13337 214.36299);
  --fill-cyan: oklch(0.75740 0.13337 214.36299);
  --fill-cyan-subtle: oklch(0.2536 0.0438 209.8160);
  --glyph-blue: oklch(0.7492 0.1483 236.9676);
  --fill-blue: oklch(0.7492 0.1483 236.9676);
  --fill-blue-subtle: oklch(0.2533 0.0412 238.7724);
  --glyph-indigo: oklch(0.7613 0.1213 268.4171);
  --fill-indigo: oklch(0.7613 0.1213 268.4171);
  --fill-indigo-subtle: oklch(0.2586 0.0333 269.0499);
  --glyph-violet: oklch(0.7694 0.1399 300.7295);
  --fill-violet: oklch(0.7694 0.1399 300.7295);
  --fill-violet-subtle: oklch(0.2611 0.0379 299.8668);
  --glyph-magenta: oklch(0.7687 0.2362 327.5714);
  --fill-magenta: oklch(0.7687 0.2362 327.5714);
  --fill-magenta-subtle: oklch(0.2633 0.0680 328.4958);
  --glyph-pink: oklch(0.7570 0.1652 355.1902);
  --fill-pink: oklch(0.7570 0.1652 355.1902);
  --fill-pink-subtle: oklch(0.2622 0.0479 358.9198);
  --gray-glyph: oklch(0.7604 0.0000 89.8756);
  --gray-fill: oklch(0.7604 0.0000 89.8756);
  --gray-fill-subtle: oklch(0.2562 0.0000 89.8756);
  --color-syntax-plain-text: var(--glyph);
  --color-syntax-marks: var(--glyph);
  --color-syntax-param-internal-name: var(--glyph);
  --color-syntax-keywords: var(--glyph-magenta);
  --color-syntax-heading: var(--glyph-magenta);
  --color-syntax-attributes: var(--glyph-cyan);
  --color-syntax-other-function-and-method-names: var(--glyph-cyan);
  --color-syntax-project-function-and-method-names: var(--glyph-cyan);
  --color-syntax-other-instance-variables-and-globals: var(--glyph-cyan);
  --color-syntax-project-instance-variables-and-globals: var(--glyph-cyan);
  --color-syntax-strings: var(--glyph-lime);
  --color-syntax-characters: var(--glyph-pink);
  --color-syntax-numbers: var(--glyph-indigo);
  --color-syntax-other-type-names: var(--glyph-indigo);
  --color-syntax-project-type-names: var(--glyph-indigo);
  --color-syntax-other-class-names: var(--glyph-indigo);
  --color-syntax-project-class-names: var(--glyph-indigo);
  --color-syntax-type-declarations: var(--glyph-indigo);
  --color-syntax-preprocessor-statements: var(--glyph-violet);
  --color-syntax-other-preprocessor-macros: var(--glyph-violet);
  --color-syntax-project-preprocessor-macros: var(--glyph-violet);
  --color-syntax-other-declarations: var(--glyph-violet);
  --color-syntax-other-constants: var(--glyph-mint);
  --color-syntax-project-constants: var(--glyph-mint);
  --color-syntax-comments: var(--color-subtle);
  --color-syntax-documentation-markup: var(--color-subtle);
  --color-syntax-documentation-markup-keywords: var(--color-subtle);
  --color-syntax-addition: var(--glyph-green);
  --color-syntax-deletion: var(--glyph-red);
  --color-syntax-urls: var(--glyph-blue);
  --color-syntax-highlighted: color-mix(in srgb, var(--glyph-blue) calc(var(--opacity-low) * 100%), transparent);
}
:root[data-color-scheme="dark"][data-contrast="more"] {
  --fill: black;
  --glyph: white;
  --glyph-fixed: black;
  --background-primary: oklch(0.17 0.003 260);
  --background-layer1: oklch(0.27 0.004 260);
  --background-layer2: oklch(0.34 0.005 260);
  --backdrop: rgba(10, 10, 10, 0.85);
  --sidebar: oklch(0.2 0.003 260);
  --separator: oklch(0.28 0.004 260);
  --border-muted: oklch(0.2 0.004 260);
  --border-emphasis: oklch(0.98 0.002 260);
  --border-interactive: oklch(0.7 0.005 260);
  --shadow-alpha: rgba(0, 0, 0, 0.9);
  --backdrop-light: rgba(0, 0, 0, 0.65);
  --backdrop-dark: rgba(255, 255, 255, 0.65);
  --background-color-current-line: oklch(0.1448 0.0000 89.8756);
  --fill-secondary: oklch(0.2727 0.0000 89.8756);
  --fill-tertiary: oklch(0.3407 0.0000 89.8756);
  --fill-gray-quaternary: oklch(0.3867 0.0000 89.8756);
  --fill-quaternary: oklch(0.4313 0.0000 89.8756);
  --fill-gray-tertiary: oklch(0.4712 0.0000 89.8756);
  --border-secondary: oklch(0.7090 0.0000 89.8756);
  --border: oklch(0.8884 0.0000 89.8756);
  --glyph-gray-quaternary: oklch(0.9128 0.0000 89.8756);
  --glyph-gray-tertiary: oklch(0.9340 0.0000 89.8756);
  --glyph-gray-secondary: oklch(0.9370 0.0000 89.8756);
  --glyph-gray: oklch(0.9881 0.0000 89.8756);
  --glyph-gray-fixed: oklch(0.1684 0.0000 89.8756);
  --glyph-red: oklch(0.8391 0.0891 30.9831);
  --fill-red: oklch(0.8391 0.0891 30.9831);
  --fill-red-subtle: oklch(0.4795 0.1967 29.2339);
  --glyph-orange: oklch(0.8370 0.1173 64.2289);
  --fill-orange: oklch(0.8370 0.1173 64.2289);
  --fill-orange-subtle: oklch(0.4644 0.1099 59.0055);
  --glyph-yellow: oklch(0.8460 0.1732 85.5681);
  --fill-yellow: oklch(0.8460 0.1732 85.5681);
  --fill-yellow-subtle: oklch(0.4554 0.0930 88.4327);
  --glyph-lime: oklch(0.8315 0.1977 120.1409);
  --fill-lime: oklch(0.8315 0.1977 120.1409);
  --fill-lime-subtle: oklch(0.4503 0.1061 119.3436);
  --glyph-green: oklch(0.8282 0.2762 143.1032);
  --fill-green: oklch(0.8282 0.2762 143.1032);
  --fill-green-subtle: oklch(0.4425 0.1242 149.2080);
  --glyph-mint: oklch(0.8345 0.1559 176.0600);
  --fill-mint: oklch(0.8345 0.1559 176.0600);
  --fill-mint-subtle: oklch(0.4444 0.0808 179.5643);
  --glyph-cyan: oklch(0.8371 0.1453 211.0770);
  --fill-cyan: oklch(0.8371 0.1453 211.0770);
  --fill-cyan-subtle: oklch(0.4479 0.0773 209.5566);
  --glyph-blue: oklch(0.8354 0.0949 236.3413);
  --fill-blue: oklch(0.8354 0.0949 236.3413);
  --fill-blue-subtle: oklch(0.4525 0.1033 239.8374);
  --glyph-indigo: oklch(0.8416 0.0779 267.8711);
  --fill-indigo: oklch(0.8416 0.0779 267.8711);
  --fill-indigo-subtle: oklch(0.4862 0.2901 269.1642);
  --glyph-violet: oklch(0.8474 0.0893 300.4990);
  --fill-violet: oklch(0.8474 0.0893 300.4990);
  --fill-violet-subtle: oklch(0.4916 0.2634 299.2988);
  --glyph-magenta: oklch(0.8463 0.1477 326.7834);
  --fill-magenta: oklch(0.8463 0.1477 326.7834);
  --fill-magenta-subtle: oklch(0.4848 0.2220 329.0426);
  --glyph-pink: oklch(0.8405 0.0985 355.7245);
  --fill-pink: oklch(0.8405 0.0985 355.7245);
  --fill-pink-subtle: oklch(0.4807 0.1952 359.1436);
  --gray-glyph: oklch(0.8421 0.0000 89.8756);
  --gray-fill: oklch(0.8421 0.0000 89.8756);
  --gray-fill-subtle: oklch(0.4532 0.0000 89.8756);
}
@media (color-gamut: p3) {
  :root {
    --glyph-red: oklch(0.6684 0.2770 29.2339);
    --fill-red: oklch(0.6684 0.2770 29.2339);
    --fill-red-subtle: oklch(0.9151 0.0566 21.8203);
    --glyph-orange: oklch(0.6575 0.1775 59.2339);
    --fill-orange: oklch(0.6575 0.1775 59.2339);
    --fill-orange-subtle: oklch(0.9265 0.0420 70.8498);
    --glyph-yellow: oklch(0.6477 0.1527 89.2339);
    --fill-yellow: oklch(0.6477 0.1527 89.2339);
    --fill-yellow-subtle: oklch(0.9277 0.0409 93.4053);
    --glyph-lime: oklch(0.6368 0.1747 119.2339);
    --fill-lime: oklch(0.6368 0.1747 119.2339);
    --fill-lime-subtle: oklch(0.9261 0.0446 113.6939);
    --glyph-green: oklch(0.6167 0.2417 149.2339);
    --fill-green: oklch(0.6167 0.2417 149.2339);
    --fill-green-subtle: oklch(0.9128 0.0566 158.5041);
    --glyph-mint: oklch(0.6235 0.1542 179.2339);
    --fill-mint: oklch(0.6235 0.1542 179.2339);
    --fill-mint-subtle: oklch(0.9163 0.0436 186.4362);
    --glyph-cyan: oklch(0.6288 0.1446 209.2339);
    --fill-cyan: oklch(0.6288 0.1446 209.2339);
    --fill-cyan-subtle: oklch(0.9171 0.0421 205.2216);
    --glyph-blue: oklch(0.6374 0.1884 239.2339);
    --fill-blue: oklch(0.6374 0.1884 239.2339);
    --fill-blue-subtle: oklch(0.9171 0.0465 228.4716);
    --glyph-indigo: oklch(0.6555 0.1972 269.2339);
    --fill-indigo: oklch(0.6555 0.1972 269.2339);
    --fill-indigo-subtle: oklch(0.9294 0.0372 274.5179);
    --glyph-violet: oklch(0.6689 0.2236 299.2339);
    --fill-violet: oklch(0.6689 0.2236 299.2339);
    --fill-violet-subtle: oklch(0.9311 0.0451 304.2701);
    --glyph-magenta: oklch(0.6761 0.3385 329.2339);
    --fill-magenta: oklch(0.6761 0.3385 329.2339);
    --fill-magenta-subtle: oklch(0.9049 0.0941 328.3859);
    --glyph-pink: oklch(0.6693 0.3059 359.2339);
    --fill-pink: oklch(0.6693 0.3059 359.2339);
    --fill-pink-subtle: oklch(0.9029 0.0822 346.4948);
  }

:root[data-contrast="more"] {
    --glyph-red: oklch(0.5497 0.2518 29.2339);
    --fill-red: oklch(0.5497 0.2518 29.2339);
    --glyph-orange: oklch(0.5473 0.1477 59.2339);
    --fill-orange: oklch(0.5473 0.1477 59.2339);
    --glyph-yellow: oklch(0.5396 0.1272 89.2339);
    --fill-yellow: oklch(0.5396 0.1272 89.2339);
    --glyph-lime: oklch(0.5306 0.1456 119.2339);
    --fill-lime: oklch(0.5306 0.1456 119.2339);
    --glyph-green: oklch(0.5130 0.2010 149.2339);
    --fill-green: oklch(0.5130 0.2010 149.2339);
    --glyph-mint: oklch(0.5188 0.1283 179.2339);
    --fill-mint: oklch(0.5188 0.1283 179.2339);
    --glyph-cyan: oklch(0.5233 0.1204 209.2339);
    --fill-cyan: oklch(0.5233 0.1204 209.2339);
    --glyph-blue: oklch(0.5302 0.1567 239.2339);
    --fill-blue: oklch(0.5302 0.1567 239.2339);
    --glyph-indigo: oklch(0.5538 0.2635 269.2339);
    --fill-indigo: oklch(0.5538 0.2635 269.2339);
    --glyph-violet: oklch(0.5660 0.3031 299.2339);
    --fill-violet: oklch(0.5660 0.3031 299.2339);
    --glyph-magenta: oklch(0.5595 0.2801 329.2339);
    --fill-magenta: oklch(0.5595 0.2801 329.2339);
    --glyph-pink: oklch(0.5537 0.2530 359.2339);
    --fill-pink: oklch(0.5537 0.2530 359.2339);
  }

:root[data-color-scheme="dark"] {
    --glyph-red: oklch(0.7765 0.1683 29.2339);
    --fill-red: oklch(0.7765 0.1683 29.2339);
    --fill-red-subtle: oklch(0.2603 0.0444 28.5015);
    --glyph-orange: oklch(0.7722 0.2046 59.2339);
    --fill-orange: oklch(0.7722 0.2046 59.2339);
    --fill-orange-subtle: oklch(0.2579 0.0601 65.6320);
    --glyph-yellow: oklch(0.7605 0.1793 89.2339);
    --fill-yellow: oklch(0.7605 0.1793 89.2339);
    --fill-yellow-subtle: oklch(0.2556 0.0604 94.0581);
    --glyph-lime: oklch(0.7476 0.2052 119.2339);
    --fill-lime: oklch(0.7476 0.2052 119.2339);
    --fill-lime-subtle: oklch(0.2523 0.0679 117.3843);
    --glyph-green: oklch(0.7249 0.2841 149.2339);
    --fill-green: oklch(0.7249 0.2841 149.2339);
    --fill-green-subtle: oklch(0.2412 0.0856 153.2984);
    --glyph-mint: oklch(0.7326 0.1812 179.2339);
    --fill-mint: oklch(0.7326 0.1812 179.2339);
    --fill-mint-subtle: oklch(0.2443 0.0592 181.9742);
    --glyph-cyan: oklch(0.7389 0.1700 209.2339);
    --fill-cyan: oklch(0.7389 0.1700 209.2339);
    --fill-cyan-subtle: oklch(0.2459 0.0561 205.9182);
    --glyph-blue: oklch(0.7528 0.1547 239.2339);
    --fill-blue: oklch(0.7528 0.1547 239.2339);
    --fill-blue-subtle: oklch(0.2542 0.0417 238.3710);
    --glyph-indigo: oklch(0.7635 0.1307 269.2339);
    --fill-indigo: oklch(0.7635 0.1307 269.2339);
    --fill-indigo-subtle: oklch(0.2580 0.0344 269.9336);
    --glyph-violet: oklch(0.7728 0.1481 299.2339);
    --fill-violet: oklch(0.7728 0.1481 299.2339);
    --fill-violet-subtle: oklch(0.2605 0.0393 299.9690);
    --glyph-magenta: oklch(0.7885 0.2498 329.2339);
    --fill-magenta: oklch(0.7885 0.2498 329.2339);
    --fill-magenta-subtle: oklch(0.2627 0.0678 329.0426);
    --glyph-pink: oklch(0.7811 0.1823 359.2339);
    --fill-pink: oklch(0.7811 0.1823 359.2339);
    --fill-pink-subtle: oklch(0.2615 0.0485 358.1373);
  }

:root[data-color-scheme="dark"][data-contrast="more"] {
    --glyph-red: oklch(0.8524 0.1039 29.2339);
    --fill-red: oklch(0.8524 0.1039 29.2339);
    --glyph-orange: oklch(0.8494 0.1275 59.2339);
    --fill-orange: oklch(0.8494 0.1275 59.2339);
    --glyph-yellow: oklch(0.8426 0.1987 89.2339);
    --fill-yellow: oklch(0.8426 0.1987 89.2339);
    --glyph-lime: oklch(0.8284 0.2273 119.2339);
    --fill-lime: oklch(0.8284 0.2273 119.2339);
    --glyph-green: oklch(0.8037 0.3149 149.2339);
    --fill-green: oklch(0.8037 0.3149 149.2339);
    --glyph-mint: oklch(0.8121 0.2008 179.2339);
    --fill-mint: oklch(0.8121 0.2008 179.2339);
    --glyph-cyan: oklch(0.8206 0.1824 209.2339);
    --fill-cyan: oklch(0.8206 0.1824 209.2339);
    --glyph-blue: oklch(0.8369 0.0994 239.2339);
    --fill-blue: oklch(0.8369 0.0994 239.2339);
    --glyph-indigo: oklch(0.8435 0.0842 269.2339);
    --fill-indigo: oklch(0.8435 0.0842 269.2339);
    --glyph-violet: oklch(0.8495 0.0955 299.2339);
    --fill-violet: oklch(0.8495 0.0955 299.2339);
    --glyph-magenta: oklch(0.8604 0.1603 329.2339);
    --fill-magenta: oklch(0.8604 0.1603 329.2339);
    --glyph-pink: oklch(0.8554 0.1121 359.2339);
    --fill-pink: oklch(0.8554 0.1121 359.2339);
  }
}
:root {
  --color-base: var(--glyph-gray);
  --color-base-fixed: var(--glyph-gray-fixed);
  --color-base-hover: var(--glyph-gray-secondary);
  --color-base-active: var(--glyph-gray-quaternary);
  --color-emphasized: var(--glyph);
  --color-subtle: var(--glyph-gray-secondary);
  --color-disabled: var(--glyph-gray-quaternary);
  --color-disabled-emphasized: var(--glyph-gray-secondary);
  --color-placeholder: var(--glyph-gray-tertiary);
  --color-inverted: var(--fill);
  --color-inverted-fixed: white;
  --color-on-solid: var(--extreme-inverted);
  --color-content-added: var(--glyph-green);
  --color-content-removed: var(--glyph-red);
  --opacity-base: 1;
  --opacity-medium: 0.65;
  --opacity-low: 0.2;
  --opacity-transparent: 0;
  --filter-invert-icon: 0;
  --filter-invert-primary-button-icon: 1;
  --background-position-base: center;
  --background-size-search-figure: cover;
  --z-index-bottom: -100;
  --z-index-base: 0;
  --z-index-above-content: 1;
  --z-index-toolbar: 2;
  --z-index-dropdown: 50;
  --z-index-sticky: 100;
  --z-index-fixed: 200;
  --z-index-off-canvas-backdrop: 300;
  --z-index-off-canvas: 350;
  --z-index-overlay-backdrop: 400;
  --z-index-overlay: 450;
  --z-index-popover: 700;
  --z-index-tooltip: 800;
  --z-index-toast-notification: 900;
  --z-index-top: 9999;
  --z-index-stacking-0: 0;
  --z-index-stacking-1: 1;
  --z-index-stacking-2: 2;
  --z-index-stacking-3: 3;
  --box-sizing-base: border-box;
  --size-0: 0rem;
  --size-1: 0.0625rem;
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-8: 0.5rem;
  --size-10: 0.625rem;
  --size-12: 0.75rem;
  --size-14: 0.875rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-32: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-64: 4rem;
  --size-128: 8rem;
  --size-192: 12rem;
  --size-256: 16rem;
  --size-384: 24rem;
  --size-448: 28rem;
  --size-512: 32rem;
  --size-640: 40rem;
  --size-896: 56rem;
  --size-viewport-width-full: 100vw;
  --size-viewport-height-full: 100vh;
  --size-absolute-1: 1px;
  --size-absolute-9999: 9999px;
  --size-content-min: min-content;
  --size-content-fit: fit-content;
  --size-content-max: max-content;
  --size-third: 33.33%;
  --size-half: 50%;
  --size-full: 100%;
  --size-double: 200%;
  --size-search-figure: 2.5rem;
  --max-width-base: none;
  --max-width-breakpoint-phone-narrow: 479px;
  --max-width-breakpoint-mobile: 768px;
  --max-width-breakpoint-tablet: 1024px;
  --max-width-breakpoint-desktop: 1279px;
  --max-width-button: 28rem;
  --border-style-base: solid;
  --border-style-dashed: dashed;
  --box-shadow-inset-small: inset 0 0 0 1px;
  --box-shadow-inset-medium: inset 0 0 0 2px;
  --box-shadow-inset-medium-vertical: inset 0px -2px 0px 0px;
  --box-shadow-outset-small: 0 0 0 1px;
  --box-shadow-outset-small-top: 0 -1px 0 0;
  --box-shadow-outset-small-bottom: 0 1px 0 0;
  --box-shadow-outset-small-start: -1px 0 0 0;
  --box-shadow-outset-medium-below: 0 4px 4px 0;
  --box-shadow-outset-medium-around: 0 0 8px 0;
  --box-shadow-outset-large-below: 0 4px 8px 0;
  --box-shadow-outset-large-around: 0 0 16px 0;
  --box-shadow-color-base: var(--border);
  --box-shadow-color-inverted: var(--extreme-inverted);
  --box-shadow-color-alpha-base: var(--shadow-alpha);
  --box-shadow-color-transparent: transparent;
  --font-family-base: sans-serif;
  --font-family-system-sans: "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Inter", "Helvetica", "Arial", sans-serif;
  --font-family-sans--fallback: sans-serif;
  --font-family-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --font-family-serif: "Linux Libertine", "Georgia", "Times", "Source Serif 4", serif;
  --font-family-serif--fallback: serif;
  --font-family-monospace: "Menlo", "Consolas", "Liberation Mono", "Fira Code", "Courier New", monospace;
  --font-family-monospace--fallback: monospace;
  --font-family-heading-main: "Linux Libertine", "Georgia", "Times", "Source Serif 4", monospace;
  --font-size-x-small-12: 0.75rem;
  --font-size-small-14: 0.875rem;
  --font-size-medium-16: 1rem;
  --font-size-large-18: 1.125rem;
  --font-size-x-large-20: 1.25rem;
  --font-size-xx-large-24: 1.5rem;
  --font-size-xxx-large-28: 1.75rem;
  --font-weight-hairline: 100;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --line-height-x-small-20: 1.25rem;
  --line-height-small-22: 1.375rem;
  --line-height-medium-26: 1.625rem;
  --line-height-large-28: 1.75rem;
  --line-height-x-large-30: 1.875rem;
  --line-height-xx-large-34: 2.125rem;
  --line-height-xxx-large-38: 2.375rem;
  --line-height-content: 1.625;
  --text-decoration-none: none;
  --text-decoration-line-through: line-through;
  --text-decoration-underline: underline;
  --text-overflow-clip: clip;
  --text-overflow-ellipsis: ellipsis;
  --tab-size-base: 4;
  --transform-checkbox-tick-checked: rotate(45deg);
  --transform-rotating-sector-start: rotate(-45deg);
  --transform-rotating-sector-end: rotate(315deg);
  --transition-duration-base: 100ms;
  --transition-duration-medium: 250ms;
  --transition-property-base: background-color, color, border-color, box-shadow;
  --transition-property-fade: opacity;
  --transition-property-icon: color;
  --transition-property-icon-css-only: background-color;
  --transition-property-toggle-switch-grip: background-color, border-color, transform;
  --transition-timing-function-system: ease;
  --transition-timing-function-user: ease-out;
  --animation-delay-none: 0ms;
  --animation-delay-medium: -160ms;
  --animation-delay-slow: -320ms;
  --animation-duration-fast: 1000ms;
  --animation-duration-medium: 1600ms;
  --animation-duration-slow: 2000ms;
  --animation-timing-function-base: linear;
  --animation-timing-function-bouncing: ease-in-out;
  --animation-iteration-count-base: infinite;
  --cursor-base: default;
  --cursor-base-hover: pointer;
  --cursor-grab: grab;
  --cursor-grabbing: grabbing;
  --cursor-help: help;
  --cursor-move: move;
  --cursor-not-allowed: not-allowed;
  --cursor-resize-nesw: nesw-resize;
  --cursor-resize-nwse: nwse-resize;
  --cursor-text: text;
  --cursor-zoom-in: zoom-in;
  --cursor-zoom-out: zoom-out;
  --mix-blend-mode-base: normal;
  --background-color-base: var(--fill);
  --background-color-base-fixed: white;
  --background-color-base-hover: var(--fill-secondary);
  --background-color-base-active: var(--fill-tertiary);
  --background-color-neutral: var(--fill-tertiary);
  --background-color-neutral-subtle: var(--fill-secondary);
  --background-color-stripe: var(--fill-secondary);
  --background-color-stripe-hover: var(--fill-tertiary);
  --background-color-stripe-active: var(--fill-gray-quaternary);
  --background-color-interactive: var(--fill-tertiary);
  --background-color-interactive-hover: var(--fill-gray-quaternary);
  --background-color-interactive-active: var(--fill-gray-tertiary);
  --background-color-interactive-subtle: var(--fill-secondary);
  --background-color-interactive-subtle-hover: var(--fill-tertiary);
  --background-color-interactive-subtle-active: var(--fill-gray-quaternary);
  --background-color-disabled: var(--fill-gray-quaternary);
  --background-color-disabled-subtle: var(--fill-tertiary);
  --background-color-inverted: var(--glyph);
  --background-color-content-added: var(--background-color-green-subtle);
  --background-color-content-removed: var(--background-color-red-subtle);
  --background-color-transparent: transparent;
  --background-color-backdrop-light: var(--backdrop-light);
  --background-color-backdrop-dark: var(--backdrop-dark);
  --background-color-backdrop-dark-fixed: rgba(0, 0, 0, 0.65);
  --background-color-button-quiet-hover: rgba(0, 24, 73, 0.027);
  --background-color-button-quiet-active: rgba(0, 24, 73, 0.082);
  --background-color-input-binary-checked: var(--fill-blue);
  --background-color-tab-list-item-framed-hover: rgba(255, 255, 255, 0.3);
  --background-color-tab-list-item-framed-active: rgba(255, 255, 255, 0.65);
  --opacity-icon-base: 0.87;
  --opacity-icon-base-hover: 0.74;
  --opacity-icon-base-selected: 1;
  --opacity-icon-base-disabled: 0.51;
  --opacity-icon-placeholder: 0.51;
  --opacity-icon-subtle: 0.67;
  --min-size-interactive-pointer: 32px;
  --min-size-interactive-touch: 40px;
  --min-size-search-figure: 40px;
  --min-size-icon-x-small: 10px;
  --min-size-icon-small: 14px;
  --min-size-icon-medium: 18px;
  --min-size-input-binary: 20px;
  --min-size-input-chip-clear-button: 20px;
  --min-size-toggle-switch-grip: 18px;
  --min-width-medium: 256px;
  --min-width-tree-node: 14rem;
  --min-width-breakpoint-mobile: 480px;
  --min-width-breakpoint-tablet: 769px;
  --min-width-breakpoint-desktop: 1025px;
  --min-width-breakpoint-desktop-wide: 1280px;
  --min-width-toggle-switch: 42px;
  --spacing-0: 0px;
  --spacing-1: 1px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-5: 5px;
  --spacing-6: 6px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-half: 50%;
  --spacing-full: 100%;
  --border-width-base: 1px;
  --border-width-thick: 2px;
  --border-width-input-radio-checked: 6px;
  --border-color-base: var(--border);
  --border-color-base-hover: oklch(from var(--border-color-base) calc(l + var(--glyph-l-hover-offset)) c h / alpha);
  --border-color-base-active: oklch(from var(--border-color-base) calc(l + var(--glyph-l-active-offset)) c h / alpha);
  --border-color-emphasized: var(--border-emphasis);
  --border-color-subtle: var(--border-secondary);
  --border-color-muted: var(--border-muted);
  --border-color-interactive: var(--border-interactive);
  --border-color-interactive-hover: oklch(from var(--border-color-interactive) calc(l + var(--glyph-l-hover-offset)) c h / alpha);
  --border-color-interactive-active: oklch(from var(--border-color-interactive) calc(l + var(--glyph-l-active-offset)) c h / alpha);
  --border-color-disabled: var(--border-secondary);
  --border-color-inverted: var(--fill);
  --border-color-inverted-fixed: white;
  --border-color-content-added: var(--glyph-green);
  --border-color-content-removed: var(--glyph-red);
  --border-color-transparent: transparent;
  --border-color-divider: var(--border-muted);
  --border-radius-minimal: 4px;
  --border-radius-base: 16px;
  --border-radius-sharp: 0px;
  --border-radius-pill: 9999px;
  --border-radius-circle: 50%;
  --min-height-text-area: 64px;
  --min-height-table-header: 40px;
  --min-height-table-footer: 40px;
  --min-height-toggle-switch: 28px;
  --max-height-chip: 1.375rem;
  --color-link: var(--glyph-blue);
  --color-link-hover: oklch(from var(--glyph-blue) calc(l + var(--glyph-l-hover-offset)) c h / alpha);
  --color-link-active: oklch(from var(--glyph-blue) calc(l + var(--glyph-l-active-offset)) c h / alpha);
  --color-link-focus: var(--glyph-blue);
  --color-link-visited: var(--glyph-orange);
  --color-link-visited-hover: oklch(from var(--glyph-orange) calc(l + var(--glyph-l-hover-offset)) c h / alpha);
  --color-link-visited-active: oklch(from var(--glyph-orange) calc(l + var(--glyph-l-active-offset)) c h / alpha);
  --color-link-red: var(--glyph-red);
  --color-link-red-hover: oklch(from var(--glyph-red) calc(l + var(--glyph-l-hover-offset)) c h / alpha);
  --color-link-red-active: oklch(from var(--glyph-red) calc(l + var(--glyph-l-active-offset)) c h / alpha);
  --color-link-red-focus: var(--glyph-blue);
  --color-link-red-visited: var(--glyph-pink);
  --color-link-red-visited-hover: oklch(from var(--glyph-pink) calc(l + var(--glyph-l-hover-offset)) c h / alpha);
  --color-link-red-visited-active: oklch(from var(--glyph-pink) calc(l + var(--glyph-l-active-offset)) c h / alpha);
  --size-icon-x-small: calc(var(--font-size-medium-16) - 4px);
  --size-icon-small: var(--font-size-medium-16);
  --size-icon-medium: calc(var(--font-size-medium-16) + 4px);
  --size-toggle-switch-grip: calc(var(--font-size-medium-16) * 1.25);
  --size-edge-fade: 2em;
  --box-shadow-small: var(--box-shadow-outset-small) var(--box-shadow-color-base);
  --box-shadow-small-top: var(--box-shadow-outset-small-top) var(--box-shadow-color-base);
  --box-shadow-small-bottom: var(--box-shadow-outset-small-bottom) var(--box-shadow-color-base);
  --box-shadow-medium: var(--box-shadow-color-alpha-base) var(--box-shadow-outset-medium-below), var(--box-shadow-color-alpha-base) var(--box-shadow-outset-medium-around);
  --box-shadow-large: var(--box-shadow-color-alpha-base) var(--box-shadow-outset-large-below), var(--box-shadow-color-alpha-base) var(--box-shadow-outset-large-around);
  --accent-color-base: var(--glyph-blue);
  --position-offset-border-width-base: -var(--border-width-base);
  --spacing-horizontal-button: calc(var(--spacing-12) - var(--border-width-base));
  --spacing-horizontal-button-icon-only: calc(var(--spacing-6) - var(--border-width-base));
  --spacing-horizontal-button-small-icon-only: calc(var(--spacing-2) - var(--border-width-base));
  --spacing-horizontal-button-small: calc(var(--spacing-8) - var(--border-width-base));
  --spacing-horizontal-button-large: calc(var(--spacing-16) - var(--border-width-base));
  --spacing-horizontal-input-text-two-end-icons: calc((var(--spacing-8) * 2) + var(--size-icon-small));
  --spacing-start-typeahead-search-figure: var(--spacing-12);
  --spacing-toggle-switch-grip-start: calc(var(--font-size-medium-16) * 0.375);
  --spacing-toggle-switch-grip-end: calc(var(--font-size-medium-16) * 1.25);
  --border-color-input-hover: var(--border-color-interactive);
  --border-color-input-binary: var(--border-color-base);
  --border-color-input-binary-hover: var(--border-color-base-hover);
  --border-color-input-binary-active: var(--border-color-base-active);
  --border-color-input-binary-focus: var(--border-color-blue);
  --border-color-input-binary-checked: var(--border-color-blue);
  --border-color-input-binary-checked-hover: var(--border-color-blue-hover);
  --border-color-input-binary-checked-active: var(--border-color-blue-active);
  --border-base: var(--border-width-base) var(--border-style-base) var(--border-color-base);
  --border-subtle: var(--border-width-base) var(--border-style-base) var(--border-color-subtle);
  --border-transparent: var(--border-width-base) var(--border-style-base) var(--border-color-transparent);
  --outline-base-focus: var(--border-width-base) solid transparent;
  --width-toggle-switch: calc(var(--font-size-medium-16) * 3);
  --height-toggle-switch: calc(var(--font-size-medium-16) * 2);
  --spacing-start-typeahead-search-icon: calc(var(--spacing-start-typeahead-search-figure) + ((var(--min-size-search-figure) - var(--min-size-icon-medium)) / 2));
  --spacing-typeahead-search-focus-addition: calc((var(--spacing-start-typeahead-search-figure) + var(--min-size-search-figure)) - (var(--min-size-icon-medium) + var(--spacing-8)));
  --color-red: var(--glyph-red);
  --color-red-hover: color-mix(in oklab, var(--glyph-red) 80%, var(--extreme));
  --color-red-active: color-mix(in oklab, var(--glyph-red) 65%, var(--extreme));
  --color-red-focus: var(--glyph-blue);
  --background-color-red: var(--fill-red);
  --background-color-red-hover: color-mix(in oklab, var(--fill-red) 85%, var(--extreme));
  --background-color-red-active: color-mix(in oklab, var(--fill-red) 70%, var(--extreme));
  --background-color-red-focus: var(--fill-red);
  --background-color-red-subtle: var(--fill-red-subtle);
  --background-color-red-subtle-hover: color-mix(in oklab, var(--fill-red-subtle) 92%, var(--extreme));
  --background-color-red-subtle-active: color-mix(in oklab, var(--fill-red-subtle) 84%, var(--extreme));
  --border-color-red: var(--fill-red);
  --border-color-red-hover: color-mix(in oklab, var(--fill-red) 85%, var(--extreme));
  --border-color-red-active: color-mix(in oklab, var(--fill-red) 70%, var(--extreme));
  --border-color-red-focus: var(--glyph-blue);
  --box-shadow-color-red-active: color-mix(in oklab, var(--glyph-red) 65%, var(--extreme));
  --box-shadow-color-red-focus: var(--glyph-blue);
  --outline-color-red-focus: var(--glyph-blue);
  --border-red: var(--border-width-base) solid var(--border-color-red);
  --color-orange: var(--glyph-orange);
  --color-orange-hover: color-mix(in oklab, var(--glyph-orange) 80%, var(--extreme));
  --color-orange-active: color-mix(in oklab, var(--glyph-orange) 65%, var(--extreme));
  --color-orange-focus: var(--glyph-blue);
  --background-color-orange: var(--fill-orange);
  --background-color-orange-hover: color-mix(in oklab, var(--fill-orange) 85%, var(--extreme));
  --background-color-orange-active: color-mix(in oklab, var(--fill-orange) 70%, var(--extreme));
  --background-color-orange-focus: var(--fill-orange);
  --background-color-orange-subtle: var(--fill-orange-subtle);
  --background-color-orange-subtle-hover: color-mix(in oklab, var(--fill-orange-subtle) 92%, var(--extreme));
  --background-color-orange-subtle-active: color-mix(in oklab, var(--fill-orange-subtle) 84%, var(--extreme));
  --border-color-orange: var(--fill-orange);
  --border-color-orange-hover: color-mix(in oklab, var(--fill-orange) 85%, var(--extreme));
  --border-color-orange-active: color-mix(in oklab, var(--fill-orange) 70%, var(--extreme));
  --border-color-orange-focus: var(--glyph-blue);
  --box-shadow-color-orange-active: color-mix(in oklab, var(--glyph-orange) 65%, var(--extreme));
  --box-shadow-color-orange-focus: var(--glyph-blue);
  --outline-color-orange-focus: var(--glyph-blue);
  --border-orange: var(--border-width-base) solid var(--border-color-orange);
  --color-yellow: var(--glyph-yellow);
  --color-yellow-hover: color-mix(in oklab, var(--glyph-yellow) 80%, var(--extreme));
  --color-yellow-active: color-mix(in oklab, var(--glyph-yellow) 65%, var(--extreme));
  --color-yellow-focus: var(--glyph-blue);
  --background-color-yellow: var(--fill-yellow);
  --background-color-yellow-hover: color-mix(in oklab, var(--fill-yellow) 85%, var(--extreme));
  --background-color-yellow-active: color-mix(in oklab, var(--fill-yellow) 70%, var(--extreme));
  --background-color-yellow-focus: var(--fill-yellow);
  --background-color-yellow-subtle: var(--fill-yellow-subtle);
  --background-color-yellow-subtle-hover: color-mix(in oklab, var(--fill-yellow-subtle) 92%, var(--extreme));
  --background-color-yellow-subtle-active: color-mix(in oklab, var(--fill-yellow-subtle) 84%, var(--extreme));
  --border-color-yellow: var(--fill-yellow);
  --border-color-yellow-hover: color-mix(in oklab, var(--fill-yellow) 85%, var(--extreme));
  --border-color-yellow-active: color-mix(in oklab, var(--fill-yellow) 70%, var(--extreme));
  --border-color-yellow-focus: var(--glyph-blue);
  --box-shadow-color-yellow-active: color-mix(in oklab, var(--glyph-yellow) 65%, var(--extreme));
  --box-shadow-color-yellow-focus: var(--glyph-blue);
  --outline-color-yellow-focus: var(--glyph-blue);
  --border-yellow: var(--border-width-base) solid var(--border-color-yellow);
  --color-lime: var(--glyph-lime);
  --color-lime-hover: color-mix(in oklab, var(--glyph-lime) 80%, var(--extreme));
  --color-lime-active: color-mix(in oklab, var(--glyph-lime) 65%, var(--extreme));
  --color-lime-focus: var(--glyph-blue);
  --background-color-lime: var(--fill-lime);
  --background-color-lime-hover: color-mix(in oklab, var(--fill-lime) 85%, var(--extreme));
  --background-color-lime-active: color-mix(in oklab, var(--fill-lime) 70%, var(--extreme));
  --background-color-lime-focus: var(--fill-lime);
  --background-color-lime-subtle: var(--fill-lime-subtle);
  --background-color-lime-subtle-hover: color-mix(in oklab, var(--fill-lime-subtle) 92%, var(--extreme));
  --background-color-lime-subtle-active: color-mix(in oklab, var(--fill-lime-subtle) 84%, var(--extreme));
  --border-color-lime: var(--fill-lime);
  --border-color-lime-hover: color-mix(in oklab, var(--fill-lime) 85%, var(--extreme));
  --border-color-lime-active: color-mix(in oklab, var(--fill-lime) 70%, var(--extreme));
  --border-color-lime-focus: var(--glyph-blue);
  --box-shadow-color-lime-active: color-mix(in oklab, var(--glyph-lime) 65%, var(--extreme));
  --box-shadow-color-lime-focus: var(--glyph-blue);
  --outline-color-lime-focus: var(--glyph-blue);
  --border-lime: var(--border-width-base) solid var(--border-color-lime);
  --color-green: var(--glyph-green);
  --color-green-hover: color-mix(in oklab, var(--glyph-green) 80%, var(--extreme));
  --color-green-active: color-mix(in oklab, var(--glyph-green) 65%, var(--extreme));
  --color-green-focus: var(--glyph-blue);
  --background-color-green: var(--fill-green);
  --background-color-green-hover: color-mix(in oklab, var(--fill-green) 85%, var(--extreme));
  --background-color-green-active: color-mix(in oklab, var(--fill-green) 70%, var(--extreme));
  --background-color-green-focus: var(--fill-green);
  --background-color-green-subtle: var(--fill-green-subtle);
  --background-color-green-subtle-hover: color-mix(in oklab, var(--fill-green-subtle) 92%, var(--extreme));
  --background-color-green-subtle-active: color-mix(in oklab, var(--fill-green-subtle) 84%, var(--extreme));
  --border-color-green: var(--fill-green);
  --border-color-green-hover: color-mix(in oklab, var(--fill-green) 85%, var(--extreme));
  --border-color-green-active: color-mix(in oklab, var(--fill-green) 70%, var(--extreme));
  --border-color-green-focus: var(--glyph-blue);
  --box-shadow-color-green-active: color-mix(in oklab, var(--glyph-green) 65%, var(--extreme));
  --box-shadow-color-green-focus: var(--glyph-blue);
  --outline-color-green-focus: var(--glyph-blue);
  --border-green: var(--border-width-base) solid var(--border-color-green);
  --color-mint: var(--glyph-mint);
  --color-mint-hover: color-mix(in oklab, var(--glyph-mint) 80%, var(--extreme));
  --color-mint-active: color-mix(in oklab, var(--glyph-mint) 65%, var(--extreme));
  --color-mint-focus: var(--glyph-blue);
  --background-color-mint: var(--fill-mint);
  --background-color-mint-hover: color-mix(in oklab, var(--fill-mint) 85%, var(--extreme));
  --background-color-mint-active: color-mix(in oklab, var(--fill-mint) 70%, var(--extreme));
  --background-color-mint-focus: var(--fill-mint);
  --background-color-mint-subtle: var(--fill-mint-subtle);
  --background-color-mint-subtle-hover: color-mix(in oklab, var(--fill-mint-subtle) 92%, var(--extreme));
  --background-color-mint-subtle-active: color-mix(in oklab, var(--fill-mint-subtle) 84%, var(--extreme));
  --border-color-mint: var(--fill-mint);
  --border-color-mint-hover: color-mix(in oklab, var(--fill-mint) 85%, var(--extreme));
  --border-color-mint-active: color-mix(in oklab, var(--fill-mint) 70%, var(--extreme));
  --border-color-mint-focus: var(--glyph-blue);
  --box-shadow-color-mint-active: color-mix(in oklab, var(--glyph-mint) 65%, var(--extreme));
  --box-shadow-color-mint-focus: var(--glyph-blue);
  --outline-color-mint-focus: var(--glyph-blue);
  --border-mint: var(--border-width-base) solid var(--border-color-mint);
  --color-cyan: var(--glyph-cyan);
  --color-cyan-hover: color-mix(in oklab, var(--glyph-cyan) 80%, var(--extreme));
  --color-cyan-active: color-mix(in oklab, var(--glyph-cyan) 65%, var(--extreme));
  --color-cyan-focus: var(--glyph-blue);
  --background-color-cyan: var(--fill-cyan);
  --background-color-cyan-hover: color-mix(in oklab, var(--fill-cyan) 85%, var(--extreme));
  --background-color-cyan-active: color-mix(in oklab, var(--fill-cyan) 70%, var(--extreme));
  --background-color-cyan-focus: var(--fill-cyan);
  --background-color-cyan-subtle: var(--fill-cyan-subtle);
  --background-color-cyan-subtle-hover: color-mix(in oklab, var(--fill-cyan-subtle) 92%, var(--extreme));
  --background-color-cyan-subtle-active: color-mix(in oklab, var(--fill-cyan-subtle) 84%, var(--extreme));
  --border-color-cyan: var(--fill-cyan);
  --border-color-cyan-hover: color-mix(in oklab, var(--fill-cyan) 85%, var(--extreme));
  --border-color-cyan-active: color-mix(in oklab, var(--fill-cyan) 70%, var(--extreme));
  --border-color-cyan-focus: var(--glyph-blue);
  --box-shadow-color-cyan-active: color-mix(in oklab, var(--glyph-cyan) 65%, var(--extreme));
  --box-shadow-color-cyan-focus: var(--glyph-blue);
  --outline-color-cyan-focus: var(--glyph-blue);
  --border-cyan: var(--border-width-base) solid var(--border-color-cyan);
  --color-blue: var(--glyph-blue);
  --color-blue-hover: color-mix(in oklab, var(--glyph-blue) 80%, var(--extreme));
  --color-blue-active: color-mix(in oklab, var(--glyph-blue) 65%, var(--extreme));
  --color-blue-focus: var(--glyph-blue);
  --background-color-blue: var(--fill-blue);
  --background-color-blue-hover: color-mix(in oklab, var(--fill-blue) 85%, var(--extreme));
  --background-color-blue-active: color-mix(in oklab, var(--fill-blue) 70%, var(--extreme));
  --background-color-blue-focus: var(--fill-blue);
  --background-color-blue-subtle: var(--fill-blue-subtle);
  --background-color-blue-subtle-hover: color-mix(in oklab, var(--fill-blue-subtle) 92%, var(--extreme));
  --background-color-blue-subtle-active: color-mix(in oklab, var(--fill-blue-subtle) 84%, var(--extreme));
  --border-color-blue: var(--fill-blue);
  --border-color-blue-hover: color-mix(in oklab, var(--fill-blue) 85%, var(--extreme));
  --border-color-blue-active: color-mix(in oklab, var(--fill-blue) 70%, var(--extreme));
  --border-color-blue-focus: var(--glyph-blue);
  --box-shadow-color-blue-active: color-mix(in oklab, var(--glyph-blue) 65%, var(--extreme));
  --box-shadow-color-blue-focus: var(--glyph-blue);
  --outline-color-blue-focus: var(--glyph-blue);
  --border-blue: var(--border-width-base) solid var(--border-color-blue);
  --color-indigo: var(--glyph-indigo);
  --color-indigo-hover: color-mix(in oklab, var(--glyph-indigo) 80%, var(--extreme));
  --color-indigo-active: color-mix(in oklab, var(--glyph-indigo) 65%, var(--extreme));
  --color-indigo-focus: var(--glyph-blue);
  --background-color-indigo: var(--fill-indigo);
  --background-color-indigo-hover: color-mix(in oklab, var(--fill-indigo) 85%, var(--extreme));
  --background-color-indigo-active: color-mix(in oklab, var(--fill-indigo) 70%, var(--extreme));
  --background-color-indigo-focus: var(--fill-indigo);
  --background-color-indigo-subtle: var(--fill-indigo-subtle);
  --background-color-indigo-subtle-hover: color-mix(in oklab, var(--fill-indigo-subtle) 92%, var(--extreme));
  --background-color-indigo-subtle-active: color-mix(in oklab, var(--fill-indigo-subtle) 84%, var(--extreme));
  --border-color-indigo: var(--fill-indigo);
  --border-color-indigo-hover: color-mix(in oklab, var(--fill-indigo) 85%, var(--extreme));
  --border-color-indigo-active: color-mix(in oklab, var(--fill-indigo) 70%, var(--extreme));
  --border-color-indigo-focus: var(--glyph-blue);
  --box-shadow-color-indigo-active: color-mix(in oklab, var(--glyph-indigo) 65%, var(--extreme));
  --box-shadow-color-indigo-focus: var(--glyph-blue);
  --outline-color-indigo-focus: var(--glyph-blue);
  --border-indigo: var(--border-width-base) solid var(--border-color-indigo);
  --color-violet: var(--glyph-violet);
  --color-violet-hover: color-mix(in oklab, var(--glyph-violet) 80%, var(--extreme));
  --color-violet-active: color-mix(in oklab, var(--glyph-violet) 65%, var(--extreme));
  --color-violet-focus: var(--glyph-blue);
  --background-color-violet: var(--fill-violet);
  --background-color-violet-hover: color-mix(in oklab, var(--fill-violet) 85%, var(--extreme));
  --background-color-violet-active: color-mix(in oklab, var(--fill-violet) 70%, var(--extreme));
  --background-color-violet-focus: var(--fill-violet);
  --background-color-violet-subtle: var(--fill-violet-subtle);
  --background-color-violet-subtle-hover: color-mix(in oklab, var(--fill-violet-subtle) 92%, var(--extreme));
  --background-color-violet-subtle-active: color-mix(in oklab, var(--fill-violet-subtle) 84%, var(--extreme));
  --border-color-violet: var(--fill-violet);
  --border-color-violet-hover: color-mix(in oklab, var(--fill-violet) 85%, var(--extreme));
  --border-color-violet-active: color-mix(in oklab, var(--fill-violet) 70%, var(--extreme));
  --border-color-violet-focus: var(--glyph-blue);
  --box-shadow-color-violet-active: color-mix(in oklab, var(--glyph-violet) 65%, var(--extreme));
  --box-shadow-color-violet-focus: var(--glyph-blue);
  --outline-color-violet-focus: var(--glyph-blue);
  --border-violet: var(--border-width-base) solid var(--border-color-violet);
  --color-magenta: var(--glyph-magenta);
  --color-magenta-hover: color-mix(in oklab, var(--glyph-magenta) 80%, var(--extreme));
  --color-magenta-active: color-mix(in oklab, var(--glyph-magenta) 65%, var(--extreme));
  --color-magenta-focus: var(--glyph-blue);
  --background-color-magenta: var(--fill-magenta);
  --background-color-magenta-hover: color-mix(in oklab, var(--fill-magenta) 85%, var(--extreme));
  --background-color-magenta-active: color-mix(in oklab, var(--fill-magenta) 70%, var(--extreme));
  --background-color-magenta-focus: var(--fill-magenta);
  --background-color-magenta-subtle: var(--fill-magenta-subtle);
  --background-color-magenta-subtle-hover: color-mix(in oklab, var(--fill-magenta-subtle) 92%, var(--extreme));
  --background-color-magenta-subtle-active: color-mix(in oklab, var(--fill-magenta-subtle) 84%, var(--extreme));
  --border-color-magenta: var(--fill-magenta);
  --border-color-magenta-hover: color-mix(in oklab, var(--fill-magenta) 85%, var(--extreme));
  --border-color-magenta-active: color-mix(in oklab, var(--fill-magenta) 70%, var(--extreme));
  --border-color-magenta-focus: var(--glyph-blue);
  --box-shadow-color-magenta-active: color-mix(in oklab, var(--glyph-magenta) 65%, var(--extreme));
  --box-shadow-color-magenta-focus: var(--glyph-blue);
  --outline-color-magenta-focus: var(--glyph-blue);
  --border-magenta: var(--border-width-base) solid var(--border-color-magenta);
  --color-pink: var(--glyph-pink);
  --color-pink-hover: color-mix(in oklab, var(--glyph-pink) 80%, var(--extreme));
  --color-pink-active: color-mix(in oklab, var(--glyph-pink) 65%, var(--extreme));
  --color-pink-focus: var(--glyph-blue);
  --background-color-pink: var(--fill-pink);
  --background-color-pink-hover: color-mix(in oklab, var(--fill-pink) 85%, var(--extreme));
  --background-color-pink-active: color-mix(in oklab, var(--fill-pink) 70%, var(--extreme));
  --background-color-pink-focus: var(--fill-pink);
  --background-color-pink-subtle: var(--fill-pink-subtle);
  --background-color-pink-subtle-hover: color-mix(in oklab, var(--fill-pink-subtle) 92%, var(--extreme));
  --background-color-pink-subtle-active: color-mix(in oklab, var(--fill-pink-subtle) 84%, var(--extreme));
  --border-color-pink: var(--fill-pink);
  --border-color-pink-hover: color-mix(in oklab, var(--fill-pink) 85%, var(--extreme));
  --border-color-pink-active: color-mix(in oklab, var(--fill-pink) 70%, var(--extreme));
  --border-color-pink-focus: var(--glyph-blue);
  --box-shadow-color-pink-active: color-mix(in oklab, var(--glyph-pink) 65%, var(--extreme));
  --box-shadow-color-pink-focus: var(--glyph-blue);
  --outline-color-pink-focus: var(--glyph-blue);
  --border-pink: var(--border-width-base) solid var(--border-color-pink);
  --color-gray: var(--gray-glyph);
  --color-gray-hover: color-mix(in oklab, var(--gray-glyph) 80%, var(--extreme));
  --color-gray-active: color-mix(in oklab, var(--gray-glyph) 65%, var(--extreme));
  --color-gray-focus: var(--glyph-blue);
  --background-color-gray: var(--gray-fill);
  --background-color-gray-hover: color-mix(in oklab, var(--gray-fill) 85%, var(--extreme));
  --background-color-gray-active: color-mix(in oklab, var(--gray-fill) 70%, var(--extreme));
  --background-color-gray-focus: var(--gray-fill);
  --background-color-gray-subtle: var(--gray-fill-subtle);
  --background-color-gray-subtle-hover: color-mix(in oklab, var(--gray-fill-subtle) 92%, var(--extreme));
  --background-color-gray-subtle-active: color-mix(in oklab, var(--gray-fill-subtle) 84%, var(--extreme));
  --border-color-gray: var(--gray-fill);
  --border-color-gray-hover: color-mix(in oklab, var(--gray-fill) 85%, var(--extreme));
  --border-color-gray-active: color-mix(in oklab, var(--gray-fill) 70%, var(--extreme));
  --border-color-gray-focus: var(--glyph-blue);
  --box-shadow-color-gray-active: color-mix(in oklab, var(--gray-glyph) 65%, var(--extreme));
  --box-shadow-color-gray-focus: var(--glyph-blue);
  --outline-color-gray-focus: var(--glyph-blue);
  --border-gray: var(--border-width-base) solid var(--border-color-gray);
}
:root {
  color-scheme: light !important;
  --old-glory-red: #B31942;
  --old-glory-blue: #0A3161;
  --old-glory-purple: #5F2552;
  --blue-black: #292E33;
  --wood-black: #332E29;
  --snow: #FFFAFA;
  --white-chocolate: #EDE6D6;
  --linen: #FAF0E6;
  --beige: #F5F5DC;
  --cream: #FFFDD0;
  --royal-blue: #4169E1;
  --royal-blue-traditional: #002366;
  --pigment-blue: #333399;
  --burgundy: #800020;
  --cerise: #DE3163;
  --coffee: #6F4E37;
  --chocolate: #7B3F00;
  --gold: #FFD700;
  --metallic-gold: #D4AF37;
  --pantone-green: #00AD83;
  --pantone-bright-white: #F5F7F6;
  --irish-green: #00843D;
  --spanish-yellow: #FFCD00;
  --oriental-blue: #05C3DE;
  --eggshell: #FDD6C6;
  --harvard-crimson: #A51C30;
  --harvard-ink: #1E1E1E;
  --harvard-slate: #8996A0;
  --harvard-shade: #BAC5C6;
  --harvard-parchment: #F3F4F4;
  --harvard-chocolate: #422E1C;
  --harvard-mortar: #99918F;
  --harvard-putty: #D7D1CB;
  --harvard-indigo: #0A2240;
  --harvard-blue-bonnet: #3A56BA;
  --harvard-gold: #C8980E;
  --harvard-ivy: #34BD78;
  --harvard-pear: #D1CE61;
  --harvard-saffron: #FF3A0D;
  --cerulean: #007BA7;
  --burnt-orange: #BF5700;
  --crimson: #DC143C;
  --sapphire: #0F52BA;
  --sapphire-blue: #0067A5;
  --apple-blue: #0071E3;
  --claude-orange: #D97757;
  --parchment: #F1E9D2;
  --oxblood: #4A0000;
  --ivory: #FFFFF0;
  --charcoal: #36454F;
  --brand: var(--color-blue);
  --brand-inverted: var(--color-red);
  --color-on-brand: white;
  --border-color-on-brand: var(--color-red);
}
:root {
  font-family: var(--typography-font-sans);
  line-height: var(--line-height-content);
  font-weight: 400;
  font-size: 1rem;
  color-scheme: light dark;
  color: var(--color-base);
  background-color: var(--background-color-base);
}

.layout-body {
  margin: 0;
  min-width: 0;
  flex-grow: 1;
  font-family: var(--typography-font-sans);
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-content);
  color: var(--color-base);
  background-color: var(--background-color-base);
}