/**
 * Do not edit directly, this file was auto-generated.
 */
@layer jokul.components {
  @media screen and (prefers-color-scheme: light) {
    :root {
      --jkl-datepicker-box-shadow: rgb(49 48 48 / 20%);
    }
  }
  [data-theme=light] {
    --jkl-datepicker-box-shadow: rgb(49 48 48 / 20%);
  }
  @media screen and (prefers-color-scheme: dark) {
    :root {
      --jkl-datepicker-box-shadow: rgb(0 0 0 / 50%);
    }
  }
  [data-theme=dark] {
    --jkl-datepicker-box-shadow: rgb(0 0 0 / 50%);
  }
  .jkl-popover {
    padding: var(--popover-padding, 0);
    z-index: 10000;
    box-shadow: 0 4px 20px 0 var(--jkl-datepicker-box-shadow);
    background-color: var(--jkl-color-background-container-high);
    border-radius: var(--jkl-border-radius-s);
  }
  .jkl-popover:focus-visible {
    outline: 3px solid var(--jkl-color-border-action);
    outline-offset: 3px;
  }
  .jkl-popover-trigger:focus {
    outline: 0;
  }
  .jkl-popover-trigger:focus-visible {
    outline: 3px solid var(--jkl-color-border-action);
    outline-offset: 3px;
  }
}