/* Generated by fooheads.ag.compiler.web. Do not edit manually. */

:root {
  --ag-control-badge-bg: var(--error);
  --ag-control-badge-color: var(--on-error);
  --ag-control-badge-dot-indicator-size: 0.375rem;
  --ag-control-badge-font-size: var(--type-label-sm-size);
  --ag-control-badge-indicator-border-radius: var(--shape-full);
  --ag-control-badge-indicator-font-weight: var(--type-label-sm-weight);
  --ag-control-badge-indicator-padding: 0 var(--space-1);
  --ag-control-badge-size: 1rem;
  --ag-control-bottom-app-bar-actions-gap: var(--space-2);
  --ag-control-bottom-app-bar-bg: var(--surface-container);
  --ag-control-bottom-app-bar-elevation: var(--elevation-2);
  --ag-control-bottom-app-bar-height: 5rem;
  --ag-control-bottom-app-bar-pad-x: var(--space-4);
  --ag-control-bottom-sheet-bg: var(--surface-container-low);
  --ag-control-bottom-sheet-color: var(--on-surface);
  --ag-control-bottom-sheet-content-padding: 0 var(--space-4) var(--space-4);
  --ag-control-bottom-sheet-drag-handle-background: var(--on-surface-variant);
  --ag-control-bottom-sheet-drag-handle-border-radius: var(--shape-full);
  --ag-control-bottom-sheet-drag-handle-margin: var(--space-3) 0 var(--space-2);
  --ag-control-bottom-sheet-elevation: var(--elevation-1);
  --ag-control-bottom-sheet-max-height: 50vh;
  --ag-control-bottom-sheet-radius: var(--shape-xl) var(--shape-xl) 0 0;
  --ag-control-button-active-opacity: var(--state-pressed-opacity);
  --ag-control-button-bg: transparent;
  --ag-control-button-border-color: var(--outline);
  --ag-control-button-color: var(--primary);
  --ag-control-button-disabled-bg: oklch(from var(--on-surface) l c h / 0.12);
  --ag-control-button-disabled-border-color: oklch(from var(--on-surface) l c h / 0.12);
  --ag-control-button-disabled-color: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-button-disabled-elevation: var(--elevation-0);
  --ag-control-button-elevated-bg: var(--surface-container-low);
  --ag-control-button-elevated-border-color: transparent;
  --ag-control-button-elevated-color: var(--primary);
  --ag-control-button-elevated-elevation: var(--elevation-1);
  --ag-control-button-elevated-state-color: var(--primary);
  --ag-control-button-elevation: var(--elevation-0);
  --ag-control-button-filled-bg: var(--primary);
  --ag-control-button-filled-border-color: transparent;
  --ag-control-button-filled-color: var(--on-primary);
  --ag-control-button-filled-elevation: var(--elevation-1);
  --ag-control-button-filled-state-color: var(--on-primary);
  --ag-control-button-focus-opacity: var(--state-focus-opacity);
  --ag-control-button-font-size: var(--type-label-lg-size);
  --ag-control-button-font-weight: var(--type-label-lg-weight);
  --ag-control-button-gap: var(--control-gap);
  --ag-control-button-hover-opacity: var(--state-hover-opacity);
  --ag-control-button-letter-spacing: var(--type-label-lg-tracking);
  --ag-control-button-lg-font-size: var(--type-label-lg-size);
  --ag-control-button-lg-pad-x: var(--space-5);
  --ag-control-button-lg-pad-y: var(--space-3);
  --ag-control-button-line-height: var(--type-label-lg-line);
  --ag-control-button-pad-x: var(--control-pad-x);
  --ag-control-button-pad-y: var(--control-pad-y);
  --ag-control-button-radius: var(--shape-full);
  --ag-control-button-sm-font-size: var(--type-label-md-size);
  --ag-control-button-sm-pad-x: var(--space-2);
  --ag-control-button-sm-pad-y: var(--space-1);
  --ag-control-button-state-color: var(--primary);
  --ag-control-button-text-border-color: transparent;
  --ag-control-button-text-pad-x: var(--space-3);
  --ag-control-button-tonal-bg: var(--secondary-container);
  --ag-control-button-tonal-border-color: transparent;
  --ag-control-button-tonal-color: var(--on-secondary-container);
  --ag-control-button-tonal-state-color: var(--on-secondary-container);
  --ag-control-card-bg: var(--surface-container-low);
  --ag-control-card-border-color: transparent;
  --ag-control-card-color: var(--on-surface);
  --ag-control-card-elevation: var(--elevation-1);
  --ag-control-card-filled-bg: var(--surface-container-highest);
  --ag-control-card-filled-elevation: var(--elevation-0);
  --ag-control-card-outlined-bg: var(--surface);
  --ag-control-card-outlined-border-color: var(--outline-variant);
  --ag-control-card-outlined-elevation: var(--elevation-0);
  --ag-control-card-padding: var(--space-4);
  --ag-control-card-radius: var(--shape-md);
  --ag-control-checkbox-active-box-before-opacity: var(--state-pressed-opacity);
  --ag-control-checkbox-border-color: var(--on-surface-variant);
  --ag-control-checkbox-border-width: 2px;
  --ag-control-checkbox-box-before-border-radius: var(--shape-full);
  --ag-control-checkbox-disabled-box-border-color: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-checkbox-disabled-box-fill: transparent;
  --ag-control-checkbox-disabled-input-checked-box-border-color: transparent;
  --ag-control-checkbox-disabled-input-checked-box-fill: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-checkbox-disabled-input-checked-box-icon-color: var(--surface);
  --ag-control-checkbox-disabled-label-color: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-checkbox-error-border-color: var(--error);
  --ag-control-checkbox-error-input-checked-box-border-color: var(--error);
  --ag-control-checkbox-error-input-checked-box-fill: var(--error);
  --ag-control-checkbox-error-input-checked-box-icon-color: var(--on-error);
  --ag-control-checkbox-error-input-checked-box-state-color: var(--on-error);
  --ag-control-checkbox-error-state-color: var(--error);
  --ag-control-checkbox-fill: transparent;
  --ag-control-checkbox-gap: var(--space-3);
  --ag-control-checkbox-hover-box-before-opacity: var(--state-hover-opacity);
  --ag-control-checkbox-icon-color: transparent;
  --ag-control-checkbox-input-checked-box-border-color: var(--primary);
  --ag-control-checkbox-input-checked-box-fill: var(--primary);
  --ag-control-checkbox-input-checked-box-icon-color: var(--on-primary);
  --ag-control-checkbox-input-checked-box-state-color: var(--primary);
  --ag-control-checkbox-input-focus-visible-box-before-opacity: var(--state-focus-opacity);
  --ag-control-checkbox-label-color: var(--on-surface);
  --ag-control-checkbox-label-font-size: var(--type-body-lg-size);
  --ag-control-checkbox-label-letter-spacing: var(--type-body-lg-tracking);
  --ag-control-checkbox-label-line-height: var(--type-body-lg-line);
  --ag-control-checkbox-radius: var(--shape-xs);
  --ag-control-checkbox-size: 1.125rem;
  --ag-control-checkbox-state-color: var(--on-surface);
  --ag-control-checkbox-target-size: 2.5rem;
  --ag-control-chip-active-before-opacity: var(--state-pressed-opacity);
  --ag-control-chip-bg: transparent;
  --ag-control-chip-border-color: var(--outline);
  --ag-control-chip-close-color: var(--on-surface-variant);
  --ag-control-chip-close-margin-right: calc(-1 * var(--space-2));
  --ag-control-chip-color: var(--on-surface-variant);
  --ag-control-chip-disabled-bg: oklch(from var(--on-surface) l c h / 0.12);
  --ag-control-chip-disabled-border-color: oklch(from var(--on-surface) l c h / 0.12);
  --ag-control-chip-disabled-color: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-chip-filled-bg: var(--surface-container-low);
  --ag-control-chip-filled-border-color: transparent;
  --ag-control-chip-focus-visible-before-opacity: var(--state-focus-opacity);
  --ag-control-chip-font-size: var(--type-label-lg-size);
  --ag-control-chip-font-weight: var(--type-label-lg-weight);
  --ag-control-chip-gap: var(--space-2);
  --ag-control-chip-height: 2rem;
  --ag-control-chip-hover-before-opacity: var(--state-hover-opacity);
  --ag-control-chip-icon-margin-left: calc(-1 * var(--space-2));
  --ag-control-chip-icon-size: 1.125rem;
  --ag-control-chip-letter-spacing: var(--type-label-lg-tracking);
  --ag-control-chip-not-filled-not-selected-disabled-bg: transparent;
  --ag-control-chip-padding: 0 var(--space-4);
  --ag-control-chip-radius: var(--shape-sm);
  --ag-control-chip-selected-bg: var(--secondary-container);
  --ag-control-chip-selected-border-color: transparent;
  --ag-control-chip-selected-color: var(--on-secondary-container);
  --ag-control-chip-selected-state-color: var(--on-secondary-container);
  --ag-control-chip-state-color: var(--on-surface-variant);
  --ag-control-circular-progress-indicator-color: var(--primary);
  --ag-control-circular-progress-lg-size: 4rem;
  --ag-control-circular-progress-size: 3rem;
  --ag-control-circular-progress-sm-size: 1.5rem;
  --ag-control-circular-progress-track-color: var(--surface-container-highest);
  --ag-control-data-grid-bg: var(--surface);
  --ag-control-data-grid-border-color: var(--outline-variant);
  --ag-control-data-grid-box-shadow: var(--elevation-0);
  --ag-control-data-grid-cell-bg: var(--surface);
  --ag-control-data-grid-cell-bg-computed: oklch(from var(--secondary-container) l c h / 0.35);
  --ag-control-data-grid-cell-bg-selected: oklch(from var(--primary) l c h / 0.10);
  --ag-control-data-grid-cell-color: var(--on-surface);
  --ag-control-data-grid-cell-font-size: var(--type-body-md-size);
  --ag-control-data-grid-cell-input-background: var(--surface-container-highest);
  --ag-control-data-grid-cell-line-height: var(--type-body-md-line);
  --ag-control-data-grid-cell-pad-x: var(--space-3);
  --ag-control-data-grid-cell-pad-y: var(--space-2);
  --ag-control-data-grid-computed-color: var(--primary);
  --ag-control-data-grid-corner-header-cell-font-size: var(--type-label-lg-size);
  --ag-control-data-grid-corner-header-cell-font-weight: var(--type-label-lg-weight);
  --ag-control-data-grid-corner-header-cell-gap: var(--space-2);
  --ag-control-data-grid-corner-header-cell-letter-spacing: var(--type-label-lg-tracking);
  --ag-control-data-grid-error-bg: var(--error-container);
  --ag-control-data-grid-error-color: var(--on-error-container);
  --ag-control-data-grid-focus-color: var(--primary);
  --ag-control-data-grid-formula-badge-background: oklch(from var(--primary) l c h / 0.12);
  --ag-control-data-grid-formula-badge-border-radius: var(--shape-full);
  --ag-control-data-grid-formula-badge-font-size: var(--type-label-sm-size);
  --ag-control-data-grid-formula-badge-padding: 0 var(--space-1);
  --ag-control-data-grid-formula-bar-gap: var(--space-2);
  --ag-control-data-grid-formula-bar-padding: 0 var(--space-3);
  --ag-control-data-grid-formula-bg: var(--surface-container);
  --ag-control-data-grid-formula-column-font-size: var(--type-body-sm-size);
  --ag-control-data-grid-formula-error-color: var(--error);
  --ag-control-data-grid-formula-error-font-size: var(--type-body-sm-size);
  --ag-control-data-grid-formula-error-padding-bottom: var(--space-2);
  --ag-control-data-grid-formula-height: 2.75rem;
  --ag-control-data-grid-formula-input-background: var(--surface-container-highest);
  --ag-control-data-grid-formula-input-border-radius: var(--shape-sm);
  --ag-control-data-grid-formula-input-font-size: var(--type-body-sm-size);
  --ag-control-data-grid-formula-input-min-height: calc(var(--c-data-grid-formula-height) - var(--space-2));
  --ag-control-data-grid-formula-input-padding: var(--space-1) var(--space-2);
  --ag-control-data-grid-formula-label-font-size: var(--type-label-md-size);
  --ag-control-data-grid-formula-label-font-weight: var(--type-label-lg-weight);
  --ag-control-data-grid-formula-label-letter-spacing: var(--type-label-md-tracking);
  --ag-control-data-grid-formula-surface-background: var(--surface-container-high);
  --ag-control-data-grid-formula-surface-border-radius: var(--shape-sm);
  --ag-control-data-grid-formula-surface-font-size: var(--type-body-sm-size);
  --ag-control-data-grid-formula-surface-padding: var(--space-1) var(--space-2);
  --ag-control-data-grid-header-bg: var(--surface-container-low);
  --ag-control-data-grid-header-cell-active-background: var(--surface-container-high);
  --ag-control-data-grid-header-cell-error-color: var(--error);
  --ag-control-data-grid-header-height: 2.5rem;
  --ag-control-data-grid-header-top: 0px;
  --ag-control-data-grid-index-active-background: oklch(from var(--primary) l c h / 0.08);
  --ag-control-data-grid-index-background: var(--surface-container-lowest);
  --ag-control-data-grid-index-font-size: var(--type-body-sm-size);
  --ag-control-data-grid-index-width: 3.5rem;
  --ag-control-data-grid-muted-color: var(--on-surface-variant);
  --ag-control-data-grid-radius: var(--shape-md);
  --ag-control-data-grid-row-height: 2.5rem;
  --ag-control-data-grid-row-hover-cell-not-cell-active-row-hover-index-not-index-active-background: var(--surface-container-lowest);
  --ag-control-data-grid-with-formula-bar-header-top: var(--c-data-grid-formula-height);
  --ag-control-date-picker-bg: var(--surface-container-high);
  --ag-control-date-picker-cell-size: 2.5rem;
  --ag-control-date-picker-color: var(--on-surface);
  --ag-control-date-picker-day-border-radius: var(--shape-full);
  --ag-control-date-picker-day-color: var(--on-surface);
  --ag-control-date-picker-day-font-size: var(--type-body-md-size);
  --ag-control-date-picker-day-hover-background: oklch(from var(--on-surface) l c h / var(--state-hover-opacity));
  --ag-control-date-picker-day-selected-background: var(--primary);
  --ag-control-date-picker-day-selected-color: var(--on-primary);
  --ag-control-date-picker-day-selected-day-today-border-color: var(--primary);
  --ag-control-date-picker-day-selected-hover-background: var(--primary);
  --ag-control-date-picker-day-today-border: 1px solid var(--primary);
  --ag-control-date-picker-day-today-color: var(--primary);
  --ag-control-date-picker-grid-gap: var(--space-1) 0;
  --ag-control-date-picker-header-gap: var(--space-2);
  --ag-control-date-picker-header-margin-bottom: var(--space-3);
  --ag-control-date-picker-nav-prev-hover-nav-next-hover-background: oklch(from var(--on-surface) l c h / var(--state-hover-opacity));
  --ag-control-date-picker-nav-prev-nav-next-border-radius: var(--shape-full);
  --ag-control-date-picker-nav-prev-nav-next-color: var(--on-surface-variant);
  --ag-control-date-picker-padding: var(--space-4);
  --ag-control-date-picker-radius: var(--shape-xl);
  --ag-control-date-picker-title-font-size: var(--type-title-sm-size);
  --ag-control-date-picker-title-font-weight: var(--type-title-sm-weight);
  --ag-control-date-picker-title-letter-spacing: var(--type-title-sm-tracking);
  --ag-control-date-picker-weekday-color: var(--on-surface-variant);
  --ag-control-date-picker-weekday-font-size: var(--type-body-sm-size);
  --ag-control-date-picker-weekday-font-weight: var(--type-label-lg-weight);
  --ag-control-dialog-actions-gap: var(--space-2);
  --ag-control-dialog-actions-margin-top: var(--space-5);
  --ag-control-dialog-backdrop-background: oklch(from var(--scrim) l c h / 0.32);
  --ag-control-dialog-bg: var(--surface-container-high);
  --ag-control-dialog-color: var(--on-surface);
  --ag-control-dialog-content-color: var(--on-surface-variant);
  --ag-control-dialog-content-font-size: var(--type-body-md-size);
  --ag-control-dialog-content-line-height: var(--type-body-md-line);
  --ag-control-dialog-elevation: var(--elevation-3);
  --ag-control-dialog-icon-color: var(--secondary);
  --ag-control-dialog-icon-margin-bottom: var(--space-4);
  --ag-control-dialog-max-width: 35rem;
  --ag-control-dialog-min-width: 17.5rem;
  --ag-control-dialog-padding: var(--space-5);
  --ag-control-dialog-radius: var(--shape-xl);
  --ag-control-dialog-title-color: var(--on-surface);
  --ag-control-dialog-title-font-size: var(--type-headline-sm-size);
  --ag-control-dialog-title-font-weight: var(--type-headline-sm-weight);
  --ag-control-dialog-title-line-height: var(--type-headline-sm-line);
  --ag-control-dialog-title-margin-bottom: var(--space-4);
  --ag-control-divider-color: var(--outline-variant);
  --ag-control-divider-inset: 0;
  --ag-control-divider-leading-inset: var(--space-4);
  --ag-control-divider-middle-inset: var(--space-4);
  --ag-control-divider-thickness: 1px;
  --ag-control-dropdown-bg: var(--surface);
  --ag-control-dropdown-border-color: var(--outline);
  --ag-control-dropdown-color: var(--on-surface);
  --ag-control-dropdown-disabled-border-color: oklch(from var(--on-surface) l c h / 0.12);
  --ag-control-dropdown-disabled-color: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-dropdown-disabled-icon-color: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-dropdown-focus-border-color: var(--primary);
  --ag-control-dropdown-font-size: var(--type-body-lg-size);
  --ag-control-dropdown-hover-border-color: var(--on-surface);
  --ag-control-dropdown-icon-color: var(--on-surface-variant);
  --ag-control-dropdown-icon-size: 1.125rem;
  --ag-control-dropdown-indicator-bg: var(--surface-container-low);
  --ag-control-dropdown-indicator-border-color: var(--outline-variant);
  --ag-control-dropdown-indicator-width: 2.5rem;
  --ag-control-dropdown-lg-font-size: var(--type-body-lg-size);
  --ag-control-dropdown-lg-pad-x: var(--space-4);
  --ag-control-dropdown-lg-pad-y: var(--space-3);
  --ag-control-dropdown-line-height: var(--type-body-lg-line);
  --ag-control-dropdown-pad-x: var(--control-pad-x);
  --ag-control-dropdown-pad-y: var(--control-pad-y);
  --ag-control-dropdown-radius: var(--shape-xs);
  --ag-control-dropdown-sm-font-size: var(--type-body-md-size);
  --ag-control-dropdown-sm-pad-x: var(--space-2);
  --ag-control-dropdown-sm-pad-y: var(--space-1);
  --ag-control-editor-add-control-select-background: var(--surface);
  --ag-control-editor-add-control-select-border: 1px solid var(--outline-variant);
  --ag-control-editor-add-control-select-border-radius: var(--shape-sm);
  --ag-control-editor-add-control-select-color: var(--on-surface);
  --ag-control-editor-add-control-select-font-size: var(--type-body-sm-size);
  --ag-control-editor-add-control-select-padding: var(--space-1) var(--space-2);
  --ag-control-editor-border: 1px solid var(--outline-variant);
  --ag-control-editor-color: var(--on-surface);
  --ag-control-editor-font-size: var(--type-body-md-size);
  --ag-control-editor-gap: var(--space-4);
  --ag-control-editor-label-font-size: var(--type-body-sm-size);
  --ag-control-editor-label-font-weight: var(--type-label-lg-weight);
  --ag-control-editor-line-height: var(--type-body-md-line);
  --ag-control-editor-no-selection-color: var(--on-surface-variant);
  --ag-control-editor-preview-background: var(--surface-container-lowest);
  --ag-control-editor-preview-label-color: var(--on-surface-variant);
  --ag-control-editor-preview-label-font-size: var(--type-label-sm-size);
  --ag-control-editor-preview-label-font-weight: var(--type-label-sm-weight);
  --ag-control-editor-preview-label-letter-spacing: var(--type-label-sm-tracking);
  --ag-control-editor-preview-label-margin-bottom: var(--space-2);
  --ag-control-editor-preview-padding: var(--space-4);
  --ag-control-editor-props-panel-background: var(--surface-container-low);
  --ag-control-editor-props-panel-gap: var(--space-3);
  --ag-control-editor-props-panel-label-color: var(--on-surface-variant);
  --ag-control-editor-props-panel-label-font-size: var(--type-label-sm-size);
  --ag-control-editor-props-panel-label-font-weight: var(--type-label-sm-weight);
  --ag-control-editor-props-panel-label-letter-spacing: var(--type-label-sm-tracking);
  --ag-control-editor-props-panel-padding: var(--space-3);
  --ag-control-editor-props-section-gap: var(--space-2);
  --ag-control-editor-props-section-title-color: var(--on-surface-variant);
  --ag-control-editor-props-section-title-font-size: var(--type-label-md-size);
  --ag-control-editor-props-section-title-font-weight: var(--type-label-md-weight);
  --ag-control-editor-props-section-title-letter-spacing: var(--type-label-md-tracking);
  --ag-control-editor-props-section-title-padding-bottom: var(--space-1);
  --ag-control-editor-radius: var(--shape-md);
  --ag-control-editor-row-gap: var(--space-2);
  --ag-control-editor-save-bar-gap: var(--space-2);
  --ag-control-editor-tree-actions-gap: var(--space-2);
  --ag-control-editor-tree-actions-padding-top: var(--space-2);
  --ag-control-editor-tree-children-padding-left: var(--space-4);
  --ag-control-editor-tree-node-border-radius: var(--shape-sm);
  --ag-control-editor-tree-node-font-size: var(--type-body-sm-size);
  --ag-control-editor-tree-node-gap: var(--space-2);
  --ag-control-editor-tree-node-hover-background: oklch(from var(--on-surface) l c h / var(--state-hover-opacity));
  --ag-control-editor-tree-node-line-height: var(--type-body-sm-line);
  --ag-control-editor-tree-node-padding: var(--space-1) var(--space-2);
  --ag-control-editor-tree-node-selected-background: var(--secondary-container);
  --ag-control-editor-tree-node-selected-color: var(--on-secondary-container);
  --ag-control-editor-tree-node-selected-hover-background: var(--secondary-container);
  --ag-control-editor-tree-node-selected-tree-node-summary-color: var(--on-secondary-container);
  --ag-control-editor-tree-node-selected-tree-node-type-color: var(--on-secondary-container);
  --ag-control-editor-tree-node-summary-color: var(--on-surface-variant);
  --ag-control-editor-tree-node-text-color: var(--on-surface-variant);
  --ag-control-editor-tree-node-toggle-color: var(--on-surface-variant);
  --ag-control-editor-tree-node-type-color: var(--primary);
  --ag-control-editor-tree-node-type-font-weight: var(--type-label-lg-weight);
  --ag-control-editor-tree-panel-background: var(--surface-container-low);
  --ag-control-editor-tree-panel-gap: var(--space-3);
  --ag-control-editor-tree-panel-label-color: var(--on-surface-variant);
  --ag-control-editor-tree-panel-label-font-size: var(--type-label-sm-size);
  --ag-control-editor-tree-panel-label-font-weight: var(--type-label-sm-weight);
  --ag-control-editor-tree-panel-label-letter-spacing: var(--type-label-sm-tracking);
  --ag-control-editor-tree-panel-padding: var(--space-3);
  --ag-control-fab-active-opacity: var(--state-pressed-opacity);
  --ag-control-fab-bg: var(--primary-container);
  --ag-control-fab-color: var(--on-primary-container);
  --ag-control-fab-elevation: var(--elevation-3);
  --ag-control-fab-extended-gap: var(--space-3);
  --ag-control-fab-extended-padding: 0 var(--space-4);
  --ag-control-fab-focus-opacity: var(--state-focus-opacity);
  --ag-control-fab-hover-elevation: var(--elevation-4);
  --ag-control-fab-hover-opacity: var(--state-hover-opacity);
  --ag-control-fab-icon-size: 1.5rem;
  --ag-control-fab-label-font-size: var(--type-label-lg-size);
  --ag-control-fab-label-font-weight: var(--type-label-lg-weight);
  --ag-control-fab-label-letter-spacing: var(--type-label-lg-tracking);
  --ag-control-fab-label-line-height: var(--type-label-lg-line);
  --ag-control-fab-lg-icon-size: 2.25rem;
  --ag-control-fab-lg-radius: var(--shape-xl);
  --ag-control-fab-lg-size: 6rem;
  --ag-control-fab-radius: var(--shape-lg);
  --ag-control-fab-secondary-bg: var(--secondary-container);
  --ag-control-fab-secondary-color: var(--on-secondary-container);
  --ag-control-fab-secondary-state-color: var(--on-secondary-container);
  --ag-control-fab-size: 3.5rem;
  --ag-control-fab-sm-radius: var(--shape-md);
  --ag-control-fab-sm-size: 2.5rem;
  --ag-control-fab-state-color: var(--on-primary-container);
  --ag-control-fab-surface-bg: var(--surface-container-high);
  --ag-control-fab-surface-color: var(--primary);
  --ag-control-fab-surface-state-color: var(--primary);
  --ag-control-fab-tertiary-bg: var(--tertiary-container);
  --ag-control-fab-tertiary-color: var(--on-tertiary-container);
  --ag-control-fab-tertiary-state-color: var(--on-tertiary-container);
  --ag-control-icon-button-active-opacity: var(--state-pressed-opacity);
  --ag-control-icon-button-bg: transparent;
  --ag-control-icon-button-border-color: transparent;
  --ag-control-icon-button-color: var(--on-surface-variant);
  --ag-control-icon-button-disabled-bg: oklch(from var(--on-surface) l c h / 0.12);
  --ag-control-icon-button-disabled-border-color: oklch(from var(--on-surface) l c h / 0.12);
  --ag-control-icon-button-disabled-color: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-icon-button-filled-bg: var(--primary);
  --ag-control-icon-button-filled-color: var(--on-primary);
  --ag-control-icon-button-filled-state-color: var(--on-primary);
  --ag-control-icon-button-focus-opacity: var(--state-focus-opacity);
  --ag-control-icon-button-hover-opacity: var(--state-hover-opacity);
  --ag-control-icon-button-icon-size: 1.5rem;
  --ag-control-icon-button-outlined-border-color: var(--outline);
  --ag-control-icon-button-outlined-color: var(--on-surface-variant);
  --ag-control-icon-button-outlined-state-color: var(--on-surface-variant);
  --ag-control-icon-button-plain-disabled-bg: transparent;
  --ag-control-icon-button-radius: var(--shape-full);
  --ag-control-icon-button-size: 2.5rem;
  --ag-control-icon-button-state-color: var(--on-surface-variant);
  --ag-control-icon-button-tonal-bg: var(--secondary-container);
  --ag-control-icon-button-tonal-color: var(--on-secondary-container);
  --ag-control-icon-button-tonal-state-color: var(--on-secondary-container);
  --ag-control-linear-progress-bar-bg: var(--primary);
  --ag-control-linear-progress-height: 0.25rem;
  --ag-control-linear-progress-radius: var(--shape-none);
  --ag-control-linear-progress-track-bg: var(--surface-container-highest);
  --ag-control-list-bg: var(--surface);
  --ag-control-list-item-color: var(--on-surface);
  --ag-control-list-item-gap: var(--space-4);
  --ag-control-list-item-headline-color: var(--on-surface);
  --ag-control-list-item-headline-font-size: var(--type-body-lg-size);
  --ag-control-list-item-headline-font-weight: var(--type-body-lg-weight);
  --ag-control-list-item-headline-line-height: var(--type-body-lg-line);
  --ag-control-list-item-height: auto;
  --ag-control-list-item-hover-opacity: var(--state-hover-opacity);
  --ag-control-list-item-leading-color: var(--on-surface-variant);
  --ag-control-list-item-pad-x: var(--space-4);
  --ag-control-list-item-pad-y: var(--space-2);
  --ag-control-list-item-state-color: var(--on-surface);
  --ag-control-list-item-supporting-color: var(--on-surface-variant);
  --ag-control-list-item-supporting-font-size: var(--type-body-md-size);
  --ag-control-list-item-supporting-line-height: var(--type-body-md-line);
  --ag-control-list-item-trailing-color: var(--on-surface-variant);
  --ag-control-list-item-trailing-font-size: var(--type-label-sm-size);
  --ag-control-list-padding: var(--space-2) 0;
  --ag-control-management-list-actions-gap: 0.2rem;
  --ag-control-management-list-actions-width: 2.5rem;
  --ag-control-management-list-gap: 0;
  --ag-control-management-list-primary-color: var(--on-surface);
  --ag-control-management-list-primary-size: 0.98rem;
  --ag-control-management-list-primary-weight: 640;
  --ag-control-management-list-row-divider: color-mix(in srgb, var(--outline-variant) 72%, transparent);
  --ag-control-management-list-row-gap: 0.75rem;
  --ag-control-management-list-row-min-height: 2.75rem;
  --ag-control-management-list-row-padding-block: 0.8rem;
  --ag-control-management-list-row-padding-inline: 0;
  --ag-control-management-list-supporting-color: var(--on-surface-variant);
  --ag-control-management-list-supporting-size: 0.9rem;
  --ag-control-management-list-value-color: var(--on-surface-variant);
  --ag-control-management-list-value-max-width: 12rem;
  --ag-control-management-list-value-min-width: 10rem;
  --ag-control-management-list-value-size: 0.92rem;
  --ag-control-management-list-value-weight: 560;
  --ag-control-menu-bg: var(--surface-container);
  --ag-control-menu-elevation: var(--elevation-2);
  --ag-control-menu-item-active-opacity: var(--state-pressed-opacity);
  --ag-control-menu-item-color: var(--on-surface);
  --ag-control-menu-item-disabled-color: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-menu-item-focus-opacity: var(--state-focus-opacity);
  --ag-control-menu-item-font-size: var(--type-body-lg-size);
  --ag-control-menu-item-gap: var(--space-3);
  --ag-control-menu-item-height: 3rem;
  --ag-control-menu-item-hover-opacity: var(--state-hover-opacity);
  --ag-control-menu-item-leading-color: var(--on-surface-variant);
  --ag-control-menu-item-line-height: var(--type-body-lg-line);
  --ag-control-menu-item-padding: 0 var(--space-3);
  --ag-control-menu-item-state-color: var(--on-surface);
  --ag-control-menu-item-trailing-color: var(--on-surface-variant);
  --ag-control-menu-item-trailing-font-size: var(--type-label-sm-size);
  --ag-control-menu-max-width: 17.5rem;
  --ag-control-menu-min-width: 7rem;
  --ag-control-menu-padding: var(--space-2) 0;
  --ag-control-menu-radius: var(--shape-xs);
  --ag-control-nav-bar-bg: var(--surface-container);
  --ag-control-nav-bar-elevation: var(--elevation-2);
  --ag-control-nav-bar-height: 5rem;
  --ag-control-nav-bar-icon-border-radius: var(--shape-full);
  --ag-control-nav-bar-item-active-color: var(--on-surface);
  --ag-control-nav-bar-item-active-icon-background: var(--secondary-container);
  --ag-control-nav-bar-item-active-icon-color: var(--on-secondary-container);
  --ag-control-nav-bar-item-active-label-font-weight: var(--type-label-lg-weight);
  --ag-control-nav-bar-item-active-state-color: var(--on-surface);
  --ag-control-nav-bar-item-color: var(--on-surface-variant);
  --ag-control-nav-bar-item-focus-opacity: var(--state-focus-opacity);
  --ag-control-nav-bar-item-font-size: var(--type-label-md-size);
  --ag-control-nav-bar-item-font-weight: var(--type-label-md-weight);
  --ag-control-nav-bar-item-gap: var(--space-1);
  --ag-control-nav-bar-item-hover-opacity: var(--state-hover-opacity);
  --ag-control-nav-bar-item-letter-spacing: var(--type-label-md-tracking);
  --ag-control-nav-bar-item-state-color: var(--on-surface);
  --ag-control-nav-drawer-bg: var(--surface-container-low);
  --ag-control-nav-drawer-headline-color: var(--on-surface-variant);
  --ag-control-nav-drawer-headline-font-size: var(--type-title-sm-size);
  --ag-control-nav-drawer-headline-font-weight: var(--type-title-sm-weight);
  --ag-control-nav-drawer-headline-letter-spacing: var(--type-title-sm-tracking);
  --ag-control-nav-drawer-headline-padding: var(--space-4) var(--space-4) var(--space-2);
  --ag-control-nav-drawer-item-active-background: var(--secondary-container);
  --ag-control-nav-drawer-item-active-color: var(--on-secondary-container);
  --ag-control-nav-drawer-item-active-state-color: var(--on-secondary-container);
  --ag-control-nav-drawer-item-border-radius: var(--shape-full);
  --ag-control-nav-drawer-item-color: var(--on-surface-variant);
  --ag-control-nav-drawer-item-focus-opacity: var(--state-focus-opacity);
  --ag-control-nav-drawer-item-font-size: var(--type-label-lg-size);
  --ag-control-nav-drawer-item-font-weight: var(--type-label-lg-weight);
  --ag-control-nav-drawer-item-gap: var(--space-3);
  --ag-control-nav-drawer-item-hover-opacity: var(--state-hover-opacity);
  --ag-control-nav-drawer-item-letter-spacing: var(--type-label-lg-tracking);
  --ag-control-nav-drawer-item-padding: 0 var(--space-4) 0 var(--space-4);
  --ag-control-nav-drawer-item-state-color: var(--on-surface);
  --ag-control-nav-drawer-padding: var(--space-3);
  --ag-control-nav-drawer-radius: 0 var(--shape-lg) var(--shape-lg) 0;
  --ag-control-nav-drawer-width: 22.5rem;
  --ag-control-nav-rail-bg: var(--surface);
  --ag-control-nav-rail-border-color: transparent;
  --ag-control-nav-rail-fab-margin-bottom: var(--space-4);
  --ag-control-nav-rail-gap: var(--space-3);
  --ag-control-nav-rail-icon-border-radius: var(--shape-full);
  --ag-control-nav-rail-item-active-color: var(--on-surface);
  --ag-control-nav-rail-item-active-icon-background: var(--secondary-container);
  --ag-control-nav-rail-item-active-icon-color: var(--on-secondary-container);
  --ag-control-nav-rail-item-active-label-font-weight: var(--type-label-lg-weight);
  --ag-control-nav-rail-item-color: var(--on-surface-variant);
  --ag-control-nav-rail-item-font-size: var(--type-label-md-size);
  --ag-control-nav-rail-item-font-weight: var(--type-label-md-weight);
  --ag-control-nav-rail-item-gap: var(--space-1);
  --ag-control-nav-rail-item-letter-spacing: var(--type-label-md-tracking);
  --ag-control-nav-rail-padding: var(--space-7) 0;
  --ag-control-nav-rail-width: 5rem;
  --ag-control-nav-tree-gap: var(--space-1);
  --ag-control-nav-tree-row-action-rail-width: 3.45rem;
  --ag-control-nav-tree-row-actions-gap: 0.1rem;
  --ag-control-nav-tree-row-actions-pad-inline-end: 0.72rem;
  --ag-control-nav-tree-row-color: var(--on-surface);
  --ag-control-nav-tree-row-content-gap: 0.65rem;
  --ag-control-nav-tree-row-glyph-size: 1rem;
  --ag-control-nav-tree-row-hover-bg: color-mix(in srgb, var(--surface-container-high) 82%, transparent);
  --ag-control-nav-tree-row-hover-border-color: color-mix(in srgb, var(--outline-variant) 72%, transparent);
  --ag-control-nav-tree-row-icon-button-color: var(--on-surface-variant);
  --ag-control-nav-tree-row-icon-button-icon-size: 0.88rem;
  --ag-control-nav-tree-row-icon-button-size: 1.65rem;
  --ag-control-nav-tree-row-icon-button-state-color: var(--on-surface);
  --ag-control-nav-tree-row-icon-color: color-mix(in srgb, var(--on-surface-variant) 90%, transparent);
  --ag-control-nav-tree-row-indent-step: 0.85rem;
  --ag-control-nav-tree-row-inset-inline: var(--space-2);
  --ag-control-nav-tree-row-main-trailing-gap: 0.2rem;
  --ag-control-nav-tree-row-min-height: 2.45rem;
  --ag-control-nav-tree-row-pad-x: 0.72rem;
  --ag-control-nav-tree-row-pad-y: 0.54rem;
  --ag-control-nav-tree-row-radius: var(--shape-lg);
  --ag-control-nav-tree-row-selected-bg: color-mix(in srgb, var(--surface-container-highest) 84%, transparent);
  --ag-control-nav-tree-row-selected-border-color: color-mix(in srgb, var(--outline) 26%, transparent);
  --ag-control-nav-tree-row-supporting-color: var(--on-surface-variant);
  --ag-control-nav-tree-row-supporting-font-weight: 400;
  --ag-control-nav-tree-row-supporting-line-height: 1.2;
  --ag-control-nav-tree-row-supporting-size: var(--type-body-sm-size);
  --ag-control-nav-tree-row-title-font-weight: 540;
  --ag-control-nav-tree-row-title-line-height: 1.2;
  --ag-control-nav-tree-row-title-size: 0.91rem;
  --ag-control-ordered-management-list-action-button-size: 2rem;
  --ag-control-ordered-management-list-action-icon-size: 1rem;
  --ag-control-ordered-management-list-actions-gap: 0.25rem;
  --ag-control-ordered-management-list-actions-width: 4.75rem;
  --ag-control-ordered-management-list-control-radius: var(--shape-full);
  --ag-control-ordered-management-list-dragging-opacity: 0.64;
  --ag-control-ordered-management-list-drop-indicator-color: color-mix(in srgb, var(--primary) 72%, transparent);
  --ag-control-ordered-management-list-gap: 0;
  --ag-control-ordered-management-list-handle-color: var(--on-surface-variant);
  --ag-control-ordered-management-list-handle-icon-size: 1rem;
  --ag-control-ordered-management-list-handle-size: 1.7rem;
  --ag-control-ordered-management-list-handle-state-color: var(--on-surface);
  --ag-control-ordered-management-list-handle-width: 2.15rem;
  --ag-control-ordered-management-list-primary-color: var(--on-surface);
  --ag-control-ordered-management-list-primary-size: 0.98rem;
  --ag-control-ordered-management-list-primary-weight: 640;
  --ag-control-ordered-management-list-row-divider: color-mix(in srgb, var(--outline-variant) 72%, transparent);
  --ag-control-ordered-management-list-row-gap: 0.75rem;
  --ag-control-ordered-management-list-row-hover-bg: color-mix(in srgb, var(--surface-container-high) 72%, transparent);
  --ag-control-ordered-management-list-row-min-height: 3rem;
  --ag-control-ordered-management-list-row-padding-block: 0.8rem;
  --ag-control-ordered-management-list-row-padding-inline: 0;
  --ag-control-ordered-management-list-step-button-color: var(--on-surface-variant);
  --ag-control-ordered-management-list-step-button-size: 1.65rem;
  --ag-control-ordered-management-list-step-button-state-color: var(--on-surface);
  --ag-control-ordered-management-list-step-controls-gap: 0.15rem;
  --ag-control-ordered-management-list-step-controls-width: 3.65rem;
  --ag-control-ordered-management-list-step-icon-size: 1rem;
  --ag-control-ordered-management-list-supporting-color: var(--on-surface-variant);
  --ag-control-ordered-management-list-supporting-size: 0.9rem;
  --ag-control-ordered-management-list-value-color: var(--on-surface-variant);
  --ag-control-ordered-management-list-value-max-width: 10rem;
  --ag-control-ordered-management-list-value-min-width: 8.5rem;
  --ag-control-ordered-management-list-value-size: 0.92rem;
  --ag-control-ordered-management-list-value-weight: 560;
  --ag-control-prose-code-block-bg: color-mix(in srgb, var(--surface-container-lowest) 92%, black);
  --ag-control-prose-code-block-border: color-mix(in srgb, var(--outline-variant) 42%, transparent);
  --ag-control-prose-code-block-line-height: 1.55;
  --ag-control-prose-code-block-padding: 1rem 1.05rem;
  --ag-control-prose-code-block-radius: 0.95rem;
  --ag-control-prose-code-font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  --ag-control-prose-color: var(--on-surface);
  --ag-control-prose-font-size: 0.98rem;
  --ag-control-prose-gap: 0.88rem;
  --ag-control-prose-h1-size: 1.6rem;
  --ag-control-prose-h2-size: 1.34rem;
  --ag-control-prose-h3-size: 1.16rem;
  --ag-control-prose-h4-size: 1rem;
  --ag-control-prose-h5-size: 1rem;
  --ag-control-prose-h6-size: 0.92rem;
  --ag-control-prose-h6-tracking: 0.01em;
  --ag-control-prose-heading-line-height: 1.14;
  --ag-control-prose-heading-tracking: -0.018em;
  --ag-control-prose-heading-weight: 650;
  --ag-control-prose-inline-code-bg: color-mix(in srgb, var(--surface-container-high) 72%, var(--surface));
  --ag-control-prose-inline-code-padding: 0.12rem 0.32rem;
  --ag-control-prose-inline-code-radius: 0.42rem;
  --ag-control-prose-line-height: 1.68;
  --ag-control-prose-link-color: var(--primary);
  --ag-control-prose-list-item-gap: 0.28rem;
  --ag-control-prose-list-line-height: 1.62;
  --ag-control-prose-list-padding-inline-start: 1.35rem;
  --ag-control-radio-active-circle-before-opacity: var(--state-pressed-opacity);
  --ag-control-radio-border-color: var(--on-surface-variant);
  --ag-control-radio-border-width: 2px;
  --ag-control-radio-circle-after-border-radius: var(--shape-full);
  --ag-control-radio-circle-before-border-radius: var(--shape-full);
  --ag-control-radio-circle-border-radius: var(--shape-full);
  --ag-control-radio-disabled-circle-border-color: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-radio-disabled-input-checked-circle-border-color: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-radio-disabled-input-checked-circle-dot-color: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-radio-disabled-label-color: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-radio-dot-color: transparent;
  --ag-control-radio-dot-size: 0.625rem;
  --ag-control-radio-gap: var(--space-3);
  --ag-control-radio-hover-circle-before-opacity: var(--state-hover-opacity);
  --ag-control-radio-input-checked-circle-border-color: var(--primary);
  --ag-control-radio-input-checked-circle-dot-color: var(--primary);
  --ag-control-radio-input-checked-circle-state-color: var(--primary);
  --ag-control-radio-input-focus-visible-circle-before-opacity: var(--state-focus-opacity);
  --ag-control-radio-label-color: var(--on-surface);
  --ag-control-radio-label-font-size: var(--type-body-lg-size);
  --ag-control-radio-label-line-height: var(--type-body-lg-line);
  --ag-control-radio-size: 1.25rem;
  --ag-control-radio-state-color: var(--on-surface);
  --ag-control-radio-target-size: 2.5rem;
  --ag-control-search-bar-bg: var(--surface-container-high);
  --ag-control-search-bar-color: var(--on-surface);
  --ag-control-search-bar-field-gap: var(--space-3);
  --ag-control-search-bar-field-padding: 0 var(--space-4);
  --ag-control-search-bar-has-suggestions-border-radius: var(--shape-xl);
  --ag-control-search-bar-height: 3.5rem;
  --ag-control-search-bar-input-font-size: var(--type-body-lg-size);
  --ag-control-search-bar-input-line-height: var(--type-body-lg-line);
  --ag-control-search-bar-input-placeholder-color: var(--on-surface-variant);
  --ag-control-search-bar-leading-color: var(--on-surface-variant);
  --ag-control-search-bar-radius: var(--shape-full);
  --ag-control-search-bar-suggestions-border-radius: 0 0 var(--shape-xl) var(--shape-xl);
  --ag-control-search-bar-suggestions-border-top: 1px solid var(--outline-variant);
  --ag-control-search-bar-trailing-color: var(--on-surface-variant);
  --ag-control-segmented-button-border-color: var(--outline);
  --ag-control-segmented-button-height: 2.5rem;
  --ag-control-segmented-button-radius: var(--shape-full);
  --ag-control-segmented-button-segment-active-before-opacity: var(--state-pressed-opacity);
  --ag-control-segmented-button-segment-c-segment-bg: transparent;
  --ag-control-segmented-button-segment-c-segment-color: var(--on-surface);
  --ag-control-segmented-button-segment-c-segment-state-color: var(--on-surface);
  --ag-control-segmented-button-segment-focus-visible-before-opacity: var(--state-focus-opacity);
  --ag-control-segmented-button-segment-font-size: var(--type-label-lg-size);
  --ag-control-segmented-button-segment-font-weight: var(--type-label-lg-weight);
  --ag-control-segmented-button-segment-gap: var(--space-2);
  --ag-control-segmented-button-segment-hover-before-opacity: var(--state-hover-opacity);
  --ag-control-segmented-button-segment-letter-spacing: var(--type-label-lg-tracking);
  --ag-control-segmented-button-segment-padding: 0 var(--space-4);
  --ag-control-segmented-button-segment-selected-c-segment-bg: var(--secondary-container);
  --ag-control-segmented-button-segment-selected-c-segment-color: var(--on-secondary-container);
  --ag-control-segmented-button-segment-selected-c-segment-state-color: var(--on-secondary-container);
  --ag-control-slider-active-color: var(--primary);
  --ag-control-slider-disabled-input-moz-range-thumb-background: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-slider-disabled-input-webkit-slider-thumb-background: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-slider-inactive-color: var(--surface-container-highest);
  --ag-control-slider-input-active-webkit-slider-thumb-box-shadow: var(--elevation-0);
  --ag-control-slider-input-border-radius: var(--shape-full);
  --ag-control-slider-input-hover-moz-range-thumb-box-shadow: var(--elevation-2);
  --ag-control-slider-input-hover-webkit-slider-thumb-box-shadow: var(--elevation-2);
  --ag-control-slider-input-moz-range-progress-border-radius: var(--shape-full);
  --ag-control-slider-input-moz-range-thumb-border-radius: var(--shape-full);
  --ag-control-slider-input-moz-range-thumb-box-shadow: var(--elevation-1);
  --ag-control-slider-input-webkit-slider-thumb-border-radius: var(--shape-full);
  --ag-control-slider-input-webkit-slider-thumb-box-shadow: var(--elevation-1);
  --ag-control-slider-padding: var(--space-2) 0;
  --ag-control-slider-thumb-color: var(--primary);
  --ag-control-slider-thumb-size: 1.25rem;
  --ag-control-slider-track-height: 0.25rem;
  --ag-control-snackbar-action-color: var(--primary);
  --ag-control-snackbar-action-font-size: var(--type-label-lg-size);
  --ag-control-snackbar-action-font-weight: var(--type-label-lg-weight);
  --ag-control-snackbar-action-letter-spacing: var(--type-label-lg-tracking);
  --ag-control-snackbar-bg: var(--inverse-surface);
  --ag-control-snackbar-close-border-radius: var(--shape-full);
  --ag-control-snackbar-close-color: var(--inverse-on-surface);
  --ag-control-snackbar-color: var(--inverse-on-surface);
  --ag-control-snackbar-elevation: var(--elevation-3);
  --ag-control-snackbar-gap: var(--space-2);
  --ag-control-snackbar-max-width: 35rem;
  --ag-control-snackbar-min-width: 20rem;
  --ag-control-snackbar-padding: var(--space-3) var(--space-4);
  --ag-control-snackbar-radius: var(--shape-xs);
  --ag-control-snackbar-text-font-size: var(--type-body-md-size);
  --ag-control-snackbar-text-line-height: var(--type-body-md-line);
  --ag-control-switch-active-thumb-before-opacity: var(--state-pressed-opacity);
  --ag-control-switch-disabled-input-checked-track-bg: oklch(from var(--on-surface) l c h / 0.12);
  --ag-control-switch-disabled-input-checked-track-border-color: transparent;
  --ag-control-switch-disabled-input-checked-track-thumb-bg: var(--surface);
  --ag-control-switch-disabled-label-color: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-switch-disabled-track-bg: oklch(from var(--surface-container-highest) l c h / 0.12);
  --ag-control-switch-disabled-track-border-color: oklch(from var(--on-surface) l c h / 0.12);
  --ag-control-switch-disabled-track-thumb-bg: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-switch-gap: var(--space-3);
  --ag-control-switch-hover-thumb-before-opacity: var(--state-hover-opacity);
  --ag-control-switch-input-checked-track-bg: var(--primary);
  --ag-control-switch-input-checked-track-border-color: var(--primary);
  --ag-control-switch-input-checked-track-state-color: var(--primary);
  --ag-control-switch-input-checked-track-thumb-bg: var(--on-primary);
  --ag-control-switch-input-focus-visible-track-thumb-before-opacity: var(--state-focus-opacity);
  --ag-control-switch-label-color: var(--on-surface);
  --ag-control-switch-label-font-size: var(--type-body-lg-size);
  --ag-control-switch-label-line-height: var(--type-body-lg-line);
  --ag-control-switch-state-color: var(--on-surface);
  --ag-control-switch-thumb-before-border-radius: var(--shape-full);
  --ag-control-switch-thumb-before-height: 2.5rem;
  --ag-control-switch-thumb-before-width: 2.5rem;
  --ag-control-switch-thumb-bg: var(--outline);
  --ag-control-switch-thumb-border-radius: var(--shape-full);
  --ag-control-switch-thumb-checked-size: 1.5rem;
  --ag-control-switch-thumb-size: 1rem;
  --ag-control-switch-track-bg: var(--surface-container-highest);
  --ag-control-switch-track-border-color: var(--outline);
  --ag-control-switch-track-border-radius: var(--shape-full);
  --ag-control-switch-track-height: 2rem;
  --ag-control-switch-track-width: 3.25rem;
  --ag-control-tab-active-after-width: calc(100% - var(--space-4) * 2);
  --ag-control-tab-active-before-opacity: var(--state-pressed-opacity);
  --ag-control-tab-active-color: var(--primary);
  --ag-control-tab-active-state-color: var(--primary);
  --ag-control-tab-color: var(--on-surface-variant);
  --ag-control-tab-focus-visible-before-opacity: var(--state-focus-opacity);
  --ag-control-tab-font-size: var(--type-title-sm-size);
  --ag-control-tab-font-weight: var(--type-title-sm-weight);
  --ag-control-tab-gap: var(--space-1);
  --ag-control-tab-height: 3rem;
  --ag-control-tab-hover-before-opacity: var(--state-hover-opacity);
  --ag-control-tab-indicator-color: var(--primary);
  --ag-control-tab-indicator-height: 3px;
  --ag-control-tab-letter-spacing: var(--type-title-sm-tracking);
  --ag-control-tab-padding: 0 var(--space-4);
  --ag-control-tab-selected-color: var(--c-tab-active-color);
  --ag-control-tab-state-color: var(--on-surface);
  --ag-control-table-bg: var(--surface);
  --ag-control-table-border: color-mix(in srgb, var(--outline-variant) 72%, transparent);
  --ag-control-table-cell-color: var(--on-surface);
  --ag-control-table-cell-padding-block: 0.75rem;
  --ag-control-table-cell-padding-inline: 0.9rem;
  --ag-control-table-cell-size: 0.95rem;
  --ag-control-table-gap: 1rem;
  --ag-control-table-header-bg: color-mix(in srgb, var(--surface-container-low) 92%, var(--surface));
  --ag-control-table-header-color: var(--on-surface-variant);
  --ag-control-table-header-gap: 0.7rem;
  --ag-control-table-header-row-gap: 0.8rem;
  --ag-control-table-header-size: 0.76rem;
  --ag-control-table-header-weight: 650;
  --ag-control-table-meta-color: var(--on-surface-variant);
  --ag-control-table-meta-size: 0.84rem;
  --ag-control-table-radius: 1rem;
  --ag-control-table-row-divider: color-mix(in srgb, var(--outline-variant) 72%, transparent);
  --ag-control-table-row-hover-bg: color-mix(in srgb, var(--surface-container-high) 72%, transparent);
  --ag-control-table-supporting-color: var(--on-surface-variant);
  --ag-control-table-supporting-size: 0.84rem;
  --ag-control-table-title-color: var(--on-surface);
  --ag-control-table-title-size: 1rem;
  --ag-control-table-title-weight: 650;
  --ag-control-table-toolbar-gap: 0.5rem;
  --ag-control-tabs-bg: var(--surface);
  --ag-control-tabs-border-color: var(--surface-variant);
  --ag-control-text-field-bg: transparent;
  --ag-control-text-field-border-color: var(--outline);
  --ag-control-text-field-caret-color: var(--primary);
  --ag-control-text-field-color: var(--on-surface);
  --ag-control-text-field-disabled-border-color: oklch(from var(--on-surface) l c h / 0.12);
  --ag-control-text-field-disabled-color: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-text-field-focus-border-color: var(--primary);
  --ag-control-text-field-focus-outline: 1px solid var(--primary);
  --ag-control-text-field-font-size: var(--type-body-lg-size);
  --ag-control-text-field-hover-border-color: var(--on-surface);
  --ag-control-text-field-lg-font-size: var(--type-body-lg-size);
  --ag-control-text-field-lg-pad-x: var(--space-4);
  --ag-control-text-field-lg-pad-y: var(--space-3);
  --ag-control-text-field-line-height: var(--type-body-lg-line);
  --ag-control-text-field-pad-x: var(--control-pad-x);
  --ag-control-text-field-pad-y: var(--control-pad-y);
  --ag-control-text-field-placeholder-color: var(--on-surface-variant);
  --ag-control-text-field-radius: var(--shape-xs);
  --ag-control-text-field-sm-font-size: var(--type-body-md-size);
  --ag-control-text-field-sm-pad-x: var(--space-2);
  --ag-control-text-field-sm-pad-y: var(--space-1);
  --ag-control-time-picker-bg: var(--surface-container-high);
  --ag-control-time-picker-disabled-hour-disabled-minute-color: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-time-picker-disabled-period-btn-color: oklch(from var(--on-surface) l c h / 0.38);
  --ag-control-time-picker-fields-gap: var(--space-1);
  --ag-control-time-picker-gap: var(--space-3);
  --ag-control-time-picker-hour-focus-minute-focus-background: var(--primary-container);
  --ag-control-time-picker-hour-focus-minute-focus-border-color: var(--primary);
  --ag-control-time-picker-hour-focus-minute-focus-color: var(--on-primary-container);
  --ag-control-time-picker-hour-minute-caret-color: var(--primary);
  --ag-control-time-picker-hour-minute-font-size: var(--type-display-md-size);
  --ag-control-time-picker-hour-minute-font-weight: var(--type-display-md-weight);
  --ag-control-time-picker-input-bg: var(--surface-container-highest);
  --ag-control-time-picker-input-color: var(--on-surface);
  --ag-control-time-picker-input-height: 4.5rem;
  --ag-control-time-picker-input-radius: var(--shape-sm);
  --ag-control-time-picker-input-size: 4.5rem;
  --ag-control-time-picker-padding: var(--space-5);
  --ag-control-time-picker-period-border: 1px solid var(--outline);
  --ag-control-time-picker-period-btn-active-background: var(--tertiary-container);
  --ag-control-time-picker-period-btn-active-color: var(--on-tertiary-container);
  --ag-control-time-picker-period-btn-active-hover-background: var(--tertiary-container);
  --ag-control-time-picker-period-btn-border-top: 1px solid var(--outline);
  --ag-control-time-picker-period-btn-color: var(--on-surface-variant);
  --ag-control-time-picker-period-btn-font-size: var(--type-label-lg-size);
  --ag-control-time-picker-period-btn-font-weight: var(--type-label-lg-weight);
  --ag-control-time-picker-period-btn-hover-background: oklch(from var(--on-surface) l c h / var(--state-hover-opacity));
  --ag-control-time-picker-period-btn-letter-spacing: var(--type-label-lg-tracking);
  --ag-control-time-picker-period-btn-padding: 0 var(--space-3);
  --ag-control-time-picker-radius: var(--shape-xl);
  --ag-control-time-picker-separator-color: var(--on-surface);
  --ag-control-time-picker-separator-font-size: var(--type-display-md-size);
  --ag-control-time-picker-separator-font-weight: var(--type-display-md-weight);
  --ag-control-time-picker-separator-padding: 0 var(--space-1);
  --ag-control-tooltip-below-text-margin-top: var(--space-1);
  --ag-control-tooltip-text-bg: var(--inverse-surface);
  --ag-control-tooltip-text-color: var(--inverse-on-surface);
  --ag-control-tooltip-text-font-size: var(--type-body-sm-size);
  --ag-control-tooltip-text-line-height: var(--type-body-sm-line);
  --ag-control-tooltip-text-margin-bottom: var(--space-1);
  --ag-control-tooltip-text-max-width: 12.5rem;
  --ag-control-tooltip-text-padding: var(--space-1) var(--space-2);
  --ag-control-tooltip-text-radius: var(--shape-xs);
  --ag-control-top-app-bar-actions-gap: var(--space-1);
  --ag-control-top-app-bar-bg: var(--surface);
  --ag-control-top-app-bar-color: var(--on-surface);
  --ag-control-top-app-bar-elevation: var(--elevation-0);
  --ag-control-top-app-bar-gap: var(--space-2);
  --ag-control-top-app-bar-height: 4rem;
  --ag-control-top-app-bar-large-height: 9.5rem;
  --ag-control-top-app-bar-large-title-font-size: var(--type-headline-md-size);
  --ag-control-top-app-bar-large-title-line-height: var(--type-headline-md-line);
  --ag-control-top-app-bar-large-title-pad-bottom: var(--space-5);
  --ag-control-top-app-bar-medium-height: 7rem;
  --ag-control-top-app-bar-medium-title-font-size: var(--type-headline-sm-size);
  --ag-control-top-app-bar-medium-title-line-height: var(--type-headline-sm-line);
  --ag-control-top-app-bar-medium-title-pad-bottom: var(--space-5);
  --ag-control-top-app-bar-pad-x: var(--space-4);
  --ag-control-top-app-bar-scrolled-bg: var(--surface-container);
  --ag-control-top-app-bar-scrolled-elevation: var(--elevation-2);
  --ag-control-top-app-bar-title-font-size: var(--type-title-lg-size);
  --ag-control-top-app-bar-title-font-weight: var(--type-title-lg-weight);
  --ag-control-top-app-bar-title-line-height: var(--type-title-lg-line);
  --ag-layout-cluster-gap: var(--control-gap);
  --ag-layout-cluster-md-gap: var(--space-4);
  --ag-layout-cluster-sm-gap: var(--space-1);
  --ag-layout-stack-gap: var(--control-gap);
  --ag-layout-stack-lg-gap: var(--space-6);
  --ag-layout-stack-md-gap: var(--space-4);
  --ag-layout-stack-sm-gap: var(--space-1);
  --ag-pattern-app-shell-bg: var(--surface);
  --ag-pattern-app-shell-color: var(--on-surface);
  --ag-pattern-app-shell-main-bg: var(--surface);
  --ag-pattern-app-shell-main-padding-block: 2rem;
  --ag-pattern-app-shell-main-padding-inline: 2.4rem;
  --ag-pattern-app-shell-navigation-bg: var(--surface-container-lowest);
  --ag-pattern-app-shell-navigation-border: color-mix(in srgb, var(--outline-variant) 72%, transparent);
  --ag-pattern-app-shell-navigation-padding-block: 1.1rem;
  --ag-pattern-app-shell-navigation-padding-inline: 0.85rem;
  --ag-pattern-app-shell-navigation-width: 18.25rem;
  --ag-pattern-app-shell-rail-gap: 1.6rem;
  --ag-pattern-app-shell-rail-reading-max-width: 50rem;
  --ag-pattern-app-shell-rail-workspace-max-width: 68rem;
  --ag-pattern-board-card-bg: color-mix(in srgb, var(--surface-container) 92%, var(--surface));
  --ag-pattern-board-card-border: color-mix(in srgb, var(--outline-variant) 38%, transparent);
  --ag-pattern-board-card-footer-gap: 0.5rem;
  --ag-pattern-board-card-gap: 0.75rem;
  --ag-pattern-board-card-header-gap: 0.75rem;
  --ag-pattern-board-card-padding: 0.85rem 0.9rem;
  --ag-pattern-board-card-radius: 0.95rem;
  --ag-pattern-board-card-shadow: var(--elevation-1);
  --ag-pattern-board-card-supporting-color: var(--on-surface-variant);
  --ag-pattern-board-card-supporting-size: 0.84rem;
  --ag-pattern-board-card-title-line-height: 1.35;
  --ag-pattern-board-card-title-size: 0.95rem;
  --ag-pattern-board-card-title-weight: 600;
  --ag-pattern-board-column-bg: color-mix(in srgb, var(--surface-container-low) 94%, var(--surface));
  --ag-pattern-board-column-body-gap: 0.75rem;
  --ag-pattern-board-column-border: color-mix(in srgb, var(--outline-variant) 44%, transparent);
  --ag-pattern-board-column-gap: 0.75rem;
  --ag-pattern-board-column-meta-color: var(--on-surface-variant);
  --ag-pattern-board-column-meta-size: 0.8rem;
  --ag-pattern-board-column-padding: 0.85rem;
  --ag-pattern-board-column-radius: 1rem;
  --ag-pattern-board-column-title-color: var(--on-surface-variant);
  --ag-pattern-board-column-title-size: 0.74rem;
  --ag-pattern-board-column-title-tracking: 0.05em;
  --ag-pattern-board-column-title-weight: 650;
  --ag-pattern-board-columns-gap: 1rem;
  --ag-pattern-board-gap: 1rem;
  --ag-pattern-board-header-actions-gap: 0.5rem;
  --ag-pattern-board-header-gap: 0.75rem;
  --ag-pattern-board-header-meta-color: var(--on-surface-variant);
  --ag-pattern-board-header-meta-size: 0.8rem;
  --ag-pattern-board-header-title-color: var(--on-surface-variant);
  --ag-pattern-board-header-title-size: 0.74rem;
  --ag-pattern-board-header-title-weight: 650;
  --ag-pattern-board-min-column-width: 15rem;
  --ag-pattern-composer-bg: color-mix(in srgb, var(--surface-container) 92%, var(--surface));
  --ag-pattern-composer-border: color-mix(in srgb, var(--outline-variant) 52%, transparent);
  --ag-pattern-composer-footer-gap: 0.55rem;
  --ag-pattern-composer-hint-color: var(--on-surface-variant);
  --ag-pattern-composer-hint-size: 0.76rem;
  --ag-pattern-composer-input-caret-color: var(--primary);
  --ag-pattern-composer-input-color: var(--on-surface);
  --ag-pattern-composer-input-font-size: 0.98rem;
  --ag-pattern-composer-input-line-height: 1.38;
  --ag-pattern-composer-input-max-height: 20rem;
  --ag-pattern-composer-input-min-height: 2.45rem;
  --ag-pattern-composer-margin-top: 0.35rem;
  --ag-pattern-composer-meta-gap: 0.45rem;
  --ag-pattern-composer-pad: 0.75rem 0.85rem;
  --ag-pattern-composer-radius: 1.15rem;
  --ag-pattern-composer-shadow: var(--elevation-1);
  --ag-pattern-detail-view-body-gap: 1rem;
  --ag-pattern-detail-view-gap: 1.25rem;
  --ag-pattern-detail-view-header-gap: 0.65rem;
  --ag-pattern-detail-view-header-row-gap: 0.8rem;
  --ag-pattern-detail-view-meta-color: var(--on-surface-variant);
  --ag-pattern-detail-view-meta-size: 0.86rem;
  --ag-pattern-detail-view-supplementary-gap: 1rem;
  --ag-pattern-detail-view-title-color: var(--on-surface);
  --ag-pattern-detail-view-title-line-height: 1.06;
  --ag-pattern-detail-view-title-size: 2rem;
  --ag-pattern-detail-view-title-tracking: -0.018em;
  --ag-pattern-detail-view-title-weight: 650;
  --ag-pattern-detail-view-toolbar-gap: 0.5rem;
  --ag-pattern-editor-panel-bg: color-mix(in srgb, var(--surface-container-low) 94%, var(--surface));
  --ag-pattern-editor-panel-border: color-mix(in srgb, var(--outline-variant) 44%, transparent);
  --ag-pattern-editor-panel-editor-min-height: 18rem;
  --ag-pattern-editor-panel-field-bg: color-mix(in srgb, var(--surface-container-lowest) 86%, var(--surface));
  --ag-pattern-editor-panel-field-border: color-mix(in srgb, var(--outline-variant) 56%, transparent);
  --ag-pattern-editor-panel-field-focus-border: color-mix(in srgb, var(--outline) 38%, transparent);
  --ag-pattern-editor-panel-field-focus-ring: color-mix(in srgb, var(--primary) 72%, transparent);
  --ag-pattern-editor-panel-field-hover-border: color-mix(in srgb, var(--outline) 38%, transparent);
  --ag-pattern-editor-panel-field-line-height: 1.58;
  --ag-pattern-editor-panel-field-pad-x: 0.95rem;
  --ag-pattern-editor-panel-field-pad-y: 0.85rem;
  --ag-pattern-editor-panel-field-radius: 0.95rem;
  --ag-pattern-editor-panel-gap: 0.9rem;
  --ag-pattern-editor-panel-header-gap: 0.8rem;
  --ag-pattern-editor-panel-header-main-gap: 0.35rem;
  --ag-pattern-editor-panel-meta-color: var(--on-surface-variant);
  --ag-pattern-editor-panel-meta-size: 0.8rem;
  --ag-pattern-editor-panel-padding: 1rem;
  --ag-pattern-editor-panel-preview-min-height: 18rem;
  --ag-pattern-editor-panel-radius: 1.15rem;
  --ag-pattern-editor-panel-shadow: var(--elevation-1);
  --ag-pattern-editor-panel-title-color: var(--on-surface-variant);
  --ag-pattern-editor-panel-title-size: 0.74rem;
  --ag-pattern-editor-panel-title-weight: 650;
  --ag-pattern-editor-panel-toolbar-gap: 0.5rem;
  --ag-pattern-editor-preview-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
  --ag-pattern-editor-preview-gap: 1rem;
  --ag-pattern-message-assistant-max-width: 44rem;
  --ag-pattern-message-body-font-size: 0.98rem;
  --ag-pattern-message-body-line-height: 1.66;
  --ag-pattern-message-error-max-width: 46rem;
  --ag-pattern-message-gap: 0.38rem;
  --ag-pattern-message-user-bubble-bg: color-mix(in srgb, var(--surface-container-high) 92%, var(--surface));
  --ag-pattern-message-user-bubble-border: color-mix(in srgb, var(--outline-variant) 40%, transparent);
  --ag-pattern-message-user-max-width: min(35rem, 78%);
  --ag-pattern-message-user-pad-x: 1rem;
  --ag-pattern-message-user-pad-y: 0.82rem;
  --ag-pattern-message-user-radius: 1.05rem;
  --ag-pattern-navigation-actions-gap: 0.35rem;
  --ag-pattern-navigation-gap: 0.9rem;
  --ag-pattern-navigation-groups-gap: 0.65rem;
  --ag-pattern-navigation-header-gap: 0.8rem;
  --ag-pattern-navigation-header-row-gap: 0.75rem;
  --ag-pattern-navigation-meta-color: var(--on-surface-variant);
  --ag-pattern-navigation-meta-size: 0.82rem;
  --ag-pattern-navigation-title-color: var(--on-surface);
  --ag-pattern-navigation-title-size: 0.98rem;
  --ag-pattern-navigation-title-weight: 650;
  --ag-pattern-navigation-tools-gap: 0.5rem;
  --ag-pattern-thread-surface-actions-gap: 0.45rem;
  --ag-pattern-thread-surface-gap: 1.15rem;
  --ag-pattern-thread-surface-header-gap: 0.55rem;
  --ag-pattern-thread-surface-meta-color: var(--on-surface-variant);
  --ag-pattern-thread-surface-meta-size: 0.84rem;
  --ag-pattern-thread-surface-title-line-height: 1.05;
  --ag-pattern-thread-surface-title-size: 2rem;
  --ag-pattern-thread-surface-title-tracking: -0.018em;
  --ag-pattern-thread-surface-title-weight: 650;
  --ag-pattern-transcript-gap: 1.45rem;
  --control-gap: var(--space-2);
  --control-height: auto;
  --control-pad-x: var(--space-3);
  --control-pad-y: var(--space-2);
  --elevation-0: none;
  --elevation-1: 0 1px 3px 1px oklch(0 0 0 / 0.15);
  --elevation-2: 0 2px 6px 2px oklch(0 0 0 / 0.15);
  --elevation-3: 0 4px 8px 3px oklch(0 0 0 / 0.15);
  --elevation-4: 0 6px 10px 4px oklch(0 0 0 / 0.15);
  --elevation-5: 0 8px 12px 6px oklch(0 0 0 / 0.15);
  --error: oklch(0.50 0.19 25);
  --error-container: oklch(0.92 0.05 25);
  --inverse-on-surface: oklch(0.93 0.005 255);
  --inverse-surface: oklch(0.25 0.02 255);
  --on-error: oklch(1.00 0 0);
  --on-error-container: oklch(0.28 0.11 25);
  --on-primary: oklch(1.00 0 0);
  --on-primary-container: oklch(0.25 0.10 255);
  --on-secondary: oklch(1.00 0 0);
  --on-secondary-container: oklch(0.25 0.04 255);
  --on-surface: oklch(0.20 0.02 255);
  --on-surface-variant: oklch(0.45 0.03 255);
  --on-tertiary: oklch(1.00 0 0);
  --on-tertiary-container: oklch(0.25 0.06 180);
  --outline: oklch(0.55 0.02 255);
  --outline-variant: oklch(0.78 0.02 255);
  --primary: oklch(0.48 0.16 255);
  --primary-container: oklch(0.90 0.06 255);
  --scrim: oklch(0 0 0);
  --secondary: oklch(0.48 0.05 255);
  --secondary-container: oklch(0.90 0.03 255);
  --shape-full: 624.9375rem;
  --shape-lg: 1rem;
  --shape-md: 0.75rem;
  --shape-none: 0;
  --shape-sm: 0.5rem;
  --shape-xl: 1.75rem;
  --shape-xs: 0.25rem;
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --state-dragged-opacity: 0.16;
  --state-focus-opacity: 0.1;
  --state-hover-opacity: 0.08;
  --state-pressed-opacity: 0.1;
  --surface: oklch(0.985 0.002 255);
  --surface-container: oklch(0.95 0.003 255);
  --surface-container-high: oklch(0.93 0.004 255);
  --surface-container-highest: oklch(0.91 0.005 255);
  --surface-container-low: oklch(0.97 0.002 255);
  --surface-container-lowest: oklch(1.00 0 0);
  --surface-variant: oklch(0.90 0.02 255);
  --tertiary: oklch(0.48 0.10 180);
  --tertiary-container: oklch(0.90 0.05 180);
  --type-body-lg-line: 1.5rem;
  --type-body-lg-size: 1rem;
  --type-body-lg-tracking: 0.0125rem;
  --type-body-lg-weight: 400;
  --type-body-md-line: 1.25rem;
  --type-body-md-size: 0.875rem;
  --type-body-md-tracking: 0.0094rem;
  --type-body-md-weight: 400;
  --type-body-sm-line: 1rem;
  --type-body-sm-size: 0.75rem;
  --type-body-sm-tracking: 0.0125rem;
  --type-body-sm-weight: 400;
  --type-code-md-line: 1.25rem;
  --type-code-md-size: 0.8125rem;
  --type-code-md-tracking: 0;
  --type-code-md-weight: 400;
  --type-display-lg-line: 4rem;
  --type-display-lg-size: 3.5625rem;
  --type-display-lg-tracking: -0.0156rem;
  --type-display-lg-weight: 400;
  --type-headline-lg-line: 2.5rem;
  --type-headline-lg-size: 2rem;
  --type-headline-lg-tracking: 0;
  --type-headline-lg-weight: 400;
  --type-headline-md-line: 2.25rem;
  --type-headline-md-size: 1.75rem;
  --type-headline-md-tracking: 0;
  --type-headline-md-weight: 400;
  --type-label-lg-line: 1.25rem;
  --type-label-lg-size: 0.875rem;
  --type-label-lg-tracking: 0.0063rem;
  --type-label-lg-weight: 500;
  --type-label-md-line: 1rem;
  --type-label-md-size: 0.75rem;
  --type-label-md-tracking: 0.025rem;
  --type-label-md-weight: 600;
  --type-label-sm-line: 1rem;
  --type-label-sm-size: 0.6875rem;
  --type-label-sm-tracking: 0.025rem;
  --type-label-sm-weight: 600;
  --type-title-lg-line: 1.75rem;
  --type-title-lg-size: 1.375rem;
  --type-title-lg-tracking: 0;
  --type-title-lg-weight: 500;
  --type-title-md-line: 1.5rem;
  --type-title-md-size: 1rem;
  --type-title-md-tracking: 0.0094rem;
  --type-title-md-weight: 500;
  --type-title-sm-line: 1.25rem;
  --type-title-sm-size: 0.875rem;
  --type-title-sm-tracking: 0.0063rem;
  --type-title-sm-weight: 500;
}

[data-theme="light"], [data-ag-theme="light"] {
  --error: oklch(0.50 0.19 25);
  --error-container: oklch(0.92 0.05 25);
  --inverse-on-surface: oklch(0.93 0.005 255);
  --inverse-surface: oklch(0.25 0.02 255);
  --on-error: oklch(1.00 0 0);
  --on-error-container: oklch(0.28 0.11 25);
  --on-primary: oklch(1.00 0 0);
  --on-primary-container: oklch(0.25 0.10 255);
  --on-secondary: oklch(1.00 0 0);
  --on-secondary-container: oklch(0.25 0.04 255);
  --on-surface: oklch(0.20 0.02 255);
  --on-surface-variant: oklch(0.45 0.03 255);
  --on-tertiary: oklch(1.00 0 0);
  --on-tertiary-container: oklch(0.25 0.06 180);
  --outline: oklch(0.55 0.02 255);
  --outline-variant: oklch(0.78 0.02 255);
  --primary: oklch(0.48 0.16 255);
  --primary-container: oklch(0.90 0.06 255);
  --scrim: oklch(0 0 0);
  --secondary: oklch(0.48 0.05 255);
  --secondary-container: oklch(0.90 0.03 255);
  --surface: oklch(0.985 0.002 255);
  --surface-container: oklch(0.95 0.003 255);
  --surface-container-high: oklch(0.93 0.004 255);
  --surface-container-highest: oklch(0.91 0.005 255);
  --surface-container-low: oklch(0.97 0.002 255);
  --surface-container-lowest: oklch(1.00 0 0);
  --surface-variant: oklch(0.90 0.02 255);
  --tertiary: oklch(0.48 0.10 180);
  --tertiary-container: oklch(0.90 0.05 180);
}

[data-theme="dark"], [data-ag-theme="dark"] {
  --error: oklch(0.80 0.10 25);
  --error-container: oklch(0.40 0.14 25);
  --inverse-on-surface: oklch(0.25 0.02 255);
  --inverse-surface: oklch(0.90 0.005 255);
  --on-error: oklch(0.35 0.14 25);
  --on-error-container: oklch(0.92 0.05 25);
  --on-primary: oklch(0.30 0.14 255);
  --on-primary-container: oklch(0.90 0.06 255);
  --on-secondary: oklch(0.30 0.04 255);
  --on-secondary-container: oklch(0.90 0.03 255);
  --on-surface: oklch(0.90 0.005 255);
  --on-surface-variant: oklch(0.78 0.02 255);
  --on-tertiary: oklch(0.30 0.08 180);
  --on-tertiary-container: oklch(0.90 0.05 180);
  --outline: oklch(0.58 0.02 255);
  --outline-variant: oklch(0.35 0.02 255);
  --primary: oklch(0.80 0.12 255);
  --primary-container: oklch(0.38 0.14 255);
  --scrim: oklch(0 0 0);
  --secondary: oklch(0.80 0.04 255);
  --secondary-container: oklch(0.38 0.04 255);
  --surface: oklch(0.17 0.005 255);
  --surface-container: oklch(0.23 0.006 255);
  --surface-container-high: oklch(0.26 0.007 255);
  --surface-container-highest: oklch(0.29 0.008 255);
  --surface-container-low: oklch(0.20 0.005 255);
  --surface-container-lowest: oklch(0.14 0.004 255);
  --surface-variant: oklch(0.35 0.02 255);
  --tertiary: oklch(0.80 0.07 180);
  --tertiary-container: oklch(0.38 0.08 180);
}

[data-density="comfortable"], [data-ag-density="comfortable"], [data-density="normal"], [data-ag-density="normal"] {
  --control-gap: var(--space-2);
  --control-height: auto;
  --control-pad-x: var(--space-3);
  --control-pad-y: var(--space-2);
}

[data-density="compact"], [data-ag-density="compact"] {
  --control-gap: var(--space-1);
  --control-height: auto;
  --control-pad-x: var(--space-2);
  --control-pad-y: var(--space-1);
}