.appearance-bar:is(.appearance-icon-control,html.theme-js .appearance-static-control){display:flex;align-items:center;justify-content:center;flex:0 0 auto!important;width:auto;padding:0!important;gap:0;border:0!important;background:transparent!important}:is(.appearance-icon-control,html.theme-js .appearance-static-control) [hidden]{display:none!important}:is(.appearance-icon-control,html.theme-js .appearance-static-control) .theme-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}:is(.appearance-icon-control,html.theme-js .appearance-static-control) button.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;min-width:44px;padding:0;margin:0;border:1.5px solid #94a3b8;border-radius:50%;background:transparent;color:#e2e8f0;box-shadow:none;cursor:pointer;transition:background-color .15s,border-color .15s}:is(.appearance-icon-control,html.theme-js .appearance-static-control) .theme-toggle svg{display:block;width:23px;height:23px;pointer-events:none}html[data-theme="light"] :is(.appearance-icon-control,html.theme-js .appearance-static-control) button.theme-toggle{background:transparent;color:#334155;border-color:#64748b}:is(.appearance-icon-control,html.theme-js .appearance-static-control) button.theme-toggle:hover{background:#ffffff12;border-color:#67e8f9}html[data-theme="light"] :is(.appearance-icon-control,html.theme-js .appearance-static-control) button.theme-toggle:hover{background:#f1f5f9;border-color:#036985}:is(.appearance-icon-control,html.theme-js .appearance-static-control) button.theme-toggle:focus-visible{outline:3px solid #0891b2;outline-offset:4px}.home-header :is(.appearance-icon-control,html.theme-js .appearance-static-control){order:0!important}@media(prefers-reduced-motion:reduce){:is(.appearance-icon-control,html.theme-js .appearance-static-control) button.theme-toggle{transition:none}}

/* Static public-header control: painted before DOMContentLoaded. */
html:not(.theme-js) .appearance-static-control>.theme-toggle{display:none}
html.theme-js .appearance-static-control>label,html.theme-js .appearance-static-control>select,html.theme-js .appearance-static-control>#appearance-status{display:none}
html.theme-js .sb-header .appearance-static-control>.theme-toggle{visibility:visible}
html.theme-js .appearance-static-control .initial-theme-sun{display:none}
html[data-theme="light"] .appearance-static-control .initial-theme-moon{display:none}
html[data-theme="light"] .appearance-static-control .initial-theme-sun{display:block}