:root {
  --ty-seed-brand-primary: #6e41bf;
  --ty-seed-brand-primary-hover: #8b62d0;
  --ty-seed-brand-primary-active: #5a30a8;
  --ty-seed-brand-primary-surface: #f3eefa;
  --ty-seed-brand-primary-surface-hover: #ece3f7;
  --ty-seed-brand-primary-border: #c4a7e6;
  --ty-seed-brand-primary-text-hover: #8b62d0;
  --ty-seed-status-info: #1890ff;
  --ty-seed-status-info-bg: #e6f7ff;
  --ty-seed-status-info-border: #91d5ff;
  --ty-seed-status-info-text: #096dd9;
  --ty-seed-status-info-hover: #40a9ff;
  --ty-seed-status-info-active: #096dd9;
  --ty-seed-status-success: #52c41a;
  --ty-seed-status-success-bg: #f6ffed;
  --ty-seed-status-success-border: #b7eb8f;
  --ty-seed-status-success-text: #49b10e;
  --ty-seed-status-success-hover: #73d13d;
  --ty-seed-status-success-active: #389e0d;
  --ty-seed-status-warning: #ff9800;
  --ty-seed-status-warning-bg: #fffbe6;
  --ty-seed-status-warning-border: #ffe58f;
  --ty-seed-status-warning-text: #d48806;
  --ty-seed-status-warning-hover: #ffad33;
  --ty-seed-status-warning-active: #e68a00;
  --ty-seed-status-danger: #f44336;
  --ty-seed-status-danger-bg: #fff1f0;
  --ty-seed-status-danger-border: #ffa39e;
  --ty-seed-status-danger-text: #cf1322;
  --ty-seed-status-danger-hover: #ff7875;
  --ty-seed-status-danger-active: #cf1322;
  --ty-seed-brand-chart-1: #6e41bf;
  --ty-seed-brand-chart-2: #1890ff;
  --ty-seed-brand-chart-3: #52c41a;
  --ty-seed-brand-chart-4: #ff9800;
  --ty-seed-brand-chart-5: #f44336;
  --ty-seed-shadow-control: none;
  --ty-seed-shadow-button: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --ty-seed-shadow-card: 0 1px 6px rgba(0, 0, 0, 0.12);
  --ty-seed-shadow-focus: 0 0 0 3px rgba(110, 65, 191, 0.2);
  --ty-seed-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --ty-seed-shadow-modal: 0 4px 12px rgba(0, 0, 0, 0.15);
  --ty-seed-shadow-popup: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --ty-seed-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --ty-seed-space-base: 1rem;
  --ty-seed-space-3: 8px;
  --ty-seed-space-4: 12px;
  --ty-seed-space-5: 16px;
  --ty-seed-size-height-sm: 24px;
  --ty-seed-size-height-md: 35px;
  --ty-seed-size-height-lg: 44px;
  --ty-seed-radius-base: 6px;
  --ty-seed-gap-control-sm: 4px;
  --ty-seed-gap-control-md: 6px;
  --ty-seed-gap-control-lg: 8px;
  --ty-seed-border-width-base: 1px;
  --ty-seed-layer-focus: 1;
  --ty-seed-surface-page: #ffffff;
  --ty-seed-surface-container: #ffffff;
  --ty-seed-surface-elevated: #ffffff;
  --ty-seed-surface-layout: #ffffff;
  --ty-seed-surface-spotlight: #f5f5f5;
  --ty-seed-surface-disabled: #f5f5f5;
  --ty-seed-surface-fill-base: #fafafa;
  --ty-seed-surface-fill-secondary: #f5f5f5;
  --ty-seed-surface-fill-tertiary: #f0f0f0;
  --ty-seed-text-base: rgba(0, 0, 0, 0.85);
  --ty-seed-text-label: rgba(0, 0, 0, 0.85);
  --ty-seed-text-secondary: rgba(0, 0, 0, 0.65);
  --ty-seed-text-tertiary: rgba(0, 0, 0, 0.45);
  --ty-seed-text-heading: rgba(0, 0, 0, 0.85);
  --ty-seed-text-placeholder: #bfbfbf;
  --ty-seed-text-quaternary: rgba(0, 0, 0, 0.25);
  --ty-seed-border-base: #d9d9d9;
  --ty-seed-border-light: #f0f0f0;
  --ty-seed-border-secondary: #e8e8e8;
  --ty-seed-border-button-default: #d0d0d5;
  --ty-seed-overlay-backdrop: rgba(0, 0, 0, 0.55);
  --ty-seed-overlay-inverted: rgba(255, 255, 255, 0.75);
  --ty-seed-font-family-sans: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --ty-seed-font-family-monospace: lucida console, consolas, monaco, andale mono, ubuntu mono, monospace;
  --ty-seed-font-size-sm: 12px;
  --ty-seed-font-size-base: 14px;
  --ty-seed-font-size-lg: 16px;
  --ty-seed-font-weight-regular: 400;
  --ty-seed-font-weight-medium: 500;
  --ty-seed-font-weight-heading: 500;
  --ty-seed-line-height-base: 1.5715;
  --ty-seed-heading-size-h1: 2.5rem;
  --ty-seed-heading-size-h2: 2rem;
  --ty-seed-heading-size-h3: 1.75rem;
  --ty-seed-heading-size-h4: 1.5rem;
  --ty-seed-heading-size-h5: 1.25rem;
  --ty-seed-heading-size-h6: 1rem;
  --ty-chart-1: var(--ty-seed-brand-chart-1);
  --ty-chart-2: var(--ty-seed-brand-chart-2);
  --ty-chart-3: var(--ty-seed-brand-chart-3);
  --ty-chart-4: var(--ty-seed-brand-chart-4);
  --ty-chart-5: var(--ty-seed-brand-chart-5);
  --ty-color-bg-container: var(--ty-seed-surface-container);
  --ty-color-bg: var(--ty-seed-surface-page);
  --ty-color-bg-elevated: var(--ty-seed-surface-elevated);
  --ty-color-bg-layout: var(--ty-seed-surface-layout);
  --ty-color-bg-spotlight: var(--ty-seed-surface-spotlight);
  --ty-color-bg-disabled: var(--ty-seed-surface-disabled);
  --ty-color-fill: var(--ty-seed-surface-fill-base);
  --ty-color-text: var(--ty-seed-text-base);
  --ty-color-text-label: var(--ty-seed-text-label);
  --ty-color-text-secondary: var(--ty-seed-text-secondary);
  --ty-color-text-tertiary: var(--ty-seed-text-tertiary);
  --ty-color-text-heading: var(--ty-seed-text-heading);
  --ty-color-text-placeholder: var(--ty-seed-text-placeholder);
  --ty-color-text-quaternary: var(--ty-seed-text-quaternary);
  --ty-color-border: var(--ty-seed-border-base);
  --ty-color-border-light: var(--ty-seed-border-light);
  --ty-color-border-secondary: var(--ty-seed-border-secondary);
  --ty-color-border-btn-default: var(--ty-seed-border-button-default);
  --ty-color-primary: var(--ty-seed-brand-primary);
  --ty-color-primary-hover: var(--ty-seed-brand-primary-hover);
  --ty-color-primary-active: var(--ty-seed-brand-primary-active);
  --ty-color-primary-bg: var(--ty-seed-brand-primary-surface);
  --ty-color-primary-border: var(--ty-seed-brand-primary-border);
  --ty-color-primary-bg-hover: var(--ty-seed-brand-primary-surface-hover);
  --ty-color-primary-text-hover: var(--ty-seed-brand-primary-text-hover);
  --ty-color-info: var(--ty-seed-status-info);
  --ty-color-info-bg: var(--ty-seed-status-info-bg);
  --ty-color-info-border: var(--ty-seed-status-info-border);
  --ty-color-info-text: var(--ty-seed-status-info-text);
  --ty-color-info-hover: var(--ty-seed-status-info-hover);
  --ty-color-info-active: var(--ty-seed-status-info-active);
  --ty-color-success: var(--ty-seed-status-success);
  --ty-color-success-bg: var(--ty-seed-status-success-bg);
  --ty-color-success-border: var(--ty-seed-status-success-border);
  --ty-color-success-text: var(--ty-seed-status-success-text);
  --ty-color-success-hover: var(--ty-seed-status-success-hover);
  --ty-color-success-active: var(--ty-seed-status-success-active);
  --ty-color-warning: var(--ty-seed-status-warning);
  --ty-color-warning-bg: var(--ty-seed-status-warning-bg);
  --ty-color-warning-border: var(--ty-seed-status-warning-border);
  --ty-color-warning-text: var(--ty-seed-status-warning-text);
  --ty-color-warning-hover: var(--ty-seed-status-warning-hover);
  --ty-color-warning-active: var(--ty-seed-status-warning-active);
  --ty-color-danger: var(--ty-seed-status-danger);
  --ty-color-danger-bg: var(--ty-seed-status-danger-bg);
  --ty-color-danger-border: var(--ty-seed-status-danger-border);
  --ty-color-danger-text: var(--ty-seed-status-danger-text);
  --ty-color-danger-hover: var(--ty-seed-status-danger-hover);
  --ty-color-danger-active: var(--ty-seed-status-danger-active);
  --ty-color-fill-secondary: var(--ty-seed-surface-fill-secondary);
  --ty-color-fill-tertiary: var(--ty-seed-surface-fill-tertiary);
  --ty-color-overlay-bg: var(--ty-seed-overlay-backdrop);
  --ty-color-overlay-inverted: var(--ty-seed-overlay-inverted);
  --ty-control-group-radius: var(--ty-control-radius);
  --ty-control-group-border-width: var(--ty-seed-border-width-base);
  --ty-control-group-divider-color: var(--ty-color-border-secondary);
  --ty-control-group-focus-z-index: var(--ty-seed-layer-focus);
  --ty-control-radius: var(--ty-border-radius);
  --ty-control-height-sm: var(--ty-height-sm);
  --ty-control-height-md: var(--ty-height-md);
  --ty-control-height-lg: var(--ty-height-lg);
  --ty-control-font-size-sm: var(--ty-font-size-sm);
  --ty-control-font-size-md: var(--ty-font-size-base);
  --ty-control-font-size-lg: var(--ty-font-size-lg);
  --ty-control-padding-inline-sm: var(--ty-spacing-3);
  --ty-control-padding-inline-md: var(--ty-spacing-4);
  --ty-control-padding-inline-lg: var(--ty-spacing-5);
  --ty-control-gap-sm: var(--ty-seed-gap-control-sm);
  --ty-control-gap-md: var(--ty-seed-gap-control-md);
  --ty-control-gap-lg: var(--ty-seed-gap-control-lg);
  --ty-shadow-control: var(--ty-seed-shadow-control);
  --ty-shadow-btn: var(--ty-seed-shadow-button);
  --ty-shadow-card: var(--ty-seed-shadow-card);
  --ty-shadow-focus: var(--ty-seed-shadow-focus);
  --ty-shadow-lg: var(--ty-seed-shadow-lg);
  --ty-shadow-modal: var(--ty-seed-shadow-modal);
  --ty-shadow-popup: var(--ty-seed-shadow-popup);
  --ty-shadow-sm: var(--ty-seed-shadow-sm);
  --ty-height-sm: var(--ty-seed-size-height-sm);
  --ty-height-md: var(--ty-seed-size-height-md);
  --ty-height-lg: var(--ty-seed-size-height-lg);
  --ty-border-radius: var(--ty-seed-radius-base);
  --ty-spacer: var(--ty-seed-space-base);
  --ty-spacing-3: var(--ty-seed-space-3);
  --ty-spacing-4: var(--ty-seed-space-4);
  --ty-spacing-5: var(--ty-seed-space-5);
  --ty-font-family: var(--ty-seed-font-family-sans);
  --ty-font-family-monospace: var(--ty-seed-font-family-monospace);
  --ty-font-size-sm: var(--ty-seed-font-size-sm);
  --ty-font-size-base: var(--ty-seed-font-size-base);
  --ty-font-size-lg: var(--ty-seed-font-size-lg);
  --ty-font-weight: var(--ty-seed-font-weight-regular);
  --ty-font-weight-medium: var(--ty-seed-font-weight-medium);
  --ty-headings-font-weight: var(--ty-seed-font-weight-heading);
  --ty-line-height-base: var(--ty-seed-line-height-base);
  --ty-h1-font-size: var(--ty-seed-heading-size-h1);
  --ty-h2-font-size: var(--ty-seed-heading-size-h2);
  --ty-h3-font-size: var(--ty-seed-heading-size-h3);
  --ty-h4-font-size: var(--ty-seed-heading-size-h4);
  --ty-h5-font-size: var(--ty-seed-heading-size-h5);
  --ty-h6-font-size: var(--ty-seed-heading-size-h6);
  --ty-alert-border-radius: 3px;
  --ty-alert-padding: 10px 30px 10px 13px;
  --ty-alert-font-weight: var(--ty-font-weight);
  --ty-alert-font-size: var(--ty-font-size-base);
  --ty-alert-transition-duration: 300ms;
  --ty-alert-stack-gap: 14px;
  --ty-alert-title-font-size: 17px;
  --ty-alert-title-font-weight: 500;
  --ty-alert-title-margin-bottom: 5px;
  --ty-alert-desc-line-height: 16px;
  --ty-alert-icon-gap: 7px;
  --ty-alert-icon-offset-top: 1px;
  --ty-alert-close-offset-top: 10px;
  --ty-alert-close-offset-inline-end: 13px;
  --ty-anchor-ball-bg: var(--ty-color-bg-container);
  --ty-anchor-bg: var(--ty-color-bg-container);
  --ty-anchor-ball-border: var(--ty-color-primary);
  --ty-anchor-link-color: var(--ty-color-text-secondary);
  --ty-anchor-link-color-active: var(--ty-color-primary);
  --ty-anchor-link-padding: 7px 0 7px 16px;
  --ty-anchor-link-title-margin-bottom: 5px;
  --ty-anchor-ink-bg: var(--ty-color-fill-tertiary);
  --ty-auto-complete-opacity-disabled: 0.6;
  --ty-auto-complete-dropdown-padding: 4px 0;
  --ty-auto-complete-dropdown-bg: var(--ty-color-bg-container);
  --ty-auto-complete-dropdown-shadow: var(--ty-shadow-popup);
  --ty-auto-complete-dropdown-radius: var(--ty-border-radius);
  --ty-auto-complete-dropdown-font-size: var(--ty-font-size-base);
  --ty-auto-complete-dropdown-max-height: 300px;
  --ty-auto-complete-empty-padding: 16px;
  --ty-auto-complete-empty-color: var(--ty-color-text-quaternary);
  --ty-auto-complete-empty-font-size: var(--ty-font-size-sm);
  --ty-auto-complete-option-padding: 7px 12px;
  --ty-auto-complete-option-font-size: 14px;
  --ty-auto-complete-option-line-height: 22px;
  --ty-auto-complete-option-color: var(--ty-color-text);
  --ty-auto-complete-option-active-bg: var(--ty-color-fill-secondary);
  --ty-auto-complete-option-disabled-opacity: 0.5;
  --ty-avatar-bg: #ccc;
  --ty-avatar-border: var(--ty-color-bg-container);
  --ty-avatar-border-radius: var(--ty-border-radius);
  --ty-avatar-color: #fff;
  --ty-avatar-offline-color: #ced4da;
  --ty-avatar-presence-shadow: 0 0 0 0.1rem #fff;
  --ty-avatar-border-width: 2px;
  --ty-avatar-presence-size: 0.4em;
  --ty-avatar-presence-color-online: var(--ty-color-success);
  --ty-avatar-presence-color-busy: var(--ty-color-danger);
  --ty-avatar-presence-color-away: var(--ty-color-warning);
  --ty-back-top-bg: rgba(0, 0, 0, 0.3);
  --ty-back-top-offset-inline-end: 40px;
  --ty-back-top-offset-bottom: 30px;
  --ty-back-top-size: 45px;
  --ty-back-top-radius: 50%;
  --ty-badge-dot-size: 6px;
  --ty-badge-font-size: 12px;
  --ty-badge-shadow: 0 0 0 1.5px #fff;
  --ty-badge-size: 18px;
  --ty-badge-count-padding: 0 5px;
  --ty-badge-count-color: #fff;
  --ty-badge-font-weight: 400;
  --ty-badge-z-index: 10;
  --ty-button-radius: var(--ty-control-radius);
  --ty-button-line-height: var(--ty-line-height-base);
  --ty-button-min-width: auto;
  --ty-button-group-gap: 0;
  --ty-button-group-divider-color: var(--ty-color-border-secondary);
  --ty-button-round-radius: var(--ty-height-lg);
  --ty-button-loading-bg: var(--ty-color-bg-container);
  --ty-button-loading-opacity: 0.35;
  --ty-button-solid-default-shadow: var(--ty-shadow-control);
  --ty-button-solid-default-shadow-hover: var(--ty-shadow-control);
  --ty-button-solid-default-shadow-active: var(--ty-shadow-control);
  --ty-button-outline-default-shadow: var(--ty-shadow-control);
  --ty-button-outline-default-shadow-hover: var(--ty-shadow-control);
  --ty-button-outline-default-shadow-active: var(--ty-shadow-control);
  --ty-button-font-size-sm: var(--ty-control-font-size-sm);
  --ty-button-font-size-md: var(--ty-control-font-size-md);
  --ty-button-font-size-lg: var(--ty-control-font-size-lg);
  --ty-button-height-sm: var(--ty-control-height-sm);
  --ty-button-height-md: var(--ty-control-height-md);
  --ty-button-height-lg: var(--ty-control-height-lg);
  --ty-button-padding-inline-sm: var(--ty-control-padding-inline-sm);
  --ty-button-padding-inline-md: 15px;
  --ty-button-padding-inline-lg: 20px;
  --ty-button-gap-sm: var(--ty-control-gap-sm);
  --ty-button-gap-md: var(--ty-control-gap-md);
  --ty-button-gap-lg: var(--ty-control-gap-lg);
  --ty-button-icon-size-sm: 14px;
  --ty-button-icon-size-md: 16px;
  --ty-button-icon-size-lg: 18px;
  --ty-button-disabled-text: var(--ty-color-text-quaternary);
  --ty-button-disabled-bg: var(--ty-color-bg-disabled);
  --ty-button-disabled-border: var(--ty-color-border);
  --ty-button-text-link-disabled: var(--ty-color-text-quaternary);
  --ty-button-solid-default-text: var(--ty-color-text);
  --ty-button-solid-default-bg: var(--ty-color-bg-container);
  --ty-button-solid-default-border: var(--ty-color-border-btn-default);
  --ty-button-solid-default-text-hover: var(--ty-color-primary);
  --ty-button-solid-default-bg-hover: var(--ty-color-bg-container);
  --ty-button-solid-default-border-hover: var(--ty-color-primary);
  --ty-button-solid-default-text-active: var(--ty-color-primary);
  --ty-button-solid-default-bg-active: var(--ty-color-fill);
  --ty-button-solid-default-border-active: var(--ty-color-primary);
  --ty-button-outline-default-text: var(--ty-color-text);
  --ty-button-outline-default-bg: var(--ty-color-bg-container);
  --ty-button-outline-default-border: var(--ty-color-border-btn-default);
  --ty-button-outline-default-text-hover: var(--ty-color-text);
  --ty-button-outline-default-bg-hover: var(--ty-color-fill);
  --ty-button-outline-default-border-hover: var(--ty-color-border);
  --ty-button-outline-default-text-active: var(--ty-color-text);
  --ty-button-outline-default-bg-active: var(--ty-color-fill-secondary);
  --ty-button-outline-default-border-active: var(--ty-color-border-secondary);
  --ty-button-ghost-default-text: var(--ty-color-text);
  --ty-button-ghost-default-bg: transparent;
  --ty-button-ghost-default-border: transparent;
  --ty-button-ghost-default-text-hover: var(--ty-color-text);
  --ty-button-ghost-default-bg-hover: var(--ty-color-fill);
  --ty-button-ghost-default-border-hover: transparent;
  --ty-button-ghost-default-text-active: var(--ty-color-text);
  --ty-button-ghost-default-bg-active: var(--ty-color-fill-secondary);
  --ty-button-ghost-default-border-active: transparent;
  --ty-button-link-default-text: var(--ty-color-text);
  --ty-button-link-default-bg: transparent;
  --ty-button-link-default-border: transparent;
  --ty-button-link-default-text-hover: var(--ty-color-text);
  --ty-button-link-default-bg-hover: transparent;
  --ty-button-link-default-border-hover: transparent;
  --ty-button-link-default-text-active: var(--ty-color-text);
  --ty-button-link-default-bg-active: transparent;
  --ty-button-link-default-border-active: transparent;
  --ty-button-solid-primary-text: #fff;
  --ty-button-solid-primary-bg: var(--ty-color-primary);
  --ty-button-solid-primary-border: var(--ty-color-primary);
  --ty-button-solid-primary-text-hover: #fff;
  --ty-button-solid-primary-bg-hover: var(--ty-color-primary-hover);
  --ty-button-solid-primary-border-hover: var(--ty-color-primary-hover);
  --ty-button-solid-primary-text-active: #fff;
  --ty-button-solid-primary-bg-active: var(--ty-color-primary-active);
  --ty-button-solid-primary-border-active: var(--ty-color-primary-active);
  --ty-button-outline-primary-text: var(--ty-color-primary);
  --ty-button-outline-primary-bg: var(--ty-color-bg-container);
  --ty-button-outline-primary-border: var(--ty-color-primary);
  --ty-button-outline-primary-text-hover: var(--ty-color-primary);
  --ty-button-outline-primary-bg-hover: var(--ty-color-primary-bg);
  --ty-button-outline-primary-border-hover: var(--ty-color-primary-hover);
  --ty-button-outline-primary-text-active: var(--ty-color-primary);
  --ty-button-outline-primary-bg-active: var(--ty-color-primary-bg-hover);
  --ty-button-outline-primary-border-active: var(--ty-color-primary-active);
  --ty-button-ghost-primary-text: var(--ty-color-primary);
  --ty-button-ghost-primary-bg: transparent;
  --ty-button-ghost-primary-border: transparent;
  --ty-button-ghost-primary-text-hover: var(--ty-color-primary);
  --ty-button-ghost-primary-bg-hover: var(--ty-color-primary-bg);
  --ty-button-ghost-primary-border-hover: transparent;
  --ty-button-ghost-primary-text-active: var(--ty-color-primary);
  --ty-button-ghost-primary-bg-active: var(--ty-color-primary-bg-hover);
  --ty-button-ghost-primary-border-active: transparent;
  --ty-button-link-primary-text: var(--ty-color-primary);
  --ty-button-link-primary-bg: transparent;
  --ty-button-link-primary-border: transparent;
  --ty-button-link-primary-text-hover: var(--ty-color-primary);
  --ty-button-link-primary-bg-hover: transparent;
  --ty-button-link-primary-border-hover: transparent;
  --ty-button-link-primary-text-active: var(--ty-color-primary);
  --ty-button-link-primary-bg-active: transparent;
  --ty-button-link-primary-border-active: transparent;
  --ty-button-solid-info-text: #fff;
  --ty-button-solid-info-bg: var(--ty-color-info);
  --ty-button-solid-info-border: var(--ty-color-info);
  --ty-button-solid-info-text-hover: #fff;
  --ty-button-solid-info-bg-hover: var(--ty-color-info-hover);
  --ty-button-solid-info-border-hover: var(--ty-color-info-hover);
  --ty-button-solid-info-text-active: #fff;
  --ty-button-solid-info-bg-active: var(--ty-color-info-active);
  --ty-button-solid-info-border-active: var(--ty-color-info-active);
  --ty-button-outline-info-text: var(--ty-color-info);
  --ty-button-outline-info-bg: var(--ty-color-bg-container);
  --ty-button-outline-info-border: var(--ty-color-info);
  --ty-button-outline-info-text-hover: var(--ty-color-info);
  --ty-button-outline-info-bg-hover: rgba(64, 169, 255, 0.12);
  --ty-button-outline-info-border-hover: var(--ty-color-info-hover);
  --ty-button-outline-info-text-active: var(--ty-color-info);
  --ty-button-outline-info-bg-active: rgba(64, 169, 255, 0.18);
  --ty-button-outline-info-border-active: var(--ty-color-info-active);
  --ty-button-ghost-info-text: var(--ty-color-info);
  --ty-button-ghost-info-bg: transparent;
  --ty-button-ghost-info-border: transparent;
  --ty-button-ghost-info-text-hover: var(--ty-color-info);
  --ty-button-ghost-info-bg-hover: rgba(64, 169, 255, 0.12);
  --ty-button-ghost-info-border-hover: transparent;
  --ty-button-ghost-info-text-active: var(--ty-color-info);
  --ty-button-ghost-info-bg-active: rgba(64, 169, 255, 0.18);
  --ty-button-ghost-info-border-active: transparent;
  --ty-button-link-info-text: var(--ty-color-info);
  --ty-button-link-info-bg: transparent;
  --ty-button-link-info-border: transparent;
  --ty-button-link-info-text-hover: var(--ty-color-info);
  --ty-button-link-info-bg-hover: transparent;
  --ty-button-link-info-border-hover: transparent;
  --ty-button-link-info-text-active: var(--ty-color-info);
  --ty-button-link-info-bg-active: transparent;
  --ty-button-link-info-border-active: transparent;
  --ty-button-solid-success-text: #fff;
  --ty-button-solid-success-bg: var(--ty-color-success);
  --ty-button-solid-success-border: var(--ty-color-success);
  --ty-button-solid-success-text-hover: #fff;
  --ty-button-solid-success-bg-hover: var(--ty-color-success-hover);
  --ty-button-solid-success-border-hover: var(--ty-color-success-hover);
  --ty-button-solid-success-text-active: #fff;
  --ty-button-solid-success-bg-active: var(--ty-color-success-active);
  --ty-button-solid-success-border-active: var(--ty-color-success-active);
  --ty-button-outline-success-text: var(--ty-color-success);
  --ty-button-outline-success-bg: var(--ty-color-bg-container);
  --ty-button-outline-success-border: var(--ty-color-success);
  --ty-button-outline-success-text-hover: var(--ty-color-success);
  --ty-button-outline-success-bg-hover: rgba(82, 196, 26, 0.12);
  --ty-button-outline-success-border-hover: var(--ty-color-success-hover);
  --ty-button-outline-success-text-active: var(--ty-color-success);
  --ty-button-outline-success-bg-active: rgba(82, 196, 26, 0.18);
  --ty-button-outline-success-border-active: var(--ty-color-success-active);
  --ty-button-ghost-success-text: var(--ty-color-success);
  --ty-button-ghost-success-bg: transparent;
  --ty-button-ghost-success-border: transparent;
  --ty-button-ghost-success-text-hover: var(--ty-color-success);
  --ty-button-ghost-success-bg-hover: rgba(82, 196, 26, 0.12);
  --ty-button-ghost-success-border-hover: transparent;
  --ty-button-ghost-success-text-active: var(--ty-color-success);
  --ty-button-ghost-success-bg-active: rgba(82, 196, 26, 0.18);
  --ty-button-ghost-success-border-active: transparent;
  --ty-button-link-success-text: var(--ty-color-success);
  --ty-button-link-success-bg: transparent;
  --ty-button-link-success-border: transparent;
  --ty-button-link-success-text-hover: var(--ty-color-success);
  --ty-button-link-success-bg-hover: transparent;
  --ty-button-link-success-border-hover: transparent;
  --ty-button-link-success-text-active: var(--ty-color-success);
  --ty-button-link-success-bg-active: transparent;
  --ty-button-link-success-border-active: transparent;
  --ty-button-solid-warning-text: #fff;
  --ty-button-solid-warning-bg: var(--ty-color-warning);
  --ty-button-solid-warning-border: var(--ty-color-warning);
  --ty-button-solid-warning-text-hover: #fff;
  --ty-button-solid-warning-bg-hover: var(--ty-color-warning-hover);
  --ty-button-solid-warning-border-hover: var(--ty-color-warning-hover);
  --ty-button-solid-warning-text-active: #fff;
  --ty-button-solid-warning-bg-active: var(--ty-color-warning-active);
  --ty-button-solid-warning-border-active: var(--ty-color-warning-active);
  --ty-button-outline-warning-text: var(--ty-color-warning);
  --ty-button-outline-warning-bg: var(--ty-color-bg-container);
  --ty-button-outline-warning-border: var(--ty-color-warning);
  --ty-button-outline-warning-text-hover: var(--ty-color-warning);
  --ty-button-outline-warning-bg-hover: rgba(250, 173, 20, 0.12);
  --ty-button-outline-warning-border-hover: var(--ty-color-warning-hover);
  --ty-button-outline-warning-text-active: var(--ty-color-warning);
  --ty-button-outline-warning-bg-active: rgba(250, 173, 20, 0.18);
  --ty-button-outline-warning-border-active: var(--ty-color-warning-active);
  --ty-button-ghost-warning-text: var(--ty-color-warning);
  --ty-button-ghost-warning-bg: transparent;
  --ty-button-ghost-warning-border: transparent;
  --ty-button-ghost-warning-text-hover: var(--ty-color-warning);
  --ty-button-ghost-warning-bg-hover: rgba(250, 173, 20, 0.12);
  --ty-button-ghost-warning-border-hover: transparent;
  --ty-button-ghost-warning-text-active: var(--ty-color-warning);
  --ty-button-ghost-warning-bg-active: rgba(250, 173, 20, 0.18);
  --ty-button-ghost-warning-border-active: transparent;
  --ty-button-link-warning-text: var(--ty-color-warning);
  --ty-button-link-warning-bg: transparent;
  --ty-button-link-warning-border: transparent;
  --ty-button-link-warning-text-hover: var(--ty-color-warning);
  --ty-button-link-warning-bg-hover: transparent;
  --ty-button-link-warning-border-hover: transparent;
  --ty-button-link-warning-text-active: var(--ty-color-warning);
  --ty-button-link-warning-bg-active: transparent;
  --ty-button-link-warning-border-active: transparent;
  --ty-button-solid-danger-text: #fff;
  --ty-button-solid-danger-bg: var(--ty-color-danger);
  --ty-button-solid-danger-border: var(--ty-color-danger);
  --ty-button-solid-danger-text-hover: #fff;
  --ty-button-solid-danger-bg-hover: var(--ty-color-danger-hover);
  --ty-button-solid-danger-border-hover: var(--ty-color-danger-hover);
  --ty-button-solid-danger-text-active: #fff;
  --ty-button-solid-danger-bg-active: var(--ty-color-danger-active);
  --ty-button-solid-danger-border-active: var(--ty-color-danger-active);
  --ty-button-outline-danger-text: var(--ty-color-danger);
  --ty-button-outline-danger-bg: var(--ty-color-bg-container);
  --ty-button-outline-danger-border: var(--ty-color-danger);
  --ty-button-outline-danger-text-hover: var(--ty-color-danger);
  --ty-button-outline-danger-bg-hover: rgba(255, 77, 79, 0.12);
  --ty-button-outline-danger-border-hover: var(--ty-color-danger-hover);
  --ty-button-outline-danger-text-active: var(--ty-color-danger);
  --ty-button-outline-danger-bg-active: rgba(255, 77, 79, 0.18);
  --ty-button-outline-danger-border-active: var(--ty-color-danger-active);
  --ty-button-ghost-danger-text: var(--ty-color-danger);
  --ty-button-ghost-danger-bg: transparent;
  --ty-button-ghost-danger-border: transparent;
  --ty-button-ghost-danger-text-hover: var(--ty-color-danger);
  --ty-button-ghost-danger-bg-hover: rgba(255, 77, 79, 0.12);
  --ty-button-ghost-danger-border-hover: transparent;
  --ty-button-ghost-danger-text-active: var(--ty-color-danger);
  --ty-button-ghost-danger-bg-active: rgba(255, 77, 79, 0.18);
  --ty-button-ghost-danger-border-active: transparent;
  --ty-button-link-danger-text: var(--ty-color-danger);
  --ty-button-link-danger-bg: transparent;
  --ty-button-link-danger-border: transparent;
  --ty-button-link-danger-text-hover: var(--ty-color-danger);
  --ty-button-link-danger-bg-hover: transparent;
  --ty-button-link-danger-border-hover: transparent;
  --ty-button-link-danger-text-active: var(--ty-color-danger);
  --ty-button-link-danger-bg-active: transparent;
  --ty-button-link-danger-border-active: transparent;
  --ty-calendar-bg: var(--ty-color-bg-container);
  --ty-calendar-border: #e9ecef;
  --ty-calendar-radius: var(--ty-border-radius);
  --ty-calendar-cell-hover-bg: #f6f9fc;
  --ty-calendar-header-padding: 8px 12px;
  --ty-calendar-header-action-size: 28px;
  --ty-calendar-header-action-radius: 4px;
  --ty-calendar-header-action-font-size: 18px;
  --ty-calendar-header-action-color: var(--ty-color-text-tertiary);
  --ty-calendar-header-action-color-hover: var(--ty-color-primary);
  --ty-calendar-header-action-hover-bg: var(--ty-color-fill-secondary);
  --ty-calendar-header-action-focus-ring: var(--ty-color-primary-border);
  --ty-calendar-header-label-font-size: 16px;
  --ty-calendar-header-label-font-weight: 500;
  --ty-calendar-header-caption-gap: 8px;
  --ty-calendar-header-label-min-height: 32px;
  --ty-calendar-header-label-padding-inline: 10px;
  --ty-calendar-header-label-radius: 4px;
  --ty-calendar-header-label-color: var(--ty-color-text);
  --ty-calendar-header-label-color-hover: var(--ty-color-primary);
  --ty-calendar-header-label-hover-bg: var(--ty-color-fill-secondary);
  --ty-calendar-header-label-focus-ring: var(--ty-color-primary-border);
  --ty-calendar-body-padding: 8px;
  --ty-calendar-cell-header-font-size: var(--ty-font-size-sm);
  --ty-calendar-cell-header-padding: 8px 0;
  --ty-calendar-cell-header-color: var(--ty-color-text-secondary);
  --ty-calendar-week-number-color: var(--ty-color-text-quaternary);
  --ty-calendar-week-number-width: 32px;
  --ty-calendar-week-number-font-size: 12px;
  --ty-calendar-week-number-padding: 4px 0;
  --ty-calendar-cell-color: var(--ty-color-text);
  --ty-calendar-cell-color-muted: var(--ty-color-text-quaternary);
  --ty-calendar-cell-disabled-bg: var(--ty-color-bg-disabled);
  --ty-calendar-cell-today-border: var(--ty-color-primary);
  --ty-calendar-cell-selected-bg: var(--ty-color-primary);
  --ty-calendar-cell-selected-color: #fff;
  --ty-calendar-range-bg: var(--ty-color-primary-bg);
  --ty-calendar-cell-focus-outline: var(--ty-color-primary);
  --ty-calendar-cell-date-font-size: var(--ty-font-size-sm);
  --ty-calendar-cell-date-line-height: 24px;
  --ty-calendar-cell-date-min-width: 24px;
  --ty-calendar-cell-inner-padding: 4px;
  --ty-calendar-cell-inner-min-height: 24px;
  --ty-calendar-cell-inner-padding-fullscreen: 4px 8px;
  --ty-calendar-cell-inner-min-height-fullscreen: 60px;
  --ty-calendar-cell-content-font-size: 12px;
  --ty-calendar-cell-content-margin-top: 2px;
  --ty-calendar-cell-dot-size: 6px;
  --ty-calendar-cell-dot-color: var(--ty-color-primary);
  --ty-calendar-panel-grid-gap: 8px;
  --ty-calendar-panel-padding: 8px;
  --ty-calendar-panel-item-min-height: 48px;
  --ty-calendar-panel-item-padding-inline: 8px;
  --ty-calendar-panel-item-radius: var(--ty-border-radius);
  --ty-calendar-panel-item-hover-bg: var(--ty-color-fill-secondary);
  --ty-calendar-panel-item-selected-color: #fff;
  --ty-calendar-panel-item-selected-bg: var(--ty-color-primary);
  --ty-calendar-panel-item-selected-hover-bg: var(--ty-color-primary-hover);
  --ty-calendar-month-content-font-size: 12px;
  --ty-calendar-month-content-margin-top: 4px;
  --ty-calendar-decade-font-size: var(--ty-font-size-base);
  --ty-calendar-decade-color-out: var(--ty-color-text-quaternary);
  --ty-calendar-footer-padding: 8px 12px;
  --ty-calendar-today-color: var(--ty-color-primary);
  --ty-calendar-today-color-hover: var(--ty-color-primary-hover);
  --ty-calendar-today-font-size: 13px;
  --ty-calendar-today-hover-bg: var(--ty-color-primary-bg);
  --ty-calendar-today-active-bg: var(--ty-color-primary-bg-hover);
  --ty-calendar-today-focus-ring: var(--ty-color-primary-border);
  --ty-card-radius: var(--ty-border-radius);
  --ty-card-bg: var(--ty-color-bg-container);
  --ty-card-bg-filled: var(--ty-color-fill);
  --ty-card-border: var(--ty-color-border-secondary);
  --ty-card-shadow: var(--ty-shadow-card);
  --ty-card-shadow-hover: var(--ty-shadow-card);
  --ty-card-header-padding: var(--ty-spacing-5);
  --ty-card-body-padding: var(--ty-spacing-5);
  --ty-card-footer-padding: var(--ty-spacing-5);
  --ty-card-header-color: var(--ty-color-text-heading);
  --ty-card-header-font-size: var(--ty-font-size-base);
  --ty-card-header-font-weight: var(--ty-font-weight-medium);
  --ty-carousel-arrow-bg: rgba(0, 0, 0, 0.25);
  --ty-carousel-arrow-hover-bg: rgba(0, 0, 0, 0.45);
  --ty-carousel-arrow-size: 36px;
  --ty-carousel-arrow-color: #fff;
  --ty-carousel-arrow-offset: 12px;
  --ty-carousel-dot-active-bg: #fff;
  --ty-carousel-dot-bg: rgba(255, 255, 255, 0.3);
  --ty-carousel-dot-hover-bg: rgba(255, 255, 255, 0.6);
  --ty-carousel-dot-width: 16px;
  --ty-carousel-dot-height: 3px;
  --ty-carousel-dot-gap: 4px;
  --ty-carousel-dot-radius: 1px;
  --ty-carousel-dot-width-active: 24px;
  --ty-carousel-dot-height-active: 24px;
  --ty-cascader-bg: var(--ty-color-bg-container);
  --ty-cascader-min-width: 200px;
  --ty-cascader-border: var(--ty-color-border);
  --ty-cascader-radius: var(--ty-border-radius);
  --ty-cascader-border-hover: var(--ty-color-primary);
  --ty-cascader-border-focus: var(--ty-color-primary);
  --ty-cascader-shadow-focus: var(--ty-shadow-focus);
  --ty-cascader-opacity-disabled: 0.5;
  --ty-cascader-font-size-sm: var(--ty-font-size-sm);
  --ty-cascader-font-size-md: var(--ty-font-size-base);
  --ty-cascader-font-size-lg: var(--ty-font-size-lg);
  --ty-cascader-height-sm: var(--ty-height-sm);
  --ty-cascader-height-md: var(--ty-height-md);
  --ty-cascader-height-lg: var(--ty-height-lg);
  --ty-cascader-padding-sm: 0 28px 0 8px;
  --ty-cascader-padding-md: 0 32px 0 10px;
  --ty-cascader-padding-lg: 0 36px 0 12px;
  --ty-cascader-color: var(--ty-color-text);
  --ty-cascader-placeholder: var(--ty-color-text-placeholder);
  --ty-cascader-clear-color: var(--ty-color-text-tertiary);
  --ty-cascader-clear-color-hover: var(--ty-color-text-secondary);
  --ty-cascader-clear-offset-inline-end: 24px;
  --ty-cascader-clear-font-size: 12px;
  --ty-cascader-arrow-color: var(--ty-color-text-tertiary);
  --ty-cascader-arrow-offset-inline-end: 8px;
  --ty-cascader-arrow-font-size: 12px;
  --ty-cascader-dropdown-bg: var(--ty-color-bg-container);
  --ty-cascader-dropdown-shadow: var(--ty-shadow-popup);
  --ty-cascader-dropdown-max-height: 300px;
  --ty-cascader-menu-padding: 4px 0;
  --ty-cascader-menu-min-width: 120px;
  --ty-cascader-hover: var(--ty-color-fill-secondary);
  --ty-cascader-menu-empty-padding: 8px 12px;
  --ty-cascader-menu-empty-color: var(--ty-color-text-secondary);
  --ty-cascader-menu-item-padding: 5px 12px;
  --ty-cascader-menu-item-disabled-opacity: 0.5;
  --ty-cascader-option-color-active: var(--ty-color-primary);
  --ty-cascader-option-font-weight-active: 500;
  --ty-cascader-menu-item-arrow-color: var(--ty-color-text-tertiary);
  --ty-cascader-menu-item-arrow-gap: 8px;
  --ty-cascader-menu-item-arrow-font-size: 12px;
  --ty-cascader-selected-bg: rgba(110, 65, 191, 0.06);
  --ty-checkbox-size: 16px;
  --ty-checkbox-radius: var(--ty-border-radius);
  --ty-checkbox-label-gap: 8px;
  --ty-checkbox-label-padding-inline-end: 5px;
  --ty-checkbox-label-color: var(--ty-color-text);
  --ty-checkbox-bg: var(--ty-color-bg-container);
  --ty-checkbox-border: var(--ty-color-border);
  --ty-checkbox-shadow: var(--ty-shadow-control);
  --ty-checkbox-border-hover: var(--ty-color-primary);
  --ty-checkbox-bg-checked: var(--ty-color-primary);
  --ty-checkbox-border-checked: var(--ty-color-primary);
  --ty-checkbox-indicator-color: #fff;
  --ty-checkbox-bg-disabled: var(--ty-color-fill-secondary);
  --ty-checkbox-border-disabled: var(--ty-color-border);
  --ty-checkbox-indicator-color-disabled: var(--ty-color-text-quaternary);
  --ty-checkbox-label-color-disabled: var(--ty-color-text-quaternary);
  --ty-collapse-bg: var(--ty-color-bg-container);
  --ty-collapse-border-color: var(--ty-color-border);
  --ty-collapse-borderless-divider-color: var(--ty-color-border-secondary);
  --ty-collapse-radius: var(--ty-border-radius);
  --ty-collapse-header-bg: transparent;
  --ty-collapse-header-hover-bg: var(--ty-color-fill);
  --ty-collapse-header-active-bg: var(--ty-color-fill);
  --ty-collapse-header-disabled-bg: transparent;
  --ty-collapse-header-color: var(--ty-color-text);
  --ty-collapse-header-disabled-color: var(--ty-color-text-quaternary);
  --ty-collapse-header-min-height: 44px;
  --ty-collapse-header-padding-inline: 16px;
  --ty-collapse-header-padding-block: 14px;
  --ty-collapse-header-gap: 12px;
  --ty-collapse-icon-color: var(--ty-collapse-header-color);
  --ty-collapse-icon-active-color: var(--ty-collapse-header-color);
  --ty-collapse-icon-disabled-color: var(--ty-color-text-quaternary);
  --ty-collapse-icon-slot-size: 20px;
  --ty-collapse-icon-size: 10px;
  --ty-collapse-extra-color: var(--ty-color-text-secondary);
  --ty-collapse-extra-disabled-color: var(--ty-color-text-quaternary);
  --ty-collapse-extra-gap: 8px;
  --ty-collapse-extra-font-size: 12px;
  --ty-collapse-body-bg: var(--ty-color-bg-container);
  --ty-collapse-body-color: var(--ty-color-text-secondary);
  --ty-collapse-body-padding-inline: 16px;
  --ty-collapse-body-padding-block: 16px;
  --ty-collapse-font-size: 14px;
  --ty-collapse-line-height: 1.5;
  --ty-collapse-focus-ring: var(--ty-color-primary);
  --ty-collapse-motion-duration: 240ms;
  --ty-collapse-motion-easing: ease;
  --ty-color-picker-opacity-disabled: 0.5;
  --ty-color-picker-swatch-size: 32px;
  --ty-color-picker-swatch-padding: 3px;
  --ty-color-picker-swatch-radius: var(--ty-border-radius);
  --ty-color-picker-border: var(--ty-color-border);
  --ty-color-picker-bg: var(--ty-color-bg-container);
  --ty-color-picker-panel-padding: 12px;
  --ty-color-picker-panel-radius: 8px;
  --ty-color-picker-panel-shadow: var(--ty-shadow-popup);
  --ty-color-picker-panel-width: 240px;
  --ty-color-picker-spectrum-height: 150px;
  --ty-color-picker-spectrum-radius: 4px;
  --ty-color-picker-spectrum-white: linear-gradient(to right, #fff, transparent);
  --ty-color-picker-spectrum-black: linear-gradient(to bottom, transparent, #000);
  --ty-color-picker-spectrum-handle-size: 12px;
  --ty-color-picker-handle-border-width: 2px;
  --ty-color-picker-handle-border-color: #fff;
  --ty-color-picker-handle-shadow: 0 0 2px rgb(0 0 0 / 30%);
  --ty-color-picker-controls-gap: 8px;
  --ty-color-picker-controls-margin-top: 12px;
  --ty-color-picker-preview-size: 28px;
  --ty-color-picker-preview-radius: 50%;
  --ty-color-picker-slider-height: 12px;
  --ty-color-picker-slider-radius: 6px;
  --ty-color-picker-alpha-grid-size: 8px;
  --ty-color-picker-slider-handle-size: 14px;
  --ty-color-picker-input-row-gap: 6px;
  --ty-color-picker-input-row-margin-top: 12px;
  --ty-color-picker-button-padding: 2px 6px;
  --ty-color-picker-button-font-size: 12px;
  --ty-color-picker-button-color: var(--ty-color-text);
  --ty-color-picker-button-border-hover: var(--ty-color-primary);
  --ty-color-picker-input-padding: 2px 6px;
  --ty-color-picker-input-font-size: 12px;
  --ty-color-picker-input-color: var(--ty-color-text);
  --ty-color-picker-input-font-family: var(--ty-font-family-monospace);
  --ty-color-picker-input-border-focus: var(--ty-color-primary);
  --ty-color-picker-presets-gap: 6px;
  --ty-color-picker-presets-margin-top: 12px;
  --ty-color-picker-presets-padding-top: 12px;
  --ty-color-picker-preset-size: 20px;
  --ty-color-picker-preset-hover-scale: 1.2;
  --ty-color-picker-preset-transition-duration: 150ms;
  --ty-date-picker-input-min-width-sm: 90px;
  --ty-date-picker-input-min-width-md: 120px;
  --ty-date-picker-input-min-width-lg: 140px;
  --ty-date-picker-header-padding: 8px 12px;
  --ty-date-picker-header-border: var(--ty-color-border-light);
  --ty-date-picker-header-button-size: 28px;
  --ty-date-picker-header-button-radius: 4px;
  --ty-date-picker-header-button-color: var(--ty-color-text-tertiary);
  --ty-date-picker-header-button-color-hover: var(--ty-color-primary);
  --ty-date-picker-header-action-hover-bg: var(--ty-color-fill-secondary);
  --ty-date-picker-header-action-focus-ring: var(--ty-color-primary-border);
  --ty-date-picker-header-label-font-size: 16px;
  --ty-date-picker-header-label-font-weight: 500;
  --ty-date-picker-header-caption-gap: 8px;
  --ty-date-picker-body-padding: 8px 12px;
  --ty-date-picker-cell-font-size: 13px;
  --ty-date-picker-cell-size: 28px;
  --ty-date-picker-cell-radius: 6px;
  --ty-date-picker-cell-color: var(--ty-color-text);
  --ty-date-picker-cell-color-muted: var(--ty-color-text-quaternary);
  --ty-date-picker-cell-disabled-bg: var(--ty-color-fill-secondary);
  --ty-date-picker-panel-item-gap-y: 8px;
  --ty-date-picker-panel-item-min-width: 56px;
  --ty-date-picker-panel-item-height: 40px;
  --ty-date-picker-panel-item-padding-inline: 12px;
  --ty-date-picker-panel-item-radius: 10px;
  --ty-date-picker-panel-item-hover-bg: var(--ty-color-fill-secondary);
  --ty-date-picker-panel-item-current-color: var(--ty-color-primary);
  --ty-date-picker-panel-item-current-border: var(--ty-color-primary);
  --ty-date-picker-panel-item-selected-bg: var(--ty-color-primary-bg-hover);
  --ty-date-picker-panel-item-selected-color: var(--ty-color-primary);
  --ty-date-picker-panel-item-selected-hover-bg: var(--ty-color-primary-bg);
  --ty-date-picker-cell-today-border: var(--ty-color-primary);
  --ty-date-picker-cell-selected-bg: var(--ty-color-primary);
  --ty-date-picker-cell-selected-color: #fff;
  --ty-date-picker-cell-selected-hover-bg: var(--ty-color-primary-active);
  --ty-date-picker-range-bg: var(--ty-color-primary-bg);
  --ty-date-picker-footer-padding: 8px 12px;
  --ty-date-picker-today-font-size: 13px;
  --ty-date-picker-today-color: var(--ty-color-primary);
  --ty-date-picker-today-color-hover: var(--ty-color-primary-hover);
  --ty-date-picker-today-hover-bg: var(--ty-color-primary-bg);
  --ty-date-picker-today-active-bg: var(--ty-color-primary-bg-hover);
  --ty-date-picker-today-focus-ring: var(--ty-color-primary-border);
  --ty-descriptions-border: #dfe2e5;
  --ty-descriptions-label-bg: var(--ty-color-fill);
  --ty-descriptions-title-color: var(--ty-color-text);
  --ty-descriptions-title-font-size: 16px;
  --ty-descriptions-title-font-weight: 600;
  --ty-descriptions-title-margin-bottom: 20px;
  --ty-descriptions-item-colon-margin-start: 2px;
  --ty-descriptions-item-colon-margin-end: 5px;
  --ty-descriptions-label-color: var(--ty-color-text-label);
  --ty-descriptions-label-font-size: var(--ty-font-size-base);
  --ty-descriptions-label-line-height: var(--ty-line-height-base);
  --ty-descriptions-content-color: var(--ty-color-text-secondary);
  --ty-descriptions-content-font-size: var(--ty-font-size-base);
  --ty-descriptions-content-line-height: var(--ty-line-height-base);
  --ty-descriptions-radius: var(--ty-border-radius);
  --ty-descriptions-lg-padding-hr: var(--ty-height-sm);
  --ty-descriptions-lg-padding-vt: 16px;
  --ty-descriptions-md-padding-hr: var(--ty-height-sm);
  --ty-descriptions-md-padding-vt: 12px;
  --ty-descriptions-sm-padding-hr: 16px;
  --ty-descriptions-sm-padding-vt: 8px;
  --ty-divider-color: #d2d6dc;
  --ty-divider-font-size: 14px;
  --ty-divider-line-height: 1.5;
  --ty-divider-vertical-margin: 0 8px;
  --ty-divider-vertical-height: 0.9em;
  --ty-divider-horizontal-margin: 16px 0;
  --ty-divider-text-color: #333;
  --ty-divider-title-gap: 10px;
  --ty-drawer-bg: var(--ty-color-bg-container);
  --ty-drawer-shadow: var(--ty-shadow-modal);
  --ty-drawer-transition-duration: 300ms;
  --ty-drawer-header-padding-block: 16px;
  --ty-drawer-header-padding-inline: 24px;
  --ty-drawer-body-padding-block: 16px;
  --ty-drawer-body-padding-inline: 24px;
  --ty-drawer-footer-padding-block: 16px;
  --ty-drawer-footer-padding-inline: 24px;
  --ty-drawer-border: var(--ty-color-border-secondary);
  --ty-drawer-close-color: var(--ty-color-text-tertiary);
  --ty-drawer-close-size: 56px;
  --ty-dropdown-menu-padding: 4px 0;
  --ty-dropdown-item-padding: 8px 15px;
  --ty-dropdown-item-color: var(--ty-color-text);
  --ty-dropdown-item-hover-bg: var(--ty-color-bg-spotlight);
  --ty-dropdown-group-title-padding: 8px 10px;
  --ty-empty-desc-color: rgba(0, 0, 0, 0.35);
  --ty-empty-desc-font-size: var(--ty-font-size-base);
  --ty-empty-image-max-width: 120px;
  --ty-empty-image-margin-bottom: 8px;
  --ty-empty-footer-margin-top: 16px;
  --ty-form-error-color: #ff4d4f;
  --ty-form-error-hover: #ff7875;
  --ty-form-item-margin-bottom: 22px;
  --ty-form-label-line-height: 30px;
  --ty-form-label-color: var(--ty-color-text);
  --ty-form-label-font-size: var(--ty-font-size-base);
  --ty-form-label-required-margin-end: 3px;
  --ty-form-label-colon-margin: 0 8px 0 2px;
  --ty-form-input-min-height: 32px;
  --ty-form-notice-font-size: 13px;
  --ty-form-notice-radius: var(--ty-border-radius);
  --ty-form-notice-padding: 5px;
  --ty-form-notice-margin-top: 5px;
  --ty-form-helper-color: var(--ty-color-text-tertiary);
  --ty-form-feedback-font-size: 13px;
  --ty-form-feedback-line-height: 22px;
  --ty-form-error-shadow: 0 0 0 3px rgb(255 77 79 / 20%);
  --ty-form-notice-bg: #fff7cc;
  --ty-form-notice-color: #555;
  --ty-input-number-control-active-bg: #f4f4f4;
  --ty-input-number-control-border: var(--ty-color-border);
  --ty-input-number-icon-color: #999;
  --ty-input-number-icon-color-hover: var(--ty-color-primary);
  --ty-input-number-input-padding-inline-start: 7px;
  --ty-input-number-input-padding-inline-end: 25px;
  --ty-input-number-controls-padding: 1px;
  --ty-input-number-control-padding-inline: 0 7px;
  --ty-input-number-control-transition-duration: 300ms;
  --ty-input-number-font-size-sm: var(--ty-font-size-sm);
  --ty-input-number-font-size-md: var(--ty-font-size-base);
  --ty-input-number-font-size-lg: var(--ty-font-size-lg);
  --ty-input-number-height-sm: var(--ty-height-sm);
  --ty-input-number-height-md: var(--ty-height-md);
  --ty-input-number-height-lg: var(--ty-height-lg);
  --ty-input-radius: var(--ty-control-radius);
  --ty-input-color: var(--ty-color-text);
  --ty-input-bg: var(--ty-color-bg-container);
  --ty-input-bg-disabled: var(--ty-color-bg-disabled);
  --ty-input-border: var(--ty-color-border);
  --ty-input-shadow: var(--ty-shadow-control);
  --ty-input-border-hover: var(--ty-color-primary);
  --ty-input-border-focus: var(--ty-color-primary);
  --ty-input-shadow-focus: var(--ty-shadow-focus);
  --ty-input-placeholder: var(--ty-color-text-placeholder);
  --ty-input-addon-bg: var(--ty-color-fill);
  --ty-input-addon-padding: var(--ty-spacing-3);
  --ty-input-affix-margin: 0 8px;
  --ty-input-clear-size: 1em;
  --ty-input-clear-color: var(--ty-color-text-quaternary);
  --ty-input-font-size-sm: var(--ty-control-font-size-sm);
  --ty-input-font-size-md: var(--ty-control-font-size-md);
  --ty-input-font-size-lg: var(--ty-control-font-size-lg);
  --ty-input-height-sm: var(--ty-control-height-sm);
  --ty-input-height-md: var(--ty-control-height-md);
  --ty-input-height-lg: var(--ty-control-height-lg);
  --ty-input-padding-inline-sm: var(--ty-control-padding-inline-sm);
  --ty-input-padding-inline-md: var(--ty-control-padding-inline-md);
  --ty-input-padding-inline-lg: var(--ty-control-padding-inline-lg);
  --ty-input-affix-gap: var(--ty-spacing-3);
  --ty-input-clear-size-sm: 14px;
  --ty-input-clear-size-md: 16px;
  --ty-input-clear-size-lg: 18px;
  --ty-input-text-disabled: var(--ty-color-text-quaternary);
  --ty-keyboard-bg: #f6f6f6;
  --ty-keyboard-border: #d8d8d8;
  --ty-keyboard-border-bottom: #ccc;
  --ty-keyboard-color: #333;
  --ty-keyboard-shadow: inset 0 -1px 0 #ccc;
  --ty-keyboard-font-family: var(--ty-font-family-monospace);
  --ty-keyboard-padding: 4px 8px;
  --ty-keyboard-radius: 4px;
  --ty-keyboard-font-size: 11px;
  --ty-layout-header-height: 60px;
  --ty-layout-header-bg: var(--ty-color-bg-layout);
  --ty-layout-footer-padding: 24px 50px;
  --ty-layout-footer-bg: var(--ty-color-bg-layout);
  --ty-layout-content-bg: var(--ty-color-bg-layout);
  --ty-layout-sidebar-bg: #12131a;
  --ty-layout-sidebar-light-bg: var(--ty-color-bg-container);
  --ty-layout-sidebar-light-color: #333;
  --ty-layout-sidebar-light-trigger-bg: #efefef;
  --ty-layout-sidebar-light-trigger-icon: #bbb;
  --ty-layout-sidebar-trigger-bg: rgb(0, 33, 64);
  --ty-layout-sidebar-color: #fff;
  --ty-layout-sidebar-transition-duration: 200ms;
  --ty-layout-sidebar-trigger-height: 40px;
  --ty-list-border: #dee2e6;
  --ty-list-color: var(--ty-color-text);
  --ty-list-font-size: var(--ty-font-size-base);
  --ty-list-radius: var(--ty-border-radius);
  --ty-list-item-padding-sm: 8px 16px;
  --ty-list-item-padding-md: 12px 16px;
  --ty-list-item-padding-lg: 16px 24px;
  --ty-list-header-padding: 12px 16px;
  --ty-list-footer-padding: 12px 16px;
  --ty-list-empty-padding: 24px;
  --ty-list-empty-color: var(--ty-color-text-secondary);
  --ty-list-action-gap: 16px;
  --ty-list-action-offset: 24px;
  --ty-list-action-color: var(--ty-color-text-secondary);
  --ty-list-action-color-hover: var(--ty-color-primary);
  --ty-list-meta-avatar-gap: 12px;
  --ty-list-meta-title-color: var(--ty-color-text);
  --ty-list-meta-title-font-weight: 500;
  --ty-list-meta-title-margin-bottom: 4px;
  --ty-list-meta-description-color: var(--ty-color-text-secondary);
  --ty-list-meta-description-font-size: var(--ty-font-size-sm);
  --ty-menu-dark-bg: #1f1f1f;
  --ty-menu-dark-border: #303030;
  --ty-menu-dark-color: rgba(255, 255, 255, 0.72);
  --ty-menu-dark-color-hover: rgba(255, 255, 255, 0.85);
  --ty-menu-dark-color-selected: var(--ty-color-primary-hover);
  --ty-menu-dark-color-disabled: rgba(255, 255, 255, 0.25);
  --ty-menu-divider-color: rgba(0, 0, 0, 0.1);
  --ty-menu-border: var(--ty-color-border);
  --ty-menu-color: var(--ty-color-text-secondary);
  --ty-menu-item-color-danger: var(--ty-color-danger);
  --ty-menu-popup-bg: var(--ty-color-bg-container);
  --ty-menu-popup-border: transparent;
  --ty-menu-popup-shadow: var(--ty-shadow-popup);
  --ty-menu-dark-popup-bg: #1f1f1f;
  --ty-menu-dark-popup-border: #303030;
  --ty-menu-group-title-color: var(--ty-color-text-tertiary);
  --ty-menu-item-radius: var(--ty-border-radius);
  --ty-menu-item-gap: 10px;
  --ty-menu-item-padding-inline: 12px;
  --ty-menu-item-padding-block: 8px;
  --ty-menu-item-min-height: 40px;
  --ty-menu-icon-size: 16px;
  --ty-menu-indicator-width: 3px;
  --ty-menu-indicator-radius: 999px;
  --ty-menu-indicator-color: var(--ty-color-primary);
  --ty-menu-item-bg-hover: color-mix(in srgb, var(--ty-color-primary) 6%, transparent);
  --ty-menu-item-bg-active: color-mix(in srgb, var(--ty-color-primary) 10%, transparent);
  --ty-menu-item-bg-selected: color-mix(in srgb, var(--ty-color-primary) 8%, transparent);
  --ty-menu-item-border-hover: color-mix(in srgb, var(--ty-color-primary) 20%, transparent);
  --ty-menu-item-border-selected: color-mix(in srgb, var(--ty-color-primary) 48%, transparent);
  --ty-menu-item-font-weight: 500;
  --ty-menu-sub-list-popup-min-width: 160px;
  --ty-menu-sub-arrow-margin-start: 20px;
  --ty-menu-group-title-padding: 8px 10px;
  --ty-menu-overlay-item-color: var(--ty-color-text);
  --ty-menu-overlay-item-hover-bg: var(--ty-color-bg-spotlight);
  --ty-menu-dark-overlay-item-color: rgba(255, 255, 255, 0.85);
  --ty-menu-dark-overlay-item-hover-bg: #2a2a2a;
  --ty-menu-group-title-font-size: 14px;
  --ty-menu-group-title-font-weight: 600;
  --ty-menu-group-title-letter-spacing: 0.01em;
  --ty-menu-group-title-first-margin-top: 4px;
  --ty-menu-group-list-item-padding: 12px 35px 12px 25px;
  --ty-menu-divider-margin: 5px 0;
  --ty-menu-popup-padding-block: var(--ty-dropdown-menu-padding);
  --ty-menu-popup-item-padding: var(--ty-dropdown-item-padding);
  --ty-menu-popup-item-gap: 0;
  --ty-menu-item-height-sm: 32px;
  --ty-menu-item-height-md: 40px;
  --ty-menu-item-height-lg: 48px;
  --ty-menu-item-padding-inline-sm: 10px;
  --ty-menu-item-padding-inline-md: 12px;
  --ty-menu-item-padding-inline-lg: 14px;
  --ty-menu-item-gap-sm: 8px;
  --ty-menu-item-gap-md: 10px;
  --ty-menu-item-gap-lg: 12px;
  --ty-menu-item-padding-block-compact: 6px;
  --ty-menu-item-padding-block-comfortable: 8px;
  --ty-menu-disabled-opacity: 0.55;
  --ty-menu-light-bg: #ffffff;
  --ty-menu-light-border: #f0f0f0;
  --ty-menu-light-color: #32325d;
  --ty-menu-light-popup-bg: #ffffff;
  --ty-menu-light-popup-border: transparent;
  --ty-menu-light-overlay-item-color: #32325d;
  --ty-menu-light-overlay-item-hover-bg: #f5f5ff;
  --ty-message-bg: var(--ty-color-bg-container);
  --ty-message-radius: 4px;
  --ty-message-padding: 10px 16px;
  --ty-message-shadow: var(--ty-shadow-modal);
  --ty-message-font-size: var(--ty-font-size-base);
  --ty-message-content-color: var(--ty-color-text-secondary);
  --ty-message-content-line-height: 14px;
  --ty-message-icon-gap: 5px;
  --ty-message-extra-gap: 15px;
  --ty-message-transition-duration: 300ms;
  --ty-message-offset-y-enter: -5px;
  --ty-message-z-index: 999;
  --ty-modal-radius: 4px;
  --ty-modal-shadow: var(--ty-shadow-modal);
  --ty-modal-bg: var(--ty-color-bg-container);
  --ty-modal-offset-top: 100px;
  --ty-modal-enter-offset-y: -20px;
  --ty-modal-scale-enter: 0;
  --ty-modal-transition-duration: 300ms;
  --ty-modal-header-bg: var(--ty-color-bg-container);
  --ty-modal-header-color: var(--ty-color-text-secondary);
  --ty-modal-header-padding-block: 16px;
  --ty-modal-header-padding-inline: 24px;
  --ty-modal-header-border: var(--ty-color-border-secondary);
  --ty-modal-title-color: var(--ty-color-text);
  --ty-modal-title-font-weight: 500;
  --ty-modal-title-font-size: 16px;
  --ty-modal-title-line-height: 22px;
  --ty-modal-close-color: var(--ty-color-text-tertiary);
  --ty-modal-close-size: 56px;
  --ty-modal-body-padding: 24px;
  --ty-modal-body-font-size: 14px;
  --ty-modal-body-line-height: 1.5;
  --ty-modal-footer-padding-block: 12px;
  --ty-modal-footer-padding-inline: 16px;
  --ty-modal-footer-border: var(--ty-color-border-secondary);
  --ty-native-select-bg: var(--ty-color-bg-container);
  --ty-native-select-color: var(--ty-color-text);
  --ty-native-select-border: var(--ty-color-border);
  --ty-native-select-radius: var(--ty-border-radius);
  --ty-native-select-border-hover: var(--ty-color-primary);
  --ty-native-select-border-focus: var(--ty-color-primary);
  --ty-native-select-shadow-focus: var(--ty-shadow-focus);
  --ty-native-select-disabled-bg: #ddd;
  --ty-native-select-disabled-color: #a5a5a5;
  --ty-native-select-opacity-disabled: 0.75;
  --ty-native-select-lg-padding: 9px 25px 9px 7px;
  --ty-native-select-md-padding: 6px 25px 6px 7px;
  --ty-native-select-sm-padding: 3px 25px 3px 7px;
  --ty-native-select-font-size-sm: var(--ty-font-size-sm);
  --ty-native-select-font-size-md: var(--ty-font-size-base);
  --ty-native-select-font-size-lg: var(--ty-font-size-lg);
  --ty-notification-bg: var(--ty-color-bg-container);
  --ty-notification-border-radius: 3px;
  --ty-notification-color: var(--ty-color-text-secondary);
  --ty-notification-close-color: rgba(0, 0, 0, 0.2);
  --ty-notification-close-hover: rgba(0, 0, 0, 0.7);
  --ty-notification-close-offset-inline-end: 24px;
  --ty-notification-close-offset-top: 16px;
  --ty-notification-font-size: var(--ty-font-size-base);
  --ty-notification-icon-gap: 15px;
  --ty-notification-icon-height: 30px;
  --ty-notification-margin: 20px;
  --ty-notification-padding: 16px 24px;
  --ty-notification-shadow: var(--ty-shadow-modal);
  --ty-notification-title-font-size: 16px;
  --ty-notification-title-color: var(--ty-color-text);
  --ty-notification-title-line-height: 24px;
  --ty-notification-title-margin-bottom: 5px;
  --ty-notification-title-padding-inline-end: 24px;
  --ty-notification-width: 380px;
  --ty-notification-z-index: 999;
  --ty-overlay-bg-default: var(--ty-color-overlay-bg);
  --ty-overlay-bg-inverted: var(--ty-color-overlay-inverted);
  --ty-overlay-blur-radius: 3px;
  --ty-overlay-fade-duration: 300ms;
  --ty-pagination-color: var(--ty-color-text-secondary);
  --ty-pagination-font-size: 14px;
  --ty-pagination-item-bg: var(--ty-color-bg-container);
  --ty-pagination-item-radius: 2px;
  --ty-pagination-item-transition-duration: 400ms;
  --ty-pagination-item-color-ellipsis: var(--ty-color-text-quaternary);
  --ty-pagination-item-color-ellipsis-hover: var(--ty-color-primary);
  --ty-pagination-item-size-md: 32px;
  --ty-pagination-item-size-sm: 24px;
  --ty-pagination-item-gap-md: 4px;
  --ty-pagination-item-gap-sm: 0.5px;
  --ty-pagination-item-line-height-md: 30px;
  --ty-pagination-item-line-height-sm: 22px;
  --ty-pagination-item-border-md: var(--ty-color-border);
  --ty-pagination-item-color-active: var(--ty-color-primary);
  --ty-pagination-item-border-active: var(--ty-color-primary);
  --ty-pagination-item-border-hover: var(--ty-color-primary);
  --ty-pagination-item-color-hover-sm: var(--ty-color-primary);
  --ty-pagination-disabled-active-bg: #dbdbdb;
  --ty-pagination-disabled-active-color: #fff;
  --ty-pagination-disabled-bg: var(--ty-color-fill-secondary);
  --ty-pagination-disabled-color-md: var(--ty-color-text-tertiary);
  --ty-pagination-disabled-color-sm: #d9d9d9;
  --ty-picker-input-font-size: var(--ty-font-size-base);
  --ty-picker-input-padding-md: 4px 11px;
  --ty-picker-input-padding-sm: 0 7px;
  --ty-picker-input-padding-lg: 6px 11px;
  --ty-picker-input-border: var(--ty-color-border);
  --ty-picker-input-radius: 6px;
  --ty-picker-input-border-hover: var(--ty-color-primary);
  --ty-picker-input-border-focus: var(--ty-color-primary);
  --ty-picker-input-shadow-focus: var(--ty-shadow-focus);
  --ty-picker-input-bg-disabled: var(--ty-color-bg-disabled);
  --ty-picker-input-color: var(--ty-color-text);
  --ty-picker-input-color-placeholder: var(--ty-color-text-quaternary);
  --ty-picker-input-color-muted: var(--ty-color-text-tertiary);
  --ty-picker-suffix-size: 14px;
  --ty-picker-suffix-gap: 4px;
  --ty-picker-suffix-color: var(--ty-color-text-quaternary);
  --ty-picker-cell-hover-bg: var(--ty-color-fill-secondary);
  --ty-picker-clear-bg: var(--ty-color-bg-container);
  --ty-picker-clear-color: var(--ty-color-text-quaternary);
  --ty-picker-clear-color-hover: var(--ty-color-text-tertiary);
  --ty-picker-dropdown-bg: var(--ty-color-bg-container);
  --ty-picker-dropdown-radius: 8px;
  --ty-picker-dropdown-shadow: var(--ty-shadow-popup);
  --ty-picker-input-bg: var(--ty-color-bg-container);
  --ty-picker-cell-color-muted: var(--ty-color-text-quaternary);
  --ty-pop-confirm-color: var(--ty-color-text-secondary);
  --ty-pop-confirm-overlay-padding: 4px;
  --ty-pop-confirm-messages-padding-bottom: 12px;
  --ty-pop-confirm-messages-font-size: var(--ty-font-size-base);
  --ty-pop-confirm-buttons-gap: 8px;
  --ty-pop-confirm-title-margin-left: 5px;
  --ty-popover-arrow-size: 8px;
  --ty-popover-title-padding: 9px 16px 7px;
  --ty-popover-title-font-weight: 500;
  --ty-popover-title-min-width: 177px;
  --ty-popover-title-min-height: 32px;
  --ty-popover-title-color: var(--ty-color-text);
  --ty-popover-title-color-dark: #fff;
  --ty-popover-title-border: var(--ty-color-border-secondary);
  --ty-popover-dark-border: #4a4a4a;
  --ty-popover-content-padding: 12px 15px;
  --ty-popover-content-color: var(--ty-color-text-secondary);
  --ty-popover-content-color-dark: #fff;
  --ty-popup-radius: var(--ty-border-radius);
  --ty-popup-font-size: var(--ty-font-size-base);
  --ty-popup-shadow: var(--ty-shadow-popup);
  --ty-popup-color-light: var(--ty-color-text-secondary);
  --ty-popup-color-dark: #fff;
  --ty-popup-arrow-shadow: rgba(0, 0, 0, 0.07);
  --ty-popup-dark-bg: #262626;
  --ty-popup-light-bg: var(--ty-color-bg-container);
  --ty-popup-z-index: 999;
  --ty-progress-circle-trail: #e5e9f2;
  --ty-progress-font-size: 13px;
  --ty-progress-text-color: #48576a;
  --ty-progress-text-offset: 10px;
  --ty-progress-text-min-width: 40px;
  --ty-progress-inner-text-color: #fff;
  --ty-progress-inner-text-font-size: 10px;
  --ty-progress-inner-text-margin: 0 5px;
  --ty-progress-trail-bg: #e4e8f1;
  --ty-progress-stroke-color-primary: var(--ty-color-primary);
  --ty-progress-stroke-color-warning: var(--ty-color-warning);
  --ty-progress-stroke-color-info: var(--ty-color-info);
  --ty-progress-stroke-color-danger: var(--ty-color-danger);
  --ty-progress-stroke-color-success: var(--ty-color-success);
  --ty-progress-circle-text-font-size: 20px;
  --ty-quick-actions-action-bg: var(--ty-color-bg-container);
  --ty-quick-actions-fab-size: 56px;
  --ty-quick-actions-action-size: 40px;
  --ty-quick-actions-actions-gap: 16px;
  --ty-quick-actions-action-wrapper-gap: 4px;
  --ty-quick-actions-action-bg-hover: #f6f9fc;
  --ty-quick-actions-action-color: #32325d;
  --ty-quick-actions-bg: var(--ty-chart-1);
  --ty-quick-actions-bg-hover: var(--ty-color-primary-active);
  --ty-quick-actions-color: #fff;
  --ty-quick-actions-fab-font-size: 24px;
  --ty-quick-actions-action-font-size: 16px;
  --ty-quick-actions-disabled-opacity: 0.5;
  --ty-quick-actions-focus-ring: 0 0 0 3px var(--ty-shadow-focus);
  --ty-quick-actions-icon-transition-duration: 300ms;
  --ty-quick-actions-button-transition-duration: 200ms;
  --ty-quick-actions-actions-transition-duration: 200ms;
  --ty-quick-actions-actions-scale-closed: 0.5;
  --ty-quick-actions-actions-scale-open: 1;
  --ty-quick-actions-tooltip-font-size: var(--ty-font-size-sm);
  --ty-quick-actions-tooltip-padding: 4px 8px;
  --ty-quick-actions-tooltip-radius: var(--ty-border-radius);
  --ty-quick-actions-tooltip-offset: 8px;
  --ty-quick-actions-tooltip-bg: #32325d;
  --ty-quick-actions-tooltip-color: #fff;
  --ty-radio-size: 16px;
  --ty-radio-dot-size: 10px;
  --ty-radio-label-gap: 5px;
  --ty-radio-label-color: var(--ty-color-text);
  --ty-radio-bg: var(--ty-color-bg-container);
  --ty-radio-border: var(--ty-color-primary);
  --ty-radio-shadow: var(--ty-shadow-control);
  --ty-radio-border-checked: var(--ty-color-primary);
  --ty-radio-dot-bg: var(--ty-color-primary);
  --ty-radio-border-disabled: var(--ty-color-border);
  --ty-radio-dot-bg-disabled: rgba(0, 0, 0, 0.2);
  --ty-radio-label-color-disabled: var(--ty-color-text-quaternary);
  --ty-result-content-bg: var(--ty-color-fill);
  --ty-result-padding: 48px 32px;
  --ty-result-icon-margin-bottom: 24px;
  --ty-result-title-color: var(--ty-color-text);
  --ty-result-title-font-size: 24px;
  --ty-result-title-line-height: 1.8;
  --ty-result-subtitle-color: var(--ty-color-text-tertiary);
  --ty-result-subtitle-font-size: 14px;
  --ty-result-subtitle-line-height: 1.6;
  --ty-result-extra-margin-top: 32px;
  --ty-result-content-margin-top: 24px;
  --ty-result-content-margin-inline: 30px;
  --ty-result-content-padding: 24px 40px;
  --ty-segmented-item-bg: transparent;
  --ty-segmented-bg: #e9ecef;
  --ty-segmented-radius: var(--ty-border-radius);
  --ty-segmented-padding: 2px;
  --ty-segmented-item-gap: 4px;
  --ty-segmented-item-color: var(--ty-color-text-secondary);
  --ty-segmented-item-bg-hover: var(--ty-color-fill);
  --ty-segmented-item-color-hover: var(--ty-color-text);
  --ty-segmented-item-bg-selected: var(--ty-color-bg-container);
  --ty-segmented-item-color-selected: var(--ty-color-text);
  --ty-segmented-item-shadow-selected: 0 1px 2px 0 rgb(0 0 0 / 6%), 0 1px 3px 0 rgb(0 0 0 / 10%);
  --ty-segmented-item-shadow-focus: var(--ty-shadow-focus);
  --ty-segmented-item-font-weight-selected: 500;
  --ty-segmented-item-color-disabled: var(--ty-color-text-quaternary);
  --ty-segmented-item-bg-disabled: transparent;
  --ty-segmented-item-opacity-disabled: 0.5;
  --ty-segmented-item-padding-inline-sm: 8px;
  --ty-segmented-item-padding-inline-md: 12px;
  --ty-segmented-item-padding-inline-lg: 16px;
  --ty-segmented-item-padding-block-sm: 0;
  --ty-segmented-item-padding-block-md: 0;
  --ty-segmented-item-padding-block-lg: 0;
  --ty-segmented-item-height-sm: calc({height-sm} - 4px);
  --ty-segmented-item-height-md: calc({height-md} - 4px);
  --ty-segmented-item-height-lg: calc({height-lg} - 4px);
  --ty-segmented-font-size-sm: var(--ty-font-size-sm);
  --ty-segmented-font-size-md: var(--ty-font-size-base);
  --ty-segmented-font-size-lg: var(--ty-font-size-lg);
  --ty-segmented-icon-size: 14px;
  --ty-select-radius: var(--ty-border-radius);
  --ty-select-color: var(--ty-color-text);
  --ty-select-bg: var(--ty-color-bg-container);
  --ty-select-bg-disabled: var(--ty-color-bg-disabled);
  --ty-select-opacity-disabled: 0.6;
  --ty-select-border: var(--ty-color-border);
  --ty-select-shadow: var(--ty-shadow-control);
  --ty-select-border-hover: var(--ty-color-primary);
  --ty-select-border-focus: var(--ty-color-primary);
  --ty-select-shadow-focus: var(--ty-shadow-focus);
  --ty-select-placeholder: var(--ty-color-text-placeholder);
  --ty-select-suffix-color: var(--ty-color-text-quaternary);
  --ty-select-suffix-size: 14px;
  --ty-select-suffix-offset-inline-end: 8px;
  --ty-select-clear-bg: var(--ty-color-bg-container);
  --ty-select-clear-color: var(--ty-color-text-quaternary);
  --ty-select-clear-color-hover: var(--ty-color-text-tertiary);
  --ty-select-font-size-sm: var(--ty-font-size-sm);
  --ty-select-font-size-md: var(--ty-font-size-base);
  --ty-select-font-size-lg: var(--ty-font-size-lg);
  --ty-select-height-sm: var(--ty-height-sm);
  --ty-select-height-md: var(--ty-height-md);
  --ty-select-height-lg: var(--ty-height-lg);
  --ty-select-padding-inline-start-sm: 8px;
  --ty-select-padding-inline-start-md: 10px;
  --ty-select-padding-inline-start-lg: 12px;
  --ty-select-padding-inline-end-sm: 24px;
  --ty-select-padding-inline-end-md: 28px;
  --ty-select-padding-inline-end-lg: 32px;
  --ty-select-multiple-padding-inline-end: 28px;
  --ty-select-multiple-gap: 4px;
  --ty-select-multiple-padding-block: 2px;
  --ty-select-search-min-width: 4px;
  --ty-select-tag-height: 22px;
  --ty-select-tag-padding: 0 4px 0 8px;
  --ty-select-tag-padding-max: 0 8px;
  --ty-select-tag-radius: var(--ty-border-radius);
  --ty-select-tag-bg: var(--ty-color-fill-secondary);
  --ty-select-tag-color: var(--ty-color-text);
  --ty-select-tag-font-size: var(--ty-font-size-sm);
  --ty-select-tag-line-height: 20px;
  --ty-select-tag-close-color: var(--ty-color-text-quaternary);
  --ty-select-tag-close-color-hover: var(--ty-color-text);
  --ty-select-tag-close-gap: 4px;
  --ty-select-empty-color: var(--ty-color-text-quaternary);
  --ty-select-feedback-padding: 16px;
  --ty-select-dropdown-bg: var(--ty-color-bg-container);
  --ty-select-dropdown-shadow: var(--ty-shadow-popup);
  --ty-select-dropdown-padding: 4px 0;
  --ty-select-dropdown-max-height: 300px;
  --ty-select-option-padding: 7px 12px;
  --ty-select-option-font-size: var(--ty-font-size-base);
  --ty-select-option-line-height: 22px;
  --ty-select-option-color: var(--ty-color-text);
  --ty-select-option-check-gap: 8px;
  --ty-select-option-active-bg: var(--ty-color-fill-secondary);
  --ty-select-option-selected-bg: var(--ty-color-primary-bg);
  --ty-select-option-disabled-bg: var(--ty-color-bg-container);
  --ty-select-option-disabled-color: var(--ty-color-text-quaternary);
  --ty-select-option-disabled-opacity: 0.5;
  --ty-select-group-title-color: var(--ty-color-text-secondary);
  --ty-select-group-option-padding-inline-start: 24px;
  --ty-skeleton-bg: #f2f2f2;
  --ty-skeleton-height: 1em;
  --ty-skeleton-row-gap: 10px;
  --ty-skeleton-radius-round: 999px;
  --ty-skeleton-block-gap: 8px;
  --ty-skeleton-shimmer: linear-gradient(to right, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  --ty-skeleton-animation-duration: 1.5s;
  --ty-slider-dot-active-border: #9570d4;
  --ty-slider-dot-bg: var(--ty-color-bg-container);
  --ty-slider-dot-border: #f0f0f0;
  --ty-slider-mark-active-color: rgba(0, 0, 0, 0.7);
  --ty-slider-mark-color: rgba(0, 0, 0, 0.4);
  --ty-slider-primary-color: var(--ty-color-primary);
  --ty-slider-disabled-color: var(--ty-color-text-quaternary);
  --ty-slider-rail-bg: #e4e8f1;
  --ty-slider-size: 12px;
  --ty-slider-thumb-bg: rgb(245, 248, 250);
  --ty-slider-thumb-border: #9570d4;
  --ty-slider-track-size: 4px;
  --ty-slider-thumb-size: 14px;
  --ty-slider-thumb-hit-size: 36px;
  --ty-slider-dot-size: 8px;
  --ty-slider-thumb-scale-hover: 1.2;
  --ty-slider-rail-radius: 3px;
  --ty-slider-horizontal-margin: 13px 7px;
  --ty-slider-horizontal-padding: 4px 0;
  --ty-slider-vertical-width: 12px;
  --ty-slider-vertical-margin: 6px 10px;
  --ty-slider-vertical-padding: 0 4px;
  --ty-split-bar-bg: #fafbfc;
  --ty-split-bar-bg-active: #ffffff;
  --ty-split-bar-border: #d7dbe0;
  --ty-split-bar-border-active: #c8cdd3;
  --ty-split-bar-line: #c8ced5;
  --ty-split-bar-line-active: #aeb6bf;
  --ty-split-bar-size: 2px;
  --ty-split-bar-handle-length: 30px;
  --ty-split-bar-handle-thickness: 14px;
  --ty-split-bar-handle-padding: 4px;
  --ty-split-bar-handle-radius: 8px;
  --ty-split-bar-grip-size: 2px;
  --ty-split-bar-grip-gap: 1px;
  --ty-split-bar-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  --ty-split-bar-focus-ring: var(--ty-shadow-focus);
  --ty-steps-icon-bg: var(--ty-color-bg-container);
  --ty-steps-color: var(--ty-color-text);
  --ty-steps-tail-color: #dcdcdc;
  --ty-steps-title-font-size: 16px;
  --ty-steps-title-font-weight-process: 600;
  --ty-steps-title-color: var(--ty-color-text-secondary);
  --ty-steps-desc-color: var(--ty-color-text-tertiary);
  --ty-steps-icon-size: 32px;
  --ty-steps-icon-border: var(--ty-color-primary);
  --ty-steps-process-color: var(--ty-color-primary);
  --ty-steps-process-color-contrast: #fff;
  --ty-steps-wait-color: var(--ty-color-text-quaternary);
  --ty-steps-error-color: var(--ty-color-danger);
  --ty-strength-indicator-border-radius: 99px;
  --ty-strength-indicator-gap: 2px;
  --ty-strength-indicator-min-height: 8px;
  --ty-strength-indicator-bg: var(--ty-color-bg-disabled);
  --ty-strength-indicator-label-color: var(--ty-color-text-secondary);
  --ty-strength-indicator-label-font-size: 12px;
  --ty-strength-indicator-label-margin-top: 4px;
  --ty-switch-bg: var(--ty-color-text-quaternary);
  --ty-switch-bg-checked: var(--ty-color-primary);
  --ty-switch-thumb-bg: #fff;
  --ty-switch-thumb-border: var(--ty-color-text-quaternary);
  --ty-switch-thumb-border-checked: var(--ty-color-primary);
  --ty-switch-thumb-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
  --ty-switch-label-color: #fff;
  --ty-switch-font-size-sm: 9px;
  --ty-switch-font-size-md: 12px;
  --ty-switch-font-size-lg: 14px;
  --ty-switch-margin-inline-sm: 10px;
  --ty-switch-margin-inline-md: 12px;
  --ty-switch-margin-inline-lg: 14px;
  --ty-switch-width-sm: 29px;
  --ty-switch-width-md: 36px;
  --ty-switch-width-lg: 42px;
  --ty-switch-height-sm: 14px;
  --ty-switch-height-md: 16px;
  --ty-switch-height-lg: 20px;
  --ty-switch-radius-sm: 18px;
  --ty-switch-radius-md: 22px;
  --ty-switch-radius-lg: 26px;
  --ty-switch-label-padding-inline-start-default: 11px;
  --ty-switch-label-padding-inline-end-default: 5px;
  --ty-switch-label-padding-inline-start-checked: 5px;
  --ty-switch-label-padding-inline-end-checked: 11px;
  --ty-switch-transition-duration: 300ms;
  --ty-switch-disabled-opacity: 0.4;
  --ty-table-color: var(--ty-color-text);
  --ty-table-font-size-md: var(--ty-font-size-base);
  --ty-table-font-size-sm: var(--ty-font-size-sm);
  --ty-table-font-size-lg: var(--ty-font-size-lg);
  --ty-table-border: #e9ecef;
  --ty-table-radius: var(--ty-border-radius);
  --ty-table-cell-padding-sm: 8px;
  --ty-table-cell-padding-md: 12px 16px;
  --ty-table-cell-padding-lg: 16px;
  --ty-table-header-bg: #f6f9fc;
  --ty-table-header-font-weight: 500;
  --ty-table-row-hover-bg: #f6f9fc;
  --ty-table-cell-sortable-hover-bg: #f6f9fc;
  --ty-table-row-selected-bg: rgba(110, 65, 191, 0.06);
  --ty-table-selection-column-width: 40px;
  --ty-table-sorter-gap: 4px;
  --ty-table-sorter-icon-size: 8px;
  --ty-table-sorter-icon-color: var(--ty-color-text-quaternary);
  --ty-table-sorter-icon-color-active: var(--ty-color-primary);
  --ty-table-empty-padding: 32px;
  --ty-table-empty-color: var(--ty-color-text-secondary);
  --ty-tabs-font-size: var(--ty-font-size-base);
  --ty-tabs-color: var(--ty-color-text);
  --ty-tabs-nav-margin: 16px;
  --ty-tabs-border: var(--ty-color-fill-tertiary);
  --ty-tabs-tab-padding-block-sm: 8px;
  --ty-tabs-tab-padding-block-md: 12px;
  --ty-tabs-tab-padding-block-lg: 16px;
  --ty-tabs-tab-gap: 32px;
  --ty-tabs-tab-color: var(--ty-color-text);
  --ty-tabs-tab-hover-color: var(--ty-color-primary-text-hover);
  --ty-tabs-tab-active-color: var(--ty-color-primary);
  --ty-tabs-tab-active-font-weight: 500;
  --ty-tabs-tab-disabled-color: var(--ty-color-text-quaternary);
  --ty-tabs-icon-gap: 8px;
  --ty-tabs-remove-gap: 8px;
  --ty-tabs-remove-font-size: 12px;
  --ty-tabs-remove-color: var(--ty-color-text-tertiary);
  --ty-tabs-remove-color-hover: var(--ty-color-text);
  --ty-tabs-ink-bar-color: var(--ty-color-primary);
  --ty-tabs-ink-bar-height: 2px;
  --ty-tabs-nav-button-size: 32px;
  --ty-tabs-nav-button-font-size: 16px;
  --ty-tabs-nav-button-color: var(--ty-color-text-tertiary);
  --ty-tabs-nav-button-color-hover: var(--ty-color-text);
  --ty-tabs-nav-button-color-disabled: var(--ty-color-text-quaternary);
  --ty-tabs-add-size: 32px;
  --ty-tabs-add-font-size: 14px;
  --ty-tabs-add-margin: 4px;
  --ty-tabs-add-radius: 4px;
  --ty-tabs-add-border-color: var(--ty-color-border);
  --ty-tabs-add-color: var(--ty-color-text-tertiary);
  --ty-tabs-add-color-hover: var(--ty-color-primary);
  --ty-tabs-add-border-color-hover: var(--ty-color-primary);
  --ty-tabs-extra-gap: 16px;
  --ty-tabs-size-sm: 13px;
  --ty-tabs-size-lg: 15px;
  --ty-tabs-card-padding-block: 8px;
  --ty-tabs-card-padding-inline: 16px;
  --ty-tabs-card-padding-inline-editable-end: 8px;
  --ty-tabs-card-gap: 2px;
  --ty-tabs-card-radius: 4px;
  --ty-tabs-card-bg: var(--ty-color-fill);
  --ty-tabs-card-active-bg: var(--ty-color-bg-container);
  --ty-tag-font-size: 12px;
  --ty-tag-margin-inline-end: 8px;
  --ty-tag-padding: 3px 7px;
  --ty-tag-radius: var(--ty-border-radius);
  --ty-tag-color: var(--ty-color-text);
  --ty-tag-bg: var(--ty-color-fill);
  --ty-tag-border: var(--ty-color-border);
  --ty-tag-link-color: var(--ty-color-text-secondary);
  --ty-tag-close-font-size: 10px;
  --ty-tag-close-gap: 5px;
  --ty-tag-close-opacity-hover: 0.8;
  --ty-tag-transition-duration: 300ms;
  --ty-tag-checkable-bg: var(--ty-color-bg-container);
  --ty-tag-checkable-color: var(--ty-color-primary);
  --ty-tag-checkable-border: var(--ty-color-bg-container);
  --ty-tag-checkable-bg-checked: var(--ty-color-primary);
  --ty-tag-checkable-color-checked: #fff;
  --ty-tag-checkable-border-checked: var(--ty-color-primary);
  --ty-tag-magenta-color: #eb2f96;
  --ty-tag-magenta-bg: #fff0f6;
  --ty-tag-magenta-border: #ffadd2;
  --ty-tag-red-color: #f5222d;
  --ty-tag-red-bg: var(--ty-color-danger-bg);
  --ty-tag-red-border: var(--ty-color-danger-border);
  --ty-tag-volcano-color: #fa541c;
  --ty-tag-volcano-bg: #fff2e8;
  --ty-tag-volcano-border: #ffbb96;
  --ty-tag-orange-color: #fa8c16;
  --ty-tag-orange-bg: #fff7e6;
  --ty-tag-orange-border: #ffd591;
  --ty-tag-gold-color: #faad14;
  --ty-tag-gold-bg: var(--ty-color-warning-bg);
  --ty-tag-gold-border: var(--ty-color-warning-border);
  --ty-tag-lime-color: #a0d911;
  --ty-tag-lime-bg: #fcffe6;
  --ty-tag-lime-border: #eaff8f;
  --ty-tag-green-color: #52c41a;
  --ty-tag-green-bg: var(--ty-color-success-bg);
  --ty-tag-green-border: var(--ty-color-success-border);
  --ty-tag-cyan-color: #13c2c2;
  --ty-tag-cyan-bg: #e6fffb;
  --ty-tag-cyan-border: #87e8de;
  --ty-tag-blue-color: #1890ff;
  --ty-tag-blue-bg: var(--ty-color-info-bg);
  --ty-tag-blue-border: var(--ty-color-info-border);
  --ty-tag-geekblue-color: #2f54eb;
  --ty-tag-geekblue-bg: #f0f5ff;
  --ty-tag-geekblue-border: #adc6ff;
  --ty-tag-purple-color: #722ed1;
  --ty-tag-purple-bg: #f9f0ff;
  --ty-tag-purple-border: #d3adf7;
  --ty-textarea-counter-color: #666;
  --ty-textarea-padding: 5px;
  --ty-textarea-padding-bottom-with-counter: 20px;
  --ty-textarea-counter-offset-bottom: 6px;
  --ty-textarea-counter-offset-inline-end: 6px;
  --ty-textarea-counter-font-size: 14px;
  --ty-time-picker-input-min-width-sm: 70px;
  --ty-time-picker-input-min-width-md: 90px;
  --ty-time-picker-input-min-width-lg: 110px;
  --ty-time-picker-column-max-height: 224px;
  --ty-time-picker-column-border: var(--ty-color-border-light);
  --ty-time-picker-scrollbar-thumb: var(--ty-color-text-quaternary);
  --ty-time-picker-cell-padding: 4px 0;
  --ty-time-picker-cell-min-width: 52px;
  --ty-time-picker-cell-radius: 4px;
  --ty-time-picker-cell-margin-inline: 4px;
  --ty-time-picker-cell-line-height: 20px;
  --ty-time-picker-cell-bg-selected: var(--ty-color-primary-bg);
  --ty-time-picker-cell-bg-selected-hover: var(--ty-color-primary-bg-hover);
  --ty-time-picker-cell-font-weight-selected: 500;
  --ty-time-picker-footer-padding: 8px 12px;
  --ty-time-picker-footer-border: var(--ty-color-border-light);
  --ty-time-picker-footer-font-size: 12px;
  --ty-time-picker-now-color: var(--ty-color-primary);
  --ty-time-picker-now-color-hover: var(--ty-color-primary-hover);
  --ty-time-picker-ok-button-padding: 0 8px;
  --ty-time-picker-ok-button-height: 24px;
  --ty-time-picker-ok-button-font-size: 12px;
  --ty-time-picker-ok-button-radius: 4px;
  --ty-time-picker-ok-button-bg: var(--ty-color-primary);
  --ty-time-picker-ok-button-bg-hover: var(--ty-color-primary-hover);
  --ty-time-picker-ok-button-color: #fff;
  --ty-timeline-dot-bg: var(--ty-color-bg-container);
  --ty-timeline-color: var(--ty-color-text-secondary);
  --ty-timeline-font-size: var(--ty-font-size-base);
  --ty-timeline-item-font-size: 14px;
  --ty-timeline-item-padding-bottom: 20px;
  --ty-timeline-head-bg: var(--ty-color-bg-container);
  --ty-timeline-line-color: var(--ty-color-border-secondary);
  --ty-timeline-head-color: var(--ty-color-primary);
  --ty-timeline-dot-size: 10px;
  --ty-timeline-dot-border-width: 2px;
  --ty-timeline-dot-border-color: var(--ty-color-primary);
  --ty-timeline-content-offset: 25px;
  --ty-tooltip-arrow-size: 4px;
  --ty-tooltip-content-padding: 5px 8px;
  --ty-tooltip-color: #fff;
  --ty-tooltip-font-size: var(--ty-font-size-sm);
  --ty-tour-arrow-size: 8px;
  --ty-tour-panel-radius: var(--ty-border-radius);
  --ty-tour-panel-shadow: var(--ty-shadow-modal);
  --ty-tour-panel-max-width: 360px;
  --ty-tour-panel-min-width: 260px;
  --ty-tour-panel-bg-default: var(--ty-popup-light-bg);
  --ty-tour-panel-color-default: var(--ty-color-text);
  --ty-tour-panel-bg-primary: var(--ty-color-primary);
  --ty-tour-panel-color-primary: #fff;
  --ty-tour-description-color-default: var(--ty-color-text-secondary);
  --ty-tour-description-color-primary: rgb(255 255 255 / 85%);
  --ty-tour-indicator-bg-default: var(--ty-color-text-quaternary);
  --ty-tour-indicator-bg-primary: rgb(255 255 255 / 35%);
  --ty-tour-indicator-bg-active-default: var(--ty-color-primary);
  --ty-tour-indicator-bg-active-primary: #fff;
  --ty-tour-close-color: var(--ty-color-text-tertiary);
  --ty-tour-close-color-primary: rgb(255 255 255 / 65%);
  --ty-tour-close-color-hover-primary: #fff;
  --ty-tour-close-bg-hover: var(--ty-color-fill-secondary);
  --ty-tour-close-bg-hover-primary: rgb(255 255 255 / 15%);
  --ty-tour-close-offset: 8px;
  --ty-tour-close-size: 28px;
  --ty-tour-close-radius: 4px;
  --ty-tour-close-font-size: 12px;
  --ty-tour-cover-padding: 12px 16px 0;
  --ty-tour-title-padding: 12px 16px 4px;
  --ty-tour-title-font-weight: 600;
  --ty-tour-title-font-size: var(--ty-font-size-lg);
  --ty-tour-title-line-height: 1.5;
  --ty-tour-description-padding: 0 16px 12px;
  --ty-tour-description-font-size: var(--ty-font-size-base);
  --ty-tour-description-line-height: 1.5;
  --ty-tour-footer-padding: 0 16px 12px;
  --ty-tour-indicators-gap: 4px;
  --ty-tour-indicator-size: 6px;
  --ty-tour-indicator-transition-duration: 200ms;
  --ty-tour-actions-gap: 8px;
  --ty-tour-zoom-scale-from: 0.9;
  --ty-tour-zoom-duration: 200ms;
  --ty-transfer-border: var(--ty-color-border);
  --ty-transfer-color: var(--ty-color-text);
  --ty-transfer-font-size: var(--ty-font-size-base);
  --ty-transfer-panel-width: 180px;
  --ty-transfer-panel-radius: var(--ty-border-radius);
  --ty-transfer-buttons-margin: 0 8px;
  --ty-transfer-button-margin: 3px 0;
  --ty-transfer-button-padding: 3px;
  --ty-transfer-button-min-width: 30px;
  --ty-transfer-footer-bg: var(--ty-color-bg-container);
  --ty-transfer-footer-border: var(--ty-color-fill-tertiary);
  --ty-transfer-header-bg: var(--ty-color-bg-container);
  --ty-transfer-item-hover-bg: var(--ty-color-fill-secondary);
  --ty-transfer-header-padding: 8px 12px 9px;
  --ty-transfer-body-padding: 6px 0;
  --ty-transfer-input-container-padding: 6px 12px 12px;
  --ty-transfer-list-height: 192px;
  --ty-transfer-item-padding-inline: 12px;
  --ty-transfer-item-min-height: 32px;
  --ty-transfer-footer-padding: 8px 12px 9px;
  --ty-tree-arrow-color: #999;
  --ty-tree-hover-bg: var(--ty-color-fill-secondary);
  --ty-tree-font-size: var(--ty-font-size-base);
  --ty-tree-node-margin: 2px 0;
  --ty-tree-switcher-size: 20px;
  --ty-tree-label-padding: 1px 2px;
  --ty-tree-label-offset: -4px;
  --ty-tree-title-min-height: 24px;
  --ty-typography-body-color: var(--ty-color-text-secondary);
  --ty-typography-body-font-size: var(--ty-font-size-base);
  --ty-typography-body-line-height: 1.5;
  --ty-typography-block-margin-bottom: 1em;
  --ty-typography-heading-font-weight: 600;
  --ty-typography-heading-margin-bottom: 0.5em;
  --ty-typography-code-bg: rgba(0, 0, 0, 0.06);
  --ty-typography-code-border: rgba(0, 0, 0, 0.06);
  --ty-typography-code-radius: var(--ty-border-radius);
  --ty-typography-heading-color: var(--ty-color-text-label);
  --ty-typography-mark-bg: var(--ty-color-warning-border);
  --ty-upload-color: var(--ty-color-text);
  --ty-upload-font-size: var(--ty-font-size-base);
  --ty-upload-list-item-margin-top: 5px;
  --ty-upload-list-item-hover-bg: var(--ty-color-fill-secondary);
  --ty-upload-list-item-padding: 4px 4px 4px 2px;
  --ty-upload-list-item-name-gap: 5px;
  --ty-upload-list-item-delete-padding-end: 3px;
  --ty-upload-status-size: 16px;
  --ty-upload-tip-font-size: 12px;
  --ty-upload-tip-color: var(--ty-color-text-tertiary);
  --ty-upload-tip-margin-top: 7px;
  --ty-upload-dragger-padding: 15px;
  --ty-upload-dragger-bg: var(--ty-color-fill);
  --ty-upload-dragger-border: var(--ty-color-border);
  --ty-upload-dragger-border-hover: var(--ty-color-primary);
  --ty-upload-dragger-hover-bg: #efefef;
  --ty-upload-dragger-radius: var(--ty-border-radius);
  --ty-upload-transition-duration: 300ms;
}

[data-tiny-theme='dark'] {
  --ty-seed-brand-primary: #6e41bf;
  --ty-seed-brand-primary-hover: #8b62d0;
  --ty-seed-brand-primary-active: #5a30a8;
  --ty-seed-brand-primary-surface: #f3eefa;
  --ty-seed-brand-primary-surface-hover: #ece3f7;
  --ty-seed-brand-primary-border: #c4a7e6;
  --ty-seed-brand-primary-text-hover: #8b62d0;
  --ty-seed-status-info: #1890ff;
  --ty-seed-status-info-bg: #e6f7ff;
  --ty-seed-status-info-border: #91d5ff;
  --ty-seed-status-info-text: #096dd9;
  --ty-seed-status-info-hover: #40a9ff;
  --ty-seed-status-info-active: #096dd9;
  --ty-seed-status-success: #52c41a;
  --ty-seed-status-success-bg: #f6ffed;
  --ty-seed-status-success-border: #b7eb8f;
  --ty-seed-status-success-text: #49b10e;
  --ty-seed-status-success-hover: #73d13d;
  --ty-seed-status-success-active: #389e0d;
  --ty-seed-status-warning: #ff9800;
  --ty-seed-status-warning-bg: #fffbe6;
  --ty-seed-status-warning-border: #ffe58f;
  --ty-seed-status-warning-text: #d48806;
  --ty-seed-status-warning-hover: #ffad33;
  --ty-seed-status-warning-active: #e68a00;
  --ty-seed-status-danger: #f44336;
  --ty-seed-status-danger-bg: #fff1f0;
  --ty-seed-status-danger-border: #ffa39e;
  --ty-seed-status-danger-text: #cf1322;
  --ty-seed-status-danger-hover: #ff7875;
  --ty-seed-status-danger-active: #cf1322;
  --ty-seed-brand-chart-1: #6e41bf;
  --ty-seed-brand-chart-2: #1890ff;
  --ty-seed-brand-chart-3: #52c41a;
  --ty-seed-brand-chart-4: #ff9800;
  --ty-seed-brand-chart-5: #f44336;
  --ty-seed-shadow-control: none;
  --ty-seed-shadow-button: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --ty-seed-shadow-card: 0 1px 6px rgba(0, 0, 0, 0.12);
  --ty-seed-shadow-focus: 0 0 0 3px rgba(110, 65, 191, 0.2);
  --ty-seed-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --ty-seed-shadow-modal: 0 4px 12px rgba(0, 0, 0, 0.15);
  --ty-seed-shadow-popup: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --ty-seed-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --ty-seed-space-base: 1rem;
  --ty-seed-space-3: 8px;
  --ty-seed-space-4: 12px;
  --ty-seed-space-5: 16px;
  --ty-seed-size-height-sm: 24px;
  --ty-seed-size-height-md: 35px;
  --ty-seed-size-height-lg: 44px;
  --ty-seed-radius-base: 6px;
  --ty-seed-gap-control-sm: 4px;
  --ty-seed-gap-control-md: 6px;
  --ty-seed-gap-control-lg: 8px;
  --ty-seed-border-width-base: 1px;
  --ty-seed-layer-focus: 1;
  --ty-seed-surface-page: #ffffff;
  --ty-seed-surface-container: #ffffff;
  --ty-seed-surface-elevated: #ffffff;
  --ty-seed-surface-layout: #ffffff;
  --ty-seed-surface-spotlight: #f5f5f5;
  --ty-seed-surface-disabled: #f5f5f5;
  --ty-seed-surface-fill-base: #fafafa;
  --ty-seed-surface-fill-secondary: #f5f5f5;
  --ty-seed-surface-fill-tertiary: #f0f0f0;
  --ty-seed-text-base: rgba(0, 0, 0, 0.85);
  --ty-seed-text-label: rgba(0, 0, 0, 0.85);
  --ty-seed-text-secondary: rgba(0, 0, 0, 0.65);
  --ty-seed-text-tertiary: rgba(0, 0, 0, 0.45);
  --ty-seed-text-heading: rgba(0, 0, 0, 0.85);
  --ty-seed-text-placeholder: #bfbfbf;
  --ty-seed-text-quaternary: rgba(0, 0, 0, 0.25);
  --ty-seed-border-base: #d9d9d9;
  --ty-seed-border-light: #f0f0f0;
  --ty-seed-border-secondary: #e8e8e8;
  --ty-seed-border-button-default: #d0d0d5;
  --ty-seed-overlay-backdrop: rgba(0, 0, 0, 0.55);
  --ty-seed-overlay-inverted: rgba(255, 255, 255, 0.75);
  --ty-seed-font-family-sans: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --ty-seed-font-family-monospace: lucida console, consolas, monaco, andale mono, ubuntu mono, monospace;
  --ty-seed-font-size-sm: 12px;
  --ty-seed-font-size-base: 14px;
  --ty-seed-font-size-lg: 16px;
  --ty-seed-font-weight-regular: 400;
  --ty-seed-font-weight-medium: 500;
  --ty-seed-font-weight-heading: 500;
  --ty-seed-line-height-base: 1.5715;
  --ty-seed-heading-size-h1: 2.5rem;
  --ty-seed-heading-size-h2: 2rem;
  --ty-seed-heading-size-h3: 1.75rem;
  --ty-seed-heading-size-h4: 1.5rem;
  --ty-seed-heading-size-h5: 1.25rem;
  --ty-seed-heading-size-h6: 1rem;
  --ty-chart-1: #9065d0;
  --ty-chart-2: #177ddc;
  --ty-chart-3: #49aa19;
  --ty-chart-4: #d89614;
  --ty-chart-5: #d32029;
  --ty-color-bg-container: #1f1f1f;
  --ty-color-bg: #141414;
  --ty-color-bg-elevated: #1f1f1f;
  --ty-color-bg-layout: #141414;
  --ty-color-bg-spotlight: #2a2a2a;
  --ty-color-bg-disabled: #2a2a2a;
  --ty-color-fill: #262626;
  --ty-color-text: rgba(255, 255, 255, 0.85);
  --ty-color-text-label: rgba(255, 255, 255, 0.85);
  --ty-color-text-secondary: rgba(255, 255, 255, 0.65);
  --ty-color-text-tertiary: rgba(255, 255, 255, 0.45);
  --ty-color-text-heading: rgba(255, 255, 255, 0.85);
  --ty-color-text-placeholder: #5c5c5c;
  --ty-color-text-quaternary: rgba(255, 255, 255, 0.25);
  --ty-color-border: #424242;
  --ty-color-border-light: #303030;
  --ty-color-border-secondary: #363636;
  --ty-color-border-btn-default: #424242;
  --ty-color-primary: #9065d0;
  --ty-color-primary-hover: #a882dc;
  --ty-color-primary-active: #7a50bf;
  --ty-color-primary-bg: #1a1325;
  --ty-color-primary-border: #5b3d8f;
  --ty-color-primary-bg-hover: #231a33;
  --ty-color-primary-text-hover: #a882dc;
  --ty-color-info: #177ddc;
  --ty-color-info-bg: #111d2c;
  --ty-color-info-border: #15395b;
  --ty-color-info-text: #3c9ae8;
  --ty-color-info-hover: #3c9ae8;
  --ty-color-info-active: #1268b3;
  --ty-color-success: #49aa19;
  --ty-color-success-bg: #162312;
  --ty-color-success-border: #274916;
  --ty-color-success-text: #6abe39;
  --ty-color-success-hover: #6abe39;
  --ty-color-success-active: #3c8c14;
  --ty-color-warning: #d89614;
  --ty-color-warning-bg: #2b2111;
  --ty-color-warning-border: #594214;
  --ty-color-warning-text: #e8b339;
  --ty-color-warning-hover: #e8b339;
  --ty-color-warning-active: #b37a10;
  --ty-color-danger: #d32029;
  --ty-color-danger-bg: #2a1215;
  --ty-color-danger-border: #58181c;
  --ty-color-danger-text: #e84749;
  --ty-color-danger-hover: #e84749;
  --ty-color-danger-active: #ab1a20;
  --ty-color-fill-secondary: #2a2a2a;
  --ty-color-fill-tertiary: #303030;
  --ty-color-overlay-bg: rgba(0, 0, 0, 0.65);
  --ty-color-overlay-inverted: rgba(50, 50, 50, 0.75);
  --ty-control-group-radius: var(--ty-control-radius);
  --ty-control-group-border-width: var(--ty-seed-border-width-base);
  --ty-control-group-divider-color: var(--ty-color-border-secondary);
  --ty-control-group-focus-z-index: var(--ty-seed-layer-focus);
  --ty-control-radius: var(--ty-border-radius);
  --ty-control-height-sm: var(--ty-height-sm);
  --ty-control-height-md: var(--ty-height-md);
  --ty-control-height-lg: var(--ty-height-lg);
  --ty-control-font-size-sm: var(--ty-font-size-sm);
  --ty-control-font-size-md: var(--ty-font-size-base);
  --ty-control-font-size-lg: var(--ty-font-size-lg);
  --ty-control-padding-inline-sm: var(--ty-spacing-3);
  --ty-control-padding-inline-md: var(--ty-spacing-4);
  --ty-control-padding-inline-lg: var(--ty-spacing-5);
  --ty-control-gap-sm: var(--ty-seed-gap-control-sm);
  --ty-control-gap-md: var(--ty-seed-gap-control-md);
  --ty-control-gap-lg: var(--ty-seed-gap-control-lg);
  --ty-shadow-control: var(--ty-seed-shadow-control);
  --ty-shadow-btn: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 1px rgba(0, 0, 0, 0.2);
  --ty-shadow-card: 0 1px 6px rgba(0, 0, 0, 0.35);
  --ty-shadow-focus: var(--ty-seed-shadow-focus);
  --ty-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.5);
  --ty-shadow-modal: 0 4px 12px rgba(0, 0, 0, 0.45);
  --ty-shadow-popup: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  --ty-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
  --ty-height-sm: var(--ty-seed-size-height-sm);
  --ty-height-md: var(--ty-seed-size-height-md);
  --ty-height-lg: var(--ty-seed-size-height-lg);
  --ty-border-radius: var(--ty-seed-radius-base);
  --ty-spacer: var(--ty-seed-space-base);
  --ty-spacing-3: var(--ty-seed-space-3);
  --ty-spacing-4: var(--ty-seed-space-4);
  --ty-spacing-5: var(--ty-seed-space-5);
  --ty-font-family: var(--ty-seed-font-family-sans);
  --ty-font-family-monospace: var(--ty-seed-font-family-monospace);
  --ty-font-size-sm: var(--ty-seed-font-size-sm);
  --ty-font-size-base: var(--ty-seed-font-size-base);
  --ty-font-size-lg: var(--ty-seed-font-size-lg);
  --ty-font-weight: var(--ty-seed-font-weight-regular);
  --ty-font-weight-medium: var(--ty-seed-font-weight-medium);
  --ty-headings-font-weight: var(--ty-seed-font-weight-heading);
  --ty-line-height-base: var(--ty-seed-line-height-base);
  --ty-h1-font-size: var(--ty-seed-heading-size-h1);
  --ty-h2-font-size: var(--ty-seed-heading-size-h2);
  --ty-h3-font-size: var(--ty-seed-heading-size-h3);
  --ty-h4-font-size: var(--ty-seed-heading-size-h4);
  --ty-h5-font-size: var(--ty-seed-heading-size-h5);
  --ty-h6-font-size: var(--ty-seed-heading-size-h6);
  --ty-alert-border-radius: 3px;
  --ty-alert-padding: 10px 30px 10px 13px;
  --ty-alert-font-weight: var(--ty-font-weight);
  --ty-alert-font-size: var(--ty-font-size-base);
  --ty-alert-transition-duration: 300ms;
  --ty-alert-stack-gap: 14px;
  --ty-alert-title-font-size: 17px;
  --ty-alert-title-font-weight: 500;
  --ty-alert-title-margin-bottom: 5px;
  --ty-alert-desc-line-height: 16px;
  --ty-alert-icon-gap: 7px;
  --ty-alert-icon-offset-top: 1px;
  --ty-alert-close-offset-top: 10px;
  --ty-alert-close-offset-inline-end: 13px;
  --ty-anchor-ball-bg: #1f1f1f;
  --ty-anchor-bg: #1f1f1f;
  --ty-anchor-ball-border: var(--ty-color-primary);
  --ty-anchor-link-color: var(--ty-color-text-secondary);
  --ty-anchor-link-color-active: var(--ty-color-primary);
  --ty-anchor-link-padding: 7px 0 7px 16px;
  --ty-anchor-link-title-margin-bottom: 5px;
  --ty-anchor-ink-bg: #303030;
  --ty-auto-complete-opacity-disabled: 0.6;
  --ty-auto-complete-dropdown-padding: 4px 0;
  --ty-auto-complete-dropdown-bg: var(--ty-color-bg-container);
  --ty-auto-complete-dropdown-shadow: var(--ty-shadow-popup);
  --ty-auto-complete-dropdown-radius: var(--ty-border-radius);
  --ty-auto-complete-dropdown-font-size: var(--ty-font-size-base);
  --ty-auto-complete-dropdown-max-height: 300px;
  --ty-auto-complete-empty-padding: 16px;
  --ty-auto-complete-empty-color: var(--ty-color-text-quaternary);
  --ty-auto-complete-empty-font-size: var(--ty-font-size-sm);
  --ty-auto-complete-option-padding: 7px 12px;
  --ty-auto-complete-option-font-size: 14px;
  --ty-auto-complete-option-line-height: 22px;
  --ty-auto-complete-option-color: var(--ty-color-text);
  --ty-auto-complete-option-active-bg: var(--ty-color-fill-secondary);
  --ty-auto-complete-option-disabled-opacity: 0.5;
  --ty-avatar-bg: #555;
  --ty-avatar-border: #1f1f1f;
  --ty-avatar-border-radius: var(--ty-border-radius);
  --ty-avatar-color: #e8e8e8;
  --ty-avatar-offline-color: #525252;
  --ty-avatar-presence-shadow: 0 0 0 0.1rem #1f1f1f;
  --ty-avatar-border-width: 2px;
  --ty-avatar-presence-size: 0.4em;
  --ty-avatar-presence-color-online: var(--ty-color-success);
  --ty-avatar-presence-color-busy: var(--ty-color-danger);
  --ty-avatar-presence-color-away: var(--ty-color-warning);
  --ty-back-top-bg: rgba(255, 255, 255, 0.2);
  --ty-back-top-offset-inline-end: 40px;
  --ty-back-top-offset-bottom: 30px;
  --ty-back-top-size: 45px;
  --ty-back-top-radius: 50%;
  --ty-badge-dot-size: 6px;
  --ty-badge-font-size: 12px;
  --ty-badge-shadow: 0 0 0 1.5px #1f1f1f;
  --ty-badge-size: 18px;
  --ty-badge-count-padding: 0 5px;
  --ty-badge-count-color: #fff;
  --ty-badge-font-weight: 400;
  --ty-badge-z-index: 10;
  --ty-button-radius: var(--ty-control-radius);
  --ty-button-line-height: var(--ty-line-height-base);
  --ty-button-min-width: auto;
  --ty-button-group-gap: 0;
  --ty-button-group-divider-color: var(--ty-color-border-secondary);
  --ty-button-round-radius: var(--ty-height-lg);
  --ty-button-loading-bg: var(--ty-color-bg-container);
  --ty-button-loading-opacity: 0.35;
  --ty-button-solid-default-shadow: var(--ty-shadow-control);
  --ty-button-solid-default-shadow-hover: var(--ty-shadow-control);
  --ty-button-solid-default-shadow-active: var(--ty-shadow-control);
  --ty-button-outline-default-shadow: var(--ty-shadow-control);
  --ty-button-outline-default-shadow-hover: var(--ty-shadow-control);
  --ty-button-outline-default-shadow-active: var(--ty-shadow-control);
  --ty-button-font-size-sm: var(--ty-control-font-size-sm);
  --ty-button-font-size-md: var(--ty-control-font-size-md);
  --ty-button-font-size-lg: var(--ty-control-font-size-lg);
  --ty-button-height-sm: var(--ty-control-height-sm);
  --ty-button-height-md: var(--ty-control-height-md);
  --ty-button-height-lg: var(--ty-control-height-lg);
  --ty-button-padding-inline-sm: var(--ty-control-padding-inline-sm);
  --ty-button-padding-inline-md: 15px;
  --ty-button-padding-inline-lg: 20px;
  --ty-button-gap-sm: var(--ty-control-gap-sm);
  --ty-button-gap-md: var(--ty-control-gap-md);
  --ty-button-gap-lg: var(--ty-control-gap-lg);
  --ty-button-icon-size-sm: 14px;
  --ty-button-icon-size-md: 16px;
  --ty-button-icon-size-lg: 18px;
  --ty-button-disabled-text: var(--ty-color-text-quaternary);
  --ty-button-disabled-bg: var(--ty-color-bg-disabled);
  --ty-button-disabled-border: var(--ty-color-border);
  --ty-button-text-link-disabled: var(--ty-color-text-quaternary);
  --ty-button-solid-default-text: var(--ty-color-text);
  --ty-button-solid-default-bg: var(--ty-color-bg-container);
  --ty-button-solid-default-border: var(--ty-color-border-btn-default);
  --ty-button-solid-default-text-hover: var(--ty-color-primary);
  --ty-button-solid-default-bg-hover: var(--ty-color-bg-container);
  --ty-button-solid-default-border-hover: var(--ty-color-primary);
  --ty-button-solid-default-text-active: var(--ty-color-primary);
  --ty-button-solid-default-bg-active: var(--ty-color-fill);
  --ty-button-solid-default-border-active: var(--ty-color-primary);
  --ty-button-outline-default-text: var(--ty-color-text);
  --ty-button-outline-default-bg: var(--ty-color-bg-container);
  --ty-button-outline-default-border: var(--ty-color-border-btn-default);
  --ty-button-outline-default-text-hover: var(--ty-color-text);
  --ty-button-outline-default-bg-hover: var(--ty-color-fill);
  --ty-button-outline-default-border-hover: var(--ty-color-border);
  --ty-button-outline-default-text-active: var(--ty-color-text);
  --ty-button-outline-default-bg-active: var(--ty-color-fill-secondary);
  --ty-button-outline-default-border-active: var(--ty-color-border-secondary);
  --ty-button-ghost-default-text: var(--ty-color-text);
  --ty-button-ghost-default-bg: transparent;
  --ty-button-ghost-default-border: transparent;
  --ty-button-ghost-default-text-hover: var(--ty-color-text);
  --ty-button-ghost-default-bg-hover: var(--ty-color-fill);
  --ty-button-ghost-default-border-hover: transparent;
  --ty-button-ghost-default-text-active: var(--ty-color-text);
  --ty-button-ghost-default-bg-active: var(--ty-color-fill-secondary);
  --ty-button-ghost-default-border-active: transparent;
  --ty-button-link-default-text: var(--ty-color-text);
  --ty-button-link-default-bg: transparent;
  --ty-button-link-default-border: transparent;
  --ty-button-link-default-text-hover: var(--ty-color-text);
  --ty-button-link-default-bg-hover: transparent;
  --ty-button-link-default-border-hover: transparent;
  --ty-button-link-default-text-active: var(--ty-color-text);
  --ty-button-link-default-bg-active: transparent;
  --ty-button-link-default-border-active: transparent;
  --ty-button-solid-primary-text: #fff;
  --ty-button-solid-primary-bg: var(--ty-color-primary);
  --ty-button-solid-primary-border: var(--ty-color-primary);
  --ty-button-solid-primary-text-hover: #fff;
  --ty-button-solid-primary-bg-hover: var(--ty-color-primary-hover);
  --ty-button-solid-primary-border-hover: var(--ty-color-primary-hover);
  --ty-button-solid-primary-text-active: #fff;
  --ty-button-solid-primary-bg-active: var(--ty-color-primary-active);
  --ty-button-solid-primary-border-active: var(--ty-color-primary-active);
  --ty-button-outline-primary-text: var(--ty-color-primary);
  --ty-button-outline-primary-bg: var(--ty-color-bg-container);
  --ty-button-outline-primary-border: var(--ty-color-primary);
  --ty-button-outline-primary-text-hover: var(--ty-color-primary);
  --ty-button-outline-primary-bg-hover: var(--ty-color-primary-bg);
  --ty-button-outline-primary-border-hover: var(--ty-color-primary-hover);
  --ty-button-outline-primary-text-active: var(--ty-color-primary);
  --ty-button-outline-primary-bg-active: var(--ty-color-primary-bg-hover);
  --ty-button-outline-primary-border-active: var(--ty-color-primary-active);
  --ty-button-ghost-primary-text: var(--ty-color-primary);
  --ty-button-ghost-primary-bg: transparent;
  --ty-button-ghost-primary-border: transparent;
  --ty-button-ghost-primary-text-hover: var(--ty-color-primary);
  --ty-button-ghost-primary-bg-hover: var(--ty-color-primary-bg);
  --ty-button-ghost-primary-border-hover: transparent;
  --ty-button-ghost-primary-text-active: var(--ty-color-primary);
  --ty-button-ghost-primary-bg-active: var(--ty-color-primary-bg-hover);
  --ty-button-ghost-primary-border-active: transparent;
  --ty-button-link-primary-text: var(--ty-color-primary);
  --ty-button-link-primary-bg: transparent;
  --ty-button-link-primary-border: transparent;
  --ty-button-link-primary-text-hover: var(--ty-color-primary);
  --ty-button-link-primary-bg-hover: transparent;
  --ty-button-link-primary-border-hover: transparent;
  --ty-button-link-primary-text-active: var(--ty-color-primary);
  --ty-button-link-primary-bg-active: transparent;
  --ty-button-link-primary-border-active: transparent;
  --ty-button-solid-info-text: #fff;
  --ty-button-solid-info-bg: var(--ty-color-info);
  --ty-button-solid-info-border: var(--ty-color-info);
  --ty-button-solid-info-text-hover: #fff;
  --ty-button-solid-info-bg-hover: var(--ty-color-info-hover);
  --ty-button-solid-info-border-hover: var(--ty-color-info-hover);
  --ty-button-solid-info-text-active: #fff;
  --ty-button-solid-info-bg-active: var(--ty-color-info-active);
  --ty-button-solid-info-border-active: var(--ty-color-info-active);
  --ty-button-outline-info-text: var(--ty-color-info);
  --ty-button-outline-info-bg: var(--ty-color-bg-container);
  --ty-button-outline-info-border: var(--ty-color-info);
  --ty-button-outline-info-text-hover: var(--ty-color-info);
  --ty-button-outline-info-bg-hover: rgba(64, 169, 255, 0.12);
  --ty-button-outline-info-border-hover: var(--ty-color-info-hover);
  --ty-button-outline-info-text-active: var(--ty-color-info);
  --ty-button-outline-info-bg-active: rgba(64, 169, 255, 0.18);
  --ty-button-outline-info-border-active: var(--ty-color-info-active);
  --ty-button-ghost-info-text: var(--ty-color-info);
  --ty-button-ghost-info-bg: transparent;
  --ty-button-ghost-info-border: transparent;
  --ty-button-ghost-info-text-hover: var(--ty-color-info);
  --ty-button-ghost-info-bg-hover: rgba(64, 169, 255, 0.12);
  --ty-button-ghost-info-border-hover: transparent;
  --ty-button-ghost-info-text-active: var(--ty-color-info);
  --ty-button-ghost-info-bg-active: rgba(64, 169, 255, 0.18);
  --ty-button-ghost-info-border-active: transparent;
  --ty-button-link-info-text: var(--ty-color-info);
  --ty-button-link-info-bg: transparent;
  --ty-button-link-info-border: transparent;
  --ty-button-link-info-text-hover: var(--ty-color-info);
  --ty-button-link-info-bg-hover: transparent;
  --ty-button-link-info-border-hover: transparent;
  --ty-button-link-info-text-active: var(--ty-color-info);
  --ty-button-link-info-bg-active: transparent;
  --ty-button-link-info-border-active: transparent;
  --ty-button-solid-success-text: #fff;
  --ty-button-solid-success-bg: var(--ty-color-success);
  --ty-button-solid-success-border: var(--ty-color-success);
  --ty-button-solid-success-text-hover: #fff;
  --ty-button-solid-success-bg-hover: var(--ty-color-success-hover);
  --ty-button-solid-success-border-hover: var(--ty-color-success-hover);
  --ty-button-solid-success-text-active: #fff;
  --ty-button-solid-success-bg-active: var(--ty-color-success-active);
  --ty-button-solid-success-border-active: var(--ty-color-success-active);
  --ty-button-outline-success-text: var(--ty-color-success);
  --ty-button-outline-success-bg: var(--ty-color-bg-container);
  --ty-button-outline-success-border: var(--ty-color-success);
  --ty-button-outline-success-text-hover: var(--ty-color-success);
  --ty-button-outline-success-bg-hover: rgba(82, 196, 26, 0.12);
  --ty-button-outline-success-border-hover: var(--ty-color-success-hover);
  --ty-button-outline-success-text-active: var(--ty-color-success);
  --ty-button-outline-success-bg-active: rgba(82, 196, 26, 0.18);
  --ty-button-outline-success-border-active: var(--ty-color-success-active);
  --ty-button-ghost-success-text: var(--ty-color-success);
  --ty-button-ghost-success-bg: transparent;
  --ty-button-ghost-success-border: transparent;
  --ty-button-ghost-success-text-hover: var(--ty-color-success);
  --ty-button-ghost-success-bg-hover: rgba(82, 196, 26, 0.12);
  --ty-button-ghost-success-border-hover: transparent;
  --ty-button-ghost-success-text-active: var(--ty-color-success);
  --ty-button-ghost-success-bg-active: rgba(82, 196, 26, 0.18);
  --ty-button-ghost-success-border-active: transparent;
  --ty-button-link-success-text: var(--ty-color-success);
  --ty-button-link-success-bg: transparent;
  --ty-button-link-success-border: transparent;
  --ty-button-link-success-text-hover: var(--ty-color-success);
  --ty-button-link-success-bg-hover: transparent;
  --ty-button-link-success-border-hover: transparent;
  --ty-button-link-success-text-active: var(--ty-color-success);
  --ty-button-link-success-bg-active: transparent;
  --ty-button-link-success-border-active: transparent;
  --ty-button-solid-warning-text: #fff;
  --ty-button-solid-warning-bg: var(--ty-color-warning);
  --ty-button-solid-warning-border: var(--ty-color-warning);
  --ty-button-solid-warning-text-hover: #fff;
  --ty-button-solid-warning-bg-hover: var(--ty-color-warning-hover);
  --ty-button-solid-warning-border-hover: var(--ty-color-warning-hover);
  --ty-button-solid-warning-text-active: #fff;
  --ty-button-solid-warning-bg-active: var(--ty-color-warning-active);
  --ty-button-solid-warning-border-active: var(--ty-color-warning-active);
  --ty-button-outline-warning-text: var(--ty-color-warning);
  --ty-button-outline-warning-bg: var(--ty-color-bg-container);
  --ty-button-outline-warning-border: var(--ty-color-warning);
  --ty-button-outline-warning-text-hover: var(--ty-color-warning);
  --ty-button-outline-warning-bg-hover: rgba(250, 173, 20, 0.12);
  --ty-button-outline-warning-border-hover: var(--ty-color-warning-hover);
  --ty-button-outline-warning-text-active: var(--ty-color-warning);
  --ty-button-outline-warning-bg-active: rgba(250, 173, 20, 0.18);
  --ty-button-outline-warning-border-active: var(--ty-color-warning-active);
  --ty-button-ghost-warning-text: var(--ty-color-warning);
  --ty-button-ghost-warning-bg: transparent;
  --ty-button-ghost-warning-border: transparent;
  --ty-button-ghost-warning-text-hover: var(--ty-color-warning);
  --ty-button-ghost-warning-bg-hover: rgba(250, 173, 20, 0.12);
  --ty-button-ghost-warning-border-hover: transparent;
  --ty-button-ghost-warning-text-active: var(--ty-color-warning);
  --ty-button-ghost-warning-bg-active: rgba(250, 173, 20, 0.18);
  --ty-button-ghost-warning-border-active: transparent;
  --ty-button-link-warning-text: var(--ty-color-warning);
  --ty-button-link-warning-bg: transparent;
  --ty-button-link-warning-border: transparent;
  --ty-button-link-warning-text-hover: var(--ty-color-warning);
  --ty-button-link-warning-bg-hover: transparent;
  --ty-button-link-warning-border-hover: transparent;
  --ty-button-link-warning-text-active: var(--ty-color-warning);
  --ty-button-link-warning-bg-active: transparent;
  --ty-button-link-warning-border-active: transparent;
  --ty-button-solid-danger-text: #fff;
  --ty-button-solid-danger-bg: var(--ty-color-danger);
  --ty-button-solid-danger-border: var(--ty-color-danger);
  --ty-button-solid-danger-text-hover: #fff;
  --ty-button-solid-danger-bg-hover: var(--ty-color-danger-hover);
  --ty-button-solid-danger-border-hover: var(--ty-color-danger-hover);
  --ty-button-solid-danger-text-active: #fff;
  --ty-button-solid-danger-bg-active: var(--ty-color-danger-active);
  --ty-button-solid-danger-border-active: var(--ty-color-danger-active);
  --ty-button-outline-danger-text: var(--ty-color-danger);
  --ty-button-outline-danger-bg: var(--ty-color-bg-container);
  --ty-button-outline-danger-border: var(--ty-color-danger);
  --ty-button-outline-danger-text-hover: var(--ty-color-danger);
  --ty-button-outline-danger-bg-hover: rgba(255, 77, 79, 0.12);
  --ty-button-outline-danger-border-hover: var(--ty-color-danger-hover);
  --ty-button-outline-danger-text-active: var(--ty-color-danger);
  --ty-button-outline-danger-bg-active: rgba(255, 77, 79, 0.18);
  --ty-button-outline-danger-border-active: var(--ty-color-danger-active);
  --ty-button-ghost-danger-text: var(--ty-color-danger);
  --ty-button-ghost-danger-bg: transparent;
  --ty-button-ghost-danger-border: transparent;
  --ty-button-ghost-danger-text-hover: var(--ty-color-danger);
  --ty-button-ghost-danger-bg-hover: rgba(255, 77, 79, 0.12);
  --ty-button-ghost-danger-border-hover: transparent;
  --ty-button-ghost-danger-text-active: var(--ty-color-danger);
  --ty-button-ghost-danger-bg-active: rgba(255, 77, 79, 0.18);
  --ty-button-ghost-danger-border-active: transparent;
  --ty-button-link-danger-text: var(--ty-color-danger);
  --ty-button-link-danger-bg: transparent;
  --ty-button-link-danger-border: transparent;
  --ty-button-link-danger-text-hover: var(--ty-color-danger);
  --ty-button-link-danger-bg-hover: transparent;
  --ty-button-link-danger-border-hover: transparent;
  --ty-button-link-danger-text-active: var(--ty-color-danger);
  --ty-button-link-danger-bg-active: transparent;
  --ty-button-link-danger-border-active: transparent;
  --ty-calendar-bg: #1f1f1f;
  --ty-calendar-border: #363636;
  --ty-calendar-radius: var(--ty-border-radius);
  --ty-calendar-cell-hover-bg: #2a2a2a;
  --ty-calendar-header-padding: 8px 12px;
  --ty-calendar-header-action-size: 28px;
  --ty-calendar-header-action-radius: 4px;
  --ty-calendar-header-action-font-size: 18px;
  --ty-calendar-header-action-color: var(--ty-color-text-tertiary);
  --ty-calendar-header-action-color-hover: var(--ty-color-primary);
  --ty-calendar-header-action-hover-bg: #2a2a2a;
  --ty-calendar-header-action-focus-ring: var(--ty-color-primary-border);
  --ty-calendar-header-label-font-size: 16px;
  --ty-calendar-header-label-font-weight: 500;
  --ty-calendar-header-caption-gap: 8px;
  --ty-calendar-header-label-min-height: 32px;
  --ty-calendar-header-label-padding-inline: 10px;
  --ty-calendar-header-label-radius: 4px;
  --ty-calendar-header-label-color: var(--ty-color-text);
  --ty-calendar-header-label-color-hover: var(--ty-color-primary);
  --ty-calendar-header-label-hover-bg: #2a2a2a;
  --ty-calendar-header-label-focus-ring: var(--ty-color-primary-border);
  --ty-calendar-body-padding: 8px;
  --ty-calendar-cell-header-font-size: var(--ty-font-size-sm);
  --ty-calendar-cell-header-padding: 8px 0;
  --ty-calendar-cell-header-color: var(--ty-color-text-secondary);
  --ty-calendar-week-number-color: var(--ty-color-text-quaternary);
  --ty-calendar-week-number-width: 32px;
  --ty-calendar-week-number-font-size: 12px;
  --ty-calendar-week-number-padding: 4px 0;
  --ty-calendar-cell-color: var(--ty-color-text);
  --ty-calendar-cell-color-muted: var(--ty-color-text-quaternary);
  --ty-calendar-cell-disabled-bg: var(--ty-color-bg-disabled);
  --ty-calendar-cell-today-border: var(--ty-color-primary);
  --ty-calendar-cell-selected-bg: var(--ty-color-primary);
  --ty-calendar-cell-selected-color: #fff;
  --ty-calendar-range-bg: var(--ty-color-primary-bg);
  --ty-calendar-cell-focus-outline: var(--ty-color-primary);
  --ty-calendar-cell-date-font-size: var(--ty-font-size-sm);
  --ty-calendar-cell-date-line-height: 24px;
  --ty-calendar-cell-date-min-width: 24px;
  --ty-calendar-cell-inner-padding: 4px;
  --ty-calendar-cell-inner-min-height: 24px;
  --ty-calendar-cell-inner-padding-fullscreen: 4px 8px;
  --ty-calendar-cell-inner-min-height-fullscreen: 60px;
  --ty-calendar-cell-content-font-size: 12px;
  --ty-calendar-cell-content-margin-top: 2px;
  --ty-calendar-cell-dot-size: 6px;
  --ty-calendar-cell-dot-color: var(--ty-color-primary);
  --ty-calendar-panel-grid-gap: 8px;
  --ty-calendar-panel-padding: 8px;
  --ty-calendar-panel-item-min-height: 48px;
  --ty-calendar-panel-item-padding-inline: 8px;
  --ty-calendar-panel-item-radius: var(--ty-border-radius);
  --ty-calendar-panel-item-hover-bg: #2a2a2a;
  --ty-calendar-panel-item-selected-color: #fff;
  --ty-calendar-panel-item-selected-bg: var(--ty-color-primary);
  --ty-calendar-panel-item-selected-hover-bg: var(--ty-color-primary-hover);
  --ty-calendar-month-content-font-size: 12px;
  --ty-calendar-month-content-margin-top: 4px;
  --ty-calendar-decade-font-size: var(--ty-font-size-base);
  --ty-calendar-decade-color-out: var(--ty-color-text-quaternary);
  --ty-calendar-footer-padding: 8px 12px;
  --ty-calendar-today-color: var(--ty-color-primary);
  --ty-calendar-today-color-hover: var(--ty-color-primary-hover);
  --ty-calendar-today-font-size: 13px;
  --ty-calendar-today-hover-bg: var(--ty-color-primary-bg);
  --ty-calendar-today-active-bg: var(--ty-color-primary-bg-hover);
  --ty-calendar-today-focus-ring: var(--ty-color-primary-border);
  --ty-card-radius: var(--ty-border-radius);
  --ty-card-bg: var(--ty-color-bg-container);
  --ty-card-bg-filled: var(--ty-color-fill);
  --ty-card-border: var(--ty-color-border-secondary);
  --ty-card-shadow: var(--ty-shadow-card);
  --ty-card-shadow-hover: var(--ty-shadow-card);
  --ty-card-header-padding: var(--ty-spacing-5);
  --ty-card-body-padding: var(--ty-spacing-5);
  --ty-card-footer-padding: var(--ty-spacing-5);
  --ty-card-header-color: var(--ty-color-text-heading);
  --ty-card-header-font-size: var(--ty-font-size-base);
  --ty-card-header-font-weight: var(--ty-font-weight-medium);
  --ty-carousel-arrow-bg: rgba(255, 255, 255, 0.15);
  --ty-carousel-arrow-hover-bg: rgba(255, 255, 255, 0.25);
  --ty-carousel-arrow-size: 36px;
  --ty-carousel-arrow-color: #fff;
  --ty-carousel-arrow-offset: 12px;
  --ty-carousel-dot-active-bg: #fff;
  --ty-carousel-dot-bg: rgba(255, 255, 255, 0.3);
  --ty-carousel-dot-hover-bg: rgba(255, 255, 255, 0.6);
  --ty-carousel-dot-width: 16px;
  --ty-carousel-dot-height: 3px;
  --ty-carousel-dot-gap: 4px;
  --ty-carousel-dot-radius: 1px;
  --ty-carousel-dot-width-active: 24px;
  --ty-carousel-dot-height-active: 24px;
  --ty-cascader-bg: #1f1f1f;
  --ty-cascader-min-width: 200px;
  --ty-cascader-border: #424242;
  --ty-cascader-radius: var(--ty-border-radius);
  --ty-cascader-border-hover: var(--ty-color-primary);
  --ty-cascader-border-focus: var(--ty-color-primary);
  --ty-cascader-shadow-focus: var(--ty-shadow-focus);
  --ty-cascader-opacity-disabled: 0.5;
  --ty-cascader-font-size-sm: var(--ty-font-size-sm);
  --ty-cascader-font-size-md: var(--ty-font-size-base);
  --ty-cascader-font-size-lg: var(--ty-font-size-lg);
  --ty-cascader-height-sm: var(--ty-height-sm);
  --ty-cascader-height-md: var(--ty-height-md);
  --ty-cascader-height-lg: var(--ty-height-lg);
  --ty-cascader-padding-sm: 0 28px 0 8px;
  --ty-cascader-padding-md: 0 32px 0 10px;
  --ty-cascader-padding-lg: 0 36px 0 12px;
  --ty-cascader-color: var(--ty-color-text);
  --ty-cascader-placeholder: var(--ty-color-text-placeholder);
  --ty-cascader-clear-color: var(--ty-color-text-tertiary);
  --ty-cascader-clear-color-hover: var(--ty-color-text-secondary);
  --ty-cascader-clear-offset-inline-end: 24px;
  --ty-cascader-clear-font-size: 12px;
  --ty-cascader-arrow-color: var(--ty-color-text-tertiary);
  --ty-cascader-arrow-offset-inline-end: 8px;
  --ty-cascader-arrow-font-size: 12px;
  --ty-cascader-dropdown-bg: #1f1f1f;
  --ty-cascader-dropdown-shadow: var(--ty-shadow-popup);
  --ty-cascader-dropdown-max-height: 300px;
  --ty-cascader-menu-padding: 4px 0;
  --ty-cascader-menu-min-width: 120px;
  --ty-cascader-hover: #2a2a2a;
  --ty-cascader-menu-empty-padding: 8px 12px;
  --ty-cascader-menu-empty-color: var(--ty-color-text-secondary);
  --ty-cascader-menu-item-padding: 5px 12px;
  --ty-cascader-menu-item-disabled-opacity: 0.5;
  --ty-cascader-option-color-active: var(--ty-color-primary);
  --ty-cascader-option-font-weight-active: 500;
  --ty-cascader-menu-item-arrow-color: var(--ty-color-text-tertiary);
  --ty-cascader-menu-item-arrow-gap: 8px;
  --ty-cascader-menu-item-arrow-font-size: 12px;
  --ty-cascader-selected-bg: rgba(144, 101, 208, 0.1);
  --ty-checkbox-size: 16px;
  --ty-checkbox-radius: var(--ty-border-radius);
  --ty-checkbox-label-gap: 8px;
  --ty-checkbox-label-padding-inline-end: 5px;
  --ty-checkbox-label-color: var(--ty-color-text);
  --ty-checkbox-bg: #1f1f1f;
  --ty-checkbox-border: #424242;
  --ty-checkbox-shadow: var(--ty-shadow-control);
  --ty-checkbox-border-hover: var(--ty-color-primary);
  --ty-checkbox-bg-checked: var(--ty-color-primary);
  --ty-checkbox-border-checked: var(--ty-color-primary);
  --ty-checkbox-indicator-color: #fff;
  --ty-checkbox-bg-disabled: #2a2a2a;
  --ty-checkbox-border-disabled: var(--ty-color-border);
  --ty-checkbox-indicator-color-disabled: var(--ty-color-text-quaternary);
  --ty-checkbox-label-color-disabled: var(--ty-color-text-quaternary);
  --ty-collapse-bg: #262626;
  --ty-collapse-border-color: #424242;
  --ty-collapse-borderless-divider-color: #363636;
  --ty-collapse-radius: var(--ty-border-radius);
  --ty-collapse-header-bg: transparent;
  --ty-collapse-header-hover-bg: #303030;
  --ty-collapse-header-active-bg: #303030;
  --ty-collapse-header-disabled-bg: transparent;
  --ty-collapse-header-color: var(--ty-color-text);
  --ty-collapse-header-disabled-color: rgba(255, 255, 255, 0.35);
  --ty-collapse-header-min-height: 44px;
  --ty-collapse-header-padding-inline: 16px;
  --ty-collapse-header-padding-block: 14px;
  --ty-collapse-header-gap: 12px;
  --ty-collapse-icon-color: var(--ty-collapse-header-color);
  --ty-collapse-icon-active-color: var(--ty-collapse-header-color);
  --ty-collapse-icon-disabled-color: rgba(255, 255, 255, 0.35);
  --ty-collapse-icon-slot-size: 20px;
  --ty-collapse-icon-size: 10px;
  --ty-collapse-extra-color: rgba(255, 255, 255, 0.65);
  --ty-collapse-extra-disabled-color: rgba(255, 255, 255, 0.35);
  --ty-collapse-extra-gap: 8px;
  --ty-collapse-extra-font-size: 12px;
  --ty-collapse-body-bg: #1f1f1f;
  --ty-collapse-body-color: var(--ty-color-text-secondary);
  --ty-collapse-body-padding-inline: 16px;
  --ty-collapse-body-padding-block: 16px;
  --ty-collapse-font-size: 14px;
  --ty-collapse-line-height: 1.5;
  --ty-collapse-focus-ring: var(--ty-color-primary);
  --ty-collapse-motion-duration: 240ms;
  --ty-collapse-motion-easing: ease;
  --ty-color-picker-opacity-disabled: 0.5;
  --ty-color-picker-swatch-size: 32px;
  --ty-color-picker-swatch-padding: 3px;
  --ty-color-picker-swatch-radius: var(--ty-border-radius);
  --ty-color-picker-border: var(--ty-color-border);
  --ty-color-picker-bg: var(--ty-color-bg-container);
  --ty-color-picker-panel-padding: 12px;
  --ty-color-picker-panel-radius: 8px;
  --ty-color-picker-panel-shadow: var(--ty-shadow-popup);
  --ty-color-picker-panel-width: 240px;
  --ty-color-picker-spectrum-height: 150px;
  --ty-color-picker-spectrum-radius: 4px;
  --ty-color-picker-spectrum-white: linear-gradient(to right, #fff, transparent);
  --ty-color-picker-spectrum-black: linear-gradient(to bottom, transparent, #000);
  --ty-color-picker-spectrum-handle-size: 12px;
  --ty-color-picker-handle-border-width: 2px;
  --ty-color-picker-handle-border-color: #fff;
  --ty-color-picker-handle-shadow: 0 0 2px rgb(0 0 0 / 30%);
  --ty-color-picker-controls-gap: 8px;
  --ty-color-picker-controls-margin-top: 12px;
  --ty-color-picker-preview-size: 28px;
  --ty-color-picker-preview-radius: 50%;
  --ty-color-picker-slider-height: 12px;
  --ty-color-picker-slider-radius: 6px;
  --ty-color-picker-alpha-grid-size: 8px;
  --ty-color-picker-slider-handle-size: 14px;
  --ty-color-picker-input-row-gap: 6px;
  --ty-color-picker-input-row-margin-top: 12px;
  --ty-color-picker-button-padding: 2px 6px;
  --ty-color-picker-button-font-size: 12px;
  --ty-color-picker-button-color: var(--ty-color-text);
  --ty-color-picker-button-border-hover: var(--ty-color-primary);
  --ty-color-picker-input-padding: 2px 6px;
  --ty-color-picker-input-font-size: 12px;
  --ty-color-picker-input-color: var(--ty-color-text);
  --ty-color-picker-input-font-family: var(--ty-font-family-monospace);
  --ty-color-picker-input-border-focus: var(--ty-color-primary);
  --ty-color-picker-presets-gap: 6px;
  --ty-color-picker-presets-margin-top: 12px;
  --ty-color-picker-presets-padding-top: 12px;
  --ty-color-picker-preset-size: 20px;
  --ty-color-picker-preset-hover-scale: 1.2;
  --ty-color-picker-preset-transition-duration: 150ms;
  --ty-date-picker-input-min-width-sm: 90px;
  --ty-date-picker-input-min-width-md: 120px;
  --ty-date-picker-input-min-width-lg: 140px;
  --ty-date-picker-header-padding: 8px 12px;
  --ty-date-picker-header-border: var(--ty-color-border-light);
  --ty-date-picker-header-button-size: 28px;
  --ty-date-picker-header-button-radius: 4px;
  --ty-date-picker-header-button-color: var(--ty-color-text-tertiary);
  --ty-date-picker-header-button-color-hover: var(--ty-color-primary);
  --ty-date-picker-header-action-hover-bg: var(--ty-color-fill-secondary);
  --ty-date-picker-header-action-focus-ring: var(--ty-color-primary-border);
  --ty-date-picker-header-label-font-size: 16px;
  --ty-date-picker-header-label-font-weight: 500;
  --ty-date-picker-header-caption-gap: 8px;
  --ty-date-picker-body-padding: 8px 12px;
  --ty-date-picker-cell-font-size: 13px;
  --ty-date-picker-cell-size: 28px;
  --ty-date-picker-cell-radius: 6px;
  --ty-date-picker-cell-color: var(--ty-color-text);
  --ty-date-picker-cell-color-muted: var(--ty-color-text-quaternary);
  --ty-date-picker-cell-disabled-bg: #2a2a2a;
  --ty-date-picker-panel-item-gap-y: 8px;
  --ty-date-picker-panel-item-min-width: 56px;
  --ty-date-picker-panel-item-height: 40px;
  --ty-date-picker-panel-item-padding-inline: 12px;
  --ty-date-picker-panel-item-radius: 10px;
  --ty-date-picker-panel-item-hover-bg: var(--ty-color-fill-secondary);
  --ty-date-picker-panel-item-current-color: var(--ty-color-primary);
  --ty-date-picker-panel-item-current-border: var(--ty-color-primary);
  --ty-date-picker-panel-item-selected-bg: var(--ty-color-primary-bg-hover);
  --ty-date-picker-panel-item-selected-color: var(--ty-color-primary);
  --ty-date-picker-panel-item-selected-hover-bg: var(--ty-color-primary-bg);
  --ty-date-picker-cell-today-border: var(--ty-color-primary);
  --ty-date-picker-cell-selected-bg: var(--ty-color-primary);
  --ty-date-picker-cell-selected-color: #fff;
  --ty-date-picker-cell-selected-hover-bg: #7a50bf;
  --ty-date-picker-range-bg: var(--ty-color-primary-bg);
  --ty-date-picker-footer-padding: 8px 12px;
  --ty-date-picker-today-font-size: 13px;
  --ty-date-picker-today-color: var(--ty-color-primary);
  --ty-date-picker-today-color-hover: var(--ty-color-primary-hover);
  --ty-date-picker-today-hover-bg: var(--ty-color-primary-bg);
  --ty-date-picker-today-active-bg: var(--ty-color-primary-bg-hover);
  --ty-date-picker-today-focus-ring: var(--ty-color-primary-border);
  --ty-descriptions-border: #363636;
  --ty-descriptions-label-bg: #262626;
  --ty-descriptions-title-color: var(--ty-color-text);
  --ty-descriptions-title-font-size: 16px;
  --ty-descriptions-title-font-weight: 600;
  --ty-descriptions-title-margin-bottom: 20px;
  --ty-descriptions-item-colon-margin-start: 2px;
  --ty-descriptions-item-colon-margin-end: 5px;
  --ty-descriptions-label-color: var(--ty-color-text-label);
  --ty-descriptions-label-font-size: var(--ty-font-size-base);
  --ty-descriptions-label-line-height: var(--ty-line-height-base);
  --ty-descriptions-content-color: var(--ty-color-text-secondary);
  --ty-descriptions-content-font-size: var(--ty-font-size-base);
  --ty-descriptions-content-line-height: var(--ty-line-height-base);
  --ty-descriptions-radius: var(--ty-border-radius);
  --ty-descriptions-lg-padding-hr: var(--ty-height-sm);
  --ty-descriptions-lg-padding-vt: 16px;
  --ty-descriptions-md-padding-hr: var(--ty-height-sm);
  --ty-descriptions-md-padding-vt: 12px;
  --ty-descriptions-sm-padding-hr: 16px;
  --ty-descriptions-sm-padding-vt: 8px;
  --ty-divider-color: #363636;
  --ty-divider-font-size: 14px;
  --ty-divider-line-height: 1.5;
  --ty-divider-vertical-margin: 0 8px;
  --ty-divider-vertical-height: 0.9em;
  --ty-divider-horizontal-margin: 16px 0;
  --ty-divider-text-color: rgba(255, 255, 255, 0.85);
  --ty-divider-title-gap: 10px;
  --ty-drawer-bg: #1f1f1f;
  --ty-drawer-shadow: var(--ty-shadow-modal);
  --ty-drawer-transition-duration: 300ms;
  --ty-drawer-header-padding-block: 16px;
  --ty-drawer-header-padding-inline: 24px;
  --ty-drawer-body-padding-block: 16px;
  --ty-drawer-body-padding-inline: 24px;
  --ty-drawer-footer-padding-block: 16px;
  --ty-drawer-footer-padding-inline: 24px;
  --ty-drawer-border: #363636;
  --ty-drawer-close-color: var(--ty-color-text-tertiary);
  --ty-drawer-close-size: 56px;
  --ty-dropdown-menu-padding: 4px 0;
  --ty-dropdown-item-padding: 8px 15px;
  --ty-dropdown-item-color: var(--ty-color-text);
  --ty-dropdown-item-hover-bg: var(--ty-color-bg-spotlight);
  --ty-dropdown-group-title-padding: 8px 10px;
  --ty-empty-desc-color: rgba(255, 255, 255, 0.35);
  --ty-empty-desc-font-size: var(--ty-font-size-base);
  --ty-empty-image-max-width: 120px;
  --ty-empty-image-margin-bottom: 8px;
  --ty-empty-footer-margin-top: 16px;
  --ty-form-error-color: #e84749;
  --ty-form-error-hover: #d32029;
  --ty-form-item-margin-bottom: 22px;
  --ty-form-label-line-height: 30px;
  --ty-form-label-color: var(--ty-color-text);
  --ty-form-label-font-size: var(--ty-font-size-base);
  --ty-form-label-required-margin-end: 3px;
  --ty-form-label-colon-margin: 0 8px 0 2px;
  --ty-form-input-min-height: 32px;
  --ty-form-notice-font-size: 13px;
  --ty-form-notice-radius: var(--ty-border-radius);
  --ty-form-notice-padding: 5px;
  --ty-form-notice-margin-top: 5px;
  --ty-form-helper-color: var(--ty-color-text-tertiary);
  --ty-form-feedback-font-size: 13px;
  --ty-form-feedback-line-height: 22px;
  --ty-form-error-shadow: 0 0 0 3px rgb(255 77 79 / 20%);
  --ty-form-notice-bg: #2b2111;
  --ty-form-notice-color: rgba(255, 255, 255, 0.65);
  --ty-input-number-control-active-bg: #2a2a2a;
  --ty-input-number-control-border: #424242;
  --ty-input-number-icon-color: #666;
  --ty-input-number-icon-color-hover: var(--ty-color-primary);
  --ty-input-number-input-padding-inline-start: 7px;
  --ty-input-number-input-padding-inline-end: 25px;
  --ty-input-number-controls-padding: 1px;
  --ty-input-number-control-padding-inline: 0 7px;
  --ty-input-number-control-transition-duration: 300ms;
  --ty-input-number-font-size-sm: var(--ty-font-size-sm);
  --ty-input-number-font-size-md: var(--ty-font-size-base);
  --ty-input-number-font-size-lg: var(--ty-font-size-lg);
  --ty-input-number-height-sm: var(--ty-height-sm);
  --ty-input-number-height-md: var(--ty-height-md);
  --ty-input-number-height-lg: var(--ty-height-lg);
  --ty-input-radius: var(--ty-control-radius);
  --ty-input-color: var(--ty-color-text);
  --ty-input-bg: var(--ty-color-bg-container);
  --ty-input-bg-disabled: var(--ty-color-bg-disabled);
  --ty-input-border: var(--ty-color-border);
  --ty-input-shadow: var(--ty-shadow-control);
  --ty-input-border-hover: var(--ty-color-primary);
  --ty-input-border-focus: var(--ty-color-primary);
  --ty-input-shadow-focus: var(--ty-shadow-focus);
  --ty-input-placeholder: var(--ty-color-text-placeholder);
  --ty-input-addon-bg: var(--ty-color-fill);
  --ty-input-addon-padding: var(--ty-spacing-3);
  --ty-input-affix-margin: 0 8px;
  --ty-input-clear-size: 1em;
  --ty-input-clear-color: var(--ty-color-text-quaternary);
  --ty-input-font-size-sm: var(--ty-control-font-size-sm);
  --ty-input-font-size-md: var(--ty-control-font-size-md);
  --ty-input-font-size-lg: var(--ty-control-font-size-lg);
  --ty-input-height-sm: var(--ty-control-height-sm);
  --ty-input-height-md: var(--ty-control-height-md);
  --ty-input-height-lg: var(--ty-control-height-lg);
  --ty-input-padding-inline-sm: var(--ty-control-padding-inline-sm);
  --ty-input-padding-inline-md: var(--ty-control-padding-inline-md);
  --ty-input-padding-inline-lg: var(--ty-control-padding-inline-lg);
  --ty-input-affix-gap: var(--ty-spacing-3);
  --ty-input-clear-size-sm: 14px;
  --ty-input-clear-size-md: 16px;
  --ty-input-clear-size-lg: 18px;
  --ty-input-text-disabled: var(--ty-color-text-quaternary);
  --ty-keyboard-bg: #2a2a2a;
  --ty-keyboard-border: #424242;
  --ty-keyboard-border-bottom: #363636;
  --ty-keyboard-color: rgba(255, 255, 255, 0.85);
  --ty-keyboard-shadow: inset 0 -1px 0 #363636;
  --ty-keyboard-font-family: var(--ty-font-family-monospace);
  --ty-keyboard-padding: 4px 8px;
  --ty-keyboard-radius: 4px;
  --ty-keyboard-font-size: 11px;
  --ty-layout-header-height: 60px;
  --ty-layout-header-bg: var(--ty-color-bg-layout);
  --ty-layout-footer-padding: 24px 50px;
  --ty-layout-footer-bg: var(--ty-color-bg-layout);
  --ty-layout-content-bg: var(--ty-color-bg-layout);
  --ty-layout-sidebar-bg: #12131a;
  --ty-layout-sidebar-light-bg: #1f1f1f;
  --ty-layout-sidebar-light-color: rgba(255, 255, 255, 0.85);
  --ty-layout-sidebar-light-trigger-bg: #2a2a2a;
  --ty-layout-sidebar-light-trigger-icon: #666;
  --ty-layout-sidebar-trigger-bg: rgb(0, 33, 64);
  --ty-layout-sidebar-color: #fff;
  --ty-layout-sidebar-transition-duration: 200ms;
  --ty-layout-sidebar-trigger-height: 40px;
  --ty-list-border: #363636;
  --ty-list-color: var(--ty-color-text);
  --ty-list-font-size: var(--ty-font-size-base);
  --ty-list-radius: var(--ty-border-radius);
  --ty-list-item-padding-sm: 8px 16px;
  --ty-list-item-padding-md: 12px 16px;
  --ty-list-item-padding-lg: 16px 24px;
  --ty-list-header-padding: 12px 16px;
  --ty-list-footer-padding: 12px 16px;
  --ty-list-empty-padding: 24px;
  --ty-list-empty-color: var(--ty-color-text-secondary);
  --ty-list-action-gap: 16px;
  --ty-list-action-offset: 24px;
  --ty-list-action-color: var(--ty-color-text-secondary);
  --ty-list-action-color-hover: var(--ty-color-primary);
  --ty-list-meta-avatar-gap: 12px;
  --ty-list-meta-title-color: var(--ty-color-text);
  --ty-list-meta-title-font-weight: 500;
  --ty-list-meta-title-margin-bottom: 4px;
  --ty-list-meta-description-color: var(--ty-color-text-secondary);
  --ty-list-meta-description-font-size: var(--ty-font-size-sm);
  --ty-menu-dark-bg: #1f1f1f;
  --ty-menu-dark-border: #303030;
  --ty-menu-dark-color: rgba(255, 255, 255, 0.72);
  --ty-menu-dark-color-hover: rgba(255, 255, 255, 0.85);
  --ty-menu-dark-color-selected: var(--ty-color-primary-hover);
  --ty-menu-dark-color-disabled: rgba(255, 255, 255, 0.25);
  --ty-menu-divider-color: rgba(255, 255, 255, 0.1);
  --ty-menu-border: #303030;
  --ty-menu-color: rgba(255, 255, 255, 0.72);
  --ty-menu-item-color-danger: var(--ty-color-danger);
  --ty-menu-popup-bg: #1f1f1f;
  --ty-menu-popup-border: #303030;
  --ty-menu-popup-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
  --ty-menu-dark-popup-bg: #1f1f1f;
  --ty-menu-dark-popup-border: #303030;
  --ty-menu-group-title-color: rgba(255, 255, 255, 0.45);
  --ty-menu-item-radius: var(--ty-border-radius);
  --ty-menu-item-gap: 10px;
  --ty-menu-item-padding-inline: 12px;
  --ty-menu-item-padding-block: 8px;
  --ty-menu-item-min-height: 40px;
  --ty-menu-icon-size: 16px;
  --ty-menu-indicator-width: 3px;
  --ty-menu-indicator-radius: 999px;
  --ty-menu-indicator-color: var(--ty-color-primary);
  --ty-menu-item-bg-hover: color-mix(in srgb, var(--ty-color-primary) 10%, transparent);
  --ty-menu-item-bg-active: color-mix(in srgb, var(--ty-color-primary) 14%, transparent);
  --ty-menu-item-bg-selected: color-mix(in srgb, var(--ty-color-primary) 14%, transparent);
  --ty-menu-item-border-hover: color-mix(in srgb, var(--ty-color-primary) 28%, transparent);
  --ty-menu-item-border-selected: color-mix(in srgb, var(--ty-color-primary) 56%, transparent);
  --ty-menu-item-font-weight: 500;
  --ty-menu-sub-list-popup-min-width: 160px;
  --ty-menu-sub-arrow-margin-start: 20px;
  --ty-menu-group-title-padding: 8px 10px;
  --ty-menu-overlay-item-color: var(--ty-color-text);
  --ty-menu-overlay-item-hover-bg: var(--ty-color-bg-spotlight);
  --ty-menu-dark-overlay-item-color: rgba(255, 255, 255, 0.85);
  --ty-menu-dark-overlay-item-hover-bg: #2a2a2a;
  --ty-menu-group-title-font-size: 14px;
  --ty-menu-group-title-font-weight: 600;
  --ty-menu-group-title-letter-spacing: 0.01em;
  --ty-menu-group-title-first-margin-top: 4px;
  --ty-menu-group-list-item-padding: 12px 35px 12px 25px;
  --ty-menu-divider-margin: 5px 0;
  --ty-menu-popup-padding-block: var(--ty-dropdown-menu-padding);
  --ty-menu-popup-item-padding: var(--ty-dropdown-item-padding);
  --ty-menu-popup-item-gap: 0;
  --ty-menu-item-height-sm: 32px;
  --ty-menu-item-height-md: 40px;
  --ty-menu-item-height-lg: 48px;
  --ty-menu-item-padding-inline-sm: 10px;
  --ty-menu-item-padding-inline-md: 12px;
  --ty-menu-item-padding-inline-lg: 14px;
  --ty-menu-item-gap-sm: 8px;
  --ty-menu-item-gap-md: 10px;
  --ty-menu-item-gap-lg: 12px;
  --ty-menu-item-padding-block-compact: 6px;
  --ty-menu-item-padding-block-comfortable: 8px;
  --ty-menu-disabled-opacity: 0.55;
  --ty-menu-light-bg: #ffffff;
  --ty-menu-light-border: #f0f0f0;
  --ty-menu-light-color: #32325d;
  --ty-menu-light-popup-bg: #ffffff;
  --ty-menu-light-popup-border: transparent;
  --ty-menu-light-overlay-item-color: #32325d;
  --ty-menu-light-overlay-item-hover-bg: #f5f5ff;
  --ty-message-bg: #1f1f1f;
  --ty-message-radius: 4px;
  --ty-message-padding: 10px 16px;
  --ty-message-shadow: var(--ty-shadow-modal);
  --ty-message-font-size: var(--ty-font-size-base);
  --ty-message-content-color: var(--ty-color-text-secondary);
  --ty-message-content-line-height: 14px;
  --ty-message-icon-gap: 5px;
  --ty-message-extra-gap: 15px;
  --ty-message-transition-duration: 300ms;
  --ty-message-offset-y-enter: -5px;
  --ty-message-z-index: 999;
  --ty-modal-radius: 4px;
  --ty-modal-shadow: var(--ty-shadow-modal);
  --ty-modal-bg: #1f1f1f;
  --ty-modal-offset-top: 100px;
  --ty-modal-enter-offset-y: -20px;
  --ty-modal-scale-enter: 0;
  --ty-modal-transition-duration: 300ms;
  --ty-modal-header-bg: #1f1f1f;
  --ty-modal-header-color: var(--ty-color-text-secondary);
  --ty-modal-header-padding-block: 16px;
  --ty-modal-header-padding-inline: 24px;
  --ty-modal-header-border: #363636;
  --ty-modal-title-color: var(--ty-color-text);
  --ty-modal-title-font-weight: 500;
  --ty-modal-title-font-size: 16px;
  --ty-modal-title-line-height: 22px;
  --ty-modal-close-color: var(--ty-color-text-tertiary);
  --ty-modal-close-size: 56px;
  --ty-modal-body-padding: 24px;
  --ty-modal-body-font-size: 14px;
  --ty-modal-body-line-height: 1.5;
  --ty-modal-footer-padding-block: 12px;
  --ty-modal-footer-padding-inline: 16px;
  --ty-modal-footer-border: #363636;
  --ty-native-select-bg: #1f1f1f;
  --ty-native-select-color: var(--ty-color-text);
  --ty-native-select-border: var(--ty-color-border);
  --ty-native-select-radius: var(--ty-border-radius);
  --ty-native-select-border-hover: var(--ty-color-primary);
  --ty-native-select-border-focus: var(--ty-color-primary);
  --ty-native-select-shadow-focus: var(--ty-shadow-focus);
  --ty-native-select-disabled-bg: #2a2a2a;
  --ty-native-select-disabled-color: rgba(255, 255, 255, 0.25);
  --ty-native-select-opacity-disabled: 0.75;
  --ty-native-select-lg-padding: 9px 25px 9px 7px;
  --ty-native-select-md-padding: 6px 25px 6px 7px;
  --ty-native-select-sm-padding: 3px 25px 3px 7px;
  --ty-native-select-font-size-sm: var(--ty-font-size-sm);
  --ty-native-select-font-size-md: var(--ty-font-size-base);
  --ty-native-select-font-size-lg: var(--ty-font-size-lg);
  --ty-notification-bg: #1f1f1f;
  --ty-notification-border-radius: 3px;
  --ty-notification-color: var(--ty-color-text-secondary);
  --ty-notification-close-color: rgba(255, 255, 255, 0.2);
  --ty-notification-close-hover: rgba(255, 255, 255, 0.7);
  --ty-notification-close-offset-inline-end: 24px;
  --ty-notification-close-offset-top: 16px;
  --ty-notification-font-size: var(--ty-font-size-base);
  --ty-notification-icon-gap: 15px;
  --ty-notification-icon-height: 30px;
  --ty-notification-margin: 20px;
  --ty-notification-padding: 16px 24px;
  --ty-notification-shadow: var(--ty-shadow-modal);
  --ty-notification-title-font-size: 16px;
  --ty-notification-title-color: var(--ty-color-text);
  --ty-notification-title-line-height: 24px;
  --ty-notification-title-margin-bottom: 5px;
  --ty-notification-title-padding-inline-end: 24px;
  --ty-notification-width: 380px;
  --ty-notification-z-index: 999;
  --ty-overlay-bg-default: var(--ty-color-overlay-bg);
  --ty-overlay-bg-inverted: var(--ty-color-overlay-inverted);
  --ty-overlay-blur-radius: 3px;
  --ty-overlay-fade-duration: 300ms;
  --ty-pagination-color: var(--ty-color-text-secondary);
  --ty-pagination-font-size: 14px;
  --ty-pagination-item-bg: #1f1f1f;
  --ty-pagination-item-radius: 2px;
  --ty-pagination-item-transition-duration: 400ms;
  --ty-pagination-item-color-ellipsis: var(--ty-color-text-quaternary);
  --ty-pagination-item-color-ellipsis-hover: var(--ty-color-primary);
  --ty-pagination-item-size-md: 32px;
  --ty-pagination-item-size-sm: 24px;
  --ty-pagination-item-gap-md: 4px;
  --ty-pagination-item-gap-sm: 0.5px;
  --ty-pagination-item-line-height-md: 30px;
  --ty-pagination-item-line-height-sm: 22px;
  --ty-pagination-item-border-md: var(--ty-color-border);
  --ty-pagination-item-color-active: var(--ty-color-primary);
  --ty-pagination-item-border-active: var(--ty-color-primary);
  --ty-pagination-item-border-hover: var(--ty-color-primary);
  --ty-pagination-item-color-hover-sm: var(--ty-color-primary);
  --ty-pagination-disabled-active-bg: #424242;
  --ty-pagination-disabled-active-color: #fff;
  --ty-pagination-disabled-bg: #2a2a2a;
  --ty-pagination-disabled-color-md: #525252;
  --ty-pagination-disabled-color-sm: #525252;
  --ty-picker-input-font-size: var(--ty-font-size-base);
  --ty-picker-input-padding-md: 4px 11px;
  --ty-picker-input-padding-sm: 0 7px;
  --ty-picker-input-padding-lg: 6px 11px;
  --ty-picker-input-border: var(--ty-color-border);
  --ty-picker-input-radius: 6px;
  --ty-picker-input-border-hover: var(--ty-color-primary);
  --ty-picker-input-border-focus: var(--ty-color-primary);
  --ty-picker-input-shadow-focus: var(--ty-shadow-focus);
  --ty-picker-input-bg-disabled: var(--ty-color-bg-disabled);
  --ty-picker-input-color: var(--ty-color-text);
  --ty-picker-input-color-placeholder: var(--ty-color-text-quaternary);
  --ty-picker-input-color-muted: var(--ty-color-text-tertiary);
  --ty-picker-suffix-size: 14px;
  --ty-picker-suffix-gap: 4px;
  --ty-picker-suffix-color: var(--ty-color-text-quaternary);
  --ty-picker-cell-hover-bg: #2a2a2a;
  --ty-picker-clear-bg: #1f1f1f;
  --ty-picker-clear-color: var(--ty-color-text-quaternary);
  --ty-picker-clear-color-hover: var(--ty-color-text-tertiary);
  --ty-picker-dropdown-bg: #1f1f1f;
  --ty-picker-dropdown-radius: 8px;
  --ty-picker-dropdown-shadow: var(--ty-shadow-popup);
  --ty-picker-input-bg: #1f1f1f;
  --ty-picker-cell-color-muted: var(--ty-color-text-quaternary);
  --ty-pop-confirm-color: var(--ty-color-text-secondary);
  --ty-pop-confirm-overlay-padding: 4px;
  --ty-pop-confirm-messages-padding-bottom: 12px;
  --ty-pop-confirm-messages-font-size: var(--ty-font-size-base);
  --ty-pop-confirm-buttons-gap: 8px;
  --ty-pop-confirm-title-margin-left: 5px;
  --ty-popover-arrow-size: 8px;
  --ty-popover-title-padding: 9px 16px 7px;
  --ty-popover-title-font-weight: 500;
  --ty-popover-title-min-width: 177px;
  --ty-popover-title-min-height: 32px;
  --ty-popover-title-color: var(--ty-color-text);
  --ty-popover-title-color-dark: #fff;
  --ty-popover-title-border: var(--ty-color-border-secondary);
  --ty-popover-dark-border: #525252;
  --ty-popover-content-padding: 12px 15px;
  --ty-popover-content-color: var(--ty-color-text-secondary);
  --ty-popover-content-color-dark: #fff;
  --ty-popup-radius: var(--ty-border-radius);
  --ty-popup-font-size: var(--ty-font-size-base);
  --ty-popup-shadow: var(--ty-shadow-popup);
  --ty-popup-color-light: var(--ty-color-text-secondary);
  --ty-popup-color-dark: #fff;
  --ty-popup-arrow-shadow: rgba(0, 0, 0, 0.2);
  --ty-popup-dark-bg: #363636;
  --ty-popup-light-bg: #1f1f1f;
  --ty-popup-z-index: 999;
  --ty-progress-circle-trail: #363636;
  --ty-progress-font-size: 13px;
  --ty-progress-text-color: rgba(255, 255, 255, 0.65);
  --ty-progress-text-offset: 10px;
  --ty-progress-text-min-width: 40px;
  --ty-progress-inner-text-color: #fff;
  --ty-progress-inner-text-font-size: 10px;
  --ty-progress-inner-text-margin: 0 5px;
  --ty-progress-trail-bg: #363636;
  --ty-progress-stroke-color-primary: var(--ty-color-primary);
  --ty-progress-stroke-color-warning: var(--ty-color-warning);
  --ty-progress-stroke-color-info: var(--ty-color-info);
  --ty-progress-stroke-color-danger: var(--ty-color-danger);
  --ty-progress-stroke-color-success: var(--ty-color-success);
  --ty-progress-circle-text-font-size: 20px;
  --ty-quick-actions-action-bg: #1f1f1f;
  --ty-quick-actions-fab-size: 56px;
  --ty-quick-actions-action-size: 40px;
  --ty-quick-actions-actions-gap: 16px;
  --ty-quick-actions-action-wrapper-gap: 4px;
  --ty-quick-actions-action-bg-hover: #2a2a2a;
  --ty-quick-actions-action-color: rgba(255, 255, 255, 0.85);
  --ty-quick-actions-bg: #9065d0;
  --ty-quick-actions-bg-hover: #7a50bf;
  --ty-quick-actions-color: #fff;
  --ty-quick-actions-fab-font-size: 24px;
  --ty-quick-actions-action-font-size: 16px;
  --ty-quick-actions-disabled-opacity: 0.5;
  --ty-quick-actions-focus-ring: 0 0 0 3px var(--ty-shadow-focus);
  --ty-quick-actions-icon-transition-duration: 300ms;
  --ty-quick-actions-button-transition-duration: 200ms;
  --ty-quick-actions-actions-transition-duration: 200ms;
  --ty-quick-actions-actions-scale-closed: 0.5;
  --ty-quick-actions-actions-scale-open: 1;
  --ty-quick-actions-tooltip-font-size: var(--ty-font-size-sm);
  --ty-quick-actions-tooltip-padding: 4px 8px;
  --ty-quick-actions-tooltip-radius: var(--ty-border-radius);
  --ty-quick-actions-tooltip-offset: 8px;
  --ty-quick-actions-tooltip-bg: #363636;
  --ty-quick-actions-tooltip-color: rgba(255, 255, 255, 0.85);
  --ty-radio-size: 16px;
  --ty-radio-dot-size: 10px;
  --ty-radio-label-gap: 5px;
  --ty-radio-label-color: var(--ty-color-text);
  --ty-radio-bg: #1f1f1f;
  --ty-radio-border: var(--ty-color-primary);
  --ty-radio-shadow: var(--ty-shadow-control);
  --ty-radio-border-checked: var(--ty-color-primary);
  --ty-radio-dot-bg: var(--ty-color-primary);
  --ty-radio-border-disabled: #424242;
  --ty-radio-dot-bg-disabled: rgba(255, 255, 255, 0.2);
  --ty-radio-label-color-disabled: var(--ty-color-text-quaternary);
  --ty-result-content-bg: #262626;
  --ty-result-padding: 48px 32px;
  --ty-result-icon-margin-bottom: 24px;
  --ty-result-title-color: var(--ty-color-text);
  --ty-result-title-font-size: 24px;
  --ty-result-title-line-height: 1.8;
  --ty-result-subtitle-color: var(--ty-color-text-tertiary);
  --ty-result-subtitle-font-size: 14px;
  --ty-result-subtitle-line-height: 1.6;
  --ty-result-extra-margin-top: 32px;
  --ty-result-content-margin-top: 24px;
  --ty-result-content-margin-inline: 30px;
  --ty-result-content-padding: 24px 40px;
  --ty-segmented-item-bg: transparent;
  --ty-segmented-bg: #2a2a2a;
  --ty-segmented-radius: var(--ty-border-radius);
  --ty-segmented-padding: 2px;
  --ty-segmented-item-gap: 4px;
  --ty-segmented-item-color: var(--ty-color-text-secondary);
  --ty-segmented-item-bg-hover: #303030;
  --ty-segmented-item-color-hover: var(--ty-color-text);
  --ty-segmented-item-bg-selected: #1f1f1f;
  --ty-segmented-item-color-selected: var(--ty-color-text);
  --ty-segmented-item-shadow-selected: 0 1px 2px 0 rgb(0 0 0 / 6%), 0 1px 3px 0 rgb(0 0 0 / 10%);
  --ty-segmented-item-shadow-focus: var(--ty-shadow-focus);
  --ty-segmented-item-font-weight-selected: 500;
  --ty-segmented-item-color-disabled: var(--ty-color-text-quaternary);
  --ty-segmented-item-bg-disabled: transparent;
  --ty-segmented-item-opacity-disabled: 0.5;
  --ty-segmented-item-padding-inline-sm: 8px;
  --ty-segmented-item-padding-inline-md: 12px;
  --ty-segmented-item-padding-inline-lg: 16px;
  --ty-segmented-item-padding-block-sm: 0;
  --ty-segmented-item-padding-block-md: 0;
  --ty-segmented-item-padding-block-lg: 0;
  --ty-segmented-item-height-sm: calc({height-sm} - 4px);
  --ty-segmented-item-height-md: calc({height-md} - 4px);
  --ty-segmented-item-height-lg: calc({height-lg} - 4px);
  --ty-segmented-font-size-sm: var(--ty-font-size-sm);
  --ty-segmented-font-size-md: var(--ty-font-size-base);
  --ty-segmented-font-size-lg: var(--ty-font-size-lg);
  --ty-segmented-icon-size: 14px;
  --ty-select-radius: var(--ty-border-radius);
  --ty-select-color: var(--ty-color-text);
  --ty-select-bg: var(--ty-color-bg-container);
  --ty-select-bg-disabled: var(--ty-color-bg-disabled);
  --ty-select-opacity-disabled: 0.6;
  --ty-select-border: var(--ty-color-border);
  --ty-select-shadow: var(--ty-shadow-control);
  --ty-select-border-hover: var(--ty-color-primary);
  --ty-select-border-focus: var(--ty-color-primary);
  --ty-select-shadow-focus: var(--ty-shadow-focus);
  --ty-select-placeholder: var(--ty-color-text-placeholder);
  --ty-select-suffix-color: var(--ty-color-text-quaternary);
  --ty-select-suffix-size: 14px;
  --ty-select-suffix-offset-inline-end: 8px;
  --ty-select-clear-bg: var(--ty-color-bg-container);
  --ty-select-clear-color: var(--ty-color-text-quaternary);
  --ty-select-clear-color-hover: var(--ty-color-text-tertiary);
  --ty-select-font-size-sm: var(--ty-font-size-sm);
  --ty-select-font-size-md: var(--ty-font-size-base);
  --ty-select-font-size-lg: var(--ty-font-size-lg);
  --ty-select-height-sm: var(--ty-height-sm);
  --ty-select-height-md: var(--ty-height-md);
  --ty-select-height-lg: var(--ty-height-lg);
  --ty-select-padding-inline-start-sm: 8px;
  --ty-select-padding-inline-start-md: 10px;
  --ty-select-padding-inline-start-lg: 12px;
  --ty-select-padding-inline-end-sm: 24px;
  --ty-select-padding-inline-end-md: 28px;
  --ty-select-padding-inline-end-lg: 32px;
  --ty-select-multiple-padding-inline-end: 28px;
  --ty-select-multiple-gap: 4px;
  --ty-select-multiple-padding-block: 2px;
  --ty-select-search-min-width: 4px;
  --ty-select-tag-height: 22px;
  --ty-select-tag-padding: 0 4px 0 8px;
  --ty-select-tag-padding-max: 0 8px;
  --ty-select-tag-radius: var(--ty-border-radius);
  --ty-select-tag-bg: var(--ty-color-fill-secondary);
  --ty-select-tag-color: var(--ty-color-text);
  --ty-select-tag-font-size: var(--ty-font-size-sm);
  --ty-select-tag-line-height: 20px;
  --ty-select-tag-close-color: var(--ty-color-text-quaternary);
  --ty-select-tag-close-color-hover: var(--ty-color-text);
  --ty-select-tag-close-gap: 4px;
  --ty-select-empty-color: var(--ty-color-text-quaternary);
  --ty-select-feedback-padding: 16px;
  --ty-select-dropdown-bg: #1f1f1f;
  --ty-select-dropdown-shadow: var(--ty-shadow-popup);
  --ty-select-dropdown-padding: 4px 0;
  --ty-select-dropdown-max-height: 300px;
  --ty-select-option-padding: 7px 12px;
  --ty-select-option-font-size: var(--ty-font-size-base);
  --ty-select-option-line-height: 22px;
  --ty-select-option-color: var(--ty-color-text);
  --ty-select-option-check-gap: 8px;
  --ty-select-option-active-bg: #2a2a2a;
  --ty-select-option-selected-bg: #1a1325;
  --ty-select-option-disabled-bg: #1f1f1f;
  --ty-select-option-disabled-color: var(--ty-color-text-quaternary);
  --ty-select-option-disabled-opacity: 0.5;
  --ty-select-group-title-color: var(--ty-color-text-secondary);
  --ty-select-group-option-padding-inline-start: 24px;
  --ty-skeleton-bg: #303030;
  --ty-skeleton-height: 1em;
  --ty-skeleton-row-gap: 10px;
  --ty-skeleton-radius-round: 999px;
  --ty-skeleton-block-gap: 8px;
  --ty-skeleton-shimmer: linear-gradient(to right, #303030 25%, #3a3a3a 37%, #303030 63%);
  --ty-skeleton-animation-duration: 1.5s;
  --ty-slider-dot-active-border: #9065d0;
  --ty-slider-dot-bg: #1f1f1f;
  --ty-slider-dot-border: #424242;
  --ty-slider-mark-active-color: rgba(255, 255, 255, 0.7);
  --ty-slider-mark-color: rgba(255, 255, 255, 0.4);
  --ty-slider-primary-color: var(--ty-color-primary);
  --ty-slider-disabled-color: var(--ty-color-text-quaternary);
  --ty-slider-rail-bg: #363636;
  --ty-slider-size: 12px;
  --ty-slider-thumb-bg: #1f1f1f;
  --ty-slider-thumb-border: #9065d0;
  --ty-slider-track-size: 4px;
  --ty-slider-thumb-size: 14px;
  --ty-slider-thumb-hit-size: 36px;
  --ty-slider-dot-size: 8px;
  --ty-slider-thumb-scale-hover: 1.2;
  --ty-slider-rail-radius: 3px;
  --ty-slider-horizontal-margin: 13px 7px;
  --ty-slider-horizontal-padding: 4px 0;
  --ty-slider-vertical-width: 12px;
  --ty-slider-vertical-margin: 6px 10px;
  --ty-slider-vertical-padding: 0 4px;
  --ty-split-bar-bg: #242424;
  --ty-split-bar-bg-active: #2a2a2a;
  --ty-split-bar-border: #3a3a3a;
  --ty-split-bar-border-active: #474747;
  --ty-split-bar-line: #484848;
  --ty-split-bar-line-active: #666666;
  --ty-split-bar-size: 2px;
  --ty-split-bar-handle-length: 30px;
  --ty-split-bar-handle-thickness: 14px;
  --ty-split-bar-handle-padding: 4px;
  --ty-split-bar-handle-radius: 8px;
  --ty-split-bar-grip-size: 2px;
  --ty-split-bar-grip-gap: 1px;
  --ty-split-bar-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  --ty-split-bar-focus-ring: var(--ty-shadow-focus);
  --ty-steps-icon-bg: #1f1f1f;
  --ty-steps-color: var(--ty-color-text);
  --ty-steps-tail-color: #424242;
  --ty-steps-title-font-size: 16px;
  --ty-steps-title-font-weight-process: 600;
  --ty-steps-title-color: var(--ty-color-text-secondary);
  --ty-steps-desc-color: var(--ty-color-text-tertiary);
  --ty-steps-icon-size: 32px;
  --ty-steps-icon-border: var(--ty-color-primary);
  --ty-steps-process-color: var(--ty-color-primary);
  --ty-steps-process-color-contrast: #fff;
  --ty-steps-wait-color: var(--ty-color-text-quaternary);
  --ty-steps-error-color: var(--ty-color-danger);
  --ty-strength-indicator-border-radius: 99px;
  --ty-strength-indicator-gap: 2px;
  --ty-strength-indicator-min-height: 8px;
  --ty-strength-indicator-bg: var(--ty-color-bg-disabled);
  --ty-strength-indicator-label-color: var(--ty-color-text-secondary);
  --ty-strength-indicator-label-font-size: 12px;
  --ty-strength-indicator-label-margin-top: 4px;
  --ty-switch-bg: rgba(255, 255, 255, 0.25);
  --ty-switch-bg-checked: var(--ty-color-primary);
  --ty-switch-thumb-bg: #e8e8e8;
  --ty-switch-thumb-border: rgba(255, 255, 255, 0.25);
  --ty-switch-thumb-border-checked: var(--ty-color-primary);
  --ty-switch-thumb-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  --ty-switch-label-color: #fff;
  --ty-switch-font-size-sm: 9px;
  --ty-switch-font-size-md: 12px;
  --ty-switch-font-size-lg: 14px;
  --ty-switch-margin-inline-sm: 10px;
  --ty-switch-margin-inline-md: 12px;
  --ty-switch-margin-inline-lg: 14px;
  --ty-switch-width-sm: 29px;
  --ty-switch-width-md: 36px;
  --ty-switch-width-lg: 42px;
  --ty-switch-height-sm: 14px;
  --ty-switch-height-md: 16px;
  --ty-switch-height-lg: 20px;
  --ty-switch-radius-sm: 18px;
  --ty-switch-radius-md: 22px;
  --ty-switch-radius-lg: 26px;
  --ty-switch-label-padding-inline-start-default: 11px;
  --ty-switch-label-padding-inline-end-default: 5px;
  --ty-switch-label-padding-inline-start-checked: 5px;
  --ty-switch-label-padding-inline-end-checked: 11px;
  --ty-switch-transition-duration: 300ms;
  --ty-switch-disabled-opacity: 0.4;
  --ty-table-color: var(--ty-color-text);
  --ty-table-font-size-md: var(--ty-font-size-base);
  --ty-table-font-size-sm: var(--ty-font-size-sm);
  --ty-table-font-size-lg: var(--ty-font-size-lg);
  --ty-table-border: #363636;
  --ty-table-radius: var(--ty-border-radius);
  --ty-table-cell-padding-sm: 8px;
  --ty-table-cell-padding-md: 12px 16px;
  --ty-table-cell-padding-lg: 16px;
  --ty-table-header-bg: #262626;
  --ty-table-header-font-weight: 500;
  --ty-table-row-hover-bg: #2a2a2a;
  --ty-table-cell-sortable-hover-bg: #f6f9fc;
  --ty-table-row-selected-bg: rgba(144, 101, 208, 0.1);
  --ty-table-selection-column-width: 40px;
  --ty-table-sorter-gap: 4px;
  --ty-table-sorter-icon-size: 8px;
  --ty-table-sorter-icon-color: var(--ty-color-text-quaternary);
  --ty-table-sorter-icon-color-active: var(--ty-color-primary);
  --ty-table-empty-padding: 32px;
  --ty-table-empty-color: var(--ty-color-text-secondary);
  --ty-tabs-font-size: var(--ty-font-size-base);
  --ty-tabs-color: var(--ty-color-text);
  --ty-tabs-nav-margin: 16px;
  --ty-tabs-border: #303030;
  --ty-tabs-tab-padding-block-sm: 8px;
  --ty-tabs-tab-padding-block-md: 12px;
  --ty-tabs-tab-padding-block-lg: 16px;
  --ty-tabs-tab-gap: 32px;
  --ty-tabs-tab-color: var(--ty-color-text);
  --ty-tabs-tab-hover-color: var(--ty-color-primary-text-hover);
  --ty-tabs-tab-active-color: var(--ty-color-primary);
  --ty-tabs-tab-active-font-weight: 500;
  --ty-tabs-tab-disabled-color: var(--ty-color-text-quaternary);
  --ty-tabs-icon-gap: 8px;
  --ty-tabs-remove-gap: 8px;
  --ty-tabs-remove-font-size: 12px;
  --ty-tabs-remove-color: var(--ty-color-text-tertiary);
  --ty-tabs-remove-color-hover: var(--ty-color-text);
  --ty-tabs-ink-bar-color: var(--ty-color-primary);
  --ty-tabs-ink-bar-height: 2px;
  --ty-tabs-nav-button-size: 32px;
  --ty-tabs-nav-button-font-size: 16px;
  --ty-tabs-nav-button-color: var(--ty-color-text-tertiary);
  --ty-tabs-nav-button-color-hover: var(--ty-color-text);
  --ty-tabs-nav-button-color-disabled: var(--ty-color-text-quaternary);
  --ty-tabs-add-size: 32px;
  --ty-tabs-add-font-size: 14px;
  --ty-tabs-add-margin: 4px;
  --ty-tabs-add-radius: 4px;
  --ty-tabs-add-border-color: var(--ty-color-border);
  --ty-tabs-add-color: var(--ty-color-text-tertiary);
  --ty-tabs-add-color-hover: var(--ty-color-primary);
  --ty-tabs-add-border-color-hover: var(--ty-color-primary);
  --ty-tabs-extra-gap: 16px;
  --ty-tabs-size-sm: 13px;
  --ty-tabs-size-lg: 15px;
  --ty-tabs-card-padding-block: 8px;
  --ty-tabs-card-padding-inline: 16px;
  --ty-tabs-card-padding-inline-editable-end: 8px;
  --ty-tabs-card-gap: 2px;
  --ty-tabs-card-radius: 4px;
  --ty-tabs-card-bg: #262626;
  --ty-tabs-card-active-bg: #1f1f1f;
  --ty-tag-font-size: 12px;
  --ty-tag-margin-inline-end: 8px;
  --ty-tag-padding: 3px 7px;
  --ty-tag-radius: var(--ty-border-radius);
  --ty-tag-color: var(--ty-color-text);
  --ty-tag-bg: #262626;
  --ty-tag-border: #424242;
  --ty-tag-link-color: var(--ty-color-text-secondary);
  --ty-tag-close-font-size: 10px;
  --ty-tag-close-gap: 5px;
  --ty-tag-close-opacity-hover: 0.8;
  --ty-tag-transition-duration: 300ms;
  --ty-tag-checkable-bg: #1f1f1f;
  --ty-tag-checkable-color: var(--ty-color-primary);
  --ty-tag-checkable-border: var(--ty-color-bg-container);
  --ty-tag-checkable-bg-checked: var(--ty-color-primary);
  --ty-tag-checkable-color-checked: #fff;
  --ty-tag-checkable-border-checked: var(--ty-color-primary);
  --ty-tag-magenta-color: #e0529c;
  --ty-tag-magenta-bg: #291321;
  --ty-tag-magenta-border: #55162b;
  --ty-tag-red-color: #e84749;
  --ty-tag-red-bg: #2a1215;
  --ty-tag-red-border: #58181c;
  --ty-tag-volcano-color: #e87040;
  --ty-tag-volcano-bg: #2b1611;
  --ty-tag-volcano-border: #592716;
  --ty-tag-orange-color: #e89a3c;
  --ty-tag-orange-bg: #2b1d11;
  --ty-tag-orange-border: #593815;
  --ty-tag-gold-color: #e8b339;
  --ty-tag-gold-bg: #2b2111;
  --ty-tag-gold-border: #594214;
  --ty-tag-lime-color: #8bbb11;
  --ty-tag-lime-bg: #1a2611;
  --ty-tag-lime-border: #3e4f13;
  --ty-tag-green-color: #6abe39;
  --ty-tag-green-bg: #162312;
  --ty-tag-green-border: #274916;
  --ty-tag-cyan-color: #33bcb7;
  --ty-tag-cyan-bg: #112123;
  --ty-tag-cyan-border: #144848;
  --ty-tag-blue-color: #3c9ae8;
  --ty-tag-blue-bg: #111d2c;
  --ty-tag-blue-border: #15395b;
  --ty-tag-geekblue-color: #5273e0;
  --ty-tag-geekblue-bg: #131a2e;
  --ty-tag-geekblue-border: #1c2d57;
  --ty-tag-purple-color: #854eca;
  --ty-tag-purple-bg: #1a1325;
  --ty-tag-purple-border: #301c4d;
  --ty-textarea-counter-color: rgba(255, 255, 255, 0.45);
  --ty-textarea-padding: 5px;
  --ty-textarea-padding-bottom-with-counter: 20px;
  --ty-textarea-counter-offset-bottom: 6px;
  --ty-textarea-counter-offset-inline-end: 6px;
  --ty-textarea-counter-font-size: 14px;
  --ty-time-picker-input-min-width-sm: 70px;
  --ty-time-picker-input-min-width-md: 90px;
  --ty-time-picker-input-min-width-lg: 110px;
  --ty-time-picker-column-max-height: 224px;
  --ty-time-picker-column-border: var(--ty-color-border-light);
  --ty-time-picker-scrollbar-thumb: var(--ty-color-text-quaternary);
  --ty-time-picker-cell-padding: 4px 0;
  --ty-time-picker-cell-min-width: 52px;
  --ty-time-picker-cell-radius: 4px;
  --ty-time-picker-cell-margin-inline: 4px;
  --ty-time-picker-cell-line-height: 20px;
  --ty-time-picker-cell-bg-selected: var(--ty-color-primary-bg);
  --ty-time-picker-cell-bg-selected-hover: var(--ty-color-primary-bg-hover);
  --ty-time-picker-cell-font-weight-selected: 500;
  --ty-time-picker-footer-padding: 8px 12px;
  --ty-time-picker-footer-border: var(--ty-color-border-light);
  --ty-time-picker-footer-font-size: 12px;
  --ty-time-picker-now-color: var(--ty-color-primary);
  --ty-time-picker-now-color-hover: var(--ty-color-primary-hover);
  --ty-time-picker-ok-button-padding: 0 8px;
  --ty-time-picker-ok-button-height: 24px;
  --ty-time-picker-ok-button-font-size: 12px;
  --ty-time-picker-ok-button-radius: 4px;
  --ty-time-picker-ok-button-bg: var(--ty-color-primary);
  --ty-time-picker-ok-button-bg-hover: var(--ty-color-primary-hover);
  --ty-time-picker-ok-button-color: #fff;
  --ty-timeline-dot-bg: #1f1f1f;
  --ty-timeline-color: var(--ty-color-text-secondary);
  --ty-timeline-font-size: var(--ty-font-size-base);
  --ty-timeline-item-font-size: 14px;
  --ty-timeline-item-padding-bottom: 20px;
  --ty-timeline-head-bg: #1f1f1f;
  --ty-timeline-line-color: #363636;
  --ty-timeline-head-color: var(--ty-color-primary);
  --ty-timeline-dot-size: 10px;
  --ty-timeline-dot-border-width: 2px;
  --ty-timeline-dot-border-color: var(--ty-color-primary);
  --ty-timeline-content-offset: 25px;
  --ty-tooltip-arrow-size: 4px;
  --ty-tooltip-content-padding: 5px 8px;
  --ty-tooltip-color: #fff;
  --ty-tooltip-font-size: var(--ty-font-size-sm);
  --ty-tour-arrow-size: 8px;
  --ty-tour-panel-radius: var(--ty-border-radius);
  --ty-tour-panel-shadow: var(--ty-shadow-modal);
  --ty-tour-panel-max-width: 360px;
  --ty-tour-panel-min-width: 260px;
  --ty-tour-panel-bg-default: var(--ty-popup-light-bg);
  --ty-tour-panel-color-default: var(--ty-color-text);
  --ty-tour-panel-bg-primary: var(--ty-color-primary);
  --ty-tour-panel-color-primary: #fff;
  --ty-tour-description-color-default: var(--ty-color-text-secondary);
  --ty-tour-description-color-primary: rgb(255 255 255 / 85%);
  --ty-tour-indicator-bg-default: var(--ty-color-text-quaternary);
  --ty-tour-indicator-bg-primary: rgb(255 255 255 / 35%);
  --ty-tour-indicator-bg-active-default: var(--ty-color-primary);
  --ty-tour-indicator-bg-active-primary: #fff;
  --ty-tour-close-color: var(--ty-color-text-tertiary);
  --ty-tour-close-color-primary: rgb(255 255 255 / 65%);
  --ty-tour-close-color-hover-primary: #fff;
  --ty-tour-close-bg-hover: var(--ty-color-fill-secondary);
  --ty-tour-close-bg-hover-primary: rgb(255 255 255 / 15%);
  --ty-tour-close-offset: 8px;
  --ty-tour-close-size: 28px;
  --ty-tour-close-radius: 4px;
  --ty-tour-close-font-size: 12px;
  --ty-tour-cover-padding: 12px 16px 0;
  --ty-tour-title-padding: 12px 16px 4px;
  --ty-tour-title-font-weight: 600;
  --ty-tour-title-font-size: var(--ty-font-size-lg);
  --ty-tour-title-line-height: 1.5;
  --ty-tour-description-padding: 0 16px 12px;
  --ty-tour-description-font-size: var(--ty-font-size-base);
  --ty-tour-description-line-height: 1.5;
  --ty-tour-footer-padding: 0 16px 12px;
  --ty-tour-indicators-gap: 4px;
  --ty-tour-indicator-size: 6px;
  --ty-tour-indicator-transition-duration: 200ms;
  --ty-tour-actions-gap: 8px;
  --ty-tour-zoom-scale-from: 0.9;
  --ty-tour-zoom-duration: 200ms;
  --ty-transfer-border: #424242;
  --ty-transfer-color: var(--ty-color-text);
  --ty-transfer-font-size: var(--ty-font-size-base);
  --ty-transfer-panel-width: 180px;
  --ty-transfer-panel-radius: var(--ty-border-radius);
  --ty-transfer-buttons-margin: 0 8px;
  --ty-transfer-button-margin: 3px 0;
  --ty-transfer-button-padding: 3px;
  --ty-transfer-button-min-width: 30px;
  --ty-transfer-footer-bg: #1f1f1f;
  --ty-transfer-footer-border: #303030;
  --ty-transfer-header-bg: #1f1f1f;
  --ty-transfer-item-hover-bg: #2a2a2a;
  --ty-transfer-header-padding: 8px 12px 9px;
  --ty-transfer-body-padding: 6px 0;
  --ty-transfer-input-container-padding: 6px 12px 12px;
  --ty-transfer-list-height: 192px;
  --ty-transfer-item-padding-inline: 12px;
  --ty-transfer-item-min-height: 32px;
  --ty-transfer-footer-padding: 8px 12px 9px;
  --ty-tree-arrow-color: #666;
  --ty-tree-hover-bg: #2a2a2a;
  --ty-tree-font-size: var(--ty-font-size-base);
  --ty-tree-node-margin: 2px 0;
  --ty-tree-switcher-size: 20px;
  --ty-tree-label-padding: 1px 2px;
  --ty-tree-label-offset: -4px;
  --ty-tree-title-min-height: 24px;
  --ty-typography-body-color: rgba(255, 255, 255, 0.65);
  --ty-typography-body-font-size: var(--ty-font-size-base);
  --ty-typography-body-line-height: 1.5;
  --ty-typography-block-margin-bottom: 1em;
  --ty-typography-heading-font-weight: 600;
  --ty-typography-heading-margin-bottom: 0.5em;
  --ty-typography-code-bg: rgba(255, 255, 255, 0.06);
  --ty-typography-code-border: rgba(255, 255, 255, 0.06);
  --ty-typography-code-radius: var(--ty-border-radius);
  --ty-typography-heading-color: rgba(255, 255, 255, 0.85);
  --ty-typography-mark-bg: #594214;
  --ty-upload-color: var(--ty-color-text);
  --ty-upload-font-size: var(--ty-font-size-base);
  --ty-upload-list-item-margin-top: 5px;
  --ty-upload-list-item-hover-bg: #2a2a2a;
  --ty-upload-list-item-padding: 4px 4px 4px 2px;
  --ty-upload-list-item-name-gap: 5px;
  --ty-upload-list-item-delete-padding-end: 3px;
  --ty-upload-status-size: 16px;
  --ty-upload-tip-font-size: 12px;
  --ty-upload-tip-color: var(--ty-color-text-tertiary);
  --ty-upload-tip-margin-top: 7px;
  --ty-upload-dragger-padding: 15px;
  --ty-upload-dragger-bg: #262626;
  --ty-upload-dragger-border: #424242;
  --ty-upload-dragger-border-hover: var(--ty-color-primary);
  --ty-upload-dragger-hover-bg: #303030;
  --ty-upload-dragger-radius: var(--ty-border-radius);
  --ty-upload-transition-duration: 300ms;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-seed-brand-primary: #6e41bf;
  --ty-seed-brand-primary-hover: #8b62d0;
  --ty-seed-brand-primary-active: #5a30a8;
  --ty-seed-brand-primary-surface: #f3eefa;
  --ty-seed-brand-primary-surface-hover: #ece3f7;
  --ty-seed-brand-primary-border: #c4a7e6;
  --ty-seed-brand-primary-text-hover: #8b62d0;
  --ty-seed-status-info: #1890ff;
  --ty-seed-status-info-bg: #e6f7ff;
  --ty-seed-status-info-border: #91d5ff;
  --ty-seed-status-info-text: #096dd9;
  --ty-seed-status-info-hover: #40a9ff;
  --ty-seed-status-info-active: #096dd9;
  --ty-seed-status-success: #52c41a;
  --ty-seed-status-success-bg: #f6ffed;
  --ty-seed-status-success-border: #b7eb8f;
  --ty-seed-status-success-text: #49b10e;
  --ty-seed-status-success-hover: #73d13d;
  --ty-seed-status-success-active: #389e0d;
  --ty-seed-status-warning: #ff9800;
  --ty-seed-status-warning-bg: #fffbe6;
  --ty-seed-status-warning-border: #ffe58f;
  --ty-seed-status-warning-text: #d48806;
  --ty-seed-status-warning-hover: #ffad33;
  --ty-seed-status-warning-active: #e68a00;
  --ty-seed-status-danger: #f44336;
  --ty-seed-status-danger-bg: #fff1f0;
  --ty-seed-status-danger-border: #ffa39e;
  --ty-seed-status-danger-text: #cf1322;
  --ty-seed-status-danger-hover: #ff7875;
  --ty-seed-status-danger-active: #cf1322;
  --ty-seed-brand-chart-1: #6e41bf;
  --ty-seed-brand-chart-2: #1890ff;
  --ty-seed-brand-chart-3: #52c41a;
  --ty-seed-brand-chart-4: #ff9800;
  --ty-seed-brand-chart-5: #f44336;
  --ty-seed-shadow-control: none;
  --ty-seed-shadow-button: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --ty-seed-shadow-card: 0 1px 6px rgba(0, 0, 0, 0.12);
  --ty-seed-shadow-focus: 0 0 0 3px rgba(110, 65, 191, 0.2);
  --ty-seed-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --ty-seed-shadow-modal: 0 4px 12px rgba(0, 0, 0, 0.15);
  --ty-seed-shadow-popup: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --ty-seed-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --ty-seed-space-base: 1rem;
  --ty-seed-space-3: 8px;
  --ty-seed-space-4: 12px;
  --ty-seed-space-5: 16px;
  --ty-seed-size-height-sm: 24px;
  --ty-seed-size-height-md: 35px;
  --ty-seed-size-height-lg: 44px;
  --ty-seed-radius-base: 6px;
  --ty-seed-gap-control-sm: 4px;
  --ty-seed-gap-control-md: 6px;
  --ty-seed-gap-control-lg: 8px;
  --ty-seed-border-width-base: 1px;
  --ty-seed-layer-focus: 1;
  --ty-seed-surface-page: #ffffff;
  --ty-seed-surface-container: #ffffff;
  --ty-seed-surface-elevated: #ffffff;
  --ty-seed-surface-layout: #ffffff;
  --ty-seed-surface-spotlight: #f5f5f5;
  --ty-seed-surface-disabled: #f5f5f5;
  --ty-seed-surface-fill-base: #fafafa;
  --ty-seed-surface-fill-secondary: #f5f5f5;
  --ty-seed-surface-fill-tertiary: #f0f0f0;
  --ty-seed-text-base: rgba(0, 0, 0, 0.85);
  --ty-seed-text-label: rgba(0, 0, 0, 0.85);
  --ty-seed-text-secondary: rgba(0, 0, 0, 0.65);
  --ty-seed-text-tertiary: rgba(0, 0, 0, 0.45);
  --ty-seed-text-heading: rgba(0, 0, 0, 0.85);
  --ty-seed-text-placeholder: #bfbfbf;
  --ty-seed-text-quaternary: rgba(0, 0, 0, 0.25);
  --ty-seed-border-base: #d9d9d9;
  --ty-seed-border-light: #f0f0f0;
  --ty-seed-border-secondary: #e8e8e8;
  --ty-seed-border-button-default: #d0d0d5;
  --ty-seed-overlay-backdrop: rgba(0, 0, 0, 0.55);
  --ty-seed-overlay-inverted: rgba(255, 255, 255, 0.75);
  --ty-seed-font-family-sans: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --ty-seed-font-family-monospace: lucida console, consolas, monaco, andale mono, ubuntu mono, monospace;
  --ty-seed-font-size-sm: 12px;
  --ty-seed-font-size-base: 14px;
  --ty-seed-font-size-lg: 16px;
  --ty-seed-font-weight-regular: 400;
  --ty-seed-font-weight-medium: 500;
  --ty-seed-font-weight-heading: 500;
  --ty-seed-line-height-base: 1.5715;
  --ty-seed-heading-size-h1: 2.5rem;
  --ty-seed-heading-size-h2: 2rem;
  --ty-seed-heading-size-h3: 1.75rem;
  --ty-seed-heading-size-h4: 1.5rem;
  --ty-seed-heading-size-h5: 1.25rem;
  --ty-seed-heading-size-h6: 1rem;
  --ty-chart-1: #9065d0;
  --ty-chart-2: #177ddc;
  --ty-chart-3: #49aa19;
  --ty-chart-4: #d89614;
  --ty-chart-5: #d32029;
  --ty-color-bg-container: #1f1f1f;
  --ty-color-bg: #141414;
  --ty-color-bg-elevated: #1f1f1f;
  --ty-color-bg-layout: #141414;
  --ty-color-bg-spotlight: #2a2a2a;
  --ty-color-bg-disabled: #2a2a2a;
  --ty-color-fill: #262626;
  --ty-color-text: rgba(255, 255, 255, 0.85);
  --ty-color-text-label: rgba(255, 255, 255, 0.85);
  --ty-color-text-secondary: rgba(255, 255, 255, 0.65);
  --ty-color-text-tertiary: rgba(255, 255, 255, 0.45);
  --ty-color-text-heading: rgba(255, 255, 255, 0.85);
  --ty-color-text-placeholder: #5c5c5c;
  --ty-color-text-quaternary: rgba(255, 255, 255, 0.25);
  --ty-color-border: #424242;
  --ty-color-border-light: #303030;
  --ty-color-border-secondary: #363636;
  --ty-color-border-btn-default: #424242;
  --ty-color-primary: #9065d0;
  --ty-color-primary-hover: #a882dc;
  --ty-color-primary-active: #7a50bf;
  --ty-color-primary-bg: #1a1325;
  --ty-color-primary-border: #5b3d8f;
  --ty-color-primary-bg-hover: #231a33;
  --ty-color-primary-text-hover: #a882dc;
  --ty-color-info: #177ddc;
  --ty-color-info-bg: #111d2c;
  --ty-color-info-border: #15395b;
  --ty-color-info-text: #3c9ae8;
  --ty-color-info-hover: #3c9ae8;
  --ty-color-info-active: #1268b3;
  --ty-color-success: #49aa19;
  --ty-color-success-bg: #162312;
  --ty-color-success-border: #274916;
  --ty-color-success-text: #6abe39;
  --ty-color-success-hover: #6abe39;
  --ty-color-success-active: #3c8c14;
  --ty-color-warning: #d89614;
  --ty-color-warning-bg: #2b2111;
  --ty-color-warning-border: #594214;
  --ty-color-warning-text: #e8b339;
  --ty-color-warning-hover: #e8b339;
  --ty-color-warning-active: #b37a10;
  --ty-color-danger: #d32029;
  --ty-color-danger-bg: #2a1215;
  --ty-color-danger-border: #58181c;
  --ty-color-danger-text: #e84749;
  --ty-color-danger-hover: #e84749;
  --ty-color-danger-active: #ab1a20;
  --ty-color-fill-secondary: #2a2a2a;
  --ty-color-fill-tertiary: #303030;
  --ty-color-overlay-bg: rgba(0, 0, 0, 0.65);
  --ty-color-overlay-inverted: rgba(50, 50, 50, 0.75);
  --ty-control-group-radius: var(--ty-control-radius);
  --ty-control-group-border-width: var(--ty-seed-border-width-base);
  --ty-control-group-divider-color: var(--ty-color-border-secondary);
  --ty-control-group-focus-z-index: var(--ty-seed-layer-focus);
  --ty-control-radius: var(--ty-border-radius);
  --ty-control-height-sm: var(--ty-height-sm);
  --ty-control-height-md: var(--ty-height-md);
  --ty-control-height-lg: var(--ty-height-lg);
  --ty-control-font-size-sm: var(--ty-font-size-sm);
  --ty-control-font-size-md: var(--ty-font-size-base);
  --ty-control-font-size-lg: var(--ty-font-size-lg);
  --ty-control-padding-inline-sm: var(--ty-spacing-3);
  --ty-control-padding-inline-md: var(--ty-spacing-4);
  --ty-control-padding-inline-lg: var(--ty-spacing-5);
  --ty-control-gap-sm: var(--ty-seed-gap-control-sm);
  --ty-control-gap-md: var(--ty-seed-gap-control-md);
  --ty-control-gap-lg: var(--ty-seed-gap-control-lg);
  --ty-shadow-control: var(--ty-seed-shadow-control);
  --ty-shadow-btn: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 1px rgba(0, 0, 0, 0.2);
  --ty-shadow-card: 0 1px 6px rgba(0, 0, 0, 0.35);
  --ty-shadow-focus: var(--ty-seed-shadow-focus);
  --ty-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.5);
  --ty-shadow-modal: 0 4px 12px rgba(0, 0, 0, 0.45);
  --ty-shadow-popup: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  --ty-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
  --ty-height-sm: var(--ty-seed-size-height-sm);
  --ty-height-md: var(--ty-seed-size-height-md);
  --ty-height-lg: var(--ty-seed-size-height-lg);
  --ty-border-radius: var(--ty-seed-radius-base);
  --ty-spacer: var(--ty-seed-space-base);
  --ty-spacing-3: var(--ty-seed-space-3);
  --ty-spacing-4: var(--ty-seed-space-4);
  --ty-spacing-5: var(--ty-seed-space-5);
  --ty-font-family: var(--ty-seed-font-family-sans);
  --ty-font-family-monospace: var(--ty-seed-font-family-monospace);
  --ty-font-size-sm: var(--ty-seed-font-size-sm);
  --ty-font-size-base: var(--ty-seed-font-size-base);
  --ty-font-size-lg: var(--ty-seed-font-size-lg);
  --ty-font-weight: var(--ty-seed-font-weight-regular);
  --ty-font-weight-medium: var(--ty-seed-font-weight-medium);
  --ty-headings-font-weight: var(--ty-seed-font-weight-heading);
  --ty-line-height-base: var(--ty-seed-line-height-base);
  --ty-h1-font-size: var(--ty-seed-heading-size-h1);
  --ty-h2-font-size: var(--ty-seed-heading-size-h2);
  --ty-h3-font-size: var(--ty-seed-heading-size-h3);
  --ty-h4-font-size: var(--ty-seed-heading-size-h4);
  --ty-h5-font-size: var(--ty-seed-heading-size-h5);
  --ty-h6-font-size: var(--ty-seed-heading-size-h6);
  --ty-alert-border-radius: 3px;
  --ty-alert-padding: 10px 30px 10px 13px;
  --ty-alert-font-weight: var(--ty-font-weight);
  --ty-alert-font-size: var(--ty-font-size-base);
  --ty-alert-transition-duration: 300ms;
  --ty-alert-stack-gap: 14px;
  --ty-alert-title-font-size: 17px;
  --ty-alert-title-font-weight: 500;
  --ty-alert-title-margin-bottom: 5px;
  --ty-alert-desc-line-height: 16px;
  --ty-alert-icon-gap: 7px;
  --ty-alert-icon-offset-top: 1px;
  --ty-alert-close-offset-top: 10px;
  --ty-alert-close-offset-inline-end: 13px;
  --ty-anchor-ball-bg: #1f1f1f;
  --ty-anchor-bg: #1f1f1f;
  --ty-anchor-ball-border: var(--ty-color-primary);
  --ty-anchor-link-color: var(--ty-color-text-secondary);
  --ty-anchor-link-color-active: var(--ty-color-primary);
  --ty-anchor-link-padding: 7px 0 7px 16px;
  --ty-anchor-link-title-margin-bottom: 5px;
  --ty-anchor-ink-bg: #303030;
  --ty-auto-complete-opacity-disabled: 0.6;
  --ty-auto-complete-dropdown-padding: 4px 0;
  --ty-auto-complete-dropdown-bg: var(--ty-color-bg-container);
  --ty-auto-complete-dropdown-shadow: var(--ty-shadow-popup);
  --ty-auto-complete-dropdown-radius: var(--ty-border-radius);
  --ty-auto-complete-dropdown-font-size: var(--ty-font-size-base);
  --ty-auto-complete-dropdown-max-height: 300px;
  --ty-auto-complete-empty-padding: 16px;
  --ty-auto-complete-empty-color: var(--ty-color-text-quaternary);
  --ty-auto-complete-empty-font-size: var(--ty-font-size-sm);
  --ty-auto-complete-option-padding: 7px 12px;
  --ty-auto-complete-option-font-size: 14px;
  --ty-auto-complete-option-line-height: 22px;
  --ty-auto-complete-option-color: var(--ty-color-text);
  --ty-auto-complete-option-active-bg: var(--ty-color-fill-secondary);
  --ty-auto-complete-option-disabled-opacity: 0.5;
  --ty-avatar-bg: #555;
  --ty-avatar-border: #1f1f1f;
  --ty-avatar-border-radius: var(--ty-border-radius);
  --ty-avatar-color: #e8e8e8;
  --ty-avatar-offline-color: #525252;
  --ty-avatar-presence-shadow: 0 0 0 0.1rem #1f1f1f;
  --ty-avatar-border-width: 2px;
  --ty-avatar-presence-size: 0.4em;
  --ty-avatar-presence-color-online: var(--ty-color-success);
  --ty-avatar-presence-color-busy: var(--ty-color-danger);
  --ty-avatar-presence-color-away: var(--ty-color-warning);
  --ty-back-top-bg: rgba(255, 255, 255, 0.2);
  --ty-back-top-offset-inline-end: 40px;
  --ty-back-top-offset-bottom: 30px;
  --ty-back-top-size: 45px;
  --ty-back-top-radius: 50%;
  --ty-badge-dot-size: 6px;
  --ty-badge-font-size: 12px;
  --ty-badge-shadow: 0 0 0 1.5px #1f1f1f;
  --ty-badge-size: 18px;
  --ty-badge-count-padding: 0 5px;
  --ty-badge-count-color: #fff;
  --ty-badge-font-weight: 400;
  --ty-badge-z-index: 10;
  --ty-button-radius: var(--ty-control-radius);
  --ty-button-line-height: var(--ty-line-height-base);
  --ty-button-min-width: auto;
  --ty-button-group-gap: 0;
  --ty-button-group-divider-color: var(--ty-color-border-secondary);
  --ty-button-round-radius: var(--ty-height-lg);
  --ty-button-loading-bg: var(--ty-color-bg-container);
  --ty-button-loading-opacity: 0.35;
  --ty-button-solid-default-shadow: var(--ty-shadow-control);
  --ty-button-solid-default-shadow-hover: var(--ty-shadow-control);
  --ty-button-solid-default-shadow-active: var(--ty-shadow-control);
  --ty-button-outline-default-shadow: var(--ty-shadow-control);
  --ty-button-outline-default-shadow-hover: var(--ty-shadow-control);
  --ty-button-outline-default-shadow-active: var(--ty-shadow-control);
  --ty-button-font-size-sm: var(--ty-control-font-size-sm);
  --ty-button-font-size-md: var(--ty-control-font-size-md);
  --ty-button-font-size-lg: var(--ty-control-font-size-lg);
  --ty-button-height-sm: var(--ty-control-height-sm);
  --ty-button-height-md: var(--ty-control-height-md);
  --ty-button-height-lg: var(--ty-control-height-lg);
  --ty-button-padding-inline-sm: var(--ty-control-padding-inline-sm);
  --ty-button-padding-inline-md: 15px;
  --ty-button-padding-inline-lg: 20px;
  --ty-button-gap-sm: var(--ty-control-gap-sm);
  --ty-button-gap-md: var(--ty-control-gap-md);
  --ty-button-gap-lg: var(--ty-control-gap-lg);
  --ty-button-icon-size-sm: 14px;
  --ty-button-icon-size-md: 16px;
  --ty-button-icon-size-lg: 18px;
  --ty-button-disabled-text: var(--ty-color-text-quaternary);
  --ty-button-disabled-bg: var(--ty-color-bg-disabled);
  --ty-button-disabled-border: var(--ty-color-border);
  --ty-button-text-link-disabled: var(--ty-color-text-quaternary);
  --ty-button-solid-default-text: var(--ty-color-text);
  --ty-button-solid-default-bg: var(--ty-color-bg-container);
  --ty-button-solid-default-border: var(--ty-color-border-btn-default);
  --ty-button-solid-default-text-hover: var(--ty-color-primary);
  --ty-button-solid-default-bg-hover: var(--ty-color-bg-container);
  --ty-button-solid-default-border-hover: var(--ty-color-primary);
  --ty-button-solid-default-text-active: var(--ty-color-primary);
  --ty-button-solid-default-bg-active: var(--ty-color-fill);
  --ty-button-solid-default-border-active: var(--ty-color-primary);
  --ty-button-outline-default-text: var(--ty-color-text);
  --ty-button-outline-default-bg: var(--ty-color-bg-container);
  --ty-button-outline-default-border: var(--ty-color-border-btn-default);
  --ty-button-outline-default-text-hover: var(--ty-color-text);
  --ty-button-outline-default-bg-hover: var(--ty-color-fill);
  --ty-button-outline-default-border-hover: var(--ty-color-border);
  --ty-button-outline-default-text-active: var(--ty-color-text);
  --ty-button-outline-default-bg-active: var(--ty-color-fill-secondary);
  --ty-button-outline-default-border-active: var(--ty-color-border-secondary);
  --ty-button-ghost-default-text: var(--ty-color-text);
  --ty-button-ghost-default-bg: transparent;
  --ty-button-ghost-default-border: transparent;
  --ty-button-ghost-default-text-hover: var(--ty-color-text);
  --ty-button-ghost-default-bg-hover: var(--ty-color-fill);
  --ty-button-ghost-default-border-hover: transparent;
  --ty-button-ghost-default-text-active: var(--ty-color-text);
  --ty-button-ghost-default-bg-active: var(--ty-color-fill-secondary);
  --ty-button-ghost-default-border-active: transparent;
  --ty-button-link-default-text: var(--ty-color-text);
  --ty-button-link-default-bg: transparent;
  --ty-button-link-default-border: transparent;
  --ty-button-link-default-text-hover: var(--ty-color-text);
  --ty-button-link-default-bg-hover: transparent;
  --ty-button-link-default-border-hover: transparent;
  --ty-button-link-default-text-active: var(--ty-color-text);
  --ty-button-link-default-bg-active: transparent;
  --ty-button-link-default-border-active: transparent;
  --ty-button-solid-primary-text: #fff;
  --ty-button-solid-primary-bg: var(--ty-color-primary);
  --ty-button-solid-primary-border: var(--ty-color-primary);
  --ty-button-solid-primary-text-hover: #fff;
  --ty-button-solid-primary-bg-hover: var(--ty-color-primary-hover);
  --ty-button-solid-primary-border-hover: var(--ty-color-primary-hover);
  --ty-button-solid-primary-text-active: #fff;
  --ty-button-solid-primary-bg-active: var(--ty-color-primary-active);
  --ty-button-solid-primary-border-active: var(--ty-color-primary-active);
  --ty-button-outline-primary-text: var(--ty-color-primary);
  --ty-button-outline-primary-bg: var(--ty-color-bg-container);
  --ty-button-outline-primary-border: var(--ty-color-primary);
  --ty-button-outline-primary-text-hover: var(--ty-color-primary);
  --ty-button-outline-primary-bg-hover: var(--ty-color-primary-bg);
  --ty-button-outline-primary-border-hover: var(--ty-color-primary-hover);
  --ty-button-outline-primary-text-active: var(--ty-color-primary);
  --ty-button-outline-primary-bg-active: var(--ty-color-primary-bg-hover);
  --ty-button-outline-primary-border-active: var(--ty-color-primary-active);
  --ty-button-ghost-primary-text: var(--ty-color-primary);
  --ty-button-ghost-primary-bg: transparent;
  --ty-button-ghost-primary-border: transparent;
  --ty-button-ghost-primary-text-hover: var(--ty-color-primary);
  --ty-button-ghost-primary-bg-hover: var(--ty-color-primary-bg);
  --ty-button-ghost-primary-border-hover: transparent;
  --ty-button-ghost-primary-text-active: var(--ty-color-primary);
  --ty-button-ghost-primary-bg-active: var(--ty-color-primary-bg-hover);
  --ty-button-ghost-primary-border-active: transparent;
  --ty-button-link-primary-text: var(--ty-color-primary);
  --ty-button-link-primary-bg: transparent;
  --ty-button-link-primary-border: transparent;
  --ty-button-link-primary-text-hover: var(--ty-color-primary);
  --ty-button-link-primary-bg-hover: transparent;
  --ty-button-link-primary-border-hover: transparent;
  --ty-button-link-primary-text-active: var(--ty-color-primary);
  --ty-button-link-primary-bg-active: transparent;
  --ty-button-link-primary-border-active: transparent;
  --ty-button-solid-info-text: #fff;
  --ty-button-solid-info-bg: var(--ty-color-info);
  --ty-button-solid-info-border: var(--ty-color-info);
  --ty-button-solid-info-text-hover: #fff;
  --ty-button-solid-info-bg-hover: var(--ty-color-info-hover);
  --ty-button-solid-info-border-hover: var(--ty-color-info-hover);
  --ty-button-solid-info-text-active: #fff;
  --ty-button-solid-info-bg-active: var(--ty-color-info-active);
  --ty-button-solid-info-border-active: var(--ty-color-info-active);
  --ty-button-outline-info-text: var(--ty-color-info);
  --ty-button-outline-info-bg: var(--ty-color-bg-container);
  --ty-button-outline-info-border: var(--ty-color-info);
  --ty-button-outline-info-text-hover: var(--ty-color-info);
  --ty-button-outline-info-bg-hover: rgba(64, 169, 255, 0.12);
  --ty-button-outline-info-border-hover: var(--ty-color-info-hover);
  --ty-button-outline-info-text-active: var(--ty-color-info);
  --ty-button-outline-info-bg-active: rgba(64, 169, 255, 0.18);
  --ty-button-outline-info-border-active: var(--ty-color-info-active);
  --ty-button-ghost-info-text: var(--ty-color-info);
  --ty-button-ghost-info-bg: transparent;
  --ty-button-ghost-info-border: transparent;
  --ty-button-ghost-info-text-hover: var(--ty-color-info);
  --ty-button-ghost-info-bg-hover: rgba(64, 169, 255, 0.12);
  --ty-button-ghost-info-border-hover: transparent;
  --ty-button-ghost-info-text-active: var(--ty-color-info);
  --ty-button-ghost-info-bg-active: rgba(64, 169, 255, 0.18);
  --ty-button-ghost-info-border-active: transparent;
  --ty-button-link-info-text: var(--ty-color-info);
  --ty-button-link-info-bg: transparent;
  --ty-button-link-info-border: transparent;
  --ty-button-link-info-text-hover: var(--ty-color-info);
  --ty-button-link-info-bg-hover: transparent;
  --ty-button-link-info-border-hover: transparent;
  --ty-button-link-info-text-active: var(--ty-color-info);
  --ty-button-link-info-bg-active: transparent;
  --ty-button-link-info-border-active: transparent;
  --ty-button-solid-success-text: #fff;
  --ty-button-solid-success-bg: var(--ty-color-success);
  --ty-button-solid-success-border: var(--ty-color-success);
  --ty-button-solid-success-text-hover: #fff;
  --ty-button-solid-success-bg-hover: var(--ty-color-success-hover);
  --ty-button-solid-success-border-hover: var(--ty-color-success-hover);
  --ty-button-solid-success-text-active: #fff;
  --ty-button-solid-success-bg-active: var(--ty-color-success-active);
  --ty-button-solid-success-border-active: var(--ty-color-success-active);
  --ty-button-outline-success-text: var(--ty-color-success);
  --ty-button-outline-success-bg: var(--ty-color-bg-container);
  --ty-button-outline-success-border: var(--ty-color-success);
  --ty-button-outline-success-text-hover: var(--ty-color-success);
  --ty-button-outline-success-bg-hover: rgba(82, 196, 26, 0.12);
  --ty-button-outline-success-border-hover: var(--ty-color-success-hover);
  --ty-button-outline-success-text-active: var(--ty-color-success);
  --ty-button-outline-success-bg-active: rgba(82, 196, 26, 0.18);
  --ty-button-outline-success-border-active: var(--ty-color-success-active);
  --ty-button-ghost-success-text: var(--ty-color-success);
  --ty-button-ghost-success-bg: transparent;
  --ty-button-ghost-success-border: transparent;
  --ty-button-ghost-success-text-hover: var(--ty-color-success);
  --ty-button-ghost-success-bg-hover: rgba(82, 196, 26, 0.12);
  --ty-button-ghost-success-border-hover: transparent;
  --ty-button-ghost-success-text-active: var(--ty-color-success);
  --ty-button-ghost-success-bg-active: rgba(82, 196, 26, 0.18);
  --ty-button-ghost-success-border-active: transparent;
  --ty-button-link-success-text: var(--ty-color-success);
  --ty-button-link-success-bg: transparent;
  --ty-button-link-success-border: transparent;
  --ty-button-link-success-text-hover: var(--ty-color-success);
  --ty-button-link-success-bg-hover: transparent;
  --ty-button-link-success-border-hover: transparent;
  --ty-button-link-success-text-active: var(--ty-color-success);
  --ty-button-link-success-bg-active: transparent;
  --ty-button-link-success-border-active: transparent;
  --ty-button-solid-warning-text: #fff;
  --ty-button-solid-warning-bg: var(--ty-color-warning);
  --ty-button-solid-warning-border: var(--ty-color-warning);
  --ty-button-solid-warning-text-hover: #fff;
  --ty-button-solid-warning-bg-hover: var(--ty-color-warning-hover);
  --ty-button-solid-warning-border-hover: var(--ty-color-warning-hover);
  --ty-button-solid-warning-text-active: #fff;
  --ty-button-solid-warning-bg-active: var(--ty-color-warning-active);
  --ty-button-solid-warning-border-active: var(--ty-color-warning-active);
  --ty-button-outline-warning-text: var(--ty-color-warning);
  --ty-button-outline-warning-bg: var(--ty-color-bg-container);
  --ty-button-outline-warning-border: var(--ty-color-warning);
  --ty-button-outline-warning-text-hover: var(--ty-color-warning);
  --ty-button-outline-warning-bg-hover: rgba(250, 173, 20, 0.12);
  --ty-button-outline-warning-border-hover: var(--ty-color-warning-hover);
  --ty-button-outline-warning-text-active: var(--ty-color-warning);
  --ty-button-outline-warning-bg-active: rgba(250, 173, 20, 0.18);
  --ty-button-outline-warning-border-active: var(--ty-color-warning-active);
  --ty-button-ghost-warning-text: var(--ty-color-warning);
  --ty-button-ghost-warning-bg: transparent;
  --ty-button-ghost-warning-border: transparent;
  --ty-button-ghost-warning-text-hover: var(--ty-color-warning);
  --ty-button-ghost-warning-bg-hover: rgba(250, 173, 20, 0.12);
  --ty-button-ghost-warning-border-hover: transparent;
  --ty-button-ghost-warning-text-active: var(--ty-color-warning);
  --ty-button-ghost-warning-bg-active: rgba(250, 173, 20, 0.18);
  --ty-button-ghost-warning-border-active: transparent;
  --ty-button-link-warning-text: var(--ty-color-warning);
  --ty-button-link-warning-bg: transparent;
  --ty-button-link-warning-border: transparent;
  --ty-button-link-warning-text-hover: var(--ty-color-warning);
  --ty-button-link-warning-bg-hover: transparent;
  --ty-button-link-warning-border-hover: transparent;
  --ty-button-link-warning-text-active: var(--ty-color-warning);
  --ty-button-link-warning-bg-active: transparent;
  --ty-button-link-warning-border-active: transparent;
  --ty-button-solid-danger-text: #fff;
  --ty-button-solid-danger-bg: var(--ty-color-danger);
  --ty-button-solid-danger-border: var(--ty-color-danger);
  --ty-button-solid-danger-text-hover: #fff;
  --ty-button-solid-danger-bg-hover: var(--ty-color-danger-hover);
  --ty-button-solid-danger-border-hover: var(--ty-color-danger-hover);
  --ty-button-solid-danger-text-active: #fff;
  --ty-button-solid-danger-bg-active: var(--ty-color-danger-active);
  --ty-button-solid-danger-border-active: var(--ty-color-danger-active);
  --ty-button-outline-danger-text: var(--ty-color-danger);
  --ty-button-outline-danger-bg: var(--ty-color-bg-container);
  --ty-button-outline-danger-border: var(--ty-color-danger);
  --ty-button-outline-danger-text-hover: var(--ty-color-danger);
  --ty-button-outline-danger-bg-hover: rgba(255, 77, 79, 0.12);
  --ty-button-outline-danger-border-hover: var(--ty-color-danger-hover);
  --ty-button-outline-danger-text-active: var(--ty-color-danger);
  --ty-button-outline-danger-bg-active: rgba(255, 77, 79, 0.18);
  --ty-button-outline-danger-border-active: var(--ty-color-danger-active);
  --ty-button-ghost-danger-text: var(--ty-color-danger);
  --ty-button-ghost-danger-bg: transparent;
  --ty-button-ghost-danger-border: transparent;
  --ty-button-ghost-danger-text-hover: var(--ty-color-danger);
  --ty-button-ghost-danger-bg-hover: rgba(255, 77, 79, 0.12);
  --ty-button-ghost-danger-border-hover: transparent;
  --ty-button-ghost-danger-text-active: var(--ty-color-danger);
  --ty-button-ghost-danger-bg-active: rgba(255, 77, 79, 0.18);
  --ty-button-ghost-danger-border-active: transparent;
  --ty-button-link-danger-text: var(--ty-color-danger);
  --ty-button-link-danger-bg: transparent;
  --ty-button-link-danger-border: transparent;
  --ty-button-link-danger-text-hover: var(--ty-color-danger);
  --ty-button-link-danger-bg-hover: transparent;
  --ty-button-link-danger-border-hover: transparent;
  --ty-button-link-danger-text-active: var(--ty-color-danger);
  --ty-button-link-danger-bg-active: transparent;
  --ty-button-link-danger-border-active: transparent;
  --ty-calendar-bg: #1f1f1f;
  --ty-calendar-border: #363636;
  --ty-calendar-radius: var(--ty-border-radius);
  --ty-calendar-cell-hover-bg: #2a2a2a;
  --ty-calendar-header-padding: 8px 12px;
  --ty-calendar-header-action-size: 28px;
  --ty-calendar-header-action-radius: 4px;
  --ty-calendar-header-action-font-size: 18px;
  --ty-calendar-header-action-color: var(--ty-color-text-tertiary);
  --ty-calendar-header-action-color-hover: var(--ty-color-primary);
  --ty-calendar-header-action-hover-bg: #2a2a2a;
  --ty-calendar-header-action-focus-ring: var(--ty-color-primary-border);
  --ty-calendar-header-label-font-size: 16px;
  --ty-calendar-header-label-font-weight: 500;
  --ty-calendar-header-caption-gap: 8px;
  --ty-calendar-header-label-min-height: 32px;
  --ty-calendar-header-label-padding-inline: 10px;
  --ty-calendar-header-label-radius: 4px;
  --ty-calendar-header-label-color: var(--ty-color-text);
  --ty-calendar-header-label-color-hover: var(--ty-color-primary);
  --ty-calendar-header-label-hover-bg: #2a2a2a;
  --ty-calendar-header-label-focus-ring: var(--ty-color-primary-border);
  --ty-calendar-body-padding: 8px;
  --ty-calendar-cell-header-font-size: var(--ty-font-size-sm);
  --ty-calendar-cell-header-padding: 8px 0;
  --ty-calendar-cell-header-color: var(--ty-color-text-secondary);
  --ty-calendar-week-number-color: var(--ty-color-text-quaternary);
  --ty-calendar-week-number-width: 32px;
  --ty-calendar-week-number-font-size: 12px;
  --ty-calendar-week-number-padding: 4px 0;
  --ty-calendar-cell-color: var(--ty-color-text);
  --ty-calendar-cell-color-muted: var(--ty-color-text-quaternary);
  --ty-calendar-cell-disabled-bg: var(--ty-color-bg-disabled);
  --ty-calendar-cell-today-border: var(--ty-color-primary);
  --ty-calendar-cell-selected-bg: var(--ty-color-primary);
  --ty-calendar-cell-selected-color: #fff;
  --ty-calendar-range-bg: var(--ty-color-primary-bg);
  --ty-calendar-cell-focus-outline: var(--ty-color-primary);
  --ty-calendar-cell-date-font-size: var(--ty-font-size-sm);
  --ty-calendar-cell-date-line-height: 24px;
  --ty-calendar-cell-date-min-width: 24px;
  --ty-calendar-cell-inner-padding: 4px;
  --ty-calendar-cell-inner-min-height: 24px;
  --ty-calendar-cell-inner-padding-fullscreen: 4px 8px;
  --ty-calendar-cell-inner-min-height-fullscreen: 60px;
  --ty-calendar-cell-content-font-size: 12px;
  --ty-calendar-cell-content-margin-top: 2px;
  --ty-calendar-cell-dot-size: 6px;
  --ty-calendar-cell-dot-color: var(--ty-color-primary);
  --ty-calendar-panel-grid-gap: 8px;
  --ty-calendar-panel-padding: 8px;
  --ty-calendar-panel-item-min-height: 48px;
  --ty-calendar-panel-item-padding-inline: 8px;
  --ty-calendar-panel-item-radius: var(--ty-border-radius);
  --ty-calendar-panel-item-hover-bg: #2a2a2a;
  --ty-calendar-panel-item-selected-color: #fff;
  --ty-calendar-panel-item-selected-bg: var(--ty-color-primary);
  --ty-calendar-panel-item-selected-hover-bg: var(--ty-color-primary-hover);
  --ty-calendar-month-content-font-size: 12px;
  --ty-calendar-month-content-margin-top: 4px;
  --ty-calendar-decade-font-size: var(--ty-font-size-base);
  --ty-calendar-decade-color-out: var(--ty-color-text-quaternary);
  --ty-calendar-footer-padding: 8px 12px;
  --ty-calendar-today-color: var(--ty-color-primary);
  --ty-calendar-today-color-hover: var(--ty-color-primary-hover);
  --ty-calendar-today-font-size: 13px;
  --ty-calendar-today-hover-bg: var(--ty-color-primary-bg);
  --ty-calendar-today-active-bg: var(--ty-color-primary-bg-hover);
  --ty-calendar-today-focus-ring: var(--ty-color-primary-border);
  --ty-card-radius: var(--ty-border-radius);
  --ty-card-bg: var(--ty-color-bg-container);
  --ty-card-bg-filled: var(--ty-color-fill);
  --ty-card-border: var(--ty-color-border-secondary);
  --ty-card-shadow: var(--ty-shadow-card);
  --ty-card-shadow-hover: var(--ty-shadow-card);
  --ty-card-header-padding: var(--ty-spacing-5);
  --ty-card-body-padding: var(--ty-spacing-5);
  --ty-card-footer-padding: var(--ty-spacing-5);
  --ty-card-header-color: var(--ty-color-text-heading);
  --ty-card-header-font-size: var(--ty-font-size-base);
  --ty-card-header-font-weight: var(--ty-font-weight-medium);
  --ty-carousel-arrow-bg: rgba(255, 255, 255, 0.15);
  --ty-carousel-arrow-hover-bg: rgba(255, 255, 255, 0.25);
  --ty-carousel-arrow-size: 36px;
  --ty-carousel-arrow-color: #fff;
  --ty-carousel-arrow-offset: 12px;
  --ty-carousel-dot-active-bg: #fff;
  --ty-carousel-dot-bg: rgba(255, 255, 255, 0.3);
  --ty-carousel-dot-hover-bg: rgba(255, 255, 255, 0.6);
  --ty-carousel-dot-width: 16px;
  --ty-carousel-dot-height: 3px;
  --ty-carousel-dot-gap: 4px;
  --ty-carousel-dot-radius: 1px;
  --ty-carousel-dot-width-active: 24px;
  --ty-carousel-dot-height-active: 24px;
  --ty-cascader-bg: #1f1f1f;
  --ty-cascader-min-width: 200px;
  --ty-cascader-border: #424242;
  --ty-cascader-radius: var(--ty-border-radius);
  --ty-cascader-border-hover: var(--ty-color-primary);
  --ty-cascader-border-focus: var(--ty-color-primary);
  --ty-cascader-shadow-focus: var(--ty-shadow-focus);
  --ty-cascader-opacity-disabled: 0.5;
  --ty-cascader-font-size-sm: var(--ty-font-size-sm);
  --ty-cascader-font-size-md: var(--ty-font-size-base);
  --ty-cascader-font-size-lg: var(--ty-font-size-lg);
  --ty-cascader-height-sm: var(--ty-height-sm);
  --ty-cascader-height-md: var(--ty-height-md);
  --ty-cascader-height-lg: var(--ty-height-lg);
  --ty-cascader-padding-sm: 0 28px 0 8px;
  --ty-cascader-padding-md: 0 32px 0 10px;
  --ty-cascader-padding-lg: 0 36px 0 12px;
  --ty-cascader-color: var(--ty-color-text);
  --ty-cascader-placeholder: var(--ty-color-text-placeholder);
  --ty-cascader-clear-color: var(--ty-color-text-tertiary);
  --ty-cascader-clear-color-hover: var(--ty-color-text-secondary);
  --ty-cascader-clear-offset-inline-end: 24px;
  --ty-cascader-clear-font-size: 12px;
  --ty-cascader-arrow-color: var(--ty-color-text-tertiary);
  --ty-cascader-arrow-offset-inline-end: 8px;
  --ty-cascader-arrow-font-size: 12px;
  --ty-cascader-dropdown-bg: #1f1f1f;
  --ty-cascader-dropdown-shadow: var(--ty-shadow-popup);
  --ty-cascader-dropdown-max-height: 300px;
  --ty-cascader-menu-padding: 4px 0;
  --ty-cascader-menu-min-width: 120px;
  --ty-cascader-hover: #2a2a2a;
  --ty-cascader-menu-empty-padding: 8px 12px;
  --ty-cascader-menu-empty-color: var(--ty-color-text-secondary);
  --ty-cascader-menu-item-padding: 5px 12px;
  --ty-cascader-menu-item-disabled-opacity: 0.5;
  --ty-cascader-option-color-active: var(--ty-color-primary);
  --ty-cascader-option-font-weight-active: 500;
  --ty-cascader-menu-item-arrow-color: var(--ty-color-text-tertiary);
  --ty-cascader-menu-item-arrow-gap: 8px;
  --ty-cascader-menu-item-arrow-font-size: 12px;
  --ty-cascader-selected-bg: rgba(144, 101, 208, 0.1);
  --ty-checkbox-size: 16px;
  --ty-checkbox-radius: var(--ty-border-radius);
  --ty-checkbox-label-gap: 8px;
  --ty-checkbox-label-padding-inline-end: 5px;
  --ty-checkbox-label-color: var(--ty-color-text);
  --ty-checkbox-bg: #1f1f1f;
  --ty-checkbox-border: #424242;
  --ty-checkbox-shadow: var(--ty-shadow-control);
  --ty-checkbox-border-hover: var(--ty-color-primary);
  --ty-checkbox-bg-checked: var(--ty-color-primary);
  --ty-checkbox-border-checked: var(--ty-color-primary);
  --ty-checkbox-indicator-color: #fff;
  --ty-checkbox-bg-disabled: #2a2a2a;
  --ty-checkbox-border-disabled: var(--ty-color-border);
  --ty-checkbox-indicator-color-disabled: var(--ty-color-text-quaternary);
  --ty-checkbox-label-color-disabled: var(--ty-color-text-quaternary);
  --ty-collapse-bg: #262626;
  --ty-collapse-border-color: #424242;
  --ty-collapse-borderless-divider-color: #363636;
  --ty-collapse-radius: var(--ty-border-radius);
  --ty-collapse-header-bg: transparent;
  --ty-collapse-header-hover-bg: #303030;
  --ty-collapse-header-active-bg: #303030;
  --ty-collapse-header-disabled-bg: transparent;
  --ty-collapse-header-color: var(--ty-color-text);
  --ty-collapse-header-disabled-color: rgba(255, 255, 255, 0.35);
  --ty-collapse-header-min-height: 44px;
  --ty-collapse-header-padding-inline: 16px;
  --ty-collapse-header-padding-block: 14px;
  --ty-collapse-header-gap: 12px;
  --ty-collapse-icon-color: var(--ty-collapse-header-color);
  --ty-collapse-icon-active-color: var(--ty-collapse-header-color);
  --ty-collapse-icon-disabled-color: rgba(255, 255, 255, 0.35);
  --ty-collapse-icon-slot-size: 20px;
  --ty-collapse-icon-size: 10px;
  --ty-collapse-extra-color: rgba(255, 255, 255, 0.65);
  --ty-collapse-extra-disabled-color: rgba(255, 255, 255, 0.35);
  --ty-collapse-extra-gap: 8px;
  --ty-collapse-extra-font-size: 12px;
  --ty-collapse-body-bg: #1f1f1f;
  --ty-collapse-body-color: var(--ty-color-text-secondary);
  --ty-collapse-body-padding-inline: 16px;
  --ty-collapse-body-padding-block: 16px;
  --ty-collapse-font-size: 14px;
  --ty-collapse-line-height: 1.5;
  --ty-collapse-focus-ring: var(--ty-color-primary);
  --ty-collapse-motion-duration: 240ms;
  --ty-collapse-motion-easing: ease;
  --ty-color-picker-opacity-disabled: 0.5;
  --ty-color-picker-swatch-size: 32px;
  --ty-color-picker-swatch-padding: 3px;
  --ty-color-picker-swatch-radius: var(--ty-border-radius);
  --ty-color-picker-border: var(--ty-color-border);
  --ty-color-picker-bg: var(--ty-color-bg-container);
  --ty-color-picker-panel-padding: 12px;
  --ty-color-picker-panel-radius: 8px;
  --ty-color-picker-panel-shadow: var(--ty-shadow-popup);
  --ty-color-picker-panel-width: 240px;
  --ty-color-picker-spectrum-height: 150px;
  --ty-color-picker-spectrum-radius: 4px;
  --ty-color-picker-spectrum-white: linear-gradient(to right, #fff, transparent);
  --ty-color-picker-spectrum-black: linear-gradient(to bottom, transparent, #000);
  --ty-color-picker-spectrum-handle-size: 12px;
  --ty-color-picker-handle-border-width: 2px;
  --ty-color-picker-handle-border-color: #fff;
  --ty-color-picker-handle-shadow: 0 0 2px rgb(0 0 0 / 30%);
  --ty-color-picker-controls-gap: 8px;
  --ty-color-picker-controls-margin-top: 12px;
  --ty-color-picker-preview-size: 28px;
  --ty-color-picker-preview-radius: 50%;
  --ty-color-picker-slider-height: 12px;
  --ty-color-picker-slider-radius: 6px;
  --ty-color-picker-alpha-grid-size: 8px;
  --ty-color-picker-slider-handle-size: 14px;
  --ty-color-picker-input-row-gap: 6px;
  --ty-color-picker-input-row-margin-top: 12px;
  --ty-color-picker-button-padding: 2px 6px;
  --ty-color-picker-button-font-size: 12px;
  --ty-color-picker-button-color: var(--ty-color-text);
  --ty-color-picker-button-border-hover: var(--ty-color-primary);
  --ty-color-picker-input-padding: 2px 6px;
  --ty-color-picker-input-font-size: 12px;
  --ty-color-picker-input-color: var(--ty-color-text);
  --ty-color-picker-input-font-family: var(--ty-font-family-monospace);
  --ty-color-picker-input-border-focus: var(--ty-color-primary);
  --ty-color-picker-presets-gap: 6px;
  --ty-color-picker-presets-margin-top: 12px;
  --ty-color-picker-presets-padding-top: 12px;
  --ty-color-picker-preset-size: 20px;
  --ty-color-picker-preset-hover-scale: 1.2;
  --ty-color-picker-preset-transition-duration: 150ms;
  --ty-date-picker-input-min-width-sm: 90px;
  --ty-date-picker-input-min-width-md: 120px;
  --ty-date-picker-input-min-width-lg: 140px;
  --ty-date-picker-header-padding: 8px 12px;
  --ty-date-picker-header-border: var(--ty-color-border-light);
  --ty-date-picker-header-button-size: 28px;
  --ty-date-picker-header-button-radius: 4px;
  --ty-date-picker-header-button-color: var(--ty-color-text-tertiary);
  --ty-date-picker-header-button-color-hover: var(--ty-color-primary);
  --ty-date-picker-header-action-hover-bg: var(--ty-color-fill-secondary);
  --ty-date-picker-header-action-focus-ring: var(--ty-color-primary-border);
  --ty-date-picker-header-label-font-size: 16px;
  --ty-date-picker-header-label-font-weight: 500;
  --ty-date-picker-header-caption-gap: 8px;
  --ty-date-picker-body-padding: 8px 12px;
  --ty-date-picker-cell-font-size: 13px;
  --ty-date-picker-cell-size: 28px;
  --ty-date-picker-cell-radius: 6px;
  --ty-date-picker-cell-color: var(--ty-color-text);
  --ty-date-picker-cell-color-muted: var(--ty-color-text-quaternary);
  --ty-date-picker-cell-disabled-bg: #2a2a2a;
  --ty-date-picker-panel-item-gap-y: 8px;
  --ty-date-picker-panel-item-min-width: 56px;
  --ty-date-picker-panel-item-height: 40px;
  --ty-date-picker-panel-item-padding-inline: 12px;
  --ty-date-picker-panel-item-radius: 10px;
  --ty-date-picker-panel-item-hover-bg: var(--ty-color-fill-secondary);
  --ty-date-picker-panel-item-current-color: var(--ty-color-primary);
  --ty-date-picker-panel-item-current-border: var(--ty-color-primary);
  --ty-date-picker-panel-item-selected-bg: var(--ty-color-primary-bg-hover);
  --ty-date-picker-panel-item-selected-color: var(--ty-color-primary);
  --ty-date-picker-panel-item-selected-hover-bg: var(--ty-color-primary-bg);
  --ty-date-picker-cell-today-border: var(--ty-color-primary);
  --ty-date-picker-cell-selected-bg: var(--ty-color-primary);
  --ty-date-picker-cell-selected-color: #fff;
  --ty-date-picker-cell-selected-hover-bg: #7a50bf;
  --ty-date-picker-range-bg: var(--ty-color-primary-bg);
  --ty-date-picker-footer-padding: 8px 12px;
  --ty-date-picker-today-font-size: 13px;
  --ty-date-picker-today-color: var(--ty-color-primary);
  --ty-date-picker-today-color-hover: var(--ty-color-primary-hover);
  --ty-date-picker-today-hover-bg: var(--ty-color-primary-bg);
  --ty-date-picker-today-active-bg: var(--ty-color-primary-bg-hover);
  --ty-date-picker-today-focus-ring: var(--ty-color-primary-border);
  --ty-descriptions-border: #363636;
  --ty-descriptions-label-bg: #262626;
  --ty-descriptions-title-color: var(--ty-color-text);
  --ty-descriptions-title-font-size: 16px;
  --ty-descriptions-title-font-weight: 600;
  --ty-descriptions-title-margin-bottom: 20px;
  --ty-descriptions-item-colon-margin-start: 2px;
  --ty-descriptions-item-colon-margin-end: 5px;
  --ty-descriptions-label-color: var(--ty-color-text-label);
  --ty-descriptions-label-font-size: var(--ty-font-size-base);
  --ty-descriptions-label-line-height: var(--ty-line-height-base);
  --ty-descriptions-content-color: var(--ty-color-text-secondary);
  --ty-descriptions-content-font-size: var(--ty-font-size-base);
  --ty-descriptions-content-line-height: var(--ty-line-height-base);
  --ty-descriptions-radius: var(--ty-border-radius);
  --ty-descriptions-lg-padding-hr: var(--ty-height-sm);
  --ty-descriptions-lg-padding-vt: 16px;
  --ty-descriptions-md-padding-hr: var(--ty-height-sm);
  --ty-descriptions-md-padding-vt: 12px;
  --ty-descriptions-sm-padding-hr: 16px;
  --ty-descriptions-sm-padding-vt: 8px;
  --ty-divider-color: #363636;
  --ty-divider-font-size: 14px;
  --ty-divider-line-height: 1.5;
  --ty-divider-vertical-margin: 0 8px;
  --ty-divider-vertical-height: 0.9em;
  --ty-divider-horizontal-margin: 16px 0;
  --ty-divider-text-color: rgba(255, 255, 255, 0.85);
  --ty-divider-title-gap: 10px;
  --ty-drawer-bg: #1f1f1f;
  --ty-drawer-shadow: var(--ty-shadow-modal);
  --ty-drawer-transition-duration: 300ms;
  --ty-drawer-header-padding-block: 16px;
  --ty-drawer-header-padding-inline: 24px;
  --ty-drawer-body-padding-block: 16px;
  --ty-drawer-body-padding-inline: 24px;
  --ty-drawer-footer-padding-block: 16px;
  --ty-drawer-footer-padding-inline: 24px;
  --ty-drawer-border: #363636;
  --ty-drawer-close-color: var(--ty-color-text-tertiary);
  --ty-drawer-close-size: 56px;
  --ty-dropdown-menu-padding: 4px 0;
  --ty-dropdown-item-padding: 8px 15px;
  --ty-dropdown-item-color: var(--ty-color-text);
  --ty-dropdown-item-hover-bg: var(--ty-color-bg-spotlight);
  --ty-dropdown-group-title-padding: 8px 10px;
  --ty-empty-desc-color: rgba(255, 255, 255, 0.35);
  --ty-empty-desc-font-size: var(--ty-font-size-base);
  --ty-empty-image-max-width: 120px;
  --ty-empty-image-margin-bottom: 8px;
  --ty-empty-footer-margin-top: 16px;
  --ty-form-error-color: #e84749;
  --ty-form-error-hover: #d32029;
  --ty-form-item-margin-bottom: 22px;
  --ty-form-label-line-height: 30px;
  --ty-form-label-color: var(--ty-color-text);
  --ty-form-label-font-size: var(--ty-font-size-base);
  --ty-form-label-required-margin-end: 3px;
  --ty-form-label-colon-margin: 0 8px 0 2px;
  --ty-form-input-min-height: 32px;
  --ty-form-notice-font-size: 13px;
  --ty-form-notice-radius: var(--ty-border-radius);
  --ty-form-notice-padding: 5px;
  --ty-form-notice-margin-top: 5px;
  --ty-form-helper-color: var(--ty-color-text-tertiary);
  --ty-form-feedback-font-size: 13px;
  --ty-form-feedback-line-height: 22px;
  --ty-form-error-shadow: 0 0 0 3px rgb(255 77 79 / 20%);
  --ty-form-notice-bg: #2b2111;
  --ty-form-notice-color: rgba(255, 255, 255, 0.65);
  --ty-input-number-control-active-bg: #2a2a2a;
  --ty-input-number-control-border: #424242;
  --ty-input-number-icon-color: #666;
  --ty-input-number-icon-color-hover: var(--ty-color-primary);
  --ty-input-number-input-padding-inline-start: 7px;
  --ty-input-number-input-padding-inline-end: 25px;
  --ty-input-number-controls-padding: 1px;
  --ty-input-number-control-padding-inline: 0 7px;
  --ty-input-number-control-transition-duration: 300ms;
  --ty-input-number-font-size-sm: var(--ty-font-size-sm);
  --ty-input-number-font-size-md: var(--ty-font-size-base);
  --ty-input-number-font-size-lg: var(--ty-font-size-lg);
  --ty-input-number-height-sm: var(--ty-height-sm);
  --ty-input-number-height-md: var(--ty-height-md);
  --ty-input-number-height-lg: var(--ty-height-lg);
  --ty-input-radius: var(--ty-control-radius);
  --ty-input-color: var(--ty-color-text);
  --ty-input-bg: var(--ty-color-bg-container);
  --ty-input-bg-disabled: var(--ty-color-bg-disabled);
  --ty-input-border: var(--ty-color-border);
  --ty-input-shadow: var(--ty-shadow-control);
  --ty-input-border-hover: var(--ty-color-primary);
  --ty-input-border-focus: var(--ty-color-primary);
  --ty-input-shadow-focus: var(--ty-shadow-focus);
  --ty-input-placeholder: var(--ty-color-text-placeholder);
  --ty-input-addon-bg: var(--ty-color-fill);
  --ty-input-addon-padding: var(--ty-spacing-3);
  --ty-input-affix-margin: 0 8px;
  --ty-input-clear-size: 1em;
  --ty-input-clear-color: var(--ty-color-text-quaternary);
  --ty-input-font-size-sm: var(--ty-control-font-size-sm);
  --ty-input-font-size-md: var(--ty-control-font-size-md);
  --ty-input-font-size-lg: var(--ty-control-font-size-lg);
  --ty-input-height-sm: var(--ty-control-height-sm);
  --ty-input-height-md: var(--ty-control-height-md);
  --ty-input-height-lg: var(--ty-control-height-lg);
  --ty-input-padding-inline-sm: var(--ty-control-padding-inline-sm);
  --ty-input-padding-inline-md: var(--ty-control-padding-inline-md);
  --ty-input-padding-inline-lg: var(--ty-control-padding-inline-lg);
  --ty-input-affix-gap: var(--ty-spacing-3);
  --ty-input-clear-size-sm: 14px;
  --ty-input-clear-size-md: 16px;
  --ty-input-clear-size-lg: 18px;
  --ty-input-text-disabled: var(--ty-color-text-quaternary);
  --ty-keyboard-bg: #2a2a2a;
  --ty-keyboard-border: #424242;
  --ty-keyboard-border-bottom: #363636;
  --ty-keyboard-color: rgba(255, 255, 255, 0.85);
  --ty-keyboard-shadow: inset 0 -1px 0 #363636;
  --ty-keyboard-font-family: var(--ty-font-family-monospace);
  --ty-keyboard-padding: 4px 8px;
  --ty-keyboard-radius: 4px;
  --ty-keyboard-font-size: 11px;
  --ty-layout-header-height: 60px;
  --ty-layout-header-bg: var(--ty-color-bg-layout);
  --ty-layout-footer-padding: 24px 50px;
  --ty-layout-footer-bg: var(--ty-color-bg-layout);
  --ty-layout-content-bg: var(--ty-color-bg-layout);
  --ty-layout-sidebar-bg: #12131a;
  --ty-layout-sidebar-light-bg: #1f1f1f;
  --ty-layout-sidebar-light-color: rgba(255, 255, 255, 0.85);
  --ty-layout-sidebar-light-trigger-bg: #2a2a2a;
  --ty-layout-sidebar-light-trigger-icon: #666;
  --ty-layout-sidebar-trigger-bg: rgb(0, 33, 64);
  --ty-layout-sidebar-color: #fff;
  --ty-layout-sidebar-transition-duration: 200ms;
  --ty-layout-sidebar-trigger-height: 40px;
  --ty-list-border: #363636;
  --ty-list-color: var(--ty-color-text);
  --ty-list-font-size: var(--ty-font-size-base);
  --ty-list-radius: var(--ty-border-radius);
  --ty-list-item-padding-sm: 8px 16px;
  --ty-list-item-padding-md: 12px 16px;
  --ty-list-item-padding-lg: 16px 24px;
  --ty-list-header-padding: 12px 16px;
  --ty-list-footer-padding: 12px 16px;
  --ty-list-empty-padding: 24px;
  --ty-list-empty-color: var(--ty-color-text-secondary);
  --ty-list-action-gap: 16px;
  --ty-list-action-offset: 24px;
  --ty-list-action-color: var(--ty-color-text-secondary);
  --ty-list-action-color-hover: var(--ty-color-primary);
  --ty-list-meta-avatar-gap: 12px;
  --ty-list-meta-title-color: var(--ty-color-text);
  --ty-list-meta-title-font-weight: 500;
  --ty-list-meta-title-margin-bottom: 4px;
  --ty-list-meta-description-color: var(--ty-color-text-secondary);
  --ty-list-meta-description-font-size: var(--ty-font-size-sm);
  --ty-menu-dark-bg: #1f1f1f;
  --ty-menu-dark-border: #303030;
  --ty-menu-dark-color: rgba(255, 255, 255, 0.72);
  --ty-menu-dark-color-hover: rgba(255, 255, 255, 0.85);
  --ty-menu-dark-color-selected: var(--ty-color-primary-hover);
  --ty-menu-dark-color-disabled: rgba(255, 255, 255, 0.25);
  --ty-menu-divider-color: rgba(255, 255, 255, 0.1);
  --ty-menu-border: #303030;
  --ty-menu-color: rgba(255, 255, 255, 0.72);
  --ty-menu-item-color-danger: var(--ty-color-danger);
  --ty-menu-popup-bg: #1f1f1f;
  --ty-menu-popup-border: #303030;
  --ty-menu-popup-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
  --ty-menu-dark-popup-bg: #1f1f1f;
  --ty-menu-dark-popup-border: #303030;
  --ty-menu-group-title-color: rgba(255, 255, 255, 0.45);
  --ty-menu-item-radius: var(--ty-border-radius);
  --ty-menu-item-gap: 10px;
  --ty-menu-item-padding-inline: 12px;
  --ty-menu-item-padding-block: 8px;
  --ty-menu-item-min-height: 40px;
  --ty-menu-icon-size: 16px;
  --ty-menu-indicator-width: 3px;
  --ty-menu-indicator-radius: 999px;
  --ty-menu-indicator-color: var(--ty-color-primary);
  --ty-menu-item-bg-hover: color-mix(in srgb, var(--ty-color-primary) 10%, transparent);
  --ty-menu-item-bg-active: color-mix(in srgb, var(--ty-color-primary) 14%, transparent);
  --ty-menu-item-bg-selected: color-mix(in srgb, var(--ty-color-primary) 14%, transparent);
  --ty-menu-item-border-hover: color-mix(in srgb, var(--ty-color-primary) 28%, transparent);
  --ty-menu-item-border-selected: color-mix(in srgb, var(--ty-color-primary) 56%, transparent);
  --ty-menu-item-font-weight: 500;
  --ty-menu-sub-list-popup-min-width: 160px;
  --ty-menu-sub-arrow-margin-start: 20px;
  --ty-menu-group-title-padding: 8px 10px;
  --ty-menu-overlay-item-color: var(--ty-color-text);
  --ty-menu-overlay-item-hover-bg: var(--ty-color-bg-spotlight);
  --ty-menu-dark-overlay-item-color: rgba(255, 255, 255, 0.85);
  --ty-menu-dark-overlay-item-hover-bg: #2a2a2a;
  --ty-menu-group-title-font-size: 14px;
  --ty-menu-group-title-font-weight: 600;
  --ty-menu-group-title-letter-spacing: 0.01em;
  --ty-menu-group-title-first-margin-top: 4px;
  --ty-menu-group-list-item-padding: 12px 35px 12px 25px;
  --ty-menu-divider-margin: 5px 0;
  --ty-menu-popup-padding-block: var(--ty-dropdown-menu-padding);
  --ty-menu-popup-item-padding: var(--ty-dropdown-item-padding);
  --ty-menu-popup-item-gap: 0;
  --ty-menu-item-height-sm: 32px;
  --ty-menu-item-height-md: 40px;
  --ty-menu-item-height-lg: 48px;
  --ty-menu-item-padding-inline-sm: 10px;
  --ty-menu-item-padding-inline-md: 12px;
  --ty-menu-item-padding-inline-lg: 14px;
  --ty-menu-item-gap-sm: 8px;
  --ty-menu-item-gap-md: 10px;
  --ty-menu-item-gap-lg: 12px;
  --ty-menu-item-padding-block-compact: 6px;
  --ty-menu-item-padding-block-comfortable: 8px;
  --ty-menu-disabled-opacity: 0.55;
  --ty-menu-light-bg: #ffffff;
  --ty-menu-light-border: #f0f0f0;
  --ty-menu-light-color: #32325d;
  --ty-menu-light-popup-bg: #ffffff;
  --ty-menu-light-popup-border: transparent;
  --ty-menu-light-overlay-item-color: #32325d;
  --ty-menu-light-overlay-item-hover-bg: #f5f5ff;
  --ty-message-bg: #1f1f1f;
  --ty-message-radius: 4px;
  --ty-message-padding: 10px 16px;
  --ty-message-shadow: var(--ty-shadow-modal);
  --ty-message-font-size: var(--ty-font-size-base);
  --ty-message-content-color: var(--ty-color-text-secondary);
  --ty-message-content-line-height: 14px;
  --ty-message-icon-gap: 5px;
  --ty-message-extra-gap: 15px;
  --ty-message-transition-duration: 300ms;
  --ty-message-offset-y-enter: -5px;
  --ty-message-z-index: 999;
  --ty-modal-radius: 4px;
  --ty-modal-shadow: var(--ty-shadow-modal);
  --ty-modal-bg: #1f1f1f;
  --ty-modal-offset-top: 100px;
  --ty-modal-enter-offset-y: -20px;
  --ty-modal-scale-enter: 0;
  --ty-modal-transition-duration: 300ms;
  --ty-modal-header-bg: #1f1f1f;
  --ty-modal-header-color: var(--ty-color-text-secondary);
  --ty-modal-header-padding-block: 16px;
  --ty-modal-header-padding-inline: 24px;
  --ty-modal-header-border: #363636;
  --ty-modal-title-color: var(--ty-color-text);
  --ty-modal-title-font-weight: 500;
  --ty-modal-title-font-size: 16px;
  --ty-modal-title-line-height: 22px;
  --ty-modal-close-color: var(--ty-color-text-tertiary);
  --ty-modal-close-size: 56px;
  --ty-modal-body-padding: 24px;
  --ty-modal-body-font-size: 14px;
  --ty-modal-body-line-height: 1.5;
  --ty-modal-footer-padding-block: 12px;
  --ty-modal-footer-padding-inline: 16px;
  --ty-modal-footer-border: #363636;
  --ty-native-select-bg: #1f1f1f;
  --ty-native-select-color: var(--ty-color-text);
  --ty-native-select-border: var(--ty-color-border);
  --ty-native-select-radius: var(--ty-border-radius);
  --ty-native-select-border-hover: var(--ty-color-primary);
  --ty-native-select-border-focus: var(--ty-color-primary);
  --ty-native-select-shadow-focus: var(--ty-shadow-focus);
  --ty-native-select-disabled-bg: #2a2a2a;
  --ty-native-select-disabled-color: rgba(255, 255, 255, 0.25);
  --ty-native-select-opacity-disabled: 0.75;
  --ty-native-select-lg-padding: 9px 25px 9px 7px;
  --ty-native-select-md-padding: 6px 25px 6px 7px;
  --ty-native-select-sm-padding: 3px 25px 3px 7px;
  --ty-native-select-font-size-sm: var(--ty-font-size-sm);
  --ty-native-select-font-size-md: var(--ty-font-size-base);
  --ty-native-select-font-size-lg: var(--ty-font-size-lg);
  --ty-notification-bg: #1f1f1f;
  --ty-notification-border-radius: 3px;
  --ty-notification-color: var(--ty-color-text-secondary);
  --ty-notification-close-color: rgba(255, 255, 255, 0.2);
  --ty-notification-close-hover: rgba(255, 255, 255, 0.7);
  --ty-notification-close-offset-inline-end: 24px;
  --ty-notification-close-offset-top: 16px;
  --ty-notification-font-size: var(--ty-font-size-base);
  --ty-notification-icon-gap: 15px;
  --ty-notification-icon-height: 30px;
  --ty-notification-margin: 20px;
  --ty-notification-padding: 16px 24px;
  --ty-notification-shadow: var(--ty-shadow-modal);
  --ty-notification-title-font-size: 16px;
  --ty-notification-title-color: var(--ty-color-text);
  --ty-notification-title-line-height: 24px;
  --ty-notification-title-margin-bottom: 5px;
  --ty-notification-title-padding-inline-end: 24px;
  --ty-notification-width: 380px;
  --ty-notification-z-index: 999;
  --ty-overlay-bg-default: var(--ty-color-overlay-bg);
  --ty-overlay-bg-inverted: var(--ty-color-overlay-inverted);
  --ty-overlay-blur-radius: 3px;
  --ty-overlay-fade-duration: 300ms;
  --ty-pagination-color: var(--ty-color-text-secondary);
  --ty-pagination-font-size: 14px;
  --ty-pagination-item-bg: #1f1f1f;
  --ty-pagination-item-radius: 2px;
  --ty-pagination-item-transition-duration: 400ms;
  --ty-pagination-item-color-ellipsis: var(--ty-color-text-quaternary);
  --ty-pagination-item-color-ellipsis-hover: var(--ty-color-primary);
  --ty-pagination-item-size-md: 32px;
  --ty-pagination-item-size-sm: 24px;
  --ty-pagination-item-gap-md: 4px;
  --ty-pagination-item-gap-sm: 0.5px;
  --ty-pagination-item-line-height-md: 30px;
  --ty-pagination-item-line-height-sm: 22px;
  --ty-pagination-item-border-md: var(--ty-color-border);
  --ty-pagination-item-color-active: var(--ty-color-primary);
  --ty-pagination-item-border-active: var(--ty-color-primary);
  --ty-pagination-item-border-hover: var(--ty-color-primary);
  --ty-pagination-item-color-hover-sm: var(--ty-color-primary);
  --ty-pagination-disabled-active-bg: #424242;
  --ty-pagination-disabled-active-color: #fff;
  --ty-pagination-disabled-bg: #2a2a2a;
  --ty-pagination-disabled-color-md: #525252;
  --ty-pagination-disabled-color-sm: #525252;
  --ty-picker-input-font-size: var(--ty-font-size-base);
  --ty-picker-input-padding-md: 4px 11px;
  --ty-picker-input-padding-sm: 0 7px;
  --ty-picker-input-padding-lg: 6px 11px;
  --ty-picker-input-border: var(--ty-color-border);
  --ty-picker-input-radius: 6px;
  --ty-picker-input-border-hover: var(--ty-color-primary);
  --ty-picker-input-border-focus: var(--ty-color-primary);
  --ty-picker-input-shadow-focus: var(--ty-shadow-focus);
  --ty-picker-input-bg-disabled: var(--ty-color-bg-disabled);
  --ty-picker-input-color: var(--ty-color-text);
  --ty-picker-input-color-placeholder: var(--ty-color-text-quaternary);
  --ty-picker-input-color-muted: var(--ty-color-text-tertiary);
  --ty-picker-suffix-size: 14px;
  --ty-picker-suffix-gap: 4px;
  --ty-picker-suffix-color: var(--ty-color-text-quaternary);
  --ty-picker-cell-hover-bg: #2a2a2a;
  --ty-picker-clear-bg: #1f1f1f;
  --ty-picker-clear-color: var(--ty-color-text-quaternary);
  --ty-picker-clear-color-hover: var(--ty-color-text-tertiary);
  --ty-picker-dropdown-bg: #1f1f1f;
  --ty-picker-dropdown-radius: 8px;
  --ty-picker-dropdown-shadow: var(--ty-shadow-popup);
  --ty-picker-input-bg: #1f1f1f;
  --ty-picker-cell-color-muted: var(--ty-color-text-quaternary);
  --ty-pop-confirm-color: var(--ty-color-text-secondary);
  --ty-pop-confirm-overlay-padding: 4px;
  --ty-pop-confirm-messages-padding-bottom: 12px;
  --ty-pop-confirm-messages-font-size: var(--ty-font-size-base);
  --ty-pop-confirm-buttons-gap: 8px;
  --ty-pop-confirm-title-margin-left: 5px;
  --ty-popover-arrow-size: 8px;
  --ty-popover-title-padding: 9px 16px 7px;
  --ty-popover-title-font-weight: 500;
  --ty-popover-title-min-width: 177px;
  --ty-popover-title-min-height: 32px;
  --ty-popover-title-color: var(--ty-color-text);
  --ty-popover-title-color-dark: #fff;
  --ty-popover-title-border: var(--ty-color-border-secondary);
  --ty-popover-dark-border: #525252;
  --ty-popover-content-padding: 12px 15px;
  --ty-popover-content-color: var(--ty-color-text-secondary);
  --ty-popover-content-color-dark: #fff;
  --ty-popup-radius: var(--ty-border-radius);
  --ty-popup-font-size: var(--ty-font-size-base);
  --ty-popup-shadow: var(--ty-shadow-popup);
  --ty-popup-color-light: var(--ty-color-text-secondary);
  --ty-popup-color-dark: #fff;
  --ty-popup-arrow-shadow: rgba(0, 0, 0, 0.2);
  --ty-popup-dark-bg: #363636;
  --ty-popup-light-bg: #1f1f1f;
  --ty-popup-z-index: 999;
  --ty-progress-circle-trail: #363636;
  --ty-progress-font-size: 13px;
  --ty-progress-text-color: rgba(255, 255, 255, 0.65);
  --ty-progress-text-offset: 10px;
  --ty-progress-text-min-width: 40px;
  --ty-progress-inner-text-color: #fff;
  --ty-progress-inner-text-font-size: 10px;
  --ty-progress-inner-text-margin: 0 5px;
  --ty-progress-trail-bg: #363636;
  --ty-progress-stroke-color-primary: var(--ty-color-primary);
  --ty-progress-stroke-color-warning: var(--ty-color-warning);
  --ty-progress-stroke-color-info: var(--ty-color-info);
  --ty-progress-stroke-color-danger: var(--ty-color-danger);
  --ty-progress-stroke-color-success: var(--ty-color-success);
  --ty-progress-circle-text-font-size: 20px;
  --ty-quick-actions-action-bg: #1f1f1f;
  --ty-quick-actions-fab-size: 56px;
  --ty-quick-actions-action-size: 40px;
  --ty-quick-actions-actions-gap: 16px;
  --ty-quick-actions-action-wrapper-gap: 4px;
  --ty-quick-actions-action-bg-hover: #2a2a2a;
  --ty-quick-actions-action-color: rgba(255, 255, 255, 0.85);
  --ty-quick-actions-bg: #9065d0;
  --ty-quick-actions-bg-hover: #7a50bf;
  --ty-quick-actions-color: #fff;
  --ty-quick-actions-fab-font-size: 24px;
  --ty-quick-actions-action-font-size: 16px;
  --ty-quick-actions-disabled-opacity: 0.5;
  --ty-quick-actions-focus-ring: 0 0 0 3px var(--ty-shadow-focus);
  --ty-quick-actions-icon-transition-duration: 300ms;
  --ty-quick-actions-button-transition-duration: 200ms;
  --ty-quick-actions-actions-transition-duration: 200ms;
  --ty-quick-actions-actions-scale-closed: 0.5;
  --ty-quick-actions-actions-scale-open: 1;
  --ty-quick-actions-tooltip-font-size: var(--ty-font-size-sm);
  --ty-quick-actions-tooltip-padding: 4px 8px;
  --ty-quick-actions-tooltip-radius: var(--ty-border-radius);
  --ty-quick-actions-tooltip-offset: 8px;
  --ty-quick-actions-tooltip-bg: #363636;
  --ty-quick-actions-tooltip-color: rgba(255, 255, 255, 0.85);
  --ty-radio-size: 16px;
  --ty-radio-dot-size: 10px;
  --ty-radio-label-gap: 5px;
  --ty-radio-label-color: var(--ty-color-text);
  --ty-radio-bg: #1f1f1f;
  --ty-radio-border: var(--ty-color-primary);
  --ty-radio-shadow: var(--ty-shadow-control);
  --ty-radio-border-checked: var(--ty-color-primary);
  --ty-radio-dot-bg: var(--ty-color-primary);
  --ty-radio-border-disabled: #424242;
  --ty-radio-dot-bg-disabled: rgba(255, 255, 255, 0.2);
  --ty-radio-label-color-disabled: var(--ty-color-text-quaternary);
  --ty-result-content-bg: #262626;
  --ty-result-padding: 48px 32px;
  --ty-result-icon-margin-bottom: 24px;
  --ty-result-title-color: var(--ty-color-text);
  --ty-result-title-font-size: 24px;
  --ty-result-title-line-height: 1.8;
  --ty-result-subtitle-color: var(--ty-color-text-tertiary);
  --ty-result-subtitle-font-size: 14px;
  --ty-result-subtitle-line-height: 1.6;
  --ty-result-extra-margin-top: 32px;
  --ty-result-content-margin-top: 24px;
  --ty-result-content-margin-inline: 30px;
  --ty-result-content-padding: 24px 40px;
  --ty-segmented-item-bg: transparent;
  --ty-segmented-bg: #2a2a2a;
  --ty-segmented-radius: var(--ty-border-radius);
  --ty-segmented-padding: 2px;
  --ty-segmented-item-gap: 4px;
  --ty-segmented-item-color: var(--ty-color-text-secondary);
  --ty-segmented-item-bg-hover: #303030;
  --ty-segmented-item-color-hover: var(--ty-color-text);
  --ty-segmented-item-bg-selected: #1f1f1f;
  --ty-segmented-item-color-selected: var(--ty-color-text);
  --ty-segmented-item-shadow-selected: 0 1px 2px 0 rgb(0 0 0 / 6%), 0 1px 3px 0 rgb(0 0 0 / 10%);
  --ty-segmented-item-shadow-focus: var(--ty-shadow-focus);
  --ty-segmented-item-font-weight-selected: 500;
  --ty-segmented-item-color-disabled: var(--ty-color-text-quaternary);
  --ty-segmented-item-bg-disabled: transparent;
  --ty-segmented-item-opacity-disabled: 0.5;
  --ty-segmented-item-padding-inline-sm: 8px;
  --ty-segmented-item-padding-inline-md: 12px;
  --ty-segmented-item-padding-inline-lg: 16px;
  --ty-segmented-item-padding-block-sm: 0;
  --ty-segmented-item-padding-block-md: 0;
  --ty-segmented-item-padding-block-lg: 0;
  --ty-segmented-item-height-sm: calc({height-sm} - 4px);
  --ty-segmented-item-height-md: calc({height-md} - 4px);
  --ty-segmented-item-height-lg: calc({height-lg} - 4px);
  --ty-segmented-font-size-sm: var(--ty-font-size-sm);
  --ty-segmented-font-size-md: var(--ty-font-size-base);
  --ty-segmented-font-size-lg: var(--ty-font-size-lg);
  --ty-segmented-icon-size: 14px;
  --ty-select-radius: var(--ty-border-radius);
  --ty-select-color: var(--ty-color-text);
  --ty-select-bg: var(--ty-color-bg-container);
  --ty-select-bg-disabled: var(--ty-color-bg-disabled);
  --ty-select-opacity-disabled: 0.6;
  --ty-select-border: var(--ty-color-border);
  --ty-select-shadow: var(--ty-shadow-control);
  --ty-select-border-hover: var(--ty-color-primary);
  --ty-select-border-focus: var(--ty-color-primary);
  --ty-select-shadow-focus: var(--ty-shadow-focus);
  --ty-select-placeholder: var(--ty-color-text-placeholder);
  --ty-select-suffix-color: var(--ty-color-text-quaternary);
  --ty-select-suffix-size: 14px;
  --ty-select-suffix-offset-inline-end: 8px;
  --ty-select-clear-bg: var(--ty-color-bg-container);
  --ty-select-clear-color: var(--ty-color-text-quaternary);
  --ty-select-clear-color-hover: var(--ty-color-text-tertiary);
  --ty-select-font-size-sm: var(--ty-font-size-sm);
  --ty-select-font-size-md: var(--ty-font-size-base);
  --ty-select-font-size-lg: var(--ty-font-size-lg);
  --ty-select-height-sm: var(--ty-height-sm);
  --ty-select-height-md: var(--ty-height-md);
  --ty-select-height-lg: var(--ty-height-lg);
  --ty-select-padding-inline-start-sm: 8px;
  --ty-select-padding-inline-start-md: 10px;
  --ty-select-padding-inline-start-lg: 12px;
  --ty-select-padding-inline-end-sm: 24px;
  --ty-select-padding-inline-end-md: 28px;
  --ty-select-padding-inline-end-lg: 32px;
  --ty-select-multiple-padding-inline-end: 28px;
  --ty-select-multiple-gap: 4px;
  --ty-select-multiple-padding-block: 2px;
  --ty-select-search-min-width: 4px;
  --ty-select-tag-height: 22px;
  --ty-select-tag-padding: 0 4px 0 8px;
  --ty-select-tag-padding-max: 0 8px;
  --ty-select-tag-radius: var(--ty-border-radius);
  --ty-select-tag-bg: var(--ty-color-fill-secondary);
  --ty-select-tag-color: var(--ty-color-text);
  --ty-select-tag-font-size: var(--ty-font-size-sm);
  --ty-select-tag-line-height: 20px;
  --ty-select-tag-close-color: var(--ty-color-text-quaternary);
  --ty-select-tag-close-color-hover: var(--ty-color-text);
  --ty-select-tag-close-gap: 4px;
  --ty-select-empty-color: var(--ty-color-text-quaternary);
  --ty-select-feedback-padding: 16px;
  --ty-select-dropdown-bg: #1f1f1f;
  --ty-select-dropdown-shadow: var(--ty-shadow-popup);
  --ty-select-dropdown-padding: 4px 0;
  --ty-select-dropdown-max-height: 300px;
  --ty-select-option-padding: 7px 12px;
  --ty-select-option-font-size: var(--ty-font-size-base);
  --ty-select-option-line-height: 22px;
  --ty-select-option-color: var(--ty-color-text);
  --ty-select-option-check-gap: 8px;
  --ty-select-option-active-bg: #2a2a2a;
  --ty-select-option-selected-bg: #1a1325;
  --ty-select-option-disabled-bg: #1f1f1f;
  --ty-select-option-disabled-color: var(--ty-color-text-quaternary);
  --ty-select-option-disabled-opacity: 0.5;
  --ty-select-group-title-color: var(--ty-color-text-secondary);
  --ty-select-group-option-padding-inline-start: 24px;
  --ty-skeleton-bg: #303030;
  --ty-skeleton-height: 1em;
  --ty-skeleton-row-gap: 10px;
  --ty-skeleton-radius-round: 999px;
  --ty-skeleton-block-gap: 8px;
  --ty-skeleton-shimmer: linear-gradient(to right, #303030 25%, #3a3a3a 37%, #303030 63%);
  --ty-skeleton-animation-duration: 1.5s;
  --ty-slider-dot-active-border: #9065d0;
  --ty-slider-dot-bg: #1f1f1f;
  --ty-slider-dot-border: #424242;
  --ty-slider-mark-active-color: rgba(255, 255, 255, 0.7);
  --ty-slider-mark-color: rgba(255, 255, 255, 0.4);
  --ty-slider-primary-color: var(--ty-color-primary);
  --ty-slider-disabled-color: var(--ty-color-text-quaternary);
  --ty-slider-rail-bg: #363636;
  --ty-slider-size: 12px;
  --ty-slider-thumb-bg: #1f1f1f;
  --ty-slider-thumb-border: #9065d0;
  --ty-slider-track-size: 4px;
  --ty-slider-thumb-size: 14px;
  --ty-slider-thumb-hit-size: 36px;
  --ty-slider-dot-size: 8px;
  --ty-slider-thumb-scale-hover: 1.2;
  --ty-slider-rail-radius: 3px;
  --ty-slider-horizontal-margin: 13px 7px;
  --ty-slider-horizontal-padding: 4px 0;
  --ty-slider-vertical-width: 12px;
  --ty-slider-vertical-margin: 6px 10px;
  --ty-slider-vertical-padding: 0 4px;
  --ty-split-bar-bg: #242424;
  --ty-split-bar-bg-active: #2a2a2a;
  --ty-split-bar-border: #3a3a3a;
  --ty-split-bar-border-active: #474747;
  --ty-split-bar-line: #484848;
  --ty-split-bar-line-active: #666666;
  --ty-split-bar-size: 2px;
  --ty-split-bar-handle-length: 30px;
  --ty-split-bar-handle-thickness: 14px;
  --ty-split-bar-handle-padding: 4px;
  --ty-split-bar-handle-radius: 8px;
  --ty-split-bar-grip-size: 2px;
  --ty-split-bar-grip-gap: 1px;
  --ty-split-bar-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  --ty-split-bar-focus-ring: var(--ty-shadow-focus);
  --ty-steps-icon-bg: #1f1f1f;
  --ty-steps-color: var(--ty-color-text);
  --ty-steps-tail-color: #424242;
  --ty-steps-title-font-size: 16px;
  --ty-steps-title-font-weight-process: 600;
  --ty-steps-title-color: var(--ty-color-text-secondary);
  --ty-steps-desc-color: var(--ty-color-text-tertiary);
  --ty-steps-icon-size: 32px;
  --ty-steps-icon-border: var(--ty-color-primary);
  --ty-steps-process-color: var(--ty-color-primary);
  --ty-steps-process-color-contrast: #fff;
  --ty-steps-wait-color: var(--ty-color-text-quaternary);
  --ty-steps-error-color: var(--ty-color-danger);
  --ty-strength-indicator-border-radius: 99px;
  --ty-strength-indicator-gap: 2px;
  --ty-strength-indicator-min-height: 8px;
  --ty-strength-indicator-bg: var(--ty-color-bg-disabled);
  --ty-strength-indicator-label-color: var(--ty-color-text-secondary);
  --ty-strength-indicator-label-font-size: 12px;
  --ty-strength-indicator-label-margin-top: 4px;
  --ty-switch-bg: rgba(255, 255, 255, 0.25);
  --ty-switch-bg-checked: var(--ty-color-primary);
  --ty-switch-thumb-bg: #e8e8e8;
  --ty-switch-thumb-border: rgba(255, 255, 255, 0.25);
  --ty-switch-thumb-border-checked: var(--ty-color-primary);
  --ty-switch-thumb-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  --ty-switch-label-color: #fff;
  --ty-switch-font-size-sm: 9px;
  --ty-switch-font-size-md: 12px;
  --ty-switch-font-size-lg: 14px;
  --ty-switch-margin-inline-sm: 10px;
  --ty-switch-margin-inline-md: 12px;
  --ty-switch-margin-inline-lg: 14px;
  --ty-switch-width-sm: 29px;
  --ty-switch-width-md: 36px;
  --ty-switch-width-lg: 42px;
  --ty-switch-height-sm: 14px;
  --ty-switch-height-md: 16px;
  --ty-switch-height-lg: 20px;
  --ty-switch-radius-sm: 18px;
  --ty-switch-radius-md: 22px;
  --ty-switch-radius-lg: 26px;
  --ty-switch-label-padding-inline-start-default: 11px;
  --ty-switch-label-padding-inline-end-default: 5px;
  --ty-switch-label-padding-inline-start-checked: 5px;
  --ty-switch-label-padding-inline-end-checked: 11px;
  --ty-switch-transition-duration: 300ms;
  --ty-switch-disabled-opacity: 0.4;
  --ty-table-color: var(--ty-color-text);
  --ty-table-font-size-md: var(--ty-font-size-base);
  --ty-table-font-size-sm: var(--ty-font-size-sm);
  --ty-table-font-size-lg: var(--ty-font-size-lg);
  --ty-table-border: #363636;
  --ty-table-radius: var(--ty-border-radius);
  --ty-table-cell-padding-sm: 8px;
  --ty-table-cell-padding-md: 12px 16px;
  --ty-table-cell-padding-lg: 16px;
  --ty-table-header-bg: #262626;
  --ty-table-header-font-weight: 500;
  --ty-table-row-hover-bg: #2a2a2a;
  --ty-table-cell-sortable-hover-bg: #f6f9fc;
  --ty-table-row-selected-bg: rgba(144, 101, 208, 0.1);
  --ty-table-selection-column-width: 40px;
  --ty-table-sorter-gap: 4px;
  --ty-table-sorter-icon-size: 8px;
  --ty-table-sorter-icon-color: var(--ty-color-text-quaternary);
  --ty-table-sorter-icon-color-active: var(--ty-color-primary);
  --ty-table-empty-padding: 32px;
  --ty-table-empty-color: var(--ty-color-text-secondary);
  --ty-tabs-font-size: var(--ty-font-size-base);
  --ty-tabs-color: var(--ty-color-text);
  --ty-tabs-nav-margin: 16px;
  --ty-tabs-border: #303030;
  --ty-tabs-tab-padding-block-sm: 8px;
  --ty-tabs-tab-padding-block-md: 12px;
  --ty-tabs-tab-padding-block-lg: 16px;
  --ty-tabs-tab-gap: 32px;
  --ty-tabs-tab-color: var(--ty-color-text);
  --ty-tabs-tab-hover-color: var(--ty-color-primary-text-hover);
  --ty-tabs-tab-active-color: var(--ty-color-primary);
  --ty-tabs-tab-active-font-weight: 500;
  --ty-tabs-tab-disabled-color: var(--ty-color-text-quaternary);
  --ty-tabs-icon-gap: 8px;
  --ty-tabs-remove-gap: 8px;
  --ty-tabs-remove-font-size: 12px;
  --ty-tabs-remove-color: var(--ty-color-text-tertiary);
  --ty-tabs-remove-color-hover: var(--ty-color-text);
  --ty-tabs-ink-bar-color: var(--ty-color-primary);
  --ty-tabs-ink-bar-height: 2px;
  --ty-tabs-nav-button-size: 32px;
  --ty-tabs-nav-button-font-size: 16px;
  --ty-tabs-nav-button-color: var(--ty-color-text-tertiary);
  --ty-tabs-nav-button-color-hover: var(--ty-color-text);
  --ty-tabs-nav-button-color-disabled: var(--ty-color-text-quaternary);
  --ty-tabs-add-size: 32px;
  --ty-tabs-add-font-size: 14px;
  --ty-tabs-add-margin: 4px;
  --ty-tabs-add-radius: 4px;
  --ty-tabs-add-border-color: var(--ty-color-border);
  --ty-tabs-add-color: var(--ty-color-text-tertiary);
  --ty-tabs-add-color-hover: var(--ty-color-primary);
  --ty-tabs-add-border-color-hover: var(--ty-color-primary);
  --ty-tabs-extra-gap: 16px;
  --ty-tabs-size-sm: 13px;
  --ty-tabs-size-lg: 15px;
  --ty-tabs-card-padding-block: 8px;
  --ty-tabs-card-padding-inline: 16px;
  --ty-tabs-card-padding-inline-editable-end: 8px;
  --ty-tabs-card-gap: 2px;
  --ty-tabs-card-radius: 4px;
  --ty-tabs-card-bg: #262626;
  --ty-tabs-card-active-bg: #1f1f1f;
  --ty-tag-font-size: 12px;
  --ty-tag-margin-inline-end: 8px;
  --ty-tag-padding: 3px 7px;
  --ty-tag-radius: var(--ty-border-radius);
  --ty-tag-color: var(--ty-color-text);
  --ty-tag-bg: #262626;
  --ty-tag-border: #424242;
  --ty-tag-link-color: var(--ty-color-text-secondary);
  --ty-tag-close-font-size: 10px;
  --ty-tag-close-gap: 5px;
  --ty-tag-close-opacity-hover: 0.8;
  --ty-tag-transition-duration: 300ms;
  --ty-tag-checkable-bg: #1f1f1f;
  --ty-tag-checkable-color: var(--ty-color-primary);
  --ty-tag-checkable-border: var(--ty-color-bg-container);
  --ty-tag-checkable-bg-checked: var(--ty-color-primary);
  --ty-tag-checkable-color-checked: #fff;
  --ty-tag-checkable-border-checked: var(--ty-color-primary);
  --ty-tag-magenta-color: #e0529c;
  --ty-tag-magenta-bg: #291321;
  --ty-tag-magenta-border: #55162b;
  --ty-tag-red-color: #e84749;
  --ty-tag-red-bg: #2a1215;
  --ty-tag-red-border: #58181c;
  --ty-tag-volcano-color: #e87040;
  --ty-tag-volcano-bg: #2b1611;
  --ty-tag-volcano-border: #592716;
  --ty-tag-orange-color: #e89a3c;
  --ty-tag-orange-bg: #2b1d11;
  --ty-tag-orange-border: #593815;
  --ty-tag-gold-color: #e8b339;
  --ty-tag-gold-bg: #2b2111;
  --ty-tag-gold-border: #594214;
  --ty-tag-lime-color: #8bbb11;
  --ty-tag-lime-bg: #1a2611;
  --ty-tag-lime-border: #3e4f13;
  --ty-tag-green-color: #6abe39;
  --ty-tag-green-bg: #162312;
  --ty-tag-green-border: #274916;
  --ty-tag-cyan-color: #33bcb7;
  --ty-tag-cyan-bg: #112123;
  --ty-tag-cyan-border: #144848;
  --ty-tag-blue-color: #3c9ae8;
  --ty-tag-blue-bg: #111d2c;
  --ty-tag-blue-border: #15395b;
  --ty-tag-geekblue-color: #5273e0;
  --ty-tag-geekblue-bg: #131a2e;
  --ty-tag-geekblue-border: #1c2d57;
  --ty-tag-purple-color: #854eca;
  --ty-tag-purple-bg: #1a1325;
  --ty-tag-purple-border: #301c4d;
  --ty-textarea-counter-color: rgba(255, 255, 255, 0.45);
  --ty-textarea-padding: 5px;
  --ty-textarea-padding-bottom-with-counter: 20px;
  --ty-textarea-counter-offset-bottom: 6px;
  --ty-textarea-counter-offset-inline-end: 6px;
  --ty-textarea-counter-font-size: 14px;
  --ty-time-picker-input-min-width-sm: 70px;
  --ty-time-picker-input-min-width-md: 90px;
  --ty-time-picker-input-min-width-lg: 110px;
  --ty-time-picker-column-max-height: 224px;
  --ty-time-picker-column-border: var(--ty-color-border-light);
  --ty-time-picker-scrollbar-thumb: var(--ty-color-text-quaternary);
  --ty-time-picker-cell-padding: 4px 0;
  --ty-time-picker-cell-min-width: 52px;
  --ty-time-picker-cell-radius: 4px;
  --ty-time-picker-cell-margin-inline: 4px;
  --ty-time-picker-cell-line-height: 20px;
  --ty-time-picker-cell-bg-selected: var(--ty-color-primary-bg);
  --ty-time-picker-cell-bg-selected-hover: var(--ty-color-primary-bg-hover);
  --ty-time-picker-cell-font-weight-selected: 500;
  --ty-time-picker-footer-padding: 8px 12px;
  --ty-time-picker-footer-border: var(--ty-color-border-light);
  --ty-time-picker-footer-font-size: 12px;
  --ty-time-picker-now-color: var(--ty-color-primary);
  --ty-time-picker-now-color-hover: var(--ty-color-primary-hover);
  --ty-time-picker-ok-button-padding: 0 8px;
  --ty-time-picker-ok-button-height: 24px;
  --ty-time-picker-ok-button-font-size: 12px;
  --ty-time-picker-ok-button-radius: 4px;
  --ty-time-picker-ok-button-bg: var(--ty-color-primary);
  --ty-time-picker-ok-button-bg-hover: var(--ty-color-primary-hover);
  --ty-time-picker-ok-button-color: #fff;
  --ty-timeline-dot-bg: #1f1f1f;
  --ty-timeline-color: var(--ty-color-text-secondary);
  --ty-timeline-font-size: var(--ty-font-size-base);
  --ty-timeline-item-font-size: 14px;
  --ty-timeline-item-padding-bottom: 20px;
  --ty-timeline-head-bg: #1f1f1f;
  --ty-timeline-line-color: #363636;
  --ty-timeline-head-color: var(--ty-color-primary);
  --ty-timeline-dot-size: 10px;
  --ty-timeline-dot-border-width: 2px;
  --ty-timeline-dot-border-color: var(--ty-color-primary);
  --ty-timeline-content-offset: 25px;
  --ty-tooltip-arrow-size: 4px;
  --ty-tooltip-content-padding: 5px 8px;
  --ty-tooltip-color: #fff;
  --ty-tooltip-font-size: var(--ty-font-size-sm);
  --ty-tour-arrow-size: 8px;
  --ty-tour-panel-radius: var(--ty-border-radius);
  --ty-tour-panel-shadow: var(--ty-shadow-modal);
  --ty-tour-panel-max-width: 360px;
  --ty-tour-panel-min-width: 260px;
  --ty-tour-panel-bg-default: var(--ty-popup-light-bg);
  --ty-tour-panel-color-default: var(--ty-color-text);
  --ty-tour-panel-bg-primary: var(--ty-color-primary);
  --ty-tour-panel-color-primary: #fff;
  --ty-tour-description-color-default: var(--ty-color-text-secondary);
  --ty-tour-description-color-primary: rgb(255 255 255 / 85%);
  --ty-tour-indicator-bg-default: var(--ty-color-text-quaternary);
  --ty-tour-indicator-bg-primary: rgb(255 255 255 / 35%);
  --ty-tour-indicator-bg-active-default: var(--ty-color-primary);
  --ty-tour-indicator-bg-active-primary: #fff;
  --ty-tour-close-color: var(--ty-color-text-tertiary);
  --ty-tour-close-color-primary: rgb(255 255 255 / 65%);
  --ty-tour-close-color-hover-primary: #fff;
  --ty-tour-close-bg-hover: var(--ty-color-fill-secondary);
  --ty-tour-close-bg-hover-primary: rgb(255 255 255 / 15%);
  --ty-tour-close-offset: 8px;
  --ty-tour-close-size: 28px;
  --ty-tour-close-radius: 4px;
  --ty-tour-close-font-size: 12px;
  --ty-tour-cover-padding: 12px 16px 0;
  --ty-tour-title-padding: 12px 16px 4px;
  --ty-tour-title-font-weight: 600;
  --ty-tour-title-font-size: var(--ty-font-size-lg);
  --ty-tour-title-line-height: 1.5;
  --ty-tour-description-padding: 0 16px 12px;
  --ty-tour-description-font-size: var(--ty-font-size-base);
  --ty-tour-description-line-height: 1.5;
  --ty-tour-footer-padding: 0 16px 12px;
  --ty-tour-indicators-gap: 4px;
  --ty-tour-indicator-size: 6px;
  --ty-tour-indicator-transition-duration: 200ms;
  --ty-tour-actions-gap: 8px;
  --ty-tour-zoom-scale-from: 0.9;
  --ty-tour-zoom-duration: 200ms;
  --ty-transfer-border: #424242;
  --ty-transfer-color: var(--ty-color-text);
  --ty-transfer-font-size: var(--ty-font-size-base);
  --ty-transfer-panel-width: 180px;
  --ty-transfer-panel-radius: var(--ty-border-radius);
  --ty-transfer-buttons-margin: 0 8px;
  --ty-transfer-button-margin: 3px 0;
  --ty-transfer-button-padding: 3px;
  --ty-transfer-button-min-width: 30px;
  --ty-transfer-footer-bg: #1f1f1f;
  --ty-transfer-footer-border: #303030;
  --ty-transfer-header-bg: #1f1f1f;
  --ty-transfer-item-hover-bg: #2a2a2a;
  --ty-transfer-header-padding: 8px 12px 9px;
  --ty-transfer-body-padding: 6px 0;
  --ty-transfer-input-container-padding: 6px 12px 12px;
  --ty-transfer-list-height: 192px;
  --ty-transfer-item-padding-inline: 12px;
  --ty-transfer-item-min-height: 32px;
  --ty-transfer-footer-padding: 8px 12px 9px;
  --ty-tree-arrow-color: #666;
  --ty-tree-hover-bg: #2a2a2a;
  --ty-tree-font-size: var(--ty-font-size-base);
  --ty-tree-node-margin: 2px 0;
  --ty-tree-switcher-size: 20px;
  --ty-tree-label-padding: 1px 2px;
  --ty-tree-label-offset: -4px;
  --ty-tree-title-min-height: 24px;
  --ty-typography-body-color: rgba(255, 255, 255, 0.65);
  --ty-typography-body-font-size: var(--ty-font-size-base);
  --ty-typography-body-line-height: 1.5;
  --ty-typography-block-margin-bottom: 1em;
  --ty-typography-heading-font-weight: 600;
  --ty-typography-heading-margin-bottom: 0.5em;
  --ty-typography-code-bg: rgba(255, 255, 255, 0.06);
  --ty-typography-code-border: rgba(255, 255, 255, 0.06);
  --ty-typography-code-radius: var(--ty-border-radius);
  --ty-typography-heading-color: rgba(255, 255, 255, 0.85);
  --ty-typography-mark-bg: #594214;
  --ty-upload-color: var(--ty-color-text);
  --ty-upload-font-size: var(--ty-font-size-base);
  --ty-upload-list-item-margin-top: 5px;
  --ty-upload-list-item-hover-bg: #2a2a2a;
  --ty-upload-list-item-padding: 4px 4px 4px 2px;
  --ty-upload-list-item-name-gap: 5px;
  --ty-upload-list-item-delete-padding-end: 3px;
  --ty-upload-status-size: 16px;
  --ty-upload-tip-font-size: 12px;
  --ty-upload-tip-color: var(--ty-color-text-tertiary);
  --ty-upload-tip-margin-top: 7px;
  --ty-upload-dragger-padding: 15px;
  --ty-upload-dragger-bg: #262626;
  --ty-upload-dragger-border: #424242;
  --ty-upload-dragger-border-hover: var(--ty-color-primary);
  --ty-upload-dragger-hover-bg: #303030;
  --ty-upload-dragger-radius: var(--ty-border-radius);
  --ty-upload-transition-duration: 300ms;
}
}