/**
 * 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 */
}