/* Hub — только плавное выцветание контентной панели */
:root {
  --hub-fade-ms: 200ms;
  --hub-fade-ease: ease;
}

.hub-transition-pane {
  transition: opacity var(--hub-fade-ms) var(--hub-fade-ease);
}

html.is-hub-leaving .hub-transition-pane {
  opacity: 0;
}

html.is-hub-entering .hub-transition-pane {
  opacity: 0;
}

html.is-hub-entering.is-hub-enter-play .hub-transition-pane {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .hub-transition-pane {
    transition: none;
  }

  html.is-hub-leaving .hub-transition-pane,
  html.is-hub-entering .hub-transition-pane {
    opacity: 1;
  }
}