.theme-toggle{border:1px solid var(--ui-border);border-radius:var(--radius-md);background:var(--ui-icon-btn-bg);color:var(--ui-text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.theme-toggle>svg{animation:.24s cubic-bezier(.22,1,.36,1) theme-toggle-icon-in}html.theme-updating *,html.theme-updating :before,html.theme-updating :after{transition:none!important}@keyframes theme-toggle-icon-in{0%{opacity:0;transform:rotate(-35deg)scale(.68)}to{opacity:1;transform:rotate(0)scale(1)}}@media (hover:hover){.theme-toggle:hover{color:var(--color-brand);border-color:#f9871573}}.theme-toggle:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.theme-toggle:active:not(:disabled){transform:scale(.92)}.theme-toggle--md{width:36px;height:36px;font-size:16px}.theme-toggle--sm{width:32px;height:32px;font-size:14px}@media (prefers-reduced-motion:reduce){.theme-toggle>svg{animation:none}}