@layer mana.base {
:where(html){font-family:var(--font-font-family), system-ui, sans-serif;font-size:var(--font-size-font-size-md);line-height:var(--line-height-line-height-scale);color:var(--colors-text-text-color)}:where(body){margin:var(--space-space-0)}@media (prefers-reduced-motion:reduce){[class^=mana-],[class*=\ mana-],[class^=mana-] *,[class*=\ mana-] *,[class^=mana-]:before,[class*=\ mana-]:before,[class^=mana-]:after,[class*=\ mana-]:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){[class^=mana-][data-focus-visible],[class*=\ mana-][data-focus-visible]{outline-color:highlight!important}[class^=mana-][data-disabled],[class*=\ mana-][data-disabled]{color:graytext!important}[class^=mana-][data-variant],[class*=\ mana-][data-variant]{border-color:buttontext!important}}
}