/**
 * Do not edit directly
 */

.kbq-light {
  --kbq-datepicker-container-background: hsla(229, 15%, 100%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-datepicker-container-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-datepicker-header-text: hsla(229, 15%, 60%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-datepicker-header-divider: hsla(229, 15%, 6%, 12%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-datepicker-grid-cell-default-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-datepicker-grid-cell-default-text: hsla(229, 15%, 15%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-datepicker-grid-cell-today-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-datepicker-grid-cell-today-text: hsla(216, 100%, 50%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-datepicker-grid-cell-states-hover-background: hsla(229, 15%, 50%, 8%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-datepicker-grid-cell-states-active-background: hsla(229, 15%, 50%, 16%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-datepicker-grid-cell-states-selected-background: hsla(229, 15%, 25%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-datepicker-grid-cell-states-selected-text: hsla(0, 0%, 100%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-datepicker-grid-cell-states-selected-hover-background: hsla(229, 15%, 15%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-datepicker-grid-cell-states-disabled-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
  --kbq-datepicker-grid-cell-states-disabled-text: hsla(229, 15%, 60%, 60%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */
}