/* Generated by tools/gui_css.py from the Graphical "Resume Tee" theme.
   Do not edit by hand: change the theme and re-run the script. */

.gui[data-mode="light"] {
  --theme-name: Resume Tee;
  --theme-icon-family: Central;
  --theme-icon-style: outlined;
  --toolbar-divider-bleed: 0;
  --focus-ring-outline: initial;
  --icon-stroke-width: 2.5;
  --icon-light-display: none;
  --icon-regular-display: none;
  --icon-bold-display: inline;
  --motion-duration: 400ms;
  --motion-easing: linear(0, 0.2375, 0.5904, 0.8358, 0.9599, 1.0061, 1.0152, 1.0116, 1.0062, 1.0025, 1.0006, 0.9999, 1);
  --motion-type: spring;
  --motion-visual-duration: 0.2;
  --motion-bounce: 0.2;
  --motion-enabled: 1;
  --motion-small-iterations: infinite;
  --motion-large-duration: 600ms;
  --motion-large-easing: linear(0, 0.0846, 0.2691, 0.4778, 0.6674, 0.8179, 0.9249, 0.9926, 1.0293, 1.0442, 1.0452, 1.0388, 1.0296, 1.0202, 1.0121, 1.0061, 1.0019, 0.9995, 0.9983, 1);
  --motion-large-type: spring;
  --motion-large-visual-duration: 0.36;
  --motion-large-bounce: 0.3;
  --motion-large-iterations: infinite;
  --motion-popup-scale: 0.96;
  --motion-press-distance: 1px;
  --option-badge-background: #a34cf3;
  --option-badge-foreground: #fbfbfb;
  --navigation-active-foreground: #fbfbfb;
  --emphasis-chart-fill: #a34cf333;
  --emphasis-balance-background: #b6ebd8;
  --emphasis-rewards-background: #f4f4f4;
  --emphasis-icon-background: #f4f4f4;
  --emphasis-icon-foreground: #000000;
  --emphasis-type-background: #f4f4f4;
  --emphasis-type-foreground: #000000;
  --navigation-active-background: #a34cf3;
  --surface-raised-image: none;
  --surface-raised-shadow: 0 0 0 0 transparent;
  --surface-recessed-image: none;
  --surface-recessed-shadow: 0 0 0 0 transparent;
  --space-zero: 0px;
  --space-xxs: 5px;
  --space-xs: 10px;
  --space-s: 16px;
  --space-m: 21px;
  --space-l: 31px;
  --space-xl: 41px;
  --space-xxl: 62px;
  --size-xxs: 11px;
  --line-xxs: 15px;
  --letter-spacing-xxs: -0.005em;
  --size-xs: 13px;
  --line-xs: 18px;
  --letter-spacing-xs: -0.0075em;
  --size-s: 15px;
  --line-s: 22px;
  --letter-spacing-s: -0.01em;
  --size-m: 18px;
  --line-m: 26px;
  --letter-spacing-m: -0.015em;
  --size-l: 26px;
  --line-l: 35px;
  --letter-spacing-l: -0.02em;
  --size-xl: 40px;
  --line-xl: 44px;
  --letter-spacing-xl: -0.03em;
  --size-xxl: 53px;
  --line-xxl: 57px;
  --letter-spacing-xxl: -0.04em;
  --radius-zero: 0px;
  --radius-xs: 6px;
  --radius-s: 12px;
  --radius-m: 16px;
  --radius-l: 23px;
  --radius-xl: 35px;
  --radius-full: 9999px;
  --border-none: 0px;
  --border-s: 0px;
  --border-m: 0px;
  --border-l: 0px;
  --border-default-color: #e7e7e733;
  --border-shadow-none: 0 0 0 0 transparent;
  --border-shadow-s: 0 0 0 0 transparent;
  --border-shadow-m: 0 0 0 0 transparent;
  --border-shadow-l: 0 0 0 0 transparent;
  --font-ui: "GT Standard L", -apple-system, BlinkMacSystemFont, sans-serif;
  --weight-ui-regular: 500;
  --weight-ui-medium: 600;
  --weight-ui-heavy: 600;
  --font-brand: "GT Standard L", -apple-system, BlinkMacSystemFont, sans-serif;
  --weight-brand-regular: 500;
  --weight-brand-medium: 600;
  --weight-brand-heavy: 600;
  --font-editorial: "GT Standard L", -apple-system, BlinkMacSystemFont, sans-serif;
  --weight-editorial-regular: 500;
  --weight-editorial-medium: 600;
  --weight-editorial-heavy: 600;
  --font-data: "GT Standard L", -apple-system, BlinkMacSystemFont, sans-serif;
  --weight-data-regular: 500;
  --weight-data-medium: 600;
  --weight-data-heavy: 600;
  --color-none: transparent;
  --color-1: #a34cf3;
  --color-1-transparent: #a34cf333;
  --color-2: #4f206d;
  --color-2-transparent: #4f206d33;
  --color-3: #ffed9b;
  --color-3-transparent: #ffed9b33;
  --color-4: #b6ebd8;
  --color-4-transparent: #b6ebd833;
  --neutral-1: #ffffff;
  --neutral-1-transparent: #ffffff33;
  --neutral-2: #fbfbfb;
  --neutral-2-transparent: #fbfbfb33;
  --neutral-3: #f4f4f4;
  --neutral-3-transparent: #f4f4f433;
  --neutral-4: #e7e7e7;
  --neutral-4-transparent: #e7e7e733;
  --neutral-5: #cdcdcd;
  --neutral-5-transparent: #cdcdcd33;
  --neutral-6: #a1a1a1;
  --neutral-6-transparent: #a1a1a133;
  --neutral-7: #7d7d7d;
  --neutral-7-transparent: #7d7d7d33;
  --neutral-8: #555555;
  --neutral-8-transparent: #55555533;
  --neutral-9: #333333;
  --neutral-9-transparent: #33333333;
  --neutral-10: #000000;
  --neutral-10-transparent: #00000033;
  --success: #00906c;
  --success-transparent: #00906c33;
  --warning: #ffea00;
  --warning-transparent: #ffea0033;
  --error: #fc032d;
  --error-transparent: #fc032d33;
  --shadow-none: none;
  --shadow-s: 0px 2px 4px 0px #00000000;
  --shadow-m: 0px 2px 6px 0px #0000000d, 0px 8px 24px 0px #00000013;
  --shadow-l: 0px 16px 48px 0px #00000000;
  --cte-canvas: #ffffff;
  --cte-surface: #fbfbfb;
  --cte-surface-muted: #f4f4f4;
  --cte-text: #000000;
  --cte-text-muted: #7d7d7d;
  --cte-border: #e7e7e733;
  --cte-accent: #a34cf3;
  --cte-accent-text: #fbfbfb;
  --cte-danger: #fc032d;
  --cte-focus: #a34cf3;
  --cte-font: "GT Standard L", -apple-system, BlinkMacSystemFont, sans-serif;
  --cte-font-size: 15px;
  --cte-font-weight: 500;
  --cte-line-height: 22px;
  --cte-letter-spacing: -0.01em;
  --cte-detail-font-size: 13px;
  --cte-detail-line-height: 18px;
  --cte-detail-letter-spacing: -0.0075em;
}

.gui[data-mode="dark"] {
  --theme-name: Resume Tee;
  --theme-icon-family: Central;
  --theme-icon-style: outlined;
  --toolbar-divider-bleed: 0;
  --focus-ring-outline: initial;
  --icon-stroke-width: 2.5;
  --icon-light-display: none;
  --icon-regular-display: none;
  --icon-bold-display: inline;
  --motion-duration: 400ms;
  --motion-easing: linear(0, 0.2375, 0.5904, 0.8358, 0.9599, 1.0061, 1.0152, 1.0116, 1.0062, 1.0025, 1.0006, 0.9999, 1);
  --motion-type: spring;
  --motion-visual-duration: 0.2;
  --motion-bounce: 0.2;
  --motion-enabled: 1;
  --motion-small-iterations: infinite;
  --motion-large-duration: 600ms;
  --motion-large-easing: linear(0, 0.0846, 0.2691, 0.4778, 0.6674, 0.8179, 0.9249, 0.9926, 1.0293, 1.0442, 1.0452, 1.0388, 1.0296, 1.0202, 1.0121, 1.0061, 1.0019, 0.9995, 0.9983, 1);
  --motion-large-type: spring;
  --motion-large-visual-duration: 0.36;
  --motion-large-bounce: 0.3;
  --motion-large-iterations: infinite;
  --motion-popup-scale: 0.96;
  --motion-press-distance: 1px;
  --option-badge-background: #a34cf3;
  --option-badge-foreground: #fbfbfb;
  --navigation-active-foreground: #fbfbfb;
  --emphasis-chart-fill: #a34cf333;
  --emphasis-balance-background: #b6ebd8;
  --emphasis-rewards-background: #2b2b2b;
  --emphasis-icon-background: #2b2b2b;
  --emphasis-icon-foreground: #ffffff;
  --emphasis-type-background: #2b2b2b;
  --emphasis-type-foreground: #ffffff;
  --navigation-active-background: #a34cf3;
  --surface-raised-image: none;
  --surface-raised-shadow: 0 0 0 0 transparent;
  --surface-recessed-image: none;
  --surface-recessed-shadow: 0 0 0 0 transparent;
  --space-zero: 0px;
  --space-xxs: 5px;
  --space-xs: 10px;
  --space-s: 16px;
  --space-m: 21px;
  --space-l: 31px;
  --space-xl: 41px;
  --space-xxl: 62px;
  --size-xxs: 11px;
  --line-xxs: 15px;
  --letter-spacing-xxs: -0.005em;
  --size-xs: 13px;
  --line-xs: 18px;
  --letter-spacing-xs: -0.0075em;
  --size-s: 15px;
  --line-s: 22px;
  --letter-spacing-s: -0.01em;
  --size-m: 18px;
  --line-m: 26px;
  --letter-spacing-m: -0.015em;
  --size-l: 26px;
  --line-l: 35px;
  --letter-spacing-l: -0.02em;
  --size-xl: 40px;
  --line-xl: 44px;
  --letter-spacing-xl: -0.03em;
  --size-xxl: 53px;
  --line-xxl: 57px;
  --letter-spacing-xxl: -0.04em;
  --radius-zero: 0px;
  --radius-xs: 6px;
  --radius-s: 12px;
  --radius-m: 16px;
  --radius-l: 23px;
  --radius-xl: 35px;
  --radius-full: 9999px;
  --border-none: 0px;
  --border-s: 0px;
  --border-m: 0px;
  --border-l: 0px;
  --border-default-color: #3d3d3d33;
  --border-shadow-none: 0 0 0 0 transparent;
  --border-shadow-s: 0 0 0 0 transparent;
  --border-shadow-m: 0 0 0 0 transparent;
  --border-shadow-l: 0 0 0 0 transparent;
  --font-ui: "GT Standard L", -apple-system, BlinkMacSystemFont, sans-serif;
  --weight-ui-regular: 500;
  --weight-ui-medium: 600;
  --weight-ui-heavy: 600;
  --font-brand: "GT Standard L", -apple-system, BlinkMacSystemFont, sans-serif;
  --weight-brand-regular: 500;
  --weight-brand-medium: 600;
  --weight-brand-heavy: 600;
  --font-editorial: "GT Standard L", -apple-system, BlinkMacSystemFont, sans-serif;
  --weight-editorial-regular: 500;
  --weight-editorial-medium: 600;
  --weight-editorial-heavy: 600;
  --font-data: "GT Standard L", -apple-system, BlinkMacSystemFont, sans-serif;
  --weight-data-regular: 500;
  --weight-data-medium: 600;
  --weight-data-heavy: 600;
  --color-none: transparent;
  --color-1: #a34cf3;
  --color-1-transparent: #a34cf333;
  --color-2: #4f206d;
  --color-2-transparent: #4f206d33;
  --color-3: #ffed9b;
  --color-3-transparent: #ffed9b33;
  --color-4: #b6ebd8;
  --color-4-transparent: #b6ebd833;
  --neutral-1: #000000;
  --neutral-1-transparent: #00000033;
  --neutral-2: #202020;
  --neutral-2-transparent: #20202033;
  --neutral-3: #2b2b2b;
  --neutral-3-transparent: #2b2b2b33;
  --neutral-4: #3d3d3d;
  --neutral-4-transparent: #3d3d3d33;
  --neutral-5: #565656;
  --neutral-5-transparent: #56565633;
  --neutral-6: #838383;
  --neutral-6-transparent: #83838333;
  --neutral-7: #ababab;
  --neutral-7-transparent: #ababab33;
  --neutral-8: #cfcfcf;
  --neutral-8-transparent: #cfcfcf33;
  --neutral-9: #f4f4f4;
  --neutral-9-transparent: #f4f4f433;
  --neutral-10: #ffffff;
  --neutral-10-transparent: #ffffff33;
  --success: #00906c;
  --success-transparent: #00906c33;
  --warning: #ffea00;
  --warning-transparent: #ffea0033;
  --error: #fc032d;
  --error-transparent: #fc032d33;
  --shadow-none: none;
  --shadow-s: 0px 2px 4px 0px #00000000;
  --shadow-m: 0px 2px 6px 0px #0000000d, 0px 8px 24px 0px #00000013;
  --shadow-l: 0px 16px 48px 0px #00000000;
  --cte-canvas: #000000;
  --cte-surface: #202020;
  --cte-surface-muted: #2b2b2b;
  --cte-text: #ffffff;
  --cte-text-muted: #ababab;
  --cte-border: #3d3d3d33;
  --cte-accent: #a34cf3;
  --cte-accent-text: #202020;
  --cte-danger: #fc032d;
  --cte-focus: #a34cf3;
  --cte-font: "GT Standard L", -apple-system, BlinkMacSystemFont, sans-serif;
  --cte-font-size: 15px;
  --cte-font-weight: 500;
  --cte-line-height: 22px;
  --cte-letter-spacing: -0.01em;
  --cte-detail-font-size: 13px;
  --cte-detail-line-height: 18px;
  --cte-detail-letter-spacing: -0.0075em;
}

.gui {
  background: var(--cte-canvas);
  color: var(--cte-text);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  text-wrap: pretty;
}
.gui :is(button, input, textarea, select) {
  border: 0;
  font: inherit;
  color: inherit;
  margin: 0;
}
.gui :is(.gui-button, .gui-input, .gui-toggle) {
  transition: background var(--motion-duration) var(--motion-easing), color var(--motion-duration) var(--motion-easing), box-shadow var(--motion-duration) var(--motion-easing), transform var(--motion-duration) var(--motion-easing);
  outline-offset: 2px;
}
.gui :is(.gui-button, .gui-toggle):active:not(:disabled) {
  transform: translateY(var(--motion-press-distance));
}
.gui :focus-visible {
  outline: 2px solid var(--cte-focus);
}
@media (prefers-reduced-motion: reduce) {
  .gui * { transition: none !important; }
  .gui :is(.gui-button, .gui-toggle):active { transform: none; }
}

.gui[data-mode="light"] .gui-button[data-variant="primary"] {
  background: var(--neutral-10);
  color: var(--neutral-1);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-button[data-variant="primary"]:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--neutral-10);
  color: var(--neutral-1);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: var(--shadow-s);
}
.gui[data-mode="light"] .gui-button[data-variant="primary"]:focus-visible {
  background: var(--neutral-10);
  color: var(--neutral-1);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-button[data-variant="primary"]:is(:disabled, [aria-disabled="true"]) {
  background: var(--neutral-3);
  color: var(--neutral-1);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="primary"] {
  background: var(--neutral-10);
  color: var(--neutral-1);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="primary"]:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--neutral-10);
  color: var(--neutral-1);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: var(--shadow-s);
}
.gui[data-mode="dark"] .gui-button[data-variant="primary"]:focus-visible {
  background: var(--neutral-10);
  color: var(--neutral-1);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="primary"]:is(:disabled, [aria-disabled="true"]) {
  background: var(--neutral-3);
  color: var(--neutral-1);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}

.gui[data-mode="light"] .gui-button[data-variant="secondary"] {
  background: var(--neutral-3);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-button[data-variant="secondary"]:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--neutral-4-transparent);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-button[data-variant="secondary"]:focus-visible {
  background: var(--neutral-3);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-button[data-variant="secondary"]:is(:disabled, [aria-disabled="true"]) {
  background: var(--neutral-3);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="secondary"] {
  background: var(--neutral-3);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="secondary"]:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--neutral-4-transparent);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="secondary"]:focus-visible {
  background: var(--neutral-3);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="secondary"]:is(:disabled, [aria-disabled="true"]) {
  background: var(--neutral-3);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}

.gui[data-mode="light"] .gui-button[data-variant="outline"] {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-button[data-variant="outline"]:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--neutral-3-transparent);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-button[data-variant="outline"]:focus-visible {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-button[data-variant="outline"]:is(:disabled, [aria-disabled="true"]) {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="outline"] {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="outline"]:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--neutral-3-transparent);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="outline"]:focus-visible {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="outline"]:is(:disabled, [aria-disabled="true"]) {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}

.gui[data-mode="light"] .gui-button[data-variant="ghost"] {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-button[data-variant="ghost"]:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--neutral-3-transparent);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-button[data-variant="ghost"]:focus-visible {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-button[data-variant="ghost"]:is(:disabled, [aria-disabled="true"]) {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="ghost"] {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="ghost"]:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--neutral-3-transparent);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="ghost"]:focus-visible {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="ghost"]:is(:disabled, [aria-disabled="true"]) {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}

.gui[data-mode="light"] .gui-button[data-variant="danger"] {
  background: var(--error);
  color: var(--neutral-1);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-button[data-variant="danger"]:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--error);
  color: var(--neutral-1);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: var(--shadow-s);
}
.gui[data-mode="light"] .gui-button[data-variant="danger"]:focus-visible {
  background: var(--error);
  color: var(--neutral-1);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-button[data-variant="danger"]:is(:disabled, [aria-disabled="true"]) {
  background: var(--neutral-3);
  color: var(--neutral-1);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="danger"] {
  background: var(--error);
  color: var(--neutral-1);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="danger"]:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--error);
  color: var(--neutral-1);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: var(--shadow-s);
}
.gui[data-mode="dark"] .gui-button[data-variant="danger"]:focus-visible {
  background: var(--error);
  color: var(--neutral-1);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-button[data-variant="danger"]:is(:disabled, [aria-disabled="true"]) {
  background: var(--neutral-3);
  color: var(--neutral-1);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-l);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}

.gui[data-mode="light"] .gui-input {
  background: var(--neutral-3);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-m);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-input:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--neutral-3);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-m);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-input:focus {
  background: var(--neutral-3);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-m);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-input[aria-invalid="true"] {
  background: var(--error-transparent);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-m);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-input[readonly] {
  background: var(--neutral-2);
  color: var(--neutral-8);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-m);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-input:is(:disabled, [aria-disabled="true"]) {
  background: var(--neutral-3);
  color: var(--neutral-6);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-m);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-input {
  background: var(--neutral-3);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-m);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-input:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--neutral-3);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-m);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-input:focus {
  background: var(--neutral-3);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-m);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-input[aria-invalid="true"] {
  background: var(--error-transparent);
  color: var(--neutral-10);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-m);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-input[readonly] {
  background: var(--neutral-2);
  color: var(--neutral-8);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-m);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-input:is(:disabled, [aria-disabled="true"]) {
  background: var(--neutral-3);
  color: var(--neutral-6);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-inline: var(--space-m);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}

.gui[data-mode="light"] .gui-label {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-label:is(:disabled, [aria-disabled="true"]) {
  background: transparent;
  color: var(--neutral-6);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-label {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-label:is(:disabled, [aria-disabled="true"]) {
  background: transparent;
  color: var(--neutral-6);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}

.gui[data-mode="light"] .gui-description {
  background: transparent;
  color: var(--neutral-7);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-description[aria-invalid="true"] {
  background: transparent;
  color: var(--neutral-7);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-description:is(:disabled, [aria-disabled="true"]) {
  background: transparent;
  color: var(--neutral-6);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-description {
  background: transparent;
  color: var(--neutral-7);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-description[aria-invalid="true"] {
  background: transparent;
  color: var(--neutral-7);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-description:is(:disabled, [aria-disabled="true"]) {
  background: transparent;
  color: var(--neutral-6);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}

.gui[data-mode="light"] .gui-error {
  background: transparent;
  color: var(--error);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-xs);
  line-height: var(--line-xs);
  letter-spacing: var(--letter-spacing-xs);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-error[aria-invalid="true"] {
  background: transparent;
  color: var(--error);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-xs);
  line-height: var(--line-xs);
  letter-spacing: var(--letter-spacing-xs);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-error:is(:disabled, [aria-disabled="true"]) {
  background: transparent;
  color: var(--neutral-6);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-xs);
  line-height: var(--line-xs);
  letter-spacing: var(--letter-spacing-xs);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-error {
  background: transparent;
  color: var(--error);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-xs);
  line-height: var(--line-xs);
  letter-spacing: var(--letter-spacing-xs);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-error[aria-invalid="true"] {
  background: transparent;
  color: var(--error);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-xs);
  line-height: var(--line-xs);
  letter-spacing: var(--letter-spacing-xs);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-error:is(:disabled, [aria-disabled="true"]) {
  background: transparent;
  color: var(--neutral-6);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-xs);
  line-height: var(--line-xs);
  letter-spacing: var(--letter-spacing-xs);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}

.gui[data-mode="light"] .gui-toggle-group {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xxs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-toggle-group {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xxs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: none;
}

.gui[data-mode="light"] .gui-toggle {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  padding-inline: var(--space-s);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-toggle:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--neutral-3);
  color: var(--neutral-10);
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  padding-inline: var(--space-s);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-toggle:focus-visible {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  padding-inline: var(--space-s);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-toggle[aria-pressed="true"] {
  background: var(--neutral-3);
  color: var(--neutral-10);
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  padding-inline: var(--space-s);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-toggle:is(:disabled, [aria-disabled="true"]) {
  background: transparent;
  color: var(--neutral-6);
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  padding-inline: var(--space-s);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-toggle {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  padding-inline: var(--space-s);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-toggle:hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--neutral-3);
  color: var(--neutral-10);
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  padding-inline: var(--space-s);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-toggle:focus-visible {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  padding-inline: var(--space-s);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-toggle[aria-pressed="true"] {
  background: var(--neutral-3);
  color: var(--neutral-10);
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  padding-inline: var(--space-s);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-toggle:is(:disabled, [aria-disabled="true"]) {
  background: transparent;
  color: var(--neutral-6);
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  padding-inline: var(--space-s);
  gap: var(--space-xs);
  border-radius: var(--radius-s);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}

.gui[data-mode="light"] .gui-toast {
  background: var(--neutral-1);
  color: var(--neutral-10);
  padding-top: var(--space-m);
  padding-bottom: var(--space-m);
  padding-inline: var(--space-m);
  gap: var(--space-xs);
  border-radius: var(--radius-m);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: var(--shadow-m);
}
.gui[data-mode="dark"] .gui-toast {
  background: var(--neutral-2);
  color: var(--neutral-10);
  padding-top: var(--space-m);
  padding-bottom: var(--space-m);
  padding-inline: var(--space-m);
  gap: var(--space-xs);
  border-radius: var(--radius-m);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: var(--shadow-m);
}

.gui[data-mode="light"] .gui-toast-title {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-toast-title[aria-invalid="true"] {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="light"] .gui-toast-title:is(:disabled, [aria-disabled="true"]) {
  background: transparent;
  color: var(--neutral-6);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-toast-title {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-toast-title[aria-invalid="true"] {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}
.gui[data-mode="dark"] .gui-toast-title:is(:disabled, [aria-disabled="true"]) {
  background: transparent;
  color: var(--neutral-6);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-medium);
  box-shadow: none;
}

.gui[data-mode="light"] .gui-separator {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: 0 0 0 1px var(--neutral-4);
}
.gui[data-mode="dark"] .gui-separator {
  background: transparent;
  color: var(--neutral-10);
  padding-top: var(--space-zero);
  padding-bottom: var(--space-zero);
  padding-inline: var(--space-zero);
  gap: var(--space-xs);
  border-radius: var(--radius-zero);
  font-size: var(--size-s);
  line-height: var(--line-s);
  letter-spacing: var(--letter-spacing-s);
  font-family: var(--font-ui);
  font-weight: var(--weight-ui-regular);
  box-shadow: 0 0 0 1px var(--neutral-4);
}