/**
 * Do not edit directly
 */

.kbq-dark {
  --kbq-button-toggle-container-background: hsla(229, 15%, 23%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-default-background: hsla(229, 15%, 23%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-default-text: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-default-icon: hsla(229, 15%, 45%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-hover-background: hsla(229, 15%, 25%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-hover-text: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-hover-icon: hsla(229, 15%, 45%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-active-background: hsla(229, 15%, 27%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-active-text: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-active-icon: hsla(229, 15%, 45%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-selected-background: hsla(229, 15%, 15%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-selected-text: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-selected-icon: hsla(229, 15%, 45%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-selected-hover-background: hsla(229, 15%, 50%, 16%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-selected-hover-text: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-selected-hover-icon: hsla(229, 15%, 45%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-selected-active-background: hsla(229, 100%, 85%, 15%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-selected-active-text: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-selected-active-icon: hsla(229, 15%, 45%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-selected-disabled-background: hsla(229, 15%, 50%, 16%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-selected-disabled-text: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-selected-disabled-icon: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-disabled-background: none; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-disabled-text: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-disabled-icon: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-toggle-item-states-focused-outline: hsla(216, 100%, 60%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-off-background: hsla(229, 15%, 90%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-off-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-off-foreground: hsla(229, 15%, 15%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-off-left-icon: hsla(229, 15%, 15%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-off-right-icon: hsla(229, 15%, 15%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-off-states-hover-background: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-off-states-active-background: hsla(229, 15%, 55%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-off-states-active-hover-background: hsla(229, 15%, 55%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-off-states-disabled-background: hsla(229, 15%, 50%, 16%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-off-states-disabled-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-off-states-disabled-foreground: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-off-states-disabled-left-icon: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-off-states-disabled-right-icon: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-on-background: hsla(229, 15%, 23%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-on-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-on-states-hover-background: hsla(229, 15%, 25%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-on-states-active-background: hsla(229, 15%, 27%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 27%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-on-states-disabled-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-filled-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-border: hsla(216, 100%, 30%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-foreground: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-left-icon: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-right-icon: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-hover-border: hsla(216, 100%, 30%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-hover-foreground: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-active-background: hsla(229, 100%, 85%, 15%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-active-border: hsla(216, 100%, 30%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-active-foreground: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-active-left-icon: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-active-right-icon: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-active-hover-border: hsla(216, 100%, 30%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-disabled-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-border: hsla(229, 15%, 30%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-hover-border: hsla(229, 15%, 30%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-active-background: hsla(229, 100%, 85%, 15%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-active-border: hsla(229, 15%, 30%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-active-foreground: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-active-hover-border: hsla(229, 15%, 30%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-disabled-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-outline-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-foreground: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-left-icon: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-right-icon: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-hover-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-hover-foreground: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-active-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-active-foreground: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-active-background: hsla(229, 100%, 85%, 15%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-active-left-icon: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-active-right-icon: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-active-hover-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-disabled-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-disabled-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-hover-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-active-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-active-foreground: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-active-background: hsla(229, 100%, 85%, 15%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-active-hover-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-disabled-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-disabled-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-theme-default: hsla(216, 100%, 65%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-theme-states-hover: hsla(216, 100%, 45%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-theme-states-active: hsla(216, 100%, 40%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-theme-states-disabled: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-contrast-default: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-contrast-states-hover: hsla(229, 15%, 90%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-contrast-states-active: hsla(229, 15%, 99%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-contrast-states-disabled: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-fade-contrast-default: hsla(229, 15%, 45%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-fade-contrast-states-hover: hsla(229, 15%, 50%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-fade-contrast-states-active: hsla(229, 15%, 40%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-fade-contrast-states-disabled: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-error-default: hsla(7, 97%, 60%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-error-states-hover: hsla(7, 97%, 50%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-error-states-active: hsla(7, 97%, 40%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-error-states-disabled: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-success-default: hsla(104, 64%, 45%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-success-states-hover: hsla(104, 64%, 40%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-success-states-active: hsla(104, 64%, 30%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-success-states-disabled: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-warning-default: hsla(38, 100%, 60%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-warning-states-hover: hsla(38, 100%, 45%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-warning-states-active: hsla(38, 100%, 42%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-icon-button-warning-states-disabled: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
}