:root {
  --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;
}

[data-tiny-theme='dark'] {
  --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;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --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;
}
}