html { scrollbar-color: var(--pico-primary) var(--pico-background-color); }

:host(:not([data-theme=dark])), :root:not([data-theme=dark]), [data-theme=light] {
--pico-icon-valid: none;
--pico-icon-invalid: none;
}

[aria-label][data-balloon-pos]:after {
  z-index: 100;
}

button.green {
  background-color: green;
  color: white;
  border-color: darkgreen;
}
button.red {
  background-color: red;
  color: white;
  border-color: darkred;
}

button.orange {
  background-color: orange;
  color: white;
  border-color: darkorange;
}

@media (max-width: 576px) {
  h1 {
    --pico-font-size: 1.25rem;
  }
  h2 {
    --pico-font-size: 1.125rem;
  }
  h3 {
    --pico-font-size: 1rem;
  }
  h4 {
    --pico-font-size: 0.875rem;
  }
  h5 {
    --pico-font-size: 0.75rem;
  }
  h6 {
    --pico-font-size: 0.625rem;
  }

  .grid {
    grid-row-gap: 0px;
    grid-column-gap: 0px;
  }

  .fluid-mobile {
    display: ruby;
  }
}