/* Состояния. Верхний слой темы: побеждает компоненты порядком, а не `!important`. */
@layer theme.state {

[hidden] { display: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms;
    animation-iteration-count: 1;
    transition-duration: .01ms;
  }
}

}