/* A small engraved dial: polished ivory, onyx and a champagne setting. */
.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:4px 11px 4px 6px;border:1px solid #736044;border-radius:11px;background:linear-gradient(145deg,#302b23 0%,#1b1b1d 58%,#15171b 100%);color:#dec9a7;box-shadow:inset 0 1px 0 #f8dfb526,inset 0 -1px 0 #0007,0 2px 5px #0002;font-size:10px;font-weight:500;letter-spacing:.02em;transition:border-color .16s,box-shadow .16s,background .16s;white-space:nowrap}
.theme-toggle [data-theme-icon]{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;line-height:0;font-size:0}
.theme-toggle [data-theme-icon] .theme-dial{display:block;width:26px;height:26px;flex:none;overflow:visible;fill:none;stroke:none;filter:drop-shadow(0 1px 1px #0004)}
.theme-toggle .theme-dial-rim{fill:none;stroke:#a48b65;stroke-width:.75}
.theme-toggle .theme-dial-face{fill:#141820;stroke:#080a0e;stroke-width:.6}
.theme-toggle .theme-dial-half{fill:#e3d3b7;stroke:none}
.theme-toggle .theme-dial-facet{fill:none;stroke:#fff8e8;stroke-width:.75;opacity:.65;stroke-linecap:round}
.theme-toggle .theme-dial-seam{fill:none;stroke:#8c795e;stroke-width:.55;opacity:.65}
.theme-toggle .theme-dial-marker{fill:#dfc08b;stroke:none}
.theme-toggle .theme-dial-notch{fill:none;stroke:#967f5c;stroke-width:.65;stroke-linecap:round}
.theme-toggle .theme-dial-rotor{transform-origin:16px 16px;transform:rotate(0deg);transition:transform .28s cubic-bezier(.22,.7,.25,1)}
html[data-theme=light] .theme-toggle .theme-dial-rotor{transform:rotate(180deg)}
.theme-toggle:hover{border-color:#b3976a;box-shadow:inset 0 1px 0 #fff0cd33,0 3px 9px #0003}
.theme-toggle:active{box-shadow:inset 0 2px 4px #0004;transform:translateY(1px)}
.theme-toggle:focus-visible{outline:2px solid #d3b780;outline-offset:3px}
html[data-theme=light] .theme-toggle{background:linear-gradient(145deg,#fffdf8,#f1e9dc 62%,#e8dcc8);border-color:#bfa77d;color:#6b5231;box-shadow:inset 0 1px 0 #fff,0 2px 5px #49381e12}
html[data-theme=light] .theme-toggle:hover{border-color:#8e7046;box-shadow:inset 0 1px 0 #fff,0 3px 9px #49381e1c}
html[data-theme=light] .theme-toggle .theme-dial-rim{stroke:#9a7b4e}
html[data-theme=light] .theme-toggle .theme-dial-marker{fill:#8b6b3f}
@media(max-width:768px){.theme-toggle{min-height:44px;padding:7px 9px 7px 6px;gap:6px;border-radius:11px}.theme-toggle [data-theme-icon],.theme-toggle [data-theme-icon] .theme-dial{width:27px;height:27px}.topbar .theme-toggle .theme-button-label{display:inline;font-size:9px}}
@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle .theme-dial-rotor{transition:none!important}.theme-toggle:active{transform:none}}

html[data-theme=light] .theme-toggle:focus-visible{outline-color:#8e7046}