:root{font:16px Roboto,Noto Sans,sans-serif;color-scheme:dark light;box-sizing:border-box;background-color:var(--c-paper-1);transition:color var(--tick-3),background var(--tick-3);color:var(--c-primary-ink);--texture-0:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAJFBMVEVYWFhJSUlPT09HR0dGRkZMTEwAAAADAwMCAgJcXFx2dnZFRUU1kv3ZAAAADHRSTlMdPypPVDYAAAAZDWR5uToGAAAEUElEQVR4Xg3TO1viWByA8f/JScJlm5MLglRJgCBWJ0BwnCqBBBmrXCSDVkmAwo4IFtOJl2I7HB5ndqdS1MJuny330+18hff5vZC0eEe98kfg3UmRVZsOhtbgjdMlBMDEdlULEqZpsvOQ57g5rajdj7AK0DTUtXmumYl6iukMDdvt5T89GSfQeOfKJlwjPgxeSqMtSfyo1N40yixUxuKta3nCnPCNwsyojFtx6YhaDxSevbxk/6lcnDPX7gjwe7foaXOmFwRAjhMvJ3qvbIX1UqFscTGn2+0U6SA1JTS1q4LypvWM1kytQCNtVxtBBjTxecOfK0eSvSOR4aadnoF23eMaXDjsjXmC3VmpCehpc4BQYhx0alkJlmKvUcr8nuUvxCbBWekv/Djlhh4BgGW/6PzxyvIc3qE90t6cn9SdKdsEM9cRM2tI7Ev61ZA/IPeF3sCewsyhk7mRJ8V0JLZXY/1N/Mb8UOof6kSFc8JNN1VhsIAh1nZnFwP5ZjOU0ZsJV0becW6cPBj3jC6zCQxVctOdAAAyVzgKnlKqB8pCnDDuq1dhrHstAvkzYu7QqIQ+rJ+EzDWdDRfyV6M/gzAuDBX7hhna4cJtks7lv7ws3TKfCegdMd0vB/KV9XlrZHavwaTdkzqeBRCzZZdZk/IY0nrRcO7Y4ZmSmvlNHfatd453lLld9Aap0ANmjSe09c59AoEPCgvl0C4tBk0VPfWLAIlS1L4k4L90R6I8DSYms2CiuhFbukdWuErhl1Zf+EVFm9pHohMP9lhpBYdUmddh2t5DxgYKlrVg88bT1I4Av44vlAEoajbQPe0hPG6Ju/Dou5l1ht3+s7IH+5Uvzk39FyJbKNuNrX0sOInA1+w12DHL/3brVk3hEucs+THQ23bmTSw4deh9V/e/vLYKqvc34W0rrZ1ofibDy7ip0Gt1ryZ+KPmOe0ku9uHFOAIEHTYWvtLBClUQkyk9QYnphErJIw+yTsMZRDXhHl1oaiodylrKHbCQAjunJ7T71t8ryUmJx9/nXoTUq+4IQ6SYM58vsXGYBzE9HBl4KR95/bUBU1ztdx6hZ/tLtgniNy0nSjtcdCioeNXPeeqf2sGms/SjJ27tF9Qw5ngwdOnxI5x4pRex2Cottp+otg5PZDQHWJEe0Lsw38APbO7M2koVvzsN/6sD7wXPZg61n5mob8VstWFn3AV2YwvupFNV3ZkT35srOho8I55DU3o6wIAbS6VaFx4gYsOVG7GNDCp+LcGnMI6ApnJZZFaDT/2zaXdo03Wjoo1jQM+Fia1c16tGON3kfWEW8sSfyYUtnHTZNVOE+lorK2gjt7AVuwSjGENCDurBzuhZYrwtW+MPjq+ZsciDDwp5EH705dj/ScMbMumoCZQJzogOv/NZWafq0hWeqOOY/D7urtArkAXgnVRluCvEq3Dr9Shd0HIwuHUjDEUVFkTHwdItYue5MaI4VXIWrO3/AQrIGoqdJR8iAAAAAElFTkSuQmCC');--icon-loading-dark:url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E g %7B animation: rotate 2s linear infinite; transform-origin: center center; %7D circle %7B stroke-dasharray: 75,100; stroke-dashoffset: -5; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; %7D @keyframes rotate %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D @keyframes dash %7B 0%25 %7B stroke-dasharray: 1,100; stroke-dashoffset: 0; %7D 50%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -17.5; %7D 100%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -62; %7D %7D %3C/style%3E%3Cg%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23ddd' stroke-width='4' /%3E%3C/g%3E%3C/svg%3E");--icon-loading-light:url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E g %7B animation: rotate 2s linear infinite; transform-origin: center center; %7D circle %7B stroke-dasharray: 75,100; stroke-dashoffset: -5; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; %7D @keyframes rotate %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D @keyframes dash %7B 0%25 %7B stroke-dasharray: 1,100; stroke-dashoffset: 0; %7D 50%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -17.5; %7D 100%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -62; %7D %7D %3C/style%3E%3Cg%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23222' stroke-width='4' /%3E%3C/g%3E%3C/svg%3E");--c-primary:rgb(39, 56, 35);--c-secondary:rgb(255, 166, 0);--c-tertiary:rgb(29, 81, 110);--c-neutral:rgb(83, 84, 88);--c-night:#06010a;--c-moon:rgb(163, 123, 255);--c-day:#eeeeee;--c-sun:rgb(114, 57, 17);--c-primary:rgb(78, 78, 78);--c-secondary:rgb(0, 66, 104);--c-tertiary:rgb(255, 136, 0);--c-neutral:#808080;--c-night:#111111;--c-moon:rgb(255, 255, 255);--c-day:#eeeeee;--c-sun:rgb(0, 0, 0);--c-primary-50:lch(from var(--c-primary) calc(l - (l * .9)) c h / 1);--c-primary-100:lch(from var(--c-primary) calc(l - (l * .8)) c h / 1);--c-primary-200:lch(from var(--c-primary) calc(l - (l * .6)) c h / 1);--c-primary-300:lch(from var(--c-primary) calc(l - (l * .4)) c h / 1);--c-primary-400:lch(from var(--c-primary) calc(l - (l * .2)) c h / 1);--c-primary-500:var(--c-primary);--c-primary-600:lch(from var(--c-primary) calc(l + ((100 - l) * .2)) c h / 1);--c-primary-700:lch(from var(--c-primary) calc(l + ((100 - l) * .4)) c h / 1);--c-primary-800:lch(from var(--c-primary) calc(l + ((100 - l) * .6)) c h / 1);--c-primary-900:lch(from var(--c-primary) calc(l + ((100 - l) * .8)) c h / 1);--c-primary-950:lch(from var(--c-primary) calc(l + ((100 - l) * .9)) c h / 1);--c-secondary-50:lch(from var(--c-secondary) calc(l - (l * .9)) c h / 1);--c-secondary-100:lch(from var(--c-secondary) calc(l - (l * .8)) c h / 1);--c-secondary-200:lch(from var(--c-secondary) calc(l - (l * .6)) c h / 1);--c-secondary-300:lch(from var(--c-secondary) calc(l - (l * .4)) c h / 1);--c-secondary-400:lch(from var(--c-secondary) calc(l - (l * .2)) c h / 1);--c-secondary-500:var(--c-secondary);--c-secondary-600:lch(from var(--c-secondary) calc(l + ((100 - l) * .2)) c h / 1);--c-secondary-700:lch(from var(--c-secondary) calc(l + ((100 - l) * .4)) c h / 1);--c-secondary-800:lch(from var(--c-secondary) calc(l + ((100 - l) * .6)) c h / 1);--c-secondary-900:lch(from var(--c-secondary) calc(l + ((100 - l) * .8)) c h / 1);--c-secondary-950:lch(from var(--c-secondary) calc(l + ((100 - l) * .9)) c h / 1);--c-tertiary-50:lch(from var(--c-tertiary) calc(l - (l * .9)) c h / 1);--c-tertiary-100:lch(from var(--c-tertiary) calc(l - (l * .8)) c h / 1);--c-tertiary-200:lch(from var(--c-tertiary) calc(l - (l * .6)) c h / 1);--c-tertiary-300:lch(from var(--c-tertiary) calc(l - (l * .4)) c h / 1);--c-tertiary-400:lch(from var(--c-tertiary) calc(l - (l * .2)) c h / 1);--c-tertiary-500:var(--c-tertiary);--c-tertiary-600:lch(from var(--c-tertiary) calc(l + ((100 - l) * .2)) c h / 1);--c-tertiary-700:lch(from var(--c-tertiary) calc(l + ((100 - l) * .4)) c h / 1);--c-tertiary-800:lch(from var(--c-tertiary) calc(l + ((100 - l) * .6)) c h / 1);--c-tertiary-900:lch(from var(--c-tertiary) calc(l + ((100 - l) * .8)) c h / 1);--c-tertiary-950:lch(from var(--c-tertiary) calc(l + ((100 - l) * .9)) c h / 1);--c-neutral-50:lch(from var(--c-neutral) calc(l - (l * .9)) c h / 1);--c-neutral-100:lch(from var(--c-neutral) calc(l - (l * .8)) c h / 1);--c-neutral-200:lch(from var(--c-neutral) calc(l - (l * .6)) c h / 1);--c-neutral-300:lch(from var(--c-neutral) calc(l - (l * .4)) c h / 1);--c-neutral-400:lch(from var(--c-neutral) calc(l - (l * .2)) c h / 1);--c-neutral-500:var(--c-neutral);--c-neutral-600:lch(from var(--c-neutral) calc(l + ((100 - l) * .2)) c h / 1);--c-neutral-700:lch(from var(--c-neutral) calc(l + ((100 - l) * .4)) c h / 1);--c-neutral-800:lch(from var(--c-neutral) calc(l + ((100 - l) * .6)) c h / 1);--c-neutral-900:lch(from var(--c-neutral) calc(l + ((100 - l) * .8)) c h / 1);--c-neutral-950:lch(from var(--c-neutral) calc(l + ((100 - l) * .9)) c h / 1);--tick-0:0s;--tick-1:.1s;--tick-2:.2s;--tick-3:.3s;--tick-4:.6s;--tick-5:1s;--header-font-family:Rubik, 'Roboto', 'Noto Sans', sans-serif;--header-font-multiplier:1.5;--row:3rem;--space-inline:2rem;--space-block:0.5rem;--space:var(--space-block) var(--space-inline);--round-0:0;--round-1:0.125rem;--round-2:0.25rem;--round-3:0.5rem;--round-4:1rem;--round-5:2rem;--level-0:0 0 0 0;--level-1:0 0 0 0.125rem rgba(0, 0, 0, 0.2);--level-2:0 0 0 0.25rem rgba(0, 0, 0, 0.2);--level-3:0 0 0 0.5rem rgba(0, 0, 0, 0.2);--level-4:0 0 0 1rem rgba(0, 0, 0, 0.2);--level-5:0 0 0 2rem rgba(0, 0, 0, 0.2)}:root,.dark{color-scheme:dark;--ink:#fff;--ink-reverse:#000;--c-primary-bg:var(--c-primary-300);--c-secondary-bg:var(--c-secondary-300);--c-tertiary-bg:var(--c-tertiary-300);--c-neutral-bg:var(--c-neutral-300);--c-ink:color-mix(in lch, var(--ink) 80%, transparent);--c-ink-reverse:color-mix(in lch, var(--ink-reverse) 80%, transparent);--c-primary-ink:var(--c-ink);--c-primary-ink-inverse:var(--c-ink-reverse);--c-on-primary:var(--c-primary-ink);--c-secondary-ink:var(--c-ink);--c-secondary-ink-inverse:var(--c-ink-reverse);--c-on-secondary:var(--c-secondary-ink);--c-tertiary-ink:var(--c-ink);--c-tertiary-ink-inverse:var(--c-ink-reverse);--c-on-tertiary:var(--c-tertiary-ink);--c-neutral-ink:var(--c-ink);--c-neutral-ink-inverse:var(--c-ink-reverse);--c-on-neutral:var(--c-neutral-ink);--contrast-dark:1%;--c-paper-0:var(--c-night);--c-paper-1:color-mix(in lch, var(--c-night) calc(100% - var(--contrast-dark)), var(--c-moon));--c-paper-2:color-mix(in lch, var(--c-night) calc(100% - var(--contrast-dark) * 2), var(--c-moon));--c-paper-3:color-mix(in lch, var(--c-night) calc(100% - var(--contrast-dark) * 3), var(--c-moon));--c-paper-4:color-mix(in lch, var(--c-night) calc(100% - var(--contrast-dark) * 4), var(--c-moon));--c-paper-5:color-mix(in lch, var(--c-night) calc(100% - var(--contrast-dark) * 5), var(--c-moon));--c-spot:rgb(255 255 255 / 0.15);--c-shade:rgb(0 0 0 / 0.15);--icon-loading:var(--icon-loading-light)}.light{color-scheme:light;--ink:#000;--ink-reverse:#fff;--ink-0:var(--ink);--ink-1:var(--ink);--ink-2:var(--ink);--ink-3:var(--ink);--ink-4:var(--ink);--ink-5:var(--ink);--c-primary-bg:var(--c-primary-700);--c-secondary-bg:var(--c-secondary-700);--c-tertiary-bg:var(--c-tertiary-700);--c-neutral-bg:var(--c-neutral-700);--c-ink:color-mix(in lch, var(--ink) 80%, transparent);--c-ink-reverse:color-mix(in lch, var(--ink-reverse) 80%, transparent);--c-primary-ink:var(--c-ink);--c-primary-ink-inverse:var(--c-ink-reverse);--c-on-primary:var(--c-primary-ink);--c-secondary-ink:var(--c-ink);--c-secondary-ink-inverse:var(--c-ink-reverse);--c-on-secondary:var(--c-secondary-ink);--c-tertiary-ink:var(--c-ink);--c-tertiary-ink-inverse:var(--c-ink-reverse);--c-on-tertiary:var(--c-tertiary-ink);--c-neutral-ink:var(--c-ink);--c-neutral-ink-inverse:var(--c-ink-reverse);--c-on-neutral:var(--c-neutral-ink);--contrast-light:8%;--c-paper-0:var(--c-day);--c-paper-1:color-mix(in lch, var(--c-day) calc(100% - var(--contrast-light)), var(--c-sun));--c-paper-2:color-mix(in lch, var(--c-day) calc(100% - var(--contrast-light) * 2), var(--c-sun));--c-paper-3:color-mix(in lch, var(--c-day) calc(100% - var(--contrast-light) * 3), var(--c-sun));--c-paper-4:color-mix(in lch, var(--c-day) calc(100% - var(--contrast-light) * 4), var(--c-sun));--c-paper-5:color-mix(in lch, var(--c-day) calc(100% - var(--contrast-light) * 5), var(--c-sun));--c-spot:rgb(0 0 0 / 0.15);--c-shade:rgb(255 255 255 / 0.15);--icon-loading:var(--icon-loading-light)}*,*::before,*::after{box-sizing:inherit}.primary{background-color:var(--c-primary-bg);color:var(--c-primary-ink)}.secondary{background-color:var(--c-secondary-bg);color:var(--c-secondary-ink)}.tertiary{background-color:var(--c-tertiary-bg);color:var(--c-tertiary-ink)}.neutral{background-color:var(--c-neutral-bg);color:var(--c-neutral-ink)}body{margin:0;padding:0;display:grid;grid-template:[head] "bar bar bar" 3rem [main] "drawer focus sidebar" calc(100dvh - 6rem) [foot] "status status status" 3rem/0 1fr 0;overflow:hidden;align-items:stretch}body>*{}body>header{grid-area:bar;padding-left:5rem}body>nav{grid-area:drawer;overflow-y:auto}body>main{grid-area:focus;overflow-y:auto}body>aside{grid-area:sidebar;overflow-y:auto}body>footer{grid-area:status}body>progress{position:fixed;top:0;left:0;right:0;height:.125rem;grid-area:bar;margin:0;border-radius:0;--c-primary-500:transparent;display:none}html.loading body>progress,html.load body>progress{display:block}body>header,body>footer{background:rgb(128 128 128/.15)var(--texture-0);background:#b0daab var(--texture-0);background:var(--c-primary-700)var(--texture-0);color:var(--c-on-primary)}body>header>article,body>header>article>header,body>footer>article,body>footer>article>header{display:flex;gap:1rem;flex:0;flex-direction:row;align-items:stretch;justify-content:space-between;padding:0 1rem;width:100%}body>header>article>*>*,body>footer>article>*>*{font-size:1rem;line-height:3rem;margin:0;padding:0}body>header>article>header>h1,body>footer>article>header>h1{font-size:1.5rem}body>header>article>header>picture img{height:5rem}body>header>article>header>picture{position:fixed;top:-.5rem;left:1rem;background:0 0}#drawer{background-color:var(--c-primary-bg);padding-top:3rem;overflow-x:hidden}#menutoggle{border-radius:0;height:2rem;width:2rem;border:0;border-top:.25rem solid;border-width:.25rem 0;appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;position:relative;transition:transform var(--tick-2);margin-top:.5rem;opacity:.8}#menutoggle:focus{outline:none}#menutoggle:checked{height:0;border-width:0;transform:rotate(-45deg);padding:1rem 0}#menutoggle::before{content:"";width:2rem;height:.25rem;background-color:currentColor;position:absolute;border-radius:0;padding:0;margin:0;border:0;transition:transform var(--tick-2);top:.5rem}#menutoggle:checked::before{top:.75rem}#menutoggle::after{content:"";width:2rem;height:.25rem;background-color:currentColor;position:absolute;top:1.25rem;left:0;border-radius:0;padding:0;margin:0;border:0;transition:transform var(--tick-2)}#menutoggle:checked::after{transform:rotate(90deg);left:0;top:.75rem}:root{--drawer-width-closed:0;--drawer-width-open:100vw;--drawer-width:var(--drawer-width-closed)}body{grid-template-columns:var(--drawer-width)auto 0;transition:grid-template-columns var(--tick-1);max-width:100%}body:has(#menutoggle:checked){--drawer-width:var(--drawer-width-open)}@media(min-width:800px){:root{--drawer-width-closed:3rem;--drawer-width-open:16rem}main{min-width:auto}}main>article>header+nav{display:flex;background:rgb(0 256 0/.15);margin:0;width:auto;max-width:100%;align-items:stretch}main>article>header+nav>button{width:100%;margin:0}main>article>header+nav>button:not(.icon){width:100%;border-radius:0;background:0 0}main>article>*{padding:1rem 2rem;max-width:40rem;margin:0 auto}main>article>header{max-width:100%;background-color:var(--c-primary-bg);padding:0}main>article>header>*{padding:1rem 2rem;max-width:40rem;margin:0 auto}main>article>header>hgroup{padding-block:4rem 1rem}main>article>header>hgroup>*{margin:0;padding:0}main>article>header>hgroup>p{padding-inline:.125rem}#status>article{display:flex;flex-direction:row;gap:1rem;align-items:stretch;justify-content:start}#status>article>header{flex-grow:0}#status>article>section{flex-grow:1;display:flex;justify-content:space-around}input[type=submit],input[type=reset],input[type=button],button,*.button{display:inline-block;padding-inline:var(--space-inline);margin:.25rem .25rem .25rem 0;border:0;border-radius:.5rem;background:var(--c-primary-700);cursor:pointer;text-align:center;text-decoration:none;color:var(--c-on-primary);font-size:1rem;text-transform:uppercase;height:var(--row);line-height:var(--row);transition:background-color var(--tick-3);letter-spacing:.125rem;font-weight:600;user-select:none;&.icon, .icon>&, &.icononly, .icononly>& { background: transparent; padding-inline: 0; margin: 0 0 1rem 0; transition: background-color var(--tick-3), color var(--tick-3); width: var(--row); border-radius: 50%; font-size: 0.75rem; letter-spacing: 0.5px; vertical-align: top; line-height: 0.5rem; padding-bottom: 1rem; i { margin-top: 0; clear: both; display: inline-block; width: 100%; clear: both; line-height: 2rem; vertical-align: top; } } &.icononly, .icononly>& { font-size: 0; i { line-height: 3rem; } }}input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,button:hover,*.button:hover{background:var(--c-primary-500)}input[type=submit].icon:hover,input[type=reset].icon:hover,input[type=button].icon:hover,button.icon:hover,*.button.icon:hover,button.icononly:hover,*.button.icononly:hover{color:var(--c-primary-500);background:var(--c-spot)}.debugbox *{outline:1px solid red}.palette{display:flex;flex-direction:row;width:100%;&>div, &>section { display: inline-block; flex: 1 1 0; width: 100%; min-width: 0; height: 3rem; font: bold 12px Rubik, sans-serif; padding: 4px; } &>div { color: #000; --__spread: 0; --__spread-color: #fff; text-shadow: -1px -1px var(--__spread) var(--__spread-color), 1px -1px var(--__spread) var(--__spread-color), 1px 1px var(--__spread) var(--__spread-color), -1px 1px var(--__spread) var(--__spread-color), 0 0 var(--__spread) var(--__spread-color); }}article.dialog,dialog{padding:0;border-radius:1rem;border:.25rem solid var(--c-primary-700)}article.dialog>*,dialog>*:not(article),dialog>article>*{padding:2rem 1rem;margin:0}dialog::backdrop{background-color:rgb(0 0 0/.5)}hr{margin:1rem 0;border:0;border-top:.125rem solid var(--c-primary-700)}blockquote{margin:1rem 0;padding:.5rem 1rem;border-radius:.5rem;background:var(--c-primary-bg);color:var(--c-primary-ink)}code{font-family:monospace;background:rgb(128 128 128/.2);padding-inline:.25rem;border-radius:.25rem}fieldset{border:.125rem solid var(--c-primary-700);border-radius:.5rem;padding-inline:1rem;margin-inline:0;margin-block:.5rem}fieldset>legend{padding-inline:.5rem}fieldset[role=group]{display:flex;gap:0;padding:0;border:0;margin-block:.25rem}article fieldset[role=group]>*{border-radius:0;margin:0}fieldset[role=group]>*:first-child{border-radius:.5rem 0 0 .5rem}fieldset[role=group]>*:last-child{border-radius:0 .5rem .5rem 0}input,select,textarea,button{outline:0 solid #8888;outline-offset:0}input:hover,select:hover,textarea:hover,button:hover{outline:.25rem solid #8888;outline-offset:.125rem}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:.25rem solid var(--c-secondary-700);outline-offset:.125rem}input:not([type]),input[type=text],input[type=color],input[type=date],input[type=email],input[type=file],input[type=password],input[type=range],input[type=search],input[type=time],select{display:inline-block;border:.125rem solid;border-radius:.5rem;padding-inline:1rem;margin-block:.25rem;width:100%;font:inherit;transition:border-color .3s,outline .1s;height:var(--row);line-height:var(--row);background:var(--c-paper-1);accent-color:var(--c-primary-700);user-select:none}.center{text-align:center}article>section.wide{max-width:80rem}article>section.pano{max-width:100%}article>section.bleed{padding:0}.big{font-size:2rem;padding:2rem}.huge{font-size:4rem;padding:3rem}.busy{opacity:.5}i{font-family:material icons;font-family:material icons;font-weight:400;font-style:normal;font-size:1.5rem;display:inline-block;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;vertical-align:middle;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';width:1.5rem}html.loading i,html.loading input,html.loading input::before,html.loading input::after{visibility:hidden}input[type=checkbox]:not([role]){width:2rem;height:2rem}input[type=checkbox][role=switch]{border:.25rem solid;border-radius:calc(2.5rem/2);width:3.5rem;height:2rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:transform .3s,outline .1s;cursor:pointer;vertical-align:middle;user-select:none}input[type=checkbox][role=switch]::after{content:"";display:inline-block;margin:.25rem;border-radius:50%;width:1rem;height:1rem;background:currentColor;transition:transform .07s linear;background:#444}input[type=checkbox][role=switch]:checked::after{transform:translateX(1.5rem);background:#363}input[type=checkbox][role=switch]:disabled{opacity:.75;background:#8883}input[type=checkbox][role=switch]:disabled::after{border-radius:0;width:2.5rem;height:.25rem;background-color:currentColor;transform:translate(0,.35rem)rotate(-45deg)}picture,img{display:inline;max-width:100%;margin:0;padding:0}figure{margin:0;padding:0}figure img{width:100%}figcaption{font-size:.8rem;text-align:right;padding:.25rem 2rem .5rem;opacity:.75}html.loading figure,html.load figure{background:var(--icon-loading)no-repeat 50%}menu{--_menu-bg:var(--c-primary-bg);display:flex;flex-direction:column;gap:0;padding:0;margin:0;line-height:var(--row);list-style:none;font-size:1rem;z-index:10;legend { padding-inline: 0.75rem; font-size: 0.9rem; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; opacity: 0.5; line-height: calc(var(--row) - 0.5rem); padding-top: 0.5rem; } &>fieldset:has(>legend) { margin-top: 0; } li, a, button { display: flex; gap: 0.5rem; padding: 0; margin: 0; border-radius: 0rem; background: var(--_menu-bg); color: var(--c-primary-ink); cursor: pointer; text-decoration: none; text-transform: none; letter-spacing: normal; font-weight: normal; height: var(--row); padding-right: 1rem; transition: background-color var(--tick-3), color var(--tick-3); justify-content: start; align-items: center; white-space: nowrap; i { width: var(--row); min-width: var(--row); max-width: var(--row); text-align: center; transition: background-color var(--tick-3), color var(--tick-3); } &:hover { background: var(--c-primary-700); outline: 0; } } li:not(:has(>i)) { padding-left: 3.5rem; } &>fieldset { border: 0; padding: 0; } header>& { float: right; } header>&, &.bar, &.bar>fieldset { --_menu-bg: transparent; } &.icon, &.icon>fieldset, header>&, &.bar, &.bar>fieldset { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0; &>li, &>a, &>button { display: block; font-size: 0; padding: 0; max-width: var(--row); width: 100%; &:not(:has(>i)) { font-size: 1.5rem; overflow: hidden; letter-spacing: var(--row); padding-left: 1rem; min-width: var(--row); } &:hover { background-color: var(--_menu-bg); } &>i { outline: 0 solid #88888888; outline-offset: 0; border-radius: 50%; } &:hover>i { background: var(--c-spot); outline: 0; } } &>legend { display: none; } &>*:has(+legend), &>*:has(+fieldset), &>fieldset { margin-right: 0.5rem; } }}button,menu>li,menu>a,menu>button{&>menu[inert] { display: none; } &>menu { display: none; border-radius: var(--round-3); box-shadow: var(--level-3); position: absolute; top: 0.5rem; right: 0; margin-right: calc( -50% - 1.5rem); border-radius: 0.5rem; overflow: hidden; outline: var(--c-primary-700) 0.125rem solid; opacity: 0.001; transition: opacity var(--tick-5), display var(--tick-5) var(--tick-5); } &>menu[open] { display: flex; opacity: 0.95; transition: opacity var(--tick-5), display var(--tick-5) var(--tick-5); } &:has(>menu) { position: relative; }}menu.fullfocus{position:fixed;inset:3rem 0;height:calc(100vh - 6rem);text-align:left;background-color:var(--c-primary-bg);border-radius:0;outline:0}.passage{font:1.4rem/1.8rem serif}input[type=radio]{border:.25rem solid;border-radius:50%;width:2rem;height:2rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:transform .3s,outline .1s;cursor:pointer;position:relative;vertical-align:middle;user-select:none}input[type=radio]:checked::after{content:'';display:inline-block;border-radius:50%;width:1rem;height:1rem;background:currentColor;transition:transform .07s linear;background:var(--c-primary-700);margin:.25rem;padding:0;position:absolute}h1,h2,h3{margin:0;padding:1rem 0 .5rem}h1{font:700 calc(1rem * var(--header-font-multiplier) * var(--header-font-multiplier) * var(--header-font-multiplier))var(--header-font-family)}h2{font:700 calc(1rem * var(--header-font-multiplier) * var(--header-font-multiplier))var(--header-font-family)}h3{font:700 calc(1rem * var(--header-font-multiplier))var(--header-font-family)}article>nav:last-child{display:flex;background:rgb(0 0 0/.15)}article>header+nav{display:flex;background:rgb(0 256 0/.15);padding:0;gap:.125rem}article>header>button{float:right}progress{display:inline-block;width:100%;height:1rem;margin-block:1rem;user-select:none;border-radius:.5rem;overflow:hidden}progress:not([value]){position:relative}progress::-webkit-progress-bar{background-color:var(--c-primary-500)}progress::-webkit-progress-value{background-color:var(--c-secondary-500)}progress::-moz-progress-bar{background-color:var(--c-primary-500);color:var(--c-secondary-500)}progress:not([value]):after{content:'';display:inline-block;position:absolute;top:0;left:0;width:100%;height:1rem;background-color:var(--c-secondary-500);animation:indeterminateAnimation 1s infinite linear;transform-origin:0% 50%;opacity:1}@keyframes indeterminateAnimation{0%{transform:translateX(0)scaleX(0)}40%{transform:translateX(0)scaleX(.4)}100%{transform:translateX(100%)scaleX(.5)}}:root{--sb-track-color:transparent;--sb-track-color:var(--c-primary-200);--sb-thumb-color:var(--c-primary-300);--sb-thumb-color-hover:var(--c-primary-500);--sb-thumb-color-active:var(--c-primary-700);--sb-size:0.75rem;--sb-size-radius:var(--sb-size)}*::-webkit-scrollbar{width:var(--sb-size);transition:background-color var(--tick-3)}*::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:var(--sb-size-radius)}*::-webkit-scrollbar-track:hover{background:var(--sb-track-color)}*::-webkit-scrollbar-track:active{background:var(--sb-track-color)}*::-webkit-scrollbar-thumb{background-color:var(--sb-thumb-color);border-radius:var(--sb-size-radius)}*::-webkit-scrollbar-thumb:hover{background-color:var(--sb-thumb-color-hover)}*::-webkit-scrollbar-thumb:active{background-color:var(--sb-thumb-color-active)}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--sb-thumb-color)var(--sb-track-color)}}#tray{display:flex;flex-direction:row;&>button { margin: 0; padding: 0; border: none; background: none; cursor: pointer; }}