.appearance-controls{flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.appearance-controls :is(.theme-toggle,.m-color-trigger,.m-motion-toggle,.m-locale){box-sizing:border-box;border:1px solid var(--line-mid);border-radius:var(--r-md);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text-muted);font:500 12px/1 var(--font-sans);cursor:pointer;transition:color var(--dur) var(--ease), background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);background:0 0;flex:0 0 44px;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;display:inline-flex}.appearance-controls :is(.theme-toggle,.m-color-trigger,.m-motion-toggle,.m-locale):is(:hover,:focus-visible),.appearance-controls .m-color-trigger[aria-expanded=true]{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.appearance-controls :is(.theme-toggle,.m-color-trigger,.m-motion-toggle,.m-locale):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.appearance-controls :is(.theme-toggle__icons,.theme-toggle__icon,.m-color-trigger>svg,.m-motion-toggle>svg){width:18px;height:18px}.appearance-controls .m-color-picker{position:static}.appearance-controls .m-color-panel{right:0}@media (prefers-reduced-motion:reduce){.appearance-controls :is(button,a,svg){transition:none}}