:root{color-scheme:light dark;--background:#f4f4f2;--foreground:#202020;--accent:#4a4a4a}[data-theme=light]{color-scheme:light;--background:#f4f4f2;--foreground:#202020;--accent:#4a4a4a}[data-theme=dark]{color-scheme:dark;--background:#111111;--foreground:#e7e7e2;--accent:#a8a8a0}@media(prefers-color-scheme:dark){:root:not([data-theme]){--background:#111111;--foreground:#e7e7e2;--accent:#a8a8a0}}::selection{background:color-mix(in srgb,var(--accent) 28%,transparent)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;position:relative;width:64px;height:34px;min-width:64px;margin-left:12px;padding:0;border-width:2px;line-height:1;overflow:hidden;background:color-mix(in srgb,var(--foreground) 4%,transparent);color:var(--accent)}.theme-toggle:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.theme-toggle__indicator{position:absolute;top:2px;left:2px;width:calc(50% - 2px);height:calc(100% - 4px);background:var(--accent);transition:transform .16s ease}.theme-toggle[data-theme=dark] .theme-toggle__indicator{transform:translateX(100%)}.theme-toggle__option{display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1;width:50%;height:100%;color:color-mix(in srgb,var(--foreground) 62%,transparent);transition:color .16s ease}.theme-toggle[data-theme=light] [data-theme-icon=sun],.theme-toggle:not([data-theme]) [data-theme-icon=sun],.theme-toggle[data-theme=dark] [data-theme-icon=moon]{color:var(--background)}.theme-toggle__icon{display:block;flex:none;width:16px;height:16px}@media(max-width:684px){.theme-toggle{width:58px;height:32px;min-width:58px;margin-left:8px}.theme-toggle__icon{width:15px;height:15px}}