.topbar>.search{position:absolute;left:50%;width:min(680px,calc(100% - 580px));transform:translateX(-50%)}.toplinks{position:absolute;right:30px;align-items:center}.toplinks>a{display:flex;align-items:center;height:34px}.title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.title-row h1{margin-bottom:0}.title-row .updated{flex:0 0 auto;margin:0 0 5px;text-align:right;white-space:nowrap}.demo{margin:34px 0 46px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#111}.demo img{display:block;width:100%;height:auto}.demo figcaption{padding:9px 13px;border-top:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:11px}.theme-toggle{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:8px;background:#252525;color:#aaa;cursor:pointer}.theme-toggle:hover{color:var(--text);background:#2c2c2c}.theme-toggle svg{grid-area:1/1;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.theme-toggle .sun{display:none}
html[data-theme=light]{--bg:#f3efe7;--panel:#faf7f1;--panel-2:#eee8de;--text:#292722;--body:#565149;--muted:#777066;--line:rgba(75,63,45,.16);--accent:#16877b}
html[data-theme=light] body{background:#f3efe7;color:#565149}html[data-theme=light] .topbar{background:rgba(250,247,241,.96)}html[data-theme=light] .theme-toggle{background:#eee8de;color:#675f54}html[data-theme=light] .theme-toggle:hover{background:#e6ded1;color:#292722}html[data-theme=light] .theme-toggle .moon{display:none}html[data-theme=light] .theme-toggle .sun{display:block}html[data-theme=light] .search{background:#eee8de;color:#766f64}html[data-theme=light] .search:hover,html[data-theme=light] .nav-item:hover{background:#e6ded1;color:#292722}html[data-theme=light] .search kbd{border-color:rgba(75,63,45,.2);background:#faf7f1;color:#675f54}html[data-theme=light] .toplinks,html[data-theme=light] .nav-item,html[data-theme=light] .pager strong{color:#675f54}html[data-theme=light] .nav-item.active{background:#e6ded1;color:#292722}html[data-theme=light] .powered strong,html[data-theme=light] .lead{color:#565149}html[data-theme=light] .callout{border-color:#a8cec5;background:#e0eee9;color:#294f49}html[data-theme=light] p code{border-color:rgba(75,63,45,.2);background:#e9e2d7;color:#292722}html[data-theme=light] .codeblock{border-color:rgba(75,63,45,.22);background:#292722}html[data-theme=light] .code-head{border-color:#49453f;background:#35322d;color:#aaa49a}html[data-theme=light] pre{color:#f1ede5}html[data-theme=light] blockquote{color:#675f54}html[data-theme=light] blockquote strong{color:#292722}html[data-theme=light] dialog{border-color:rgba(75,63,45,.25);background:#faf7f1;color:#292722}html[data-theme=light] .dialog-head{border-color:var(--line)}html[data-theme=light] .dialog-head input{color:#292722}html[data-theme=light] .dialog-head button{border-color:var(--line);background:#eee8de;color:#675f54}html[data-theme=light] .dialog-results a{color:#292722}html[data-theme=light] .dialog-results a:hover{background:#e6ded1;color:var(--accent)}
@media(max-width:1050px){.topbar>.search{width:min(520px,calc(100% - 470px))}}
@media(max-width:760px){.topbar>.search{position:static;width:40px;transform:none}.toplinks{position:static;display:flex}.toplinks>a{display:none}.title-row{display:block}.title-row .updated{margin-top:9px;text-align:left}.theme-toggle{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){body{transition:none}}