/**
 * Do not edit directly
 */

.kbq-light {
  --kbq-sidepanel-overlay-background: hsla(229, 15%, 20%, 32%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-sidepanel-container-background: hsla(229, 15%, 100%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-sidepanel-container-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 3px 16px hsla(229, 15%, 6%, 6%), 0 4px 32px hsla(229, 15%, 6%, 12%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-sidepanel-header-text-color: hsla(229, 15%, 15%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-sidepanel-header-scroll-shadow:  0   9px  8px -12px hsla(229, 15%, 60%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-sidepanel-footer-scroll-shadow:  0   -9px 8px -12px hsla(229, 15%, 60%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-sidepanel-content-text-color: hsla(229, 15%, 15%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
}