@rvx/ui 0.3.7 → 0.4.0

package/dist/theme.module.css

@@ -1,1290 +0,0 @@
-:root {
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-  font-size: 0.875rem;
-  line-height: 1;
-  accent-color: var(--accent);
-  --page-pad-block-start: 2.2857142857rem;
-  --page-pad-inline-start: 2.2857142857rem;
-  --page-pad-block-end: 2.2857142857rem;
-  --page-pad-inline-end: 2.2857142857rem;
-  --content-column-gap: 1.7142857143rem;
-  --content-row-gap: 1.7142857143rem;
-  --content-radius: 0.5714285714rem;
-  --content-border: 0.1428571429rem;
-  --content-pad-block-start: 1.1428571429rem;
-  --content-pad-inline-start: 1.1428571429rem;
-  --content-pad-block-end: 1.1428571429rem;
-  --content-pad-inline-end: 1.1428571429rem;
-  --group-column-gap: 1.1428571429rem;
-  --group-row-gap: 1.1428571429rem;
-  --group-pad-block-start: 1.1428571429rem;
-  --group-pad-inline-start: 1.1428571429rem;
-  --group-pad-block-end: 1.1428571429rem;
-  --group-pad-inline-end: 1.1428571429rem;
-  --control-column-gap: 0.5714285714rem;
-  --control-row-gap: 0.5714285714rem;
-  --control-radius: 0.3571428571rem;
-  --control-border: 0.1428571429rem;
-  --control-disabled: opacity(.5);
-  --control-pad-block-start: 0.5rem;
-  --control-pad-inline-start: 0.5714285714rem;
-  --control-pad-block-end: 0.5rem;
-  --control-pad-inline-end: 0.5714285714rem;
-  --input-extension: 0.2857142857rem;
-  --separator: 0.1428571429rem;
-  --focus-outline-offset: 0.1428571429rem;
-  --overflow-safe-area: 0.2857142857rem;
-  --line-gap: 0.4285714286rem;
-  --space-gap: 0.4285714286rem;
-  --layout-transition: .15s ease;
-  --color-transition: .1s ease;
-  --layout-transition-ms: 150;
-}
-
-:root {
-  --bg: rgb(247, 247, 247);
-  --bg-alt: rgb(255, 255, 255);
-  --accent: rgb(0, 127, 255);
-  --fg: black;
-  --focus-outline: var(--control-border) dashed var(--accent);
-  --separator-color: rgba(200, 200, 200, 0.3);
-  --selection-bg: rgba(0, 127, 255, 0.3);
-  --overlay-backdrop: rgba(245, 245, 245, 0.7);
-  --overlay-shadow: 0 0 0.8571428571rem rgba(128, 128, 128, 0.2);
-  --content-shadow: 0 0 0.8571428571rem rgba(128, 128, 128, 0.2);
-  --control-shadow: 0 0 0.1428571429rem rgba(128, 128, 128, 0.2);
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    --bg: rgb(24, 24, 24);
-    --bg-alt: rgb(32, 32, 32);
-    --accent: rgb(64, 160, 255);
-    --fg: white;
-    --focus-outline: var(--control-border) dashed var(--accent);
-    --separator-color: rgb(40, 40, 40);
-    --selection-bg: rgba(64, 160, 255, 0.5);
-    --overlay-backdrop: rgba(24, 24, 24, 0.8);
-    --overlay-shadow: 0 0 0.8571428571rem rgba(0, 0, 0, 0.3);
-    --content-shadow: 0 0 0.8571428571rem rgba(0, 0, 0, 0.3);
-    --control-shadow: 0 0 0.2142857143rem rgba(0, 0, 0, 0.5);
-    color-scheme: dark;
-  }
-}
-body {
-  background-color: var(--bg);
-  --parent-bg: var(--bg);
-  color: var(--fg);
-  text-wrap: balance;
-}
-@supports (text-wrap: pretty) {
-  body {
-    text-wrap: pretty;
-  }
-}
-
-* {
-  box-sizing: border-box;
-  --space-scale: 1;
-  --space-above: unset;
-  --space-below: unset;
-}
-
-::selection {
-  background-color: var(--selection-bg);
-}
-
-:root {
-  --breadcrumb-separator: rgb(180, 180, 180);
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    --breadcrumb-separator: rgb(120, 120, 120);
-    color-scheme: dark;
-  }
-}
-.breadcrumbs {
-  flex-wrap: wrap;
-  column-gap: var(--control-column-gap);
-  row-gap: var(--control-row-gap);
-}
-
-.breadcrumbs, .breadcrumb_item {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  column-gap: var(--control-column-gap);
-  row-gap: var(--control-row-gap);
-}
-
-.breadcrumb_item {
-  line-height: calc(1em + var(--line-gap));
-  margin-block: calc(var(--line-gap) / -2);
-}
-
-.breadcrumb_separator {
-  block-size: calc(1em + var(--line-gap));
-  display: block;
-  position: relative;
-}
-
-.breadcrumb_separator svg {
-  block-size: 100%;
-  stroke: var(--breadcrumb-separator);
-}
-
-:root {
-  --button-default-bg: rgb(208, 208, 208);
-  --button-default-bg-hover: rgb(192, 192, 192);
-  --button-default-fg: black;
-  --button-primary-bg: rgb(0, 127, 255);
-  --button-primary-bg-hover: rgb(64, 160, 255);
-  --button-primary-fg: white;
-  --button-primary-focus: rgb(0, 56, 112);
-  --button-success-bg: rgb(0, 255, 0);
-  --button-success-bg-hover: rgb(130, 255, 130);
-  --button-success-fg: black;
-  --button-success-focus: rgb(0, 160, 0);
-  --button-warning-bg: rgb(255, 200, 0);
-  --button-warning-bg-hover: rgb(255, 224, 112);
-  --button-warning-fg: black;
-  --button-warning-focus: rgb(150, 117, 0);
-  --button-danger-bg: rgb(255, 0, 0);
-  --button-danger-bg-hover: rgb(255, 80, 80);
-  --button-danger-fg: white;
-  --button-danger-focus: rgb(112, 0, 0);
-  --button-input-bg: rgb(250, 250, 250);
-  --button-input-bg-hover: rgb(230, 230, 230);
-  --button-input-fg: black;
-  --button-input-border: rgb(220, 220, 220);
-  --button-item-bg: rgb(235, 235, 235);
-  --button-item-bg-hover: rgb(215, 215, 215);
-  --button-item-fg: black;
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    --button-default-bg: rgb(72, 72, 72);
-    --button-default-bg-hover: rgb(100, 100, 100);
-    --button-default-fg: white;
-    --button-primary-bg: rgb(64, 160, 255);
-    --button-primary-bg-hover: rgb(112, 184, 255);
-    --button-primary-fg: black;
-    --button-primary-focus: rgb(200, 241, 255);
-    --button-success-bg: rgb(64, 255, 64);
-    --button-success-bg-hover: rgb(160, 255, 160);
-    --button-success-fg: black;
-    --button-success-focus: rgb(224, 255, 224);
-    --button-warning-bg: rgb(255, 200, 0);
-    --button-warning-bg-hover: rgb(255, 224, 112);
-    --button-warning-fg: black;
-    --button-warning-focus: rgb(255, 243, 200);
-    --button-danger-bg: rgb(255, 40, 40);
-    --button-danger-bg-hover: rgb(255, 100, 100);
-    --button-danger-fg: white;
-    --button-danger-focus: rgb(255, 200, 214);
-    --button-input-bg: rgb(36, 36, 36);
-    --button-input-bg-hover: rgb(64, 64, 64);
-    --button-input-fg: white;
-    --button-input-border: rgb(54, 54, 54);
-    --button-item-bg: rgb(48, 48, 48);
-    --button-item-bg-hover: rgb(64, 64, 64);
-    --button-item-fg: white;
-    color-scheme: dark;
-  }
-}
-.button {
-  font-family: inherit;
-  font-size: inherit;
-  font-weight: 600;
-  line-height: 1;
-  cursor: pointer;
-  outline: none;
-  padding-block: var(--control-pad-block-start) var(--control-pad-block-end);
-  padding-inline: var(--control-pad-inline-start) var(--control-pad-inline-end);
-  border-radius: var(--control-radius);
-  transition: var(--color-transition) background-color, var(--color-transition) border-color;
-}
-.button:not(.button_text) {
-  box-shadow: var(--control-shadow);
-}
-.button[disabled] {
-  cursor: default;
-  filter: var(--control-disabled);
-}
-
-.button_default {
-  background-color: var(--button-default-bg);
-  color: var(--button-default-fg);
-  border: var(--button-default-border, transparent) solid var(--control-border);
-}
-.button_default:hover:not(:active):not([disabled]) {
-  background-color: var(--button-default-bg-hover);
-}
-.button_default:focus-visible {
-  border-color: var(--button-default-focus, var(--accent));
-}
-.button_default:active {
-  background-color: var(--button-default-bg-active, var(--button-default-bg));
-}
-
-.button_primary {
-  background-color: var(--button-primary-bg);
-  color: var(--button-primary-fg);
-  border: var(--button-primary-border, transparent) solid var(--control-border);
-}
-.button_primary:hover:not(:active):not([disabled]) {
-  background-color: var(--button-primary-bg-hover);
-}
-.button_primary:focus-visible {
-  border-color: var(--button-primary-focus, var(--accent));
-}
-.button_primary:active {
-  background-color: var(--button-primary-bg-active, var(--button-primary-bg));
-}
-
-.button_success {
-  background-color: var(--button-success-bg);
-  color: var(--button-success-fg);
-  border: var(--button-success-border, transparent) solid var(--control-border);
-}
-.button_success:hover:not(:active):not([disabled]) {
-  background-color: var(--button-success-bg-hover);
-}
-.button_success:focus-visible {
-  border-color: var(--button-success-focus, var(--accent));
-}
-.button_success:active {
-  background-color: var(--button-success-bg-active, var(--button-success-bg));
-}
-
-.button_warning {
-  background-color: var(--button-warning-bg);
-  color: var(--button-warning-fg);
-  border: var(--button-warning-border, transparent) solid var(--control-border);
-}
-.button_warning:hover:not(:active):not([disabled]) {
-  background-color: var(--button-warning-bg-hover);
-}
-.button_warning:focus-visible {
-  border-color: var(--button-warning-focus, var(--accent));
-}
-.button_warning:active {
-  background-color: var(--button-warning-bg-active, var(--button-warning-bg));
-}
-
-.button_danger {
-  background-color: var(--button-danger-bg);
-  color: var(--button-danger-fg);
-  border: var(--button-danger-border, transparent) solid var(--control-border);
-}
-.button_danger:hover:not(:active):not([disabled]) {
-  background-color: var(--button-danger-bg-hover);
-}
-.button_danger:focus-visible {
-  border-color: var(--button-danger-focus, var(--accent));
-}
-.button_danger:active {
-  background-color: var(--button-danger-bg-active, var(--button-danger-bg));
-}
-
-.button_input {
-  background-color: var(--button-input-bg);
-  color: var(--button-input-fg);
-  border: var(--button-input-border, transparent) solid var(--control-border);
-}
-.button_input:hover:not(:active):not([disabled]) {
-  background-color: var(--button-input-bg-hover);
-}
-.button_input:focus-visible {
-  border-color: var(--button-input-focus, var(--accent));
-}
-.button_input:active {
-  background-color: var(--button-input-bg-active, var(--button-input-bg));
-}
-
-.button_item {
-  background-color: var(--button-item-bg);
-  color: var(--button-item-fg);
-  border: var(--button-item-border, transparent) solid var(--control-border);
-}
-.button_item:hover:not(:active):not([disabled]) {
-  background-color: var(--button-item-bg-hover);
-}
-.button_item:focus-visible {
-  border-color: var(--button-item-focus, var(--accent));
-}
-.button_item:active {
-  background-color: var(--button-item-bg-active, var(--button-item-bg));
-}
-
-.button_input,
-.button_item {
-  text-align: left;
-}
-
-:root {
-  --card-default-border: rgb(216, 216, 216);
-  --card-info-border: rgb(0, 127, 255);
-  --card-success-border: rgb(0, 255, 0);
-  --card-warning-border: rgb(255, 200, 0);
-  --card-danger-border: rgb(255, 0, 0);
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    --card-default-border: rgb(36, 36, 36);
-    --card-info-border: rgb(64, 160, 255);
-    --card-success-border: rgb(64, 255, 64);
-    --card-warning-border: rgb(255, 200, 0);
-    --card-danger-border: rgb(255, 64, 64);
-    color-scheme: dark;
-  }
-}
-.card {
-  box-shadow: var(--content-shadow);
-  border-radius: var(--content-radius);
-  background-color: var(--bg-alt);
-  --parent-bg: var(--bg-alt);
-}
-.card:not(.card_raw) {
-  padding-block: var(--content-pad-block-start) var(--content-pad-block-end);
-  padding-inline: var(--content-pad-inline-start) var(--content-pad-inline-end);
-}
-
-.card_default {
-  border: var(--content-border) solid var(--card-default-border);
-}
-
-.card_info {
-  border: var(--content-border) solid var(--card-info-border);
-}
-
-.card_success {
-  border: var(--content-border) solid var(--card-success-border);
-}
-
-.card_warning {
-  border: var(--content-border) solid var(--card-warning-border);
-}
-
-.card_danger {
-  border: var(--content-border) solid var(--card-danger-border);
-}
-
-.checkbox_label {
-  display: flex;
-  column-gap: var(--control-column-gap);
-  align-items: start;
-}
-.checkbox_label:has(.checkbox_input:not(:disabled)) {
-  cursor: pointer;
-}
-.checkbox_label:has(.checkbox_input:disabled) > .checkbox_content {
-  filter: var(--control-disabled);
-}
-.checkbox_label:has(.checkbox_input:focus-visible) {
-  outline: var(--focus-outline);
-  outline-offset: var(--focus-outline-offset);
-}
-
-.checkbox_padding {
-  padding: var(--input-extension);
-  margin: calc(var(--input-extension) * -1);
-}
-
-.checkbox_input {
-  margin: 0;
-  outline: none;
-  cursor: inherit;
-}
-
-.collapse {
-  display: block;
-  position: relative;
-  opacity: 0;
-  --space-scale: 0;
-}
-
-.collapse_sized {
-  transition: margin-block-start var(--layout-transition), margin-block-end var(--layout-transition), opacity var(--layout-transition);
-}
-
-@keyframes alert {
-  from {
-    transform: translateX(0rem);
-  }
-  30% {
-    transform: translateX(0.2rem);
-  }
-  70% {
-    transform: translateX(-0.2rem);
-  }
-  to {
-    transform: translateX(0rem);
-  }
-}
-.collapse_alert {
-  animation: alert 0.2s ease;
-}
-
-.collapse_visible.collapse_visible {
-  --space-scale: 1;
-  opacity: 1;
-}
-
-.collapse_view {
-  block-size: 0px;
-  position: relative;
-  overflow: hidden;
-}
-.collapse_sized > .collapse_view {
-  transition: block-size var(--layout-transition), margin var(--layout-transition);
-}
-.collapse_visible > .collapse_view {
-  block-size: calc(var(--collapse-size) + var(--overflow-safe-area) * 2);
-  margin: calc(var(--overflow-safe-area) * -1);
-}
-
-.collapse_content {
-  position: absolute;
-  inline-size: 100%;
-  top: 0px;
-  left: 0px;
-}
-.collapse_sized > * > .collapse_content {
-  transition: top var(--layout-transition), left var(--layout-transition), inline-size var(--layout-transition);
-}
-.collapse_visible .collapse_content {
-  top: var(--overflow-safe-area);
-  left: var(--overflow-safe-area);
-  inline-size: calc(100% - var(--overflow-safe-area) * 2);
-}
-
-.column {
-  display: flex;
-  flex-direction: column;
-}
-.column > :not(:first-child) {
-  margin-block-start: calc((var(--space-above, var(--parent-row-gap)) - var(--parent-row-gap)) * var(--space-scale) + var(--parent-row-gap) * (var(--space-scale) - 1) / 2);
-}
-.column > :first-child {
-  margin-block-start: calc(var(--parent-row-gap) * (var(--space-scale) - 1) / 2);
-}
-.column > :not(:last-child) {
-  margin-block-end: calc((var(--space-below, var(--parent-row-gap)) - var(--parent-row-gap)) * var(--space-scale) + var(--parent-row-gap) * (var(--space-scale) - 1) / 2);
-}
-.column > :last-child {
-  margin-block-end: calc(var(--parent-row-gap) * (var(--space-scale) - 1) / 2);
-}
-
-.column_content {
-  row-gap: var(--content-row-gap);
-}
-.column_content > * {
-  --parent-row-gap: var(--content-row-gap);
-}
-.column_content.column_padded {
-  padding-block: var(--content-pad-block-start) var(--content-pad-block-end);
-  padding-inline: var(--content-pad-inline-start) var(--content-pad-inline-end);
-}
-
-.column_group {
-  row-gap: var(--group-row-gap);
-}
-.column_group > * {
-  --parent-row-gap: var(--group-row-gap);
-}
-.column_group.column_padded {
-  padding-block: var(--group-pad-block-start) var(--group-pad-block-end);
-  padding-inline: var(--group-pad-inline-start) var(--group-pad-inline-end);
-}
-
-.column_control {
-  row-gap: var(--control-row-gap);
-}
-.column_control > * {
-  --parent-row-gap: var(--control-row-gap);
-}
-.column_control.column_padded {
-  padding-block: var(--control-pad-block-start) var(--control-pad-block-end);
-  padding-inline: var(--control-pad-inline-start) var(--control-pad-inline-end);
-}
-
-.control_group {
-  display: flex;
-  box-shadow: var(--control-shadow);
-  border-radius: var(--control-radius);
-  gap: var(--separator);
-}
-.control_group > * {
-  box-shadow: none;
-}
-
-.control_group_row {
-  flex-direction: row;
-}
-.control_group_row > :first-child {
-  border-start-start-radius: inherit;
-  border-end-start-radius: inherit;
-}
-.control_group_row > :not(:first-child) {
-  border-start-start-radius: 0;
-  border-end-start-radius: 0;
-}
-.control_group_row > :last-child {
-  border-start-end-radius: inherit;
-  border-end-end-radius: inherit;
-}
-.control_group_row > :not(:last-child) {
-  border-start-end-radius: 0;
-  border-end-end-radius: 0;
-}
-
-.control_group_column {
-  flex-direction: column;
-}
-.control_group_column > :first-child {
-  border-start-start-radius: inherit;
-  border-start-end-radius: inherit;
-}
-.control_group_column > :not(:first-child) {
-  border-start-start-radius: 0;
-  border-start-end-radius: 0;
-}
-.control_group_column > :last-child {
-  border-end-start-radius: inherit;
-  border-end-end-radius: inherit;
-}
-.control_group_column > :not(:last-child) {
-  border-end-start-radius: 0;
-  border-end-end-radius: 0;
-}
-
-.dialog_container {
-  position: fixed;
-  inset: 0;
-  background-color: var(--overlay-backdrop);
-  display: grid;
-  grid-template-columns: 1fr minmax(auto, var(--dialog-inline-size)) 1fr;
-  grid-template-rows: 5fr minmax(auto, var(--dialog-block-size)) 7fr;
-  overflow: auto;
-  transition: opacity var(--layout-transition);
-  opacity: 0;
-}
-
-.dialog_fadein {
-  opacity: 1;
-}
-.dialog_fadein .dialog_body {
-  transform: scale(1);
-}
-
-.dialog_fadeout {
-  pointer-events: none;
-  opacity: 0;
-}
-.dialog_fadeout .dialog_body {
-  transform: scale(0.9);
-}
-
-@media (prefers-reduced-motion) {
-  .dialog_body.dialog_body {
-    transform: unset;
-  }
-}
-.dialog_body {
-  grid-row: 2/3;
-  grid-column: 2/3;
-  transform: scale(0.9);
-  transition: transform var(--layout-transition);
-  background-color: var(--bg-alt);
-  --parent-bg: var(--bg-alt);
-  box-shadow: var(--overlay-shadow);
-  border-radius: var(--content-radius);
-  border: var(--content-border) solid var(--card-default-border);
-}
-
-.dialog_scroll_view {
-  border-block-start: var(--content-border) solid var(--card-default-border);
-  border-block-end: var(--content-border) solid var(--card-default-border);
-  margin-inline-start: calc(var(--content-pad-inline-start) * -1 + var(--content-border));
-  margin-inline-end: calc(var(--content-pad-inline-end) * -1 + var(--content-border));
-}
-
-.dialog_scroll_view_content {
-  padding-block: var(--content-pad-block-start) var(--content-pad-block-end);
-  padding-inline: var(--content-pad-inline-start) var(--content-pad-inline-end);
-}
-
-.dropdown {
-  position: relative;
-  outline: none;
-}
-.dropdown:not(.dropdown_expansion) {
-  min-inline-size: var(--popout-anchor-inline-size);
-}
-
-.dropdown_scroll_area {
-  border-radius: var(--control-radius);
-  background-color: var(--button-item-bg);
-  box-shadow: var(--overlay-shadow);
-  max-block-size: var(--popout-max-block-size);
-  max-inline-size: var(--popout-max-inline-size);
-  overflow: auto;
-}
-
-.dropdown_content {
-  display: flex;
-  flex-direction: column;
-  border-radius: var(--control-radius);
-  border: var(--content-border) solid var(--card-default-border);
-  overflow: hidden;
-}
-
-.dropdown_item {
-  cursor: pointer;
-  padding-block: var(--control-pad-block-start) var(--control-pad-block-end);
-  padding-inline: var(--control-pad-inline-start) var(--control-pad-inline-end);
-  border: transparent solid var(--control-border);
-  border-radius: calc(var(--control-radius) - var(--control-border));
-}
-.dropdown_item.dropdown_item_active {
-  background-color: var(--button-item-bg-hover);
-}
-
-:root {
-  --error-message-fg: rgb(212, 0, 0);
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    --error-message-fg: rgb(255, 64, 64);
-    color-scheme: dark;
-  }
-}
-.error_message {
-  color: var(--error-message-fg);
-}
-
-.flex_space {
-  flex-basis: 0;
-  pointer-events: none;
-  --space-scale: 0;
-}
-
-.heading {
-  line-height: calc(1em + var(--line-gap));
-  margin-block: 0;
-}
-.heading::before, .heading::after {
-  content: "";
-  display: block;
-  pointer-events: none;
-  margin-block-start: calc(var(--line-gap) / -2);
-}
-
-h1.heading {
-  font-size: 2.4rem;
-  font-weight: 600;
-  --space-above: 5rem;
-}
-
-h2.heading {
-  font-size: 1.8rem;
-  font-weight: 600;
-  --space-above: 3.2rem;
-}
-
-h3.heading {
-  font-size: 1.5rem;
-  font-weight: 600;
-  --space-above: 2.4rem;
-}
-
-h4.heading,
-h5.heading,
-h6.heading {
-  font-size: 1.2rem;
-  font-weight: 600;
-  --space-above: 2rem;
-}
-
-:root {
-  --label-fg: rgb(100, 100, 100);
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    --label-fg: rgb(200, 200, 200);
-    color-scheme: dark;
-  }
-}
-.label {
-  --space-below: var(--control-row-gap);
-  line-height: calc(1em + var(--line-gap));
-  color: var(--label-fg);
-  font-size: 0.87rem;
-  font-weight: 600;
-}
-.label::before, .label::after {
-  content: "";
-  display: block;
-  pointer-events: none;
-  margin-block-start: calc(var(--line-gap) / -2);
-}
-
-.link {
-  --space-below: var(--control-row-gap);
-  line-height: calc(1em + var(--line-gap));
-  color: var(--accent);
-  font-weight: 600;
-  text-decoration: none;
-  cursor: pointer;
-}
-.link:focus {
-  outline: none;
-}
-.link:focus-visible {
-  text-decoration: underline;
-}
-
-:root {
-  --nav-list-item-bg: transparent;
-  --nav-list-item-bg-hover: rgba(0, 0, 0, 0.075);
-  --nav-list-item-bg-active: rgba(0, 0, 0, 0.125);
-  --nav-list-item-bg-current: rgba(0, 0, 0, 0.125);
-  --nav-list-item-fg: rgb(72, 72, 72);
-  --nav-list-item-fg-hover: var(--fg);
-  --nav-list-item-fg-active: var(--fg);
-  --nav-list-item-fg-current: var(--fg);
-  --nav-list-item-border: transparent;
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    --nav-list-item-bg: transparent;
-    --nav-list-item-bg-hover: rgba(255, 255, 255, 0.1);
-    --nav-list-item-bg-active: rgba(255, 255, 255, 0.08);
-    --nav-list-item-bg-current: rgba(255, 255, 255, 0.1);
-    --nav-list-item-fg: rgb(172, 172, 172);
-    --nav-list-item-fg-hover: var(--fg);
-    --nav-list-item-fg-active: var(--fg);
-    --nav-list-item-fg-current: var(--fg);
-    --nav-list-item-border: transparent;
-    color-scheme: dark;
-  }
-}
-.nav_list {
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  z-index: 0;
-}
-
-.nav_list_item {
-  font-family: inherit;
-  font-size: inherit;
-  font-weight: 600;
-  line-height: 1;
-  text-align: left;
-  background-color: var(--nav-list-item-bg);
-  color: var(--nav-list-item-fg);
-  border: var(--nav-list-item-border) solid var(--control-border);
-  border-radius: var(--control-radius);
-  cursor: pointer;
-  outline: none;
-  padding-block: var(--control-pad-block-start) var(--control-pad-block-end);
-  padding-inline: var(--control-pad-inline-start) var(--control-pad-inline-end);
-  transition: var(--color-transition) background-color, var(--color-transition) border-color;
-}
-.nav_list_item[disabled] {
-  cursor: default;
-  filter: var(--control-disabled);
-}
-.nav_list_item:hover:not(:active):not([disabled]), .nav_list_item:focus-visible {
-  color: var(--nav-list-item-fg-hover);
-  background-color: var(--nav-list-item-bg-hover);
-}
-.nav_list_item:active {
-  color: var(--nav-list-item-fg-active);
-  background-color: var(--nav-list-item-bg-active);
-}
-
-.nav_list_item_current {
-  color: var(--nav-list-item-fg-current);
-  background-color: var(--nav-list-item-bg-current);
-  box-shadow: var(--control-shadow);
-  z-index: 1;
-}
-
-:root {
-  --notification-default-border: rgb(200, 200, 200);
-  --notification-info-border: rgb(0, 127, 255);
-  --notification-success-border: rgb(0, 255, 0);
-  --notification-warning-border: rgb(255, 200, 0);
-  --notification-danger-border: rgb(255, 0, 0);
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    --notification-default-border: rgb(48, 48, 48);
-    --notification-info-border: rgb(64, 160, 255);
-    --notification-success-border: rgb(64, 255, 64);
-    --notification-warning-border: rgb(255, 200, 0);
-    --notification-danger-border: rgb(255, 64, 64);
-    color-scheme: dark;
-  }
-}
-.notification_host {
-  --overflow-safe-area: .5rem;
-  display: grid;
-  grid-template-columns: 1fr minmax(auto, var(--notification-inline-size)) 0;
-  grid-template-rows: 1fr auto 0;
-  overflow: auto;
-  position: fixed;
-  inset: 0;
-  pointer-events: none;
-  z-index: 2;
-  padding: 1rem;
-}
-
-.notification_area {
-  grid-area: 2/2;
-}
-
-.notification {
-  pointer-events: all;
-  box-shadow: var(--content-shadow);
-  border-radius: var(--content-radius);
-  background-color: var(--bg);
-  --parent-bg: var(--bg);
-}
-.notification:not(.notification_raw) {
-  padding-block: var(--content-pad-block-start) var(--content-pad-block-end);
-  padding-inline: var(--content-pad-inline-start) var(--content-pad-inline-end);
-}
-
-.notification_default {
-  border: var(--content-border) solid var(--notification-default-border);
-}
-
-.notification_info {
-  border: var(--content-border) solid var(--notification-info-border);
-}
-
-.notification_success {
-  border: var(--content-border) solid var(--notification-success-border);
-}
-
-.notification_warning {
-  border: var(--content-border) solid var(--notification-warning-border);
-}
-
-.notification_danger {
-  border: var(--content-border) solid var(--notification-danger-border);
-}
-
-.page {
-  padding-block: var(--page-pad-block-start) var(--page-pad-block-end);
-  padding-inline: var(--page-pad-inline-start) var(--page-pad-inline-end);
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-
-.page_center_block {
-  flex-grow: 1;
-}
-.page_center_block > .page_content_col {
-  display: grid;
-  grid-template-rows: 5fr auto 7fr;
-}
-.page_center_block > .page_content_col > .page_content {
-  grid-row: 2;
-}
-
-.page_scrollbar_comp {
-  flex-grow: 1;
-  flex-basis: 0;
-  max-inline-size: var(--scrollbar-comp, 0);
-}
-
-.page_content_col {
-  flex-grow: 1;
-  max-inline-size: var(--page-inline-size);
-  flex-basis: calc(var(--page-inline-size) - var(--scrollbar-comp, 0px));
-}
-
-.page_content {
-  --scrollbar-comp: initial;
-  --page-inline-size: initial;
-}
-
-.placeholder_area {
-  flex-grow: 1;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-}
-
-.placeholder_content {
-  flex-grow: 1;
-  display: flex;
-  flex-direction: column;
-}
-
-.placeholder {
-  position: absolute;
-  inset: 0;
-  z-index: 1;
-  background-color: var(--parent-bg, var(--bg));
-  display: grid;
-  grid-template-columns: 1fr auto 1fr;
-  grid-template-rows: 5fr auto 7fr;
-}
-
-.placeholder_message {
-  grid-area: 2/2;
-}
-
-.popover {
-  position: relative;
-  outline: none;
-}
-
-.popover_spike_area {
-  pointer-events: none;
-  position: absolute;
-  inset: -1rem;
-  z-index: 1;
-}
-
-.popover_spike {
-  position: relative;
-  transform-origin: bottom;
-  width: 2rem;
-  height: 1rem;
-  --popover-spike-min-offset: 1rem;
-}
-.popover_spike svg {
-  width: 2rem;
-  height: 1rem;
-  fill: var(--card-default-border);
-  transform-origin: bottom;
-  transform: scale(0.75);
-  stroke: none;
-}
-
-.popover_scroll_area {
-  background-color: var(--bg-alt);
-  --parent-bg: var(--bg);
-  box-shadow: var(--overlay-shadow);
-  border-radius: var(--content-radius);
-  max-block-size: var(--popout-max-block-size);
-  max-inline-size: var(--popout-max-inline-size);
-  overflow: auto;
-}
-
-.popover_content {
-  border-radius: var(--content-radius);
-  border: var(--content-border) solid var(--overlay-border);
-}
-.popover_content:not(.popover_raw) {
-  padding-block: var(--content-pad-block-start) var(--content-pad-block-end);
-  padding-inline: var(--content-pad-inline-start) var(--content-pad-inline-end);
-}
-
-.radio_buttons {
-  display: flex;
-  flex-direction: column;
-  row-gap: var(--control-row-gap);
-}
-.radio_buttons:has(.radio_button_input:focus-visible) {
-  outline: var(--focus-outline);
-  outline-offset: var(--focus-outline-offset);
-}
-
-.radio_button_label {
-  display: flex;
-  column-gap: var(--control-column-gap);
-  align-items: start;
-}
-.radio_button_label:has(.radio_button_input:not(:disabled)) {
-  cursor: pointer;
-}
-.radio_button_label:has(.radio_button_input:disabled) > .radio_button_content {
-  filter: var(--control-disabled);
-}
-
-.radio_button_padding {
-  padding: var(--input-extension);
-  margin: calc(var(--input-extension) * -1);
-}
-
-.radio_button_input {
-  margin: 0;
-  outline: none;
-  cursor: inherit;
-}
-
-.row {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-}
-
-.row_content {
-  column-gap: var(--content-column-gap);
-  row-gap: var(--content-row-gap);
-}
-.row_content > * {
-  --parent-column-gap: var(--content-column-gap);
-  --parent-row-gap: var(--content-row-gap);
-}
-.row_content.row_padded {
-  padding-block: var(--content-pad-block-start) var(--content-pad-block-end);
-  padding-inline: var(--content-pad-inline-start) var(--content-pad-inline-end);
-}
-
-.row_group {
-  column-gap: var(--group-column-gap);
-  row-gap: var(--group-row-gap);
-}
-.row_group > * {
-  --parent-column-gap: var(--group-column-gap);
-  --parent-row-gap: var(--group-row-gap);
-}
-.row_group.row_padded {
-  padding-block: var(--group-pad-block-start) var(--group-pad-block-end);
-  padding-inline: var(--group-pad-inline-start) var(--group-pad-inline-end);
-}
-
-.row_control {
-  column-gap: var(--control-column-gap);
-  row-gap: var(--control-row-gap);
-}
-.row_control > * {
-  --parent-column-gap: var(--control-column-gap);
-  --parent-row-gap: var(--control-row-gap);
-}
-.row_control.row_padded {
-  padding-block: var(--control-pad-block-start) var(--control-pad-block-end);
-  padding-inline: var(--control-pad-inline-start) var(--control-pad-inline-end);
-}
-
-:root {
-  --scroll-view-indicator-size: 2rem;
-  --scroll-view-indicator-color: rgba(0, 0, 0, 0.2);
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    --scroll-view-indicator-size: 2rem;
-    --scroll-view-indicator-color: rgba(0, 0, 0, 0.6);
-    color-scheme: dark;
-  }
-}
-.scroll_view {
-  flex-grow: 1;
-  position: relative;
-  overflow: hidden;
-}
-
-.scroll_view_area {
-  position: absolute;
-  inset: 0;
-}
-
-.scroll_view_area:focus-visible {
-  outline: var(--focus-outline);
-  outline-offset: calc(var(--control-border) * -1);
-}
-
-.scroll_view_content {
-  inline-size: 100%;
-  min-block-size: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.scroll_view_indicator_start,
-.scroll_view_indicator_end {
-  position: absolute;
-  inset-inline: 0;
-  block-size: var(--scroll-view-indicator-size);
-  box-shadow: 0 0 var(--scroll-view-indicator-size) var(--scroll-view-indicator-color);
-  pointer-events: none;
-  opacity: 0;
-  transition: opacity var(--layout-transition);
-}
-
-.scroll_view_indicator_start {
-  inset-block-end: 100%;
-}
-
-.scroll_view_indicator_end {
-  inset-block-start: 100%;
-}
-
-.scroll_view_indicator_visible {
-  opacity: 1;
-}
-
-.secondary {
-  opacity: 0.5;
-}
-
-.separated_column {
-  display: flex;
-  flex-direction: column;
-}
-.separated_column > * {
-  overflow: hidden;
-}
-.separated_column > :not(.has_separator) + :not(.has_separator) {
-  border-block-start: calc(var(--separator) * var(--space-scale)) solid var(--separator-color);
-}
-
-.separated_row {
-  display: flex;
-  flex-direction: row;
-}
-.separated_row > * {
-  overflow: hidden;
-}
-.separated_row > :not(.has_separator) + :not(.has_separator) {
-  border-inline-start: calc(var(--separator) * var(--space-scale)) solid var(--separator-color);
-}
-
-.slider_host {
-  display: flex;
-  flex-direction: column;
-  row-gap: var(--group-row-gap);
-}
-.slider_host > input {
-  outline: none;
-  cursor: grab;
-}
-.slider_host > input:focus-visible {
-  outline: var(--focus-outline);
-}
-
-:root {
-  --tab-handle-marker: rgb(160, 160, 160);
-  --tab-handle-bg: rgb(230, 230, 230);
-  --tab-handle-bg-active: rgb(220, 220, 220);
-  --tab-handle-fg: rgb(72, 72, 72);
-  --tab-handle-fg-active: var(--fg);
-  --tab-handle-fg-current: var(--fg);
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    --tab-handle-marker: rgb(150, 150, 150);
-    --tab-handle-bg: rgb(64, 64, 64);
-    --tab-handle-bg-active: rgb(72, 72, 72);
-    --tab-handle-fg: rgb(172, 172, 172);
-    --tab-handle-fg-active: var(--fg);
-    --tab-handle-fg-current: var(--fg);
-    color-scheme: dark;
-  }
-}
-.tab_list {
-  display: flex;
-  flex-direction: row;
-  border-bottom: var(--separator) solid var(--separator-color);
-}
-
-.tab_list_padded {
-  padding-inline: calc(var(--content-pad-inline-start) - var(--control-pad-inline-start)) calc(var(--content-pad-inline-end) - var(--control-pad-inline-end));
-}
-
-.tab_handle {
-  font-family: inherit;
-  font-size: inherit;
-  font-weight: 600;
-  line-height: 1;
-  cursor: pointer;
-  outline: none;
-  padding-block: calc(var(--control-pad-block-start) + var(--control-border)) var(--control-pad-block-end);
-  padding-inline: calc(var(--control-pad-inline-start) + var(--control-border)) calc(var(--control-pad-inline-end) + var(--control-border));
-  background-color: transparent;
-  color: var(--tab-handle-fg);
-  border: none;
-  border-block-end: transparent solid var(--control-border);
-  border-radius: var(--control-radius) var(--control-radius) 0 0;
-  transition: var(--color-transition) background-color, var(--color-transition) border-color;
-}
-.tab_handle:hover, .tab_handle:focus-visible {
-  color: var(--tab-handle-fg-active);
-  background-color: var(--tab-handle-bg-active);
-}
-.tab_handle:active {
-  background-color: var(--tab-handle-bg);
-}
-
-.tab_handle_current {
-  border-block-end-color: var(--tab-handle-marker);
-  color: var(--tab-handle-fg-current);
-}
-
-.tab_panel {
-  flex-grow: 1;
-  display: flex;
-  flex-direction: column;
-}
-
-.tab_panel_padded {
-  padding-block: var(--content-pad-block-start) var(--content-pad-block-end);
-  padding-inline: var(--content-pad-inline-start) var(--content-pad-inline-end);
-}
-
-:root {
-  --text-input-bg: rgb(250, 250, 250);
-  --text-input-fg: black;
-  --text-input-border: rgb(220, 220, 220);
-  --text-input-border-lit: var(--accent);
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    --text-input-bg: rgb(36, 36, 36);
-    --text-input-fg: white;
-    --text-input-border: rgb(54, 54, 54);
-    --text-input-border-lit: var(--accent);
-    color-scheme: dark;
-  }
-}
-.text_input {
-  font-family: inherit;
-  font-size: inherit;
-  font-weight: inherit;
-  cursor: text;
-  outline: none;
-  padding-block: var(--control-pad-block-start) var(--control-pad-block-end);
-  padding-inline: var(--control-pad-inline-start) var(--control-pad-inline-end);
-  border: var(--control-border) solid var(--text-input-border);
-  border-radius: var(--control-radius);
-  box-shadow: var(--control-shadow);
-  background-color: var(--text-input-bg);
-  color: var(--text-input-fg);
-  line-height: calc(1em + var(--line-gap));
-}
-.text_input:focus {
-  border-color: var(--text-input-border-lit);
-}
-.text_input[disabled] {
-  filter: var(--control-disabled);
-  cursor: default;
-}
-
-input.text_input {
-  block-size: calc(var(--control-pad-block-start) + 1em + var(--control-pad-block-end) + var(--control-border) * 2);
-}
-
-.text {
-  line-height: calc(1em + var(--line-gap));
-}
-.text::before, .text::after {
-  content: "";
-  display: block;
-  pointer-events: none;
-  margin-block-start: calc(var(--line-gap) / -2);
-}
-
-.value {
-  font-weight: 600;
-}
-
-/*# sourceMappingURL=theme.module.css.map */