/*
  Scrolling
*/
.scroll-container-vertical {
  align-self: stretch;

  overflow-y: auto;
  overflow-x: hidden;

  &.scroll-container-fill {
    flex: 1 0 0;
  }
}

/*
  Inverting color scheme
  For preference based scheme selection and dynamic nesting
  see https://gist.github.com/clauener/c40ee891292c1578a22e4082ce4b0537
 */
:root {
  --color-scheme-current: light;
  --color-scheme-inverted: dark;
}

.invert-color-scheme {
  color-scheme: var(--color-scheme-inverted);
}