.m-color-picker{position:relative}.m-color-trigger{width:40px;height:44px;color:var(--accent);background:0 0;border:0;place-items:center;display:grid}.m-color-trigger:hover,.m-color-trigger[aria-expanded=true]{background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:var(--r-md)}.m-color-panel{border:1px solid var(--line-mid);border-radius:var(--r-lg);background:var(--dialog-bg);width:264px;color:var(--text);box-shadow:var(--shadow-dialog);margin:0;padding:20px;position:absolute;top:calc(100% + 12px);right:0}.m-color-panel>p{margin-bottom:16px;font-size:14px}.m-color-panel>div{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.m-color-panel button{background:var(--swatch);color:#10091e;border-radius:var(--r-md);border:0;place-items:center;height:44px;display:grid}.m-color-panel button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:3px}.m-color-panel button:focus-visible{outline:2px solid var(--text);outline-offset:4px}@media (width<=640px){.m-color-trigger{width:32px}.m-color-panel{width:244px;right:-92px}}.m-locale{border:1px solid var(--line-mid,#ffffff29);min-width:44px;min-height:44px;font:400 12px/1 var(--font-sans);color:inherit;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (width<=640px){.m-locale{min-width:36px;min-height:36px}}.theme-toggle{border:1px solid var(--line);border-radius:var(--r-md);width:44px;height:44px;color:var(--text-dim);transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease), background-color var(--dur) var(--ease);background:0 0;flex-shrink:0;place-items:center;display:grid}.theme-toggle:hover{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.theme-toggle__icons{width:15px;height:15px;display:block;position:relative}.theme-toggle__icon{width:15px;height:15px;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);position:absolute;inset:0}.theme-toggle__icon--sun{opacity:1;transform:rotate(0)scale(1)}.theme-toggle__icon--moon{opacity:0;transform:rotate(-90deg)scale(.6)}[data-theme=light] .theme-toggle__icon--sun{opacity:0;transform:rotate(90deg)scale(.6)}[data-theme=light] .theme-toggle__icon--moon{opacity:1;transform:rotate(0)scale(1)}.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}}