/**
 * Do not edit directly
 */

.kbq-light {
  --kbq-navbar-background: hsla(0, 0%, 100%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-border: hsla(229, 15%, 6%, 12%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-default-content-text: hsla(229, 15%, 15%, 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%, 15%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-default-content-icon-right: hsla(229, 15%, 15%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-hover-content-text: hsla(229, 15%, 15%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-hover-content-background: hsla(229, 15%, 50%, 8%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-hover-content-icon-left: hsla(229, 15%, 50%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-hover-content-icon-right: hsla(229, 15%, 50%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-selected-content-text: hsla(229, 15%, 15%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-selected-content-background: hsla(229, 15%, 50%, 16%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-selected-content-icon-left: hsla(229, 15%, 60%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-selected-content-icon-right: hsla(229, 15%, 60%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-selected-hover-content-text: hsla(229, 15%, 15%, 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%, 8%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-selected-hover-content-icon-left: hsla(229, 15%, 50%, 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%, 50%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-disabled-content-text: hsla(229, 15%, 60%, 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%, 60%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-navbar-item-states-disabled-content-icon-right: hsla(229, 15%, 60%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
}