:root {
  --base-color-primary: #161518;
  --base-color-secondary: #101113;
  --base-color-secondary-dark: #0d0e0f;
  --base-color-tertiary: #050607;
  --text: #f8f1e6;
  --text-detail: #b8b4ac;
  --icon: #f8f1e6;
  --icon-detail: #b8b4ac;
  --link: #8de1e7;
  --link-underline: #8de1e77f;
  --toggle-hover: #f8f1e62a;
  --toggle-active: #f8f1e649;
  --interactive-normal: #9b9996;
  --interactive-hover: #dbdad7;
  --interactive-active: #e7e5de;
  --interactive-muted: #5f5d59;
  --divider: #36353a;
  --primary: #503f76;
  --primary-hover: #3c3267;
  --primary-active: #2b2652;
  --primary-muted: #3f3d4d;
  --primary-light: #71559b;
  --primary-lighter: #916db8;
  --highlight: rgba(238, 179, 49, 0.25);
  --red: rgb(206, 40, 53);
  --red-hover: rgb(153, 37, 72);
  --red-active: rgb(119, 29, 64);
  --red-muted: rgb(131, 50, 63);
  --yellow: rgb(238, 179, 49);
  --yellow-hover: rgb(201, 135, 59);
  --yellow-active: rgb(190, 109, 42);
  --yellow-muted: rgb(172, 124, 61);
  --green: rgb(16, 174, 106);
  --green-hover:rgb(32, 138, 120);
  --green-active:rgb(33, 114, 114);
  --green-muted: rgb(67, 141, 122);
  --pane-padding: 1rem;
  --corner-radius: 0.25rem;
  --font: Inter, sans-serif;
  --font-mono: "Fira Code", monospace;
}

._app_8jc7z_44 {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: auto;
}

._display-pane_8jc7z_51 {
  flex: 1 1 auto;
  display: flex;
  overflow: auto;
}

@media (orientation: portrait) {
  ._display-pane_8jc7z_51 {
    flex-direction: column;
  }
}
._main-pane_8jc7z_62 {
  flex: 1 1 0;
  min-width: 50%;
  overflow: auto;
  display: flex;
}:root {
  --base-color-primary: #161518;
  --base-color-secondary: #101113;
  --base-color-secondary-dark: #0d0e0f;
  --base-color-tertiary: #050607;
  --text: #f8f1e6;
  --text-detail: #b8b4ac;
  --icon: #f8f1e6;
  --icon-detail: #b8b4ac;
  --link: #8de1e7;
  --link-underline: #8de1e77f;
  --toggle-hover: #f8f1e62a;
  --toggle-active: #f8f1e649;
  --interactive-normal: #9b9996;
  --interactive-hover: #dbdad7;
  --interactive-active: #e7e5de;
  --interactive-muted: #5f5d59;
  --divider: #36353a;
  --primary: #503f76;
  --primary-hover: #3c3267;
  --primary-active: #2b2652;
  --primary-muted: #3f3d4d;
  --primary-light: #71559b;
  --primary-lighter: #916db8;
  --highlight: rgba(238, 179, 49, 0.25);
  --red: rgb(206, 40, 53);
  --red-hover: rgb(153, 37, 72);
  --red-active: rgb(119, 29, 64);
  --red-muted: rgb(131, 50, 63);
  --yellow: rgb(238, 179, 49);
  --yellow-hover: rgb(201, 135, 59);
  --yellow-active: rgb(190, 109, 42);
  --yellow-muted: rgb(172, 124, 61);
  --green: rgb(16, 174, 106);
  --green-hover:rgb(32, 138, 120);
  --green-active:rgb(33, 114, 114);
  --green-muted: rgb(67, 141, 122);
  --pane-padding: 1rem;
  --corner-radius: 0.25rem;
  --font: Inter, sans-serif;
  --font-mono: "Fira Code", monospace;
}

/**
 * TypeScript/TypeDoc syntax highlighting colors
 * Generated from VS Code Dark Plus theme
 */
:root {
  --hl-accessor: #DCDCAA;
  --hl-background: #1E1E1E;
  --hl-call-signature: #DCDCAA;
  --hl-class: #4EC9B0;
  --hl-comment: #6A9955;
  --hl-constructor: #DCDCAA;
  --hl-constructor-signature: #DCDCAA;
  --hl-enum: #4EC9B0;
  --hl-enum-member: #4FC1FF;
  --hl-foreground: #D4D4D4;
  --hl-function: #DCDCAA;
  --hl-get-signature: #DCDCAA;
  --hl-index-signature: #DCDCAA;
  --hl-interface: #4EC9B0;
  --hl-keyword: #569cd6;
  --hl-method: #DCDCAA;
  --hl-module: #4EC9B0;
  --hl-namespace: #4EC9B0;
  --hl-number: #b5cea8;
  --hl-operator: #d4d4d4;
  --hl-parameter: #9CDCFE;
  --hl-project: #4EC9B0;
  --hl-property: #4FC1FF;
  --hl-punctuation: #D4D4D4;
  --hl-reference: #9CDCFE;
  --hl-set-signature: #DCDCAA;
  --hl-string: #ce9178;
  --hl-type: #4EC9B0;
  --hl-type-alias: #4EC9B0;
  --hl-type-parameter: #4EC9B0;
  --hl-variable: #9CDCFE;
}

html {
  overflow: auto;
}

html, body {
  width: 100%;
  height: 100%;
  overscroll-behavior: none;
}

body {
  margin: 0;
  background-color: var(--base-color-primary);
  color: var(--text);
  scrollbar-color: var(--base-color-tertiary) var(--base-color-primary);
}
body ::-webkit-scrollbar {
  background-color: var(--base-color-primary);
}
body ::-webkit-scrollbar-thumb {
  background-color: var(--base-color-tertiary);
}
body {
  display: flex;
  flex-direction: column;
}

::selection {
  background-color: var(--text);
  color: var(--base-color-primary);
}

body, button, input, select {
  font-family: var(--font);
  font-feature-settings: "ss07", "ss08", "cv10";
  line-height: 1.4;
}

._tabular-nums_1n5sx_120 {
  font-feature-settings: "ss07", "ss08", "cv10", "tnum";
}

input[type=text], input[type=password], textarea, select {
  background-color: var(--base-color-tertiary);
  outline: 1px solid var(--interactive-normal);
  border: none;
  border-radius: 4px;
  color: var(--text);
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 0.675rem;
}
input[type=text]:focus-within, input[type=password]:focus-within, textarea:focus-within, select:focus-within {
  outline: 2px solid var(--interactive-active);
}
input[type=text]:disabled, input[type=password]:disabled, textarea:disabled, select:disabled {
  color: var(--text-detail);
  outline-color: var(--interactive-muted);
}
input[type=text]:disabled::placeholder, input[type=password]:disabled::placeholder, textarea:disabled::placeholder, select:disabled::placeholder {
  color: var(--interactive-muted);
}
input[type=text]::placeholder, input[type=password]::placeholder, textarea::placeholder, select::placeholder {
  color: var(--interactive-normal);
}

input[type=checkbox] {
  accent-color: var(--interactive-active);
}

input[type=number] {
  font-feature-settings: "ss07", "ss08", "cv10", "tnum";
}

textarea {
  resize: none;
  margin: 0;
  font-family: var(--font);
}

a {
  color: var(--link);
  text-decoration: underline;
  text-decoration-color: var(--link-underline);
}
@supports (color: rgb(from currentColor r g b)) {
  a {
    text-decoration-color: rgb(from currentColor r g b/50%);
  }
}
a:hover {
  text-decoration-thickness: 2px;
}

pre, code {
  font-family: var(--font-mono);
}

body._loading_1n5sx_180 {
  display: flex;
  align-items: center;
  justify-content: center;
}

mark {
  color: var(--text);
  background-color: var(--highlight);
  border-radius: 0.25rem;
  padding: 0.075rem 0.125rem;
  margin: -0.075rem -0.125rem;
}

#_loader_1n5sx_278 {
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  border: 4px solid transparent;
  border-top-color: var(--interactive-active);
  animation: 1s infinite normal linear _spin_1n5sx_491;
}

@keyframes _spin_1n5sx_491 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._fancy-table_1n5sx_211 {
  border-collapse: collapse;
}
._fancy-table_1n5sx_211 th {
  text-align: left;
}
._fancy-table_1n5sx_211 tbody > :nth-child(even) {
  background-color: var(--base-color-secondary);
}
._fancy-table_1n5sx_211 tbody > :nth-child(odd) {
  background-color: var(--base-color-primary);
}
._fancy-table_1n5sx_211 thead {
  background-color: var(--base-color-tertiary);
}
._fancy-table_1n5sx_211 th, ._fancy-table_1n5sx_211 td {
  padding: 0.25rem;
}

._hl-dk_1n5sx_230 {
  color: var(--hl-keyword);
}

._hl-ok_1n5sx_234 {
  color: var(--hl-function);
}

._hl-kw_1n5sx_238 {
  color: var(--hl-keyword);
}

._hl-pn_1n5sx_242 {
  color: var(--hl-variable);
}

._hl-p_1n5sx_242 {
  color: var(--hl-punctuation);
}

._hl-b_1n5sx_250 {
  color: var(--hl-punctuation);
}

._hl-pu_1n5sx_254 {
  color: var(--hl-punctuation);
}

._hl-s_1n5sx_258 {
  color: var(--hl-string);
}

._hl-n_1n5sx_262 {
  color: var(--hl-number);
}

._hl-se_1n5sx_266 {
  color: var(--hl-punctuation);
}

._loading_1n5sx_180 {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
}

._loader_1n5sx_278 {
  flex: 0 1 auto;
}

._no-fonts_1n5sx_282 {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  flex-direction: column;
  text-align: center;
  cursor: pointer;
  gap: 1rem;
}

._upload-header_1n5sx_294 {
  font-size: 3rem;
  font-weight: 500;
}

._upload-sub_1n5sx_299 {
  font-size: 2rem;
  color: var(--text-detail);
}

._upload-icon_1n5sx_304 {
  color: var(--interactive-muted);
}

._font_1n5sx_308 table {
  border-collapse: collapse;
}

._font_1n5sx_308 td, ._font_1n5sx_308 th {
  border: 1px solid var(--divider);
}

._families_1n5sx_316 {
  padding: 1rem;
  flex: 1 1 auto;
  overflow: auto;
}

._family-settings_1n5sx_322 {
  border-radius: var(--corner-radius);
  margin-bottom: 1rem;
  border: 1px solid var(--divider);
  overflow: auto;
}
._family-settings_1n5sx_322:last-child {
  margin-bottom: 0;
}

._family-header_1n5sx_332 {
  background-color: var(--base-color-secondary-dark);
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._family-name_1n5sx_340 {
  font-size: 1.25rem;
  font-weight: 700;
}

._copy-paste-buttons_1n5sx_345 {
  display: flex;
}

._remove-font_1n5sx_349, ._remove-font-family_1n5sx_349 {
  margin-left: auto;
}

._num-fonts_1n5sx_353 {
  margin-left: 0.375rem;
  color: var(--text-detail);
  font-size: 0.875rem;
}

._single-font-settings_1n5sx_359 {
  background-color: var(--base-color-secondary-dark);
  border-radius: var(--corner-radius);
  margin-bottom: 1rem;
  border: 1px solid var(--divider);
  overflow: auto;
}
._single-font-settings_1n5sx_359:last-child {
  margin-bottom: 0;
}

._single-font-header_1n5sx_370 {
  display: flex;
  padding: 0.325rem 0.5rem;
  align-items: center;
}

._single-font-file-info_1n5sx_376 {
  color: var(--text-detail);
  font-size: 0.75rem;
}

._single-font-subfamily_1n5sx_381 {
  font-weight: 700;
}

._family-settings-body_1n5sx_385 {
  background-color: var(--base-color-primary);
  padding: 1rem;
}

._settings-section_1n5sx_390 {
  border-bottom: 1px solid var(--divider);
  padding: 0.75rem 0;
}
._settings-section_1n5sx_390:first-child {
  padding-top: 0;
}
._settings-section_1n5sx_390:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
._settings-section_1n5sx_390 > header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._settings-section-title_1n5sx_407 {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 1.1rem;
  font-weight: 600;
}

._settings-section-title-text_1n5sx_415 {
  margin-left: 0.25rem;
}

._settings-section-body_1n5sx_419 {
  padding-top: 0.5rem;
  padding-left: 0.5rem;
}

._settings-grid_1n5sx_424 {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
}

._single-font-settings-body_1n5sx_431 {
  background-color: var(--base-color-primary);
  padding: 0.5rem;
}

._settings-sub-section_1n5sx_436 {
  margin-bottom: 0.5rem;
}
._settings-sub-section_1n5sx_436:last-child {
  margin-bottom: 0;
}
._settings-sub-section_1n5sx_436 > header {
  font-weight: 600;
  margin-bottom: 0.5rem;
}

._checkbox-section_1n5sx_447 > ._checkboxes_1n5sx_447 {
  padding-left: 1rem;
}
._checkbox-section_1n5sx_447._disabled_1n5sx_450 > header {
  color: var(--text-detail);
}

._settings-grid_1n5sx_424 ._style-setting_1n5sx_454 {
  display: contents;
}

._settings-grid_1n5sx_424 ._style-setting-name_1n5sx_458 {
  font-weight: 500;
  display: flex;
  justify-content: flex-end;
  text-align: end;
  align-items: center;
}

._settings-list_1n5sx_466 ._style-setting_1n5sx_454 {
  display: inline-flex;
  gap: 0.25rem;
  padding-right: 0.5rem;
}
._settings-list_1n5sx_466 ._style-setting_1n5sx_454:last-child {
  padding-right: 0;
}

._static-setting_1n5sx_475 {
  color: var(--text-detail);
}

._axis-setting_1n5sx_479 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 1 0;
  flex-wrap: wrap;
}

._axis-setting-modes_1n5sx_487 {
  display: flex;
}

._spinbox-range_1n5sx_491 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._label_1n5sx_497 {
  font-weight: 500;
  font-size: 0.875rem;
}

._checkboxes_1n5sx_447 {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._character-sets-header_1n5sx_508 {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

._header-divider_1n5sx_514 {
  width: 1px;
  background-color: var(--divider);
  align-self: stretch;
  margin-right: 0.25rem;
}

._character-set_1n5sx_508 {
  padding: 1rem 0;
  border-top: 1px solid var(--divider);
}
._character-set_1n5sx_508:last-child {
  padding-bottom: 0;
}

._character-set-header_1n5sx_529 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

._character-set-body_1n5sx_536 {
  padding-left: 1rem;
}

._character-set-name_1n5sx_540 {
  flex: 1 1 0;
}

._unicode-range-textbox_1n5sx_544 {
  width: 100%;
  box-sizing: border-box;
}

._axis-range-textbox_1n5sx_549 {
  flex: 1 1 0;
}

._unicode-range-textbox_1n5sx_544._invalid_1n5sx_553, ._unicode-range-textbox_1n5sx_544._invalid_1n5sx_553:focus, ._axis-range-textbox_1n5sx_549._invalid_1n5sx_553, ._axis-range-textbox_1n5sx_549._invalid_1n5sx_553:focus {
  outline-color: var(--red);
}:root {
  --base-color-primary: #161518;
  --base-color-secondary: #101113;
  --base-color-secondary-dark: #0d0e0f;
  --base-color-tertiary: #050607;
  --text: #f8f1e6;
  --text-detail: #b8b4ac;
  --icon: #f8f1e6;
  --icon-detail: #b8b4ac;
  --link: #8de1e7;
  --link-underline: #8de1e77f;
  --toggle-hover: #f8f1e62a;
  --toggle-active: #f8f1e649;
  --interactive-normal: #9b9996;
  --interactive-hover: #dbdad7;
  --interactive-active: #e7e5de;
  --interactive-muted: #5f5d59;
  --divider: #36353a;
  --primary: #503f76;
  --primary-hover: #3c3267;
  --primary-active: #2b2652;
  --primary-muted: #3f3d4d;
  --primary-light: #71559b;
  --primary-lighter: #916db8;
  --highlight: rgba(238, 179, 49, 0.25);
  --red: rgb(206, 40, 53);
  --red-hover: rgb(153, 37, 72);
  --red-active: rgb(119, 29, 64);
  --red-muted: rgb(131, 50, 63);
  --yellow: rgb(238, 179, 49);
  --yellow-hover: rgb(201, 135, 59);
  --yellow-active: rgb(190, 109, 42);
  --yellow-muted: rgb(172, 124, 61);
  --green: rgb(16, 174, 106);
  --green-hover:rgb(32, 138, 120);
  --green-active:rgb(33, 114, 114);
  --green-muted: rgb(67, 141, 122);
  --pane-padding: 1rem;
  --corner-radius: 0.25rem;
  --font: Inter, sans-serif;
  --font-mono: "Fira Code", monospace;
}

/**
 * TypeScript/TypeDoc syntax highlighting colors
 * Generated from VS Code Dark Plus theme
 */
:root {
  --hl-accessor: #DCDCAA;
  --hl-background: #1E1E1E;
  --hl-call-signature: #DCDCAA;
  --hl-class: #4EC9B0;
  --hl-comment: #6A9955;
  --hl-constructor: #DCDCAA;
  --hl-constructor-signature: #DCDCAA;
  --hl-enum: #4EC9B0;
  --hl-enum-member: #4FC1FF;
  --hl-foreground: #D4D4D4;
  --hl-function: #DCDCAA;
  --hl-get-signature: #DCDCAA;
  --hl-index-signature: #DCDCAA;
  --hl-interface: #4EC9B0;
  --hl-keyword: #569cd6;
  --hl-method: #DCDCAA;
  --hl-module: #4EC9B0;
  --hl-namespace: #4EC9B0;
  --hl-number: #b5cea8;
  --hl-operator: #d4d4d4;
  --hl-parameter: #9CDCFE;
  --hl-project: #4EC9B0;
  --hl-property: #4FC1FF;
  --hl-punctuation: #D4D4D4;
  --hl-reference: #9CDCFE;
  --hl-set-signature: #DCDCAA;
  --hl-string: #ce9178;
  --hl-type: #4EC9B0;
  --hl-type-alias: #4EC9B0;
  --hl-type-parameter: #4EC9B0;
  --hl-variable: #9CDCFE;
}

html {
  overflow: auto;
}

html, body {
  width: 100%;
  height: 100%;
  overscroll-behavior: none;
}

body {
  margin: 0;
  background-color: var(--base-color-primary);
  color: var(--text);
  scrollbar-color: var(--base-color-tertiary) var(--base-color-primary);
}
body ::-webkit-scrollbar {
  background-color: var(--base-color-primary);
}
body ::-webkit-scrollbar-thumb {
  background-color: var(--base-color-tertiary);
}
body {
  display: flex;
  flex-direction: column;
}

::selection {
  background-color: var(--text);
  color: var(--base-color-primary);
}

body, button, input, select {
  font-family: var(--font);
  font-feature-settings: "ss07", "ss08", "cv10";
  line-height: 1.4;
}

._tabular-nums_1vsnc_120 {
  font-feature-settings: "ss07", "ss08", "cv10", "tnum";
}

input[type=text], input[type=password], textarea, select {
  background-color: var(--base-color-tertiary);
  outline: 1px solid var(--interactive-normal);
  border: none;
  border-radius: 4px;
  color: var(--text);
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 0.675rem;
}
input[type=text]:focus-within, input[type=password]:focus-within, textarea:focus-within, select:focus-within {
  outline: 2px solid var(--interactive-active);
}
input[type=text]:disabled, input[type=password]:disabled, textarea:disabled, select:disabled {
  color: var(--text-detail);
  outline-color: var(--interactive-muted);
}
input[type=text]:disabled::placeholder, input[type=password]:disabled::placeholder, textarea:disabled::placeholder, select:disabled::placeholder {
  color: var(--interactive-muted);
}
input[type=text]::placeholder, input[type=password]::placeholder, textarea::placeholder, select::placeholder {
  color: var(--interactive-normal);
}

input[type=checkbox] {
  accent-color: var(--interactive-active);
}

input[type=number] {
  font-feature-settings: "ss07", "ss08", "cv10", "tnum";
}

textarea {
  resize: none;
  margin: 0;
  font-family: var(--font);
}

a {
  color: var(--link);
  text-decoration: underline;
  text-decoration-color: var(--link-underline);
}
@supports (color: rgb(from currentColor r g b)) {
  a {
    text-decoration-color: rgb(from currentColor r g b/50%);
  }
}
a:hover {
  text-decoration-thickness: 2px;
}

pre, code {
  font-family: var(--font-mono);
}

body._loading_1vsnc_180 {
  display: flex;
  align-items: center;
  justify-content: center;
}

mark {
  color: var(--text);
  background-color: var(--highlight);
  border-radius: 0.25rem;
  padding: 0.075rem 0.125rem;
  margin: -0.075rem -0.125rem;
}

#_loader_1vsnc_1 {
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  border: 4px solid transparent;
  border-top-color: var(--interactive-active);
  animation: 1s infinite normal linear _spin_1vsnc_309;
}

@keyframes _spin_1vsnc_309 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._fancy-table_1vsnc_211 {
  border-collapse: collapse;
}
._fancy-table_1vsnc_211 th {
  text-align: left;
}
._fancy-table_1vsnc_211 tbody > :nth-child(even) {
  background-color: var(--base-color-secondary);
}
._fancy-table_1vsnc_211 tbody > :nth-child(odd) {
  background-color: var(--base-color-primary);
}
._fancy-table_1vsnc_211 thead {
  background-color: var(--base-color-tertiary);
}
._fancy-table_1vsnc_211 th, ._fancy-table_1vsnc_211 td {
  padding: 0.25rem;
}

._hl-dk_1vsnc_230 {
  color: var(--hl-keyword);
}

._hl-ok_1vsnc_234 {
  color: var(--hl-function);
}

._hl-kw_1vsnc_238 {
  color: var(--hl-keyword);
}

._hl-pn_1vsnc_242 {
  color: var(--hl-variable);
}

._hl-p_1vsnc_242 {
  color: var(--hl-punctuation);
}

._hl-b_1vsnc_250 {
  color: var(--hl-punctuation);
}

._hl-pu_1vsnc_254 {
  color: var(--hl-punctuation);
}

._hl-s_1vsnc_258 {
  color: var(--hl-string);
}

._hl-n_1vsnc_262 {
  color: var(--hl-number);
}

._hl-se_1vsnc_266 {
  color: var(--hl-punctuation);
}

button {
  transition-property: background-color, color;
  transition-duration: 0.175s;
  transition-timing-function: ease;
  display: inline-block;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1;
  background: transparent;
  appearance: none;
  color: var(--text);
}

._select-wrapper_1vsnc_285 {
  position: relative;
}
._select-wrapper_1vsnc_285::after {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-color: var(--interactive-normal);
  mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%3e%3cpath%20d='m6%209%206%206%206-6'%20style='fill:none;stroke:%23000;stroke-width:2;stroke-linecap:butt'/%3e%3c/svg%3e");
  position: absolute;
  top: calc(50% - 12px);
  right: 0.325rem;
  content: "";
  pointer-events: none;
}

._select_1vsnc_285 {
  appearance: none;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  cursor: pointer;
}

._spinbox-wrapper_1vsnc_309 {
  background-color: var(--base-color-tertiary);
  outline: 1px solid var(--interactive-normal);
  border: none;
  border-radius: 4px;
  color: var(--text);
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 0.675rem;
}
._spinbox-wrapper_1vsnc_309:focus-within {
  outline: 2px solid var(--interactive-active);
}
._spinbox-wrapper_1vsnc_309:disabled {
  color: var(--text-detail);
  outline-color: var(--interactive-muted);
}
._spinbox-wrapper_1vsnc_309:disabled::placeholder {
  color: var(--interactive-muted);
}
._spinbox-wrapper_1vsnc_309::placeholder {
  color: var(--interactive-normal);
}
._spinbox-wrapper_1vsnc_309 {
  padding: 0;
  display: flex;
  overflow: hidden;
}

._spinbox-display_1vsnc_338, input[type=number]._spinbox-field_1vsnc_338 {
  width: 3.5rem;
  padding: 0.5rem 0 0.5rem 0.675rem;
  background: none;
  border: none;
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text);
  outline: none;
}

._spinbox-display_1vsnc_338 {
  cursor: ns-resize;
}

input[type=number]._spinbox-field_1vsnc_338 {
  appearance: textfield;
}
input[type=number]._spinbox-field_1vsnc_338::-webkit-outer-spin-button, input[type=number]._spinbox-field_1vsnc_338::-webkit-inner-spin-button {
  display: none;
}

._spinbox-buttons_1vsnc_361 {
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--interactive-normal);
}

._spinbox-button_1vsnc_361 {
  width: 1rem;
  flex: 1 1 auto;
  cursor: pointer;
  background-color: var(--base-color-secondary-dark);
}
._spinbox-button_1vsnc_361:hover {
  background-color: var(--base-color-secondary);
}
._spinbox-button_1vsnc_361:active {
  background-color: var(--base-color-tertiary);
}
._spinbox-button_1vsnc_361 {
  user-select: none;
  transition: background-color 0.175s ease;
}

._spinbox-button-divider_1vsnc_384 {
  height: 1px;
  background-color: var(--interactive-normal);
}

._spinbox-up_1vsnc_389, ._spinbox-down_1vsnc_389 {
  background-color: var(--interactive-normal);
  width: 100%;
  height: 100%;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

._spinbox-up_1vsnc_389 {
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%3e%3cpath%20d='m2%208%204-4%204%204'%20style='fill:none;stroke:%23000;stroke-width:1;stroke-linecap:butt'/%3e%3c/svg%3e");
}

._spinbox-down_1vsnc_389 {
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%3e%3cpath%20d='m2%204%204%204%204-4'%20style='fill:none;stroke:%23000;stroke-width:1;stroke-linecap:butt'/%3e%3c/svg%3e");
}

._icon-button_1vsnc_406 {
  padding: 0.25rem;
  cursor: pointer;
  display: flex;
  border-radius: var(--corner-radius);
}
._icon-button_1vsnc_406:hover {
  background-color: var(--toggle-hover);
}
._icon-button_1vsnc_406:active {
  background-color: var(--toggle-active);
}

._toggle-icon_1vsnc_419._toggledOn_1vsnc_419 {
  background-color: var(--toggle-active);
}

._button-contents_1vsnc_423 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  min-height: 24px;
}

._checkbox-toggle_1vsnc_430 {
  display: inline-flex;
  align-items: center;
}
._checkbox-toggle_1vsnc_430._disabled_1vsnc_434 {
  color: var(--text-detail);
}

._button_1vsnc_423 {
  flex: 0 0 auto;
  border: none;
  border-radius: var(--corner-radius);
  color: white;
  cursor: pointer;
  font-size: 90%;
  font-weight: 600;
  padding: 0.5rem 0.75rem;
  height: 2.5rem;
  background-color: var(--primary);
  color: white;
}
._button_1vsnc_423:hover {
  background-color: var(--primary-hover);
}
._button_1vsnc_423:active {
  background-color: var(--primary-active);
}
._button_1vsnc_423:disabled {
  background-color: var(--primary-muted);
  color: rgba(255, 255, 255, 0.5);
}
._button_1vsnc_423:disabled {
  cursor: not-allowed;
}
._button_1vsnc_423._green_1vsnc_464 {
  background-color: var(--green);
  color: white;
}
._button_1vsnc_423._green_1vsnc_464:hover {
  background-color: var(--green-hover);
}
._button_1vsnc_423._green_1vsnc_464:active {
  background-color: var(--green-active);
}
._button_1vsnc_423._green_1vsnc_464:disabled {
  background-color: var(--green-muted);
  color: rgba(255, 255, 255, 0.5);
}
._button_1vsnc_423._yellow_1vsnc_478 {
  background-color: var(--yellow);
  color: white;
}
._button_1vsnc_423._yellow_1vsnc_478:hover {
  background-color: var(--yellow-hover);
}
._button_1vsnc_423._yellow_1vsnc_478:active {
  background-color: var(--yellow-active);
}
._button_1vsnc_423._yellow_1vsnc_478:disabled {
  background-color: var(--yellow-muted);
  color: rgba(255, 255, 255, 0.5);
}
._button_1vsnc_423._red_1vsnc_492 {
  background-color: var(--red);
  color: white;
}
._button_1vsnc_423._red_1vsnc_492:hover {
  background-color: var(--red-hover);
}
._button_1vsnc_423._red_1vsnc_492:active {
  background-color: var(--red-active);
}
._button_1vsnc_423._red_1vsnc_492:disabled {
  background-color: var(--red-muted);
  color: rgba(255, 255, 255, 0.5);
}

input[type=text]._small_1vsnc_507 {
  font-size: 0.825rem;
  padding: 0.325rem 0.4rem;
}

._collapsible-header-title_1vsnc_512 {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 1.1rem;
  font-weight: 600;
}

._collapsible-header-title-text_1vsnc_520 {
  margin-left: 0.25rem;
}

._searchable-dropdown-wrapper_1vsnc_524 {
  position: relative;
}

._searchable-dropdown-button_1vsnc_528 {
  background-color: var(--base-color-tertiary);
  outline: 1px solid var(--interactive-normal);
  border: none;
  border-radius: 4px;
  color: var(--text);
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 0.675rem;
}
._searchable-dropdown-button_1vsnc_528:focus-within {
  outline: 2px solid var(--interactive-active);
}
._searchable-dropdown-button_1vsnc_528:disabled {
  color: var(--text-detail);
  outline-color: var(--interactive-muted);
}
._searchable-dropdown-button_1vsnc_528:disabled::placeholder {
  color: var(--interactive-muted);
}
._searchable-dropdown-button_1vsnc_528::placeholder {
  color: var(--interactive-normal);
}
._searchable-dropdown-button_1vsnc_528 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.675rem;
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
}
._searchable-dropdown-button_1vsnc_528._open_1vsnc_561 {
  border-color: var(--primary);
}

._searchable-dropdown-button-text_1vsnc_565 {
  flex: 1;
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 0.5rem;
}

._searchable-dropdown-arrow_1vsnc_574 {
  flex-shrink: 0;
}

._searchable-dropdown-panel_1vsnc_578 {
  position: absolute;
  background: var(--base-color-secondary);
  border: 1px solid var(--divider);
  border-radius: var(--corner-radius);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

._searchable-dropdown-search_1vsnc_589 {
  padding: 0.5rem;
  border-bottom: 1px solid var(--divider);
  box-sizing: border-box;
  flex: 0 0 auto;
}

._searchable-dropdown-search-input_1vsnc_596 {
  background-color: var(--base-color-tertiary);
  outline: 1px solid var(--interactive-normal);
  border: none;
  border-radius: 4px;
  color: var(--text);
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 0.675rem;
}
._searchable-dropdown-search-input_1vsnc_596:focus-within {
  outline: 2px solid var(--interactive-active);
}
._searchable-dropdown-search-input_1vsnc_596:disabled {
  color: var(--text-detail);
  outline-color: var(--interactive-muted);
}
._searchable-dropdown-search-input_1vsnc_596:disabled::placeholder {
  color: var(--interactive-muted);
}
._searchable-dropdown-search-input_1vsnc_596::placeholder {
  color: var(--interactive-normal);
}
._searchable-dropdown-search-input_1vsnc_596 {
  width: 100%;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  box-sizing: border-box;
}

._searchable-dropdown-options_1vsnc_626 {
  overflow-y: auto;
  font-size: 0.875rem;
}

._searchable-dropdown-option_1vsnc_626 {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
}
._searchable-dropdown-option_1vsnc_626:hover {
  background: var(--toggle-hover);
}

._searchable-dropdown-checkbox_1vsnc_643 {
  margin-right: 0.5rem;
  cursor: pointer;
  flex: 0 0 auto;
}

._searchable-dropdown-option-text_1vsnc_649 {
  flex: 1;
  color: var(--text);
}

._searchable-dropdown-no-results_1vsnc_654 {
  padding: 0.75rem;
  text-align: center;
  color: var(--text-detail);
  font-style: italic;
}:root {
  --base-color-primary: #161518;
  --base-color-secondary: #101113;
  --base-color-secondary-dark: #0d0e0f;
  --base-color-tertiary: #050607;
  --text: #f8f1e6;
  --text-detail: #b8b4ac;
  --icon: #f8f1e6;
  --icon-detail: #b8b4ac;
  --link: #8de1e7;
  --link-underline: #8de1e77f;
  --toggle-hover: #f8f1e62a;
  --toggle-active: #f8f1e649;
  --interactive-normal: #9b9996;
  --interactive-hover: #dbdad7;
  --interactive-active: #e7e5de;
  --interactive-muted: #5f5d59;
  --divider: #36353a;
  --primary: #503f76;
  --primary-hover: #3c3267;
  --primary-active: #2b2652;
  --primary-muted: #3f3d4d;
  --primary-light: #71559b;
  --primary-lighter: #916db8;
  --highlight: rgba(238, 179, 49, 0.25);
  --red: rgb(206, 40, 53);
  --red-hover: rgb(153, 37, 72);
  --red-active: rgb(119, 29, 64);
  --red-muted: rgb(131, 50, 63);
  --yellow: rgb(238, 179, 49);
  --yellow-hover: rgb(201, 135, 59);
  --yellow-active: rgb(190, 109, 42);
  --yellow-muted: rgb(172, 124, 61);
  --green: rgb(16, 174, 106);
  --green-hover:rgb(32, 138, 120);
  --green-active:rgb(33, 114, 114);
  --green-muted: rgb(67, 141, 122);
  --pane-padding: 1rem;
  --corner-radius: 0.25rem;
  --font: Inter, sans-serif;
  --font-mono: "Fira Code", monospace;
}

._slider_1xfr1_44[type=range] {
  --range: calc(var(--max) - var(--min));
  --ratio: calc((var(--val) - var(--min))/var(--range));
  --sx: calc(.5*16px + var(--ratio)*(100% - 16px));
  margin: 0;
  padding: 0;
  width: 12.5em;
  height: 16px;
  min-width: 0;
  background: transparent;
  font: 1em/1 arial, sans-serif;
}
._slider_1xfr1_44[type=range]::-webkit-slider-runnable-track {
  box-sizing: border-box;
  border: none;
  height: 8px;
  background: var(--interactive-muted);
  border-radius: 8px;
}
._slider_1xfr1_44[type=range]::-webkit-slider-runnable-track {
  background: linear-gradient(var(--interactive-active), var(--interactive-active)) 0/var(--sx) 100% no-repeat var(--interactive-muted);
}
._slider_1xfr1_44[type=range]::-moz-range-track {
  box-sizing: border-box;
  border: none;
  height: 8px;
  background: var(--interactive-muted);
  border-radius: 8px;
}
._slider_1xfr1_44[type=range]::-ms-track {
  box-sizing: border-box;
  border: none;
  height: 8px;
  background: var(--interactive-muted);
  border-radius: 8px;
}
._slider_1xfr1_44[type=range]::-moz-range-progress {
  height: 8px;
  background: var(--interactive-active);
  border-radius: 8px;
}
._slider_1xfr1_44[type=range]::-ms-fill-lower {
  height: 8px;
  background: var(--interactive-active);
  border-radius: 8px;
}
._slider_1xfr1_44[type=range]::-webkit-slider-thumb {
  margin-top: -4px;
  box-sizing: border-box;
  border: 2px solid var(--interactive-active);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--base-color-tertiary);
}
._slider_1xfr1_44[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  border: 2px solid var(--interactive-active);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--base-color-tertiary);
}
._slider_1xfr1_44[type=range]::-ms-thumb {
  margin-top: 0;
  box-sizing: border-box;
  border: 2px solid var(--interactive-active);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--base-color-tertiary);
}
._slider_1xfr1_44[type=range]::-ms-tooltip {
  display: none;
}
._slider_1xfr1_44[type=range], ._slider_1xfr1_44[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}._overlays_1ovwj_1 {
  position: fixed;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
._overlays_1ovwj_1 > * {
  pointer-events: initial;
}:root {
  --base-color-primary: #161518;
  --base-color-secondary: #101113;
  --base-color-secondary-dark: #0d0e0f;
  --base-color-tertiary: #050607;
  --text: #f8f1e6;
  --text-detail: #b8b4ac;
  --icon: #f8f1e6;
  --icon-detail: #b8b4ac;
  --link: #8de1e7;
  --link-underline: #8de1e77f;
  --toggle-hover: #f8f1e62a;
  --toggle-active: #f8f1e649;
  --interactive-normal: #9b9996;
  --interactive-hover: #dbdad7;
  --interactive-active: #e7e5de;
  --interactive-muted: #5f5d59;
  --divider: #36353a;
  --primary: #503f76;
  --primary-hover: #3c3267;
  --primary-active: #2b2652;
  --primary-muted: #3f3d4d;
  --primary-light: #71559b;
  --primary-lighter: #916db8;
  --highlight: rgba(238, 179, 49, 0.25);
  --red: rgb(206, 40, 53);
  --red-hover: rgb(153, 37, 72);
  --red-active: rgb(119, 29, 64);
  --red-muted: rgb(131, 50, 63);
  --yellow: rgb(238, 179, 49);
  --yellow-hover: rgb(201, 135, 59);
  --yellow-active: rgb(190, 109, 42);
  --yellow-muted: rgb(172, 124, 61);
  --green: rgb(16, 174, 106);
  --green-hover:rgb(32, 138, 120);
  --green-active:rgb(33, 114, 114);
  --green-muted: rgb(67, 141, 122);
  --pane-padding: 1rem;
  --corner-radius: 0.25rem;
  --font: Inter, sans-serif;
  --font-mono: "Fira Code", monospace;
}

._toast-container_r5va1_44 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
  overflow-y: auto;
  max-height: 100%;
}
._toast-container_r5va1_44 > * {
  pointer-events: auto;
}

._toast-wrapper_r5va1_60 {
  padding-top: 0.5rem;
  max-width: 50vw;
}

@keyframes _pop-in_r5va1_1 {
  from {
    transform: scale(0);
    animation-timing-function: ease-out;
  }
  50% {
    transform: scale(105%);
    animation-timing-function: ease;
  }
  to {
    transform: scale(100%);
  }
}
._toast_r5va1_44 {
  background-color: var(--base-color-primary);
  border: 1px solid var(--interactive-normal);
  border-radius: var(--corner-radius);
  display: flex;
  flex-direction: column;
  overflow-wrap: break-word;
  animation: _pop-in_r5va1_1 0.25s;
}
._toast_r5va1_44._success_r5va1_87 {
  background-color: var(--green);
  border: none;
  --icon-button-color: currentColor;
}
._toast_r5va1_44._warning_r5va1_92 {
  background-color: var(--yellow);
  border: none;
  color: var(--base-color-tertiary);
  --icon-button-color: currentColor;
}
._toast_r5va1_44._error_r5va1_98 {
  background-color: var(--red);
  border: none;
  --icon-button-color: currentColor;
}

._toast-row_r5va1_104 {
  padding: 0.5rem;
  padding-right: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._toast-icon_r5va1_112 {
  flex: 0 0 auto;
}

._toast-contents_r5va1_116 {
  flex: 0 1 auto;
  overflow: auto;
}
._toast-contents_r5va1_116._separate-contents_r5va1_120 {
  padding: 0 0.5rem 0.75rem 0.5rem;
}

._toast-title_r5va1_124 {
  flex: 1 1 auto;
}
._toast-title_r5va1_124._plain_r5va1_127 {
  font-weight: bold;
}

._timeout-bar_r5va1_131 {
  background-color: currentColor;
  height: 0.25rem;
  animation-name: _timeout_r5va1_131;
  animation-timing-function: linear;
}

@keyframes _timeout_r5va1_131 {
  from {
    width: 100%;
  }
  to {
    width: 0;
  }
}
._toast-placeholder_r5va1_146 {
  visibility: hidden;
  transition: min-height 0.175s ease-out;
}

._error-message_r5va1_151 {
  font-weight: 500;
  margin-bottom: 0.5rem;
}

._error-stack_r5va1_156 {
  white-space: pre-wrap;
  font-family: monospace;
}:root {
  --base-color-primary: #161518;
  --base-color-secondary: #101113;
  --base-color-secondary-dark: #0d0e0f;
  --base-color-tertiary: #050607;
  --text: #f8f1e6;
  --text-detail: #b8b4ac;
  --icon: #f8f1e6;
  --icon-detail: #b8b4ac;
  --link: #8de1e7;
  --link-underline: #8de1e77f;
  --toggle-hover: #f8f1e62a;
  --toggle-active: #f8f1e649;
  --interactive-normal: #9b9996;
  --interactive-hover: #dbdad7;
  --interactive-active: #e7e5de;
  --interactive-muted: #5f5d59;
  --divider: #36353a;
  --primary: #503f76;
  --primary-hover: #3c3267;
  --primary-active: #2b2652;
  --primary-muted: #3f3d4d;
  --primary-light: #71559b;
  --primary-lighter: #916db8;
  --highlight: rgba(238, 179, 49, 0.25);
  --red: rgb(206, 40, 53);
  --red-hover: rgb(153, 37, 72);
  --red-active: rgb(119, 29, 64);
  --red-muted: rgb(131, 50, 63);
  --yellow: rgb(238, 179, 49);
  --yellow-hover: rgb(201, 135, 59);
  --yellow-active: rgb(190, 109, 42);
  --yellow-muted: rgb(172, 124, 61);
  --green: rgb(16, 174, 106);
  --green-hover:rgb(32, 138, 120);
  --green-active:rgb(33, 114, 114);
  --green-muted: rgb(67, 141, 122);
  --pane-padding: 1rem;
  --corner-radius: 0.25rem;
  --font: Inter, sans-serif;
  --font-mono: "Fira Code", monospace;
}

/**
 * TypeScript/TypeDoc syntax highlighting colors
 * Generated from VS Code Dark Plus theme
 */
:root {
  --hl-accessor: #DCDCAA;
  --hl-background: #1E1E1E;
  --hl-call-signature: #DCDCAA;
  --hl-class: #4EC9B0;
  --hl-comment: #6A9955;
  --hl-constructor: #DCDCAA;
  --hl-constructor-signature: #DCDCAA;
  --hl-enum: #4EC9B0;
  --hl-enum-member: #4FC1FF;
  --hl-foreground: #D4D4D4;
  --hl-function: #DCDCAA;
  --hl-get-signature: #DCDCAA;
  --hl-index-signature: #DCDCAA;
  --hl-interface: #4EC9B0;
  --hl-keyword: #569cd6;
  --hl-method: #DCDCAA;
  --hl-module: #4EC9B0;
  --hl-namespace: #4EC9B0;
  --hl-number: #b5cea8;
  --hl-operator: #d4d4d4;
  --hl-parameter: #9CDCFE;
  --hl-project: #4EC9B0;
  --hl-property: #4FC1FF;
  --hl-punctuation: #D4D4D4;
  --hl-reference: #9CDCFE;
  --hl-set-signature: #DCDCAA;
  --hl-string: #ce9178;
  --hl-type: #4EC9B0;
  --hl-type-alias: #4EC9B0;
  --hl-type-parameter: #4EC9B0;
  --hl-variable: #9CDCFE;
}

html {
  overflow: auto;
}

html, body {
  width: 100%;
  height: 100%;
  overscroll-behavior: none;
}

body {
  margin: 0;
  background-color: var(--base-color-primary);
  color: var(--text);
  scrollbar-color: var(--base-color-tertiary) var(--base-color-primary);
}
body ::-webkit-scrollbar {
  background-color: var(--base-color-primary);
}
body ::-webkit-scrollbar-thumb {
  background-color: var(--base-color-tertiary);
}
body {
  display: flex;
  flex-direction: column;
}

::selection {
  background-color: var(--text);
  color: var(--base-color-primary);
}

body, button, input, select {
  font-family: var(--font);
  font-feature-settings: "ss07", "ss08", "cv10";
  line-height: 1.4;
}

._tabular-nums_mzs1e_120 {
  font-feature-settings: "ss07", "ss08", "cv10", "tnum";
}

input[type=text], input[type=password], textarea, select {
  background-color: var(--base-color-tertiary);
  outline: 1px solid var(--interactive-normal);
  border: none;
  border-radius: 4px;
  color: var(--text);
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 0.675rem;
}
input[type=text]:focus-within, input[type=password]:focus-within, textarea:focus-within, select:focus-within {
  outline: 2px solid var(--interactive-active);
}
input[type=text]:disabled, input[type=password]:disabled, textarea:disabled, select:disabled {
  color: var(--text-detail);
  outline-color: var(--interactive-muted);
}
input[type=text]:disabled::placeholder, input[type=password]:disabled::placeholder, textarea:disabled::placeholder, select:disabled::placeholder {
  color: var(--interactive-muted);
}
input[type=text]::placeholder, input[type=password]::placeholder, textarea::placeholder, select::placeholder {
  color: var(--interactive-normal);
}

input[type=checkbox] {
  accent-color: var(--interactive-active);
}

input[type=number] {
  font-feature-settings: "ss07", "ss08", "cv10", "tnum";
}

textarea {
  resize: none;
  margin: 0;
  font-family: var(--font);
}

a {
  color: var(--link);
  text-decoration: underline;
  text-decoration-color: var(--link-underline);
}
@supports (color: rgb(from currentColor r g b)) {
  a {
    text-decoration-color: rgb(from currentColor r g b/50%);
  }
}
a:hover {
  text-decoration-thickness: 2px;
}

pre, code {
  font-family: var(--font-mono);
}

body._loading_mzs1e_180 {
  display: flex;
  align-items: center;
  justify-content: center;
}

mark {
  color: var(--text);
  background-color: var(--highlight);
  border-radius: 0.25rem;
  padding: 0.075rem 0.125rem;
  margin: -0.075rem -0.125rem;
}

#_loader_mzs1e_397 {
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  border: 4px solid transparent;
  border-top-color: var(--interactive-active);
  animation: 1s infinite normal linear _spin_mzs1e_528;
}

@keyframes _spin_mzs1e_528 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._fancy-table_mzs1e_211 {
  border-collapse: collapse;
}
._fancy-table_mzs1e_211 th {
  text-align: left;
}
._fancy-table_mzs1e_211 tbody > :nth-child(even) {
  background-color: var(--base-color-secondary);
}
._fancy-table_mzs1e_211 tbody > :nth-child(odd) {
  background-color: var(--base-color-primary);
}
._fancy-table_mzs1e_211 thead {
  background-color: var(--base-color-tertiary);
}
._fancy-table_mzs1e_211 th, ._fancy-table_mzs1e_211 td {
  padding: 0.25rem;
}

._hl-dk_mzs1e_230 {
  color: var(--hl-keyword);
}

._hl-ok_mzs1e_234 {
  color: var(--hl-function);
}

._hl-kw_mzs1e_238 {
  color: var(--hl-keyword);
}

._hl-pn_mzs1e_242 {
  color: var(--hl-variable);
}

._hl-p_mzs1e_242 {
  color: var(--hl-punctuation);
}

._hl-b_mzs1e_250 {
  color: var(--hl-punctuation);
}

._hl-pu_mzs1e_254 {
  color: var(--hl-punctuation);
}

._hl-s_mzs1e_258 {
  color: var(--hl-string);
}

._hl-n_mzs1e_262 {
  color: var(--hl-number);
}

._hl-se_mzs1e_266 {
  color: var(--hl-punctuation);
}

._export-panel_mzs1e_270 {
  background-color: var(--base-color-tertiary);
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  position: relative;
}
._export-panel_mzs1e_270._horizontal_mzs1e_277 {
  max-width: 50%;
}

._spacer_mzs1e_281 {
  flex: 1 1 0;
}

._splitter_mzs1e_285 {
  overflow: visible;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  touch-action: none;
}
._splitter_mzs1e_285:hover {
  border-color: var(--interactive-muted);
}

._vertical_mzs1e_299 ._splitter_mzs1e_285 {
  left: 0;
  right: 0;
  height: var(--splitter-size);
  cursor: ns-resize;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

._horizontal_mzs1e_277 ._splitter_mzs1e_285 {
  top: 0;
  bottom: 0;
  width: var(--splitter-size);
  cursor: ew-resize;
  border-right: none;
  border-top: none;
  border-bottom: none;
}

:root {
  --splitter-size: 0.5rem;
}

@media (pointer: coarse) {
  :root {
    --splitter-size: 1rem;
  }
}
@media (hover: none) {
  ._splitter_mzs1e_285 {
    background-color: var(--base-color-tertiary);
    border: none;
  }
  ._splitter_mzs1e_285::after {
    content: "";
    background-color: var(--divider);
    border-radius: var(--splitter-size);
    display: flex;
    align-self: center;
  }
  ._horizontal_mzs1e_277 ._splitter_mzs1e_285 {
    transform: translateX(calc(var(--splitter-size) / -2));
  }
  ._horizontal_mzs1e_277 ._splitter_mzs1e_285::after {
    width: 2px;
    height: 50%;
  }
  ._vertical_mzs1e_299 ._splitter_mzs1e_285 {
    transform: translateY(calc(var(--splitter-size) / -2));
  }
  ._vertical_mzs1e_299 ._splitter_mzs1e_285::after {
    height: 2px;
    width: 50%;
  }
}
._row_mzs1e_355 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

._grow-button_mzs1e_361 {
  flex-grow: 1;
}

._css-path-prefix-bar_mzs1e_365 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
}

._css-path-prefix-bar_mzs1e_365 > label {
  font-weight: 500;
  font-size: 0.875rem;
}

._css-path-prefix_mzs1e_365 {
  flex: 1 1 0;
}

._css-preview_mzs1e_381 {
  overflow: auto;
  margin: 0;
  padding: 0.5rem;
  border-radius: var(--corner-radius);
  background-color: var(--base-color-secondary-dark);
}

._export-buttons_mzs1e_389 {
  padding: var(--pane-padding);
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._loader-wrapper_mzs1e_397 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  padding: 1rem;
}

._export-formats_mzs1e_405 {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._button-row_mzs1e_411 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
  flex: 0 0 auto;
}
._button-row_mzs1e_411 > * {
  flex: 1 0 0;
  min-width: max-content;
}

._export-results_mzs1e_423 {
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
}

._exported-fonts_mzs1e_430, ._exported-css_mzs1e_430 {
  flex: 1 1 auto;
  overflow: auto;
}

._exported-fonts_mzs1e_430 {
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 0 1rem;
  max-height: 50%;
  flex-shrink: 0;
}

._exported-font-files_mzs1e_444 {
  display: flex;
  overflow: auto;
  flex: 1 1 auto;
  position: relative;
  align-items: flex-start;
}

._font-file-table-wrapper_mzs1e_452 {
  width: 100%;
  overflow: auto;
  height: 200px;
  position: relative;
}

._font-file-table_mzs1e_452 {
  width: 100%;
  overflow: auto;
}
._font-file-table_mzs1e_452 td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._font-file-table_mzs1e_452 td._font-name_mzs1e_468 {
  max-width: 0;
}
._font-file-table_mzs1e_452 td._font-file-size_mzs1e_471 {
  width: 5.5em;
}
._font-file-table_mzs1e_452 th {
  position: sticky;
  top: 0;
  background-color: var(--base-color-tertiary);
  z-index: 1;
}

._font-file-size_mzs1e_471 {
  font-feature-settings: "ss07", "ss08", "cv10", "tnum";
}
._font-file-size_mzs1e_471 > * {
  vertical-align: middle;
}

._download-button_mzs1e_488 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

._exported-css_mzs1e_430 {
  overflow: auto;
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

._more-settings_mzs1e_502 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: var(--base-color-secondary-dark);
  outline: none;
  border: 1px solid var(--divider);
  border-radius: var(--corner-radius);
  padding: 1rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._setting_mzs1e_518 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._setting_mzs1e_518 > label {
  font-weight: 500;
  font-size: 0.875rem;
}

._spinbox-setting_mzs1e_528 > :last-child {
  margin-left: auto;
}

._spacer_mzs1e_281 {
  flex: 1 1 0;
}

._footer_mzs1e_536 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  padding-top: 0;
}:root {
  --base-color-primary: #161518;
  --base-color-secondary: #101113;
  --base-color-secondary-dark: #0d0e0f;
  --base-color-tertiary: #050607;
  --text: #f8f1e6;
  --text-detail: #b8b4ac;
  --icon: #f8f1e6;
  --icon-detail: #b8b4ac;
  --link: #8de1e7;
  --link-underline: #8de1e77f;
  --toggle-hover: #f8f1e62a;
  --toggle-active: #f8f1e649;
  --interactive-normal: #9b9996;
  --interactive-hover: #dbdad7;
  --interactive-active: #e7e5de;
  --interactive-muted: #5f5d59;
  --divider: #36353a;
  --primary: #503f76;
  --primary-hover: #3c3267;
  --primary-active: #2b2652;
  --primary-muted: #3f3d4d;
  --primary-light: #71559b;
  --primary-lighter: #916db8;
  --highlight: rgba(238, 179, 49, 0.25);
  --red: rgb(206, 40, 53);
  --red-hover: rgb(153, 37, 72);
  --red-active: rgb(119, 29, 64);
  --red-muted: rgb(131, 50, 63);
  --yellow: rgb(238, 179, 49);
  --yellow-hover: rgb(201, 135, 59);
  --yellow-active: rgb(190, 109, 42);
  --yellow-muted: rgb(172, 124, 61);
  --green: rgb(16, 174, 106);
  --green-hover:rgb(32, 138, 120);
  --green-active:rgb(33, 114, 114);
  --green-muted: rgb(67, 141, 122);
  --pane-padding: 1rem;
  --corner-radius: 0.25rem;
  --font: Inter, sans-serif;
  --font-mono: "Fira Code", monospace;
}

/**
 * TypeScript/TypeDoc syntax highlighting colors
 * Generated from VS Code Dark Plus theme
 */
:root {
  --hl-accessor: #DCDCAA;
  --hl-background: #1E1E1E;
  --hl-call-signature: #DCDCAA;
  --hl-class: #4EC9B0;
  --hl-comment: #6A9955;
  --hl-constructor: #DCDCAA;
  --hl-constructor-signature: #DCDCAA;
  --hl-enum: #4EC9B0;
  --hl-enum-member: #4FC1FF;
  --hl-foreground: #D4D4D4;
  --hl-function: #DCDCAA;
  --hl-get-signature: #DCDCAA;
  --hl-index-signature: #DCDCAA;
  --hl-interface: #4EC9B0;
  --hl-keyword: #569cd6;
  --hl-method: #DCDCAA;
  --hl-module: #4EC9B0;
  --hl-namespace: #4EC9B0;
  --hl-number: #b5cea8;
  --hl-operator: #d4d4d4;
  --hl-parameter: #9CDCFE;
  --hl-project: #4EC9B0;
  --hl-property: #4FC1FF;
  --hl-punctuation: #D4D4D4;
  --hl-reference: #9CDCFE;
  --hl-set-signature: #DCDCAA;
  --hl-string: #ce9178;
  --hl-type: #4EC9B0;
  --hl-type-alias: #4EC9B0;
  --hl-type-parameter: #4EC9B0;
  --hl-variable: #9CDCFE;
}

html {
  overflow: auto;
}

html, body {
  width: 100%;
  height: 100%;
  overscroll-behavior: none;
}

body {
  margin: 0;
  background-color: var(--base-color-primary);
  color: var(--text);
  scrollbar-color: var(--base-color-tertiary) var(--base-color-primary);
}
body ::-webkit-scrollbar {
  background-color: var(--base-color-primary);
}
body ::-webkit-scrollbar-thumb {
  background-color: var(--base-color-tertiary);
}
body {
  display: flex;
  flex-direction: column;
}

::selection {
  background-color: var(--text);
  color: var(--base-color-primary);
}

body, button, input, select {
  font-family: var(--font);
  font-feature-settings: "ss07", "ss08", "cv10";
  line-height: 1.4;
}

._tabular-nums_pfhh5_120 {
  font-feature-settings: "ss07", "ss08", "cv10", "tnum";
}

input[type=text], input[type=password], textarea, select {
  background-color: var(--base-color-tertiary);
  outline: 1px solid var(--interactive-normal);
  border: none;
  border-radius: 4px;
  color: var(--text);
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 0.675rem;
}
input[type=text]:focus-within, input[type=password]:focus-within, textarea:focus-within, select:focus-within {
  outline: 2px solid var(--interactive-active);
}
input[type=text]:disabled, input[type=password]:disabled, textarea:disabled, select:disabled {
  color: var(--text-detail);
  outline-color: var(--interactive-muted);
}
input[type=text]:disabled::placeholder, input[type=password]:disabled::placeholder, textarea:disabled::placeholder, select:disabled::placeholder {
  color: var(--interactive-muted);
}
input[type=text]::placeholder, input[type=password]::placeholder, textarea::placeholder, select::placeholder {
  color: var(--interactive-normal);
}

input[type=checkbox] {
  accent-color: var(--interactive-active);
}

input[type=number] {
  font-feature-settings: "ss07", "ss08", "cv10", "tnum";
}

textarea {
  resize: none;
  margin: 0;
  font-family: var(--font);
}

a {
  color: var(--link);
  text-decoration: underline;
  text-decoration-color: var(--link-underline);
}
@supports (color: rgb(from currentColor r g b)) {
  a {
    text-decoration-color: rgb(from currentColor r g b/50%);
  }
}
a:hover {
  text-decoration-thickness: 2px;
}

pre, code {
  font-family: var(--font-mono);
}

body._loading_pfhh5_180 {
  display: flex;
  align-items: center;
  justify-content: center;
}

mark {
  color: var(--text);
  background-color: var(--highlight);
  border-radius: 0.25rem;
  padding: 0.075rem 0.125rem;
  margin: -0.075rem -0.125rem;
}

#_loader_pfhh5_279 {
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  border: 4px solid transparent;
  border-top-color: var(--interactive-active);
  animation: 1s infinite normal linear _spin_pfhh5_1;
}

@keyframes _spin_pfhh5_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._fancy-table_pfhh5_211 {
  border-collapse: collapse;
}
._fancy-table_pfhh5_211 th {
  text-align: left;
}
._fancy-table_pfhh5_211 tbody > :nth-child(even) {
  background-color: var(--base-color-secondary);
}
._fancy-table_pfhh5_211 tbody > :nth-child(odd) {
  background-color: var(--base-color-primary);
}
._fancy-table_pfhh5_211 thead {
  background-color: var(--base-color-tertiary);
}
._fancy-table_pfhh5_211 th, ._fancy-table_pfhh5_211 td {
  padding: 0.25rem;
}

._hl-dk_pfhh5_230 {
  color: var(--hl-keyword);
}

._hl-ok_pfhh5_234 {
  color: var(--hl-function);
}

._hl-kw_pfhh5_238 {
  color: var(--hl-keyword);
}

._hl-pn_pfhh5_242 {
  color: var(--hl-variable);
}

._hl-p_pfhh5_242 {
  color: var(--hl-punctuation);
}

._hl-b_pfhh5_250 {
  color: var(--hl-punctuation);
}

._hl-pu_pfhh5_254 {
  color: var(--hl-punctuation);
}

._hl-s_pfhh5_258 {
  color: var(--hl-string);
}

._hl-n_pfhh5_262 {
  color: var(--hl-number);
}

._hl-se_pfhh5_266 {
  color: var(--hl-punctuation);
}

._fonts-modal_pfhh5_270 {
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  max-width: 16in;
  height: 100%;
}

._loader-positioner_pfhh5_279 {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

._top-bar_pfhh5_286 {
  background-color: var(--base-color-secondary-dark);
  padding: 0.5rem 0.75rem;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 1rem;
}

._search-box_pfhh5_295 {
  flex: 1 1 0;
}

._panes_pfhh5_299 {
  display: flex;
  overflow: auto;
  flex: 1 1 0;
}

._mobile-back-button_pfhh5_305,
._mobile-filters-button_pfhh5_306 {
  display: none;
}

._list-and-preview_pfhh5_310 {
  display: contents;
}

._fonts-list_pfhh5_314 {
  overflow: auto;
  flex: 0 0 3in;
  max-width: 25%;
  border-right: 1px solid var(--divider);
  display: flex;
  flex-direction: column;
}

._fonts-list-sort_pfhh5_323 {
  padding: 0.5rem;
  border-bottom: 1px solid var(--divider);
  box-sizing: border-box;
  flex: 0 0 auto;
}

._fonts-list-fonts_pfhh5_330 {
  overflow: auto;
  flex: 1 1 0;
}

._fonts-list-fonts-inner_pfhh5_335 {
  position: relative;
}

._font-item_pfhh5_339 {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  white-space: nowrap;
  width: 100%;
  box-sizing: border-box;
}
._font-item_pfhh5_339:hover {
  background-color: var(--toggle-hover);
}
._font-item_pfhh5_339:active, ._font-item_pfhh5_339._selected_pfhh5_351 {
  background-color: var(--toggle-active);
}
._font-item_pfhh5_339 ._add-font-button_pfhh5_354 {
  margin-left: auto;
}
._font-item_pfhh5_339 {
  transition: background-color 0.175s ease;
}

._font-name_pfhh5_361 {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 0;
}

._add-font-button_pfhh5_354 {
  display: flex;
  align-items: center;
}

._add-font-loader_pfhh5_372 {
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
}

._font-preview-header_pfhh5_380 {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
}
._font-preview-header_pfhh5_380 ._add-font-button_pfhh5_354 {
  margin-left: auto;
}

._font-preview-title_pfhh5_389 {
  font-weight: bold;
  font-size: 1.5rem;
}

._font-meta_pfhh5_394 {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  color: var(--text-detail);
}

._font-meta-line_pfhh5_400 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}

._font-preview_pfhh5_380 {
  flex: 3 1 0;
  padding: 1rem;
  gap: 1rem;
  overflow: auto;
}

._filters-pane_pfhh5_413 {
  flex: 0 0 200px;
  border-right: 1px solid var(--divider);
  padding: 1rem;
  overflow-y: auto;
}

._filter-group_pfhh5_420 {
  margin-bottom: 1.5rem;
}
._filter-group_pfhh5_420:last-child {
  margin-bottom: 0;
}

._filter-group-title_pfhh5_427 {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--text-detail);
  margin-bottom: 0.5rem;
}

._filter-toggle_pfhh5_434 {
  display: flex;
}

._preview-controls_pfhh5_438 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

._preview-text-input_pfhh5_444 {
  min-width: 0;
  flex: 1;
  padding: 0.5rem;
  border: 1px solid var(--divider);
  border-radius: 4px;
  font-size: 1rem;
}

._preview-font-size_pfhh5_453 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--text-detail);
  margin-bottom: 1rem;
}

._preview-font-size-slider_pfhh5_463 {
  flex: 1 1 0;
}

._preview-content_pfhh5_467 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}

._preview-samples_pfhh5_474 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._font-sample_pfhh5_480 {
  border: 1px solid var(--divider);
  border-radius: 4px;
  background: var(--base-color-primary);
  padding: 0.75rem;
}

._font-style-name_pfhh5_487 {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--text-detail);
  margin-bottom: 0.5rem;
  text-transform: capitalize;
}

._font-style-preview_pfhh5_495 {
  line-height: 1.4;
  font-feature-settings: normal;
}

._section-header_pfhh5_500 {
  font-weight: bold;
  margin: 0.5rem 0;
}

._supported-languages_pfhh5_505 {
  display: flex;
  flex-direction: column;
}

._script-langs_pfhh5_510 {
  column-count: 4;
  padding: 0.5rem 1rem;
}

@media (orientation: portrait) {
  ._script-langs_pfhh5_510 {
    column-count: 3;
  }
}
._supported-lang_pfhh5_505 {
  padding: 0.175rem 0;
}

._script-title_pfhh5_524 {
  padding: 0.5rem 0;
}

._axis-controls_pfhh5_528 {
  padding: 1rem;
  border: 1px solid var(--divider);
  border-radius: 4px;
  background: var(--base-color-secondary);
  margin-bottom: 1rem;
}

._axis-controls-body_pfhh5_536 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 1rem;
}

._axis-controls-title_pfhh5_542 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 1rem;
}

._axis-label_pfhh5_549 {
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--text-detail);
}

._axis-inputs_pfhh5_556 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

._axis-slider_pfhh5_562 {
  flex: 1;
}

._axis-spin-box_pfhh5_566 {
  flex: 0 0 auto;
}

._hide_pfhh5_570 {
  display: none;
}

@media (max-width: 768px) {
  ._panes_pfhh5_299 {
    flex-direction: column;
    position: relative;
  }
  ._mobile-back-button_pfhh5_305,
  ._mobile-filters-button_pfhh5_306 {
    display: flex;
  }
  ._mobile-back-button_pfhh5_305 {
    display: none;
  }
  ._top-bar_pfhh5_286._mobile-preview_pfhh5_586 ._mobile-back-button_pfhh5_305 {
    display: flex;
  }
  ._filters-pane_pfhh5_413 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: var(--base-color-primary);
    border: 1px solid var(--divider);
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-100%);
    transition: transform 0.2s ease;
    flex: none;
    max-height: 100%;
    box-sizing: border-box;
    overflow-y: auto;
  }
  ._filters-pane_pfhh5_413._filters-expanded_pfhh5_606 {
    transform: translateY(0);
  }
  ._list-and-preview_pfhh5_310 {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    overflow: hidden;
  }
  ._fonts-list_pfhh5_314 {
    flex: 1 1 0;
    overflow: auto;
    max-width: unset;
    border: none;
  }
  ._font-preview_pfhh5_380 {
    display: none;
    flex: 1 1 0;
    overflow: auto;
  }
  ._mobile-preview_pfhh5_586 ._fonts-list_pfhh5_314 {
    display: none;
  }
  ._mobile-preview_pfhh5_586 ._font-preview_pfhh5_380 {
    display: block;
  }
}:root {
  --base-color-primary: #161518;
  --base-color-secondary: #101113;
  --base-color-secondary-dark: #0d0e0f;
  --base-color-tertiary: #050607;
  --text: #f8f1e6;
  --text-detail: #b8b4ac;
  --icon: #f8f1e6;
  --icon-detail: #b8b4ac;
  --link: #8de1e7;
  --link-underline: #8de1e77f;
  --toggle-hover: #f8f1e62a;
  --toggle-active: #f8f1e649;
  --interactive-normal: #9b9996;
  --interactive-hover: #dbdad7;
  --interactive-active: #e7e5de;
  --interactive-muted: #5f5d59;
  --divider: #36353a;
  --primary: #503f76;
  --primary-hover: #3c3267;
  --primary-active: #2b2652;
  --primary-muted: #3f3d4d;
  --primary-light: #71559b;
  --primary-lighter: #916db8;
  --highlight: rgba(238, 179, 49, 0.25);
  --red: rgb(206, 40, 53);
  --red-hover: rgb(153, 37, 72);
  --red-active: rgb(119, 29, 64);
  --red-muted: rgb(131, 50, 63);
  --yellow: rgb(238, 179, 49);
  --yellow-hover: rgb(201, 135, 59);
  --yellow-active: rgb(190, 109, 42);
  --yellow-muted: rgb(172, 124, 61);
  --green: rgb(16, 174, 106);
  --green-hover:rgb(32, 138, 120);
  --green-active:rgb(33, 114, 114);
  --green-muted: rgb(67, 141, 122);
  --pane-padding: 1rem;
  --corner-radius: 0.25rem;
  --font: Inter, sans-serif;
  --font-mono: "Fira Code", monospace;
}

._modal-wrapper_1klsm_44 {
  z-index: 2;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

._modal-bg_1klsm_53 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

._modal-positioner_1klsm_62 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  pointer-events: none;
}

._modal_1klsm_44 {
  z-index: 3;
  background-color: var(--base-color-primary);
  border-radius: var(--corner-radius);
  pointer-events: all;
}