@media (min-width: 576px) {
  :root {
    --pico-font-size: 16px;
  }
}
@media (min-width: 768px) {
  :root {
    --pico-font-size: 16px;
  }
}
@media (min-width: 1024px) {
  :root {
    --pico-font-size: 16px;
  }
}
@media (min-width: 1280px) {
  :root {
    --pico-font-size: 16px;
  }
}
@media (min-width: 1536px) {
  :root {
    --pico-font-size: 16px;
  }
}

/* Kill the spinner */
[aria-busy=true]::before {
  display: none !important;
}

/* Kill white-space: nowrap */
[aria-busy=true]:not(input, select, textarea, html) {
  white-space: inherit;
}

/*TODO: insert sholelace colors*/
[data-theme=light],:root:not([data-theme=dark]) {
  --pico-text-selection-color: rgba(210, 122, 1, .25);
  --pico-primary: #9c5900;
  --pico-primary-background: var(--sl-color-amber-500);
  --pico-primary-underline: rgba(156, 89, 0, .5);
  --pico-primary-hover: #7a4400;
  --pico-primary-hover-background: #e48500;
  --pico-primary-focus: rgba(210, 122, 1, .5);
  --pico-primary-inverse: #000;
  --pico-switch-thumb-box-shadow: 0 0 .5rem rgba(0, 0, 0, .25)
}

@media only screen and (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
      --pico-text-selection-color: rgba(228, 133, 0, .1875);
      --pico-primary: #e48500;
      --pico-primary-background: var(--sl-color-amber-500);
      --pico-primary-underline: rgba(228, 133, 0, .5);
      --pico-primary-hover: #ffa23a;
      --pico-primary-hover-background: #ffa23a;
      --pico-primary-focus: rgba(228, 133, 0, .375);
      --pico-primary-inverse: #000;
      --pico-switch-thumb-box-shadow: 0 0 .5rem rgba(0, 0, 0, .25)
  }
}

[data-theme=dark] {
  --pico-text-selection-color: rgba(228, 133, 0, .1875);
  --pico-primary: #e48500;
  --pico-primary-background: var(--sl-color-amber-500;
  --pico-primary-underline: rgba(228, 133, 0, .5);
  --pico-primary-hover: #ffa23a;
  --pico-primary-hover-background: #ffa23a;
  --pico-primary-focus: rgba(228, 133, 0, .375);
  --pico-primary-inverse: #000;
  --pico-switch-thumb-box-shadow: 0 0 .5rem rgba(0, 0, 0, .25)
}