/* Native controls use the same focus and motion contracts in the web export. */
body { background:var(--up-background-primary); }
html:has([data-app-ready=true]) { color-scheme:light dark; }
[role=button],[role=tab],[role=radio],[role=checkbox],[role=switch],button { touch-action:manipulation; }
[role=button]:focus-visible,[role=tab]:focus-visible,[role=radio]:focus-visible,[role=checkbox]:focus-visible,[role=switch]:focus-visible,[role=slider]:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible {
  outline:3px solid var(--up-focus)!important;outline-offset:3px;
}
[aria-disabled=true] { cursor:not-allowed; }
@media (hover:hover) {
  [role=button]:hover:not([aria-disabled=true]),[role=tab]:hover:not([aria-selected=true]) { filter:brightness(.97); }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
}
@media (forced-colors:active) {
  [role=button],[role=tab],[role=radio],input,textarea { border:1px solid ButtonText!important;box-shadow:none!important; }
  :focus-visible { outline-color:Highlight!important; }
}