@media (prefers-reduced-motion: no-preference) {
  @keyframes royesho-appear {
    from { opacity: .82; }
    to { opacity: 1; }
  }
  body :is(main, #view, .mw-hero, .mw-overview) {
    animation: royesho-appear 260ms ease-out both;
  }
  :is(.topbar, .sh-nav, .mw, main) :is(button, .btn, .sh-button) {
    transition: box-shadow 160ms ease, background-color 160ms ease, color 160ms ease;
  }
  @media (hover: hover) {
    :is(.topbar, .sh-nav, .mw, main) :is(button, .btn, .sh-button):hover:not(:disabled) {
      box-shadow: 0 4px 12px color-mix(in srgb, currentColor 14%, transparent);
    }
  }
}