/**
 * Do not edit directly
 */

.kbq-dark {
  --kbq-navbar-background: hsla(229, 15%, 12%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-border: hsla(229, 15%, 22%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-default-content-text: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-default-content-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-default-content-icon-left: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-default-content-icon-right: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-hover-content-text: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-hover-content-background: hsla(229, 15%, 50%, 16%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-hover-content-icon-left: hsla(229, 15%, 90%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-hover-content-icon-right: hsla(229, 15%, 90%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-selected-content-text: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-selected-content-background: hsla(229, 100%, 85%, 15%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-selected-content-icon-left: hsla(229, 15%, 99%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-selected-content-icon-right: hsla(229, 15%, 99%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-selected-hover-content-text: hsla(229, 15%, 80%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-selected-hover-content-background: hsla(229, 15%, 50%, 16%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-selected-hover-content-icon-left: hsla(229, 15%, 90%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-selected-hover-content-icon-right: hsla(229, 15%, 90%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-disabled-content-text: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-disabled-content-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-disabled-content-icon-left: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-disabled-content-icon-right: hsla(229, 15%, 65%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
}