:root{color-scheme:light dark;--l:0.6;--c:0.09;--h:205;--m:0.5;--t:2.5;--error:30;--warning:60;--info:90;--good:120;--success:180;--primary:240;--secondary:320;--bl:calc(var(--l) * 1.0);--il:calc(var(--bl) * 1.10);--ol:calc(var(--bl) * 1.09);--accent:oklch(calc(var(--l) * 1.0) calc(var(--c) * var(--t)) var(--h));--accent-color:var(--accent);--accent-light:oklch(calc(var(--l) * 1.1) calc(var(--c) * var(--t)) var(--h));--accent-lighter:oklch(calc(var(--l) * 1.2) calc(var(--c) * var(--t)) var(--h));--accent-lightest:oklch(calc(var(--l) * 1.3) calc(var(--c) * var(--t)) var(--h));--accent-dark:oklch(calc(var(--l) * 0.9) calc(var(--c) * var(--t)) var(--h));--accent-darker:oklch(calc(var(--l) * 0.8) calc(var(--c) * var(--t)) var(--h));--accent-darkest:oklch(calc(var(--l) * 0.7) calc(var(--c) * var(--t)) var(--h));--soft:8px;--pad:.5rem;--fill:oklch(var(--l) var(--c) var(--h));--stroke:oklch(var(--l) var(--c) var(--h));--sans:system-ui, -apple-system, sans-serif;--mono:'Consolas', monospace;--icon:'Material Icons';--font-size-tiny:0.6rem;--font-size-small:0.8rem;--font-size:1rem;--font-size-big:1.4rem;--font-size-large:1.8rem;--font-size-huge:2.2rem;--font-size-title:2.6rem;--font-size-tagline:2rem;--font-tiny:400 var(--font-size-tiny)/1.2 var(--sans);--font-small:400 var(--font-size-small)/1.2 var(--sans);--font:400 var(--font-size)/1.2 var(--sans);--font-big:400 var(--font-size-big)/1.2 var(--sans);--font-large:400 var(--font-size-large)/1.2 var(--sans);--font-huge:400 var(--font-size-huge)/1.2 var(--sans);--font-title:700 var(--font-size-title)/1 var(--sans);--font-tagline:700 var(--font-size-tagline)/1 var(--sans);--font-mono:var(--font-size) var(--mono);--box-shadow:0 0 2px 0 var(--shadow-color);--box-shadow-active:0 0 4px 0 var(--shadow-color-active);--box-shadow-flip-active:0 0 6px 0 var(--shadow-color-active);--box-shadow-lifted:0 0 8px 0 var(--shadow-color-active);--box-shadow-menu:4px 8px 8px 2px var(--shadow-color-active);--text-shadow:0 0 2px var(--shadow-color);--text-shadow-active:0 0 4px var(--shadow-color-active);--text-shadow-flip-active:0 0 6px var(--shadow-color-active);--text-shadow-lifted:0 0 8px var(--shadow-color-active);--gap-tiny:4px;--gap-small:8px;--gap:16px;--gap-big:32px;--gap-large:64px;--gap-huge:128px;--roundness:4px;--border:1px solid var(--border-color);--border-active:1px solid var(--border-color-active);--scroll-track:var(--block-background);--scroll-bar:var(--accent);--scroll-bar-hover:var(--accent-light);--scroll-bar-active:var(--accent-lightest);--placeholder-color:#888;--link-color:var(--accent);--link-color-hover:var(--accent-light);--link-color-active:var(--accent-lightest);--link-color-visited:var(--accent-dark);--link-color-focus:var(--accent-light);--menu-size:calc(var(--font-size) + var(--gap) * 2);--angle:45deg;--article-shade:linear-gradient(0deg, #0001 10% #fff1 100%);--menu-shade:linear-gradient(0deg, #0001 10% #fff1 100%);--button-shade:linear-gradient(0deg, #0002 10% #fff2 100%);--angle-shade:linear-gradient(var(--angle), #0002 10% #fff2 100%);accent-color:var(--accent);--theme-background:#888;--theme-background-hover:#ddd;--main-background:#111;--main-color:#ddd;--article-background:#222;--article-color:#fff;--block-background:#333;--block-color:#fff;--input-background:#333;--input-color:#fff;--menu-background:#222;--menu-color:#fff;--menu-background-active:#111;--menu-color-active:#fff;--menu-background-hover:#222;--menu-color-hover:#fff;--shadow-color:#0008;--shadow-color-active:#000a;--border-color:#111;--border-color-active:#222;interpolate-size:allow-keywords}.lite:root{color-scheme:light;--l:0.8;--c:0.12;--h:31.96;--m:0.5;--t:2.5;--bl:1.0;--il:0.98;--ol:0.96;--theme-background:#888;--theme-background-hover:#333;--main-background:#eee;--main-color:#333;--article-background:#fff;--article-color:#000;--block-background:#ddd;--block-color:#000;--input-background:#ddd;--input-color:#000;--menu-background:#fff;--menu-color:#000;--menu-background-active:#fff;--menu-color-active:#000;--menu-background-hover:#eee;--menu-color-hover:#000;--shadow-color:#0004;--shadow-color-active:#0008;--border-color:#ccc;--border-color-active:#aaa;--button-disabled:#ccc}.dark:root{color-scheme:dark;--l:0.7;--c:0.05;--h:234.97;--m:0.5;--t:2.5;--bl:0.00;--il:0.20;--ol:0.30;--theme-background:#888;--theme-background-hover:#ddd;--main-background:#111;--main-color:#fff;--article-background:#222;--article-color:#fff;--block-background:#333;--block-color:#fff;--menu-background:#222;--menu-color:#fff;--menu-background-active:#111;--menu-color-active:#fff;--menu-background-hover:#222;--menu-color-hover:#fff;--shadow-color:#0004;--shadow-color-active:#0000;--border-color:#111;--border-color-active:#222}::-webkit-scrollbar{width:8px;height:8px;background-color:var(--scroll-track)}::-webkit-scrollbar-thumb{background-color:var(--scroll-bar);border-radius:var(--round)}::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-bar-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--scroll-bar-active)}::placeholder{color:var(--placeholder-color)}::-moz-focus-inner{border:0}:focus{outline:none}::selection{background-color:var(--accent);color:var(--accent-darkest)}::-moz-selection{background-color:var(--accent);color:var(--accent-darkest)}*{box-sizing:border-box;transition:background-color .2s ease-in, background-image .2s ease-in, color .2s ease-out, box-shadow .2s ease-out, border-color .2s ease-out, text-shadow .2s ease-out;scrollbar-gutter:both-edges;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent;--outline:dotted 1px #fff2}html{overflow:auto scroll}
 html, body, div, dt, h1, h2, h3, h4, h5, svg, img, figure, video, picture{padding:0;margin:0}body{background-color:var(--main-background);color:var(--main-color);font:var(--font);text-wrap:pretty;> header{position:sticky;top:0}}a:link{color:var(--link-color);text-decoration:none}a:visited{color:var(--link-color-visited)}a:link:hover, a:link:focus{color:var(--link-color-hover)}a[href^="http://"] span::after, a[href^="https://"] span::after{content:" ↗";font-size:0.9em;vertical-align:super;margin-left:0.2em}h1, h2, h3, h4, h5, h6{margin:0 0 var(--gap);font:var(--font-title)}* + h1, * + h2, * + h3, * + h4, * + h5, * + h6{margin-top:var(--gap)}p{margin:0}p + p{margin-top:var(--gap)}pre, code{background-color:var(--block-background);color:var(--block-color);border:var(--border);font:var(--font-mono)}pre{padding:var(--gap);overflow:auto;border-radius:var(--roundness)}code{padding:0 var(--gap);border-radius:calc(var(--roundness) / 2)}img{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:var(--gap)}#header{position:sticky;top:0;display:grid;grid-template-columns:var(--font-size-title) 1fr auto var(--font-size-title);grid-template-rows:var(--font-size-title);grid-template-areas:"m h l t";background-color:var(--menu-background);color:var(--menu-color);border-radius:0 0 var(--roundness) var(--roundness);border:var(--border);max-width:1400px;z-index:2}#logo{grid-area:l}#headline{grid-area:h;font-size:clamp(var(--font-size-small), 5vw, var(--font-size-title));--padding:var(--gap) var(--gap) var(--gap) 0}#mainmenu{grid-area:m}#theme{color:var(--theme-background);cursor:pointer;grid-area:t;align-self:center;text-align:center;z-index:3}#theme div{font-size:var(--font-size-large)}.dark #theme .dark{display:none}.lite #theme .lite{display:none}#header:hover #theme{color:var(--theme-background);text-shadow:0 0 4px var(--theme-background-hover)}#header:hover #theme:hover{color:var(--theme-background-hover);text-shadow:0 0 8px var(--theme-background)}#logo{top:var(--gap);left:var(--gap)}#logo svg{width:auto;height:var(--font-size-huge);stroke-linecap:round;stroke-linejoin:round}#logo svg .text{stroke:var(--block-color);stroke-width:4;fill:none}#logo svg .accent{stroke:var(--accent);stroke-width:4;fill:none}#header, #footer{margin:0 auto var(--gap)}#footer{max-width:1200px;padding:var(--gap)}main, article{margin:0 auto var(--gap);padding:var(--gap);max-width:1200px;width:100%}article{background-color:var(--article-background);color:var(--article-color);border:var(--border)}article:first-of-type{margin-top:calc(var(--font-size-huge) + var(--gap))}#header:hover, article:hover{box-shadow:var(--box-shadow-active);border:var(--border-active)}article header{margin:0 0 var(--gap)}article footer{margin:var(--gap) 0 0}h1{font-size:var(--font-size-title)}h2{font-size:var(--font-size-huge)}h3{font-size:var(--font-size-large)}h4{font-size:var(--font-size-big)}h5{font-size:var(--font-size)}summary{margin:0 0 var(--gap);cursor:pointer}progress{width:100%;height:var(--font-size);border:none;background-color:var(--accent)}progress[value]{background-color:var(--accent);border-radius:var(--round);appearance:none}article{border-radius:var(--roundness)}.posted{font-size:var(--font-size-small);color:var(--block-color)}.grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--gap);list-style:none;padding:0;margin:0;&.c1{grid-template-columns:1fr}&.c2{grid-template-columns:repeat(2, 1fr)}&.c3{grid-template-columns:repeat(3, 1fr)}&.c4{grid-template-columns:repeat(4, 1fr)}h4{text-align:center}}.grid.box{width:90%;margin:0 auto var(--gap);display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0;align-items:center;grid-template-areas:"c";&:has(.t, .b){grid-template-rows:auto 1fr auto}&:has(.l, .r){grid-template-columns:.2fr 1fr .2fr}&:has(.t, .b, .l, .r){grid-template-areas:"t t t" "l c r" "b b b"}&>.t{grid-area:t}&>.l{grid-area:l}&>.c{grid-area:c}&>.r{grid-area:r}&>.b{grid-area:b}&>.t, &>.b{grid-column:2}&>.l, &>.c, &>.r{grid-row:2}}.flex{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap);> *{padding:var(--gap)}}svg{display:block;user-select:none}article svg{width:100%;height:auto;overflow:hidden;margin:0 auto;border:var(--border);background-color:var(--block-background);user-select:none}article section{margin:0 auto var(--gap)}.box svg{display:block;max-width:1000px;min-width:10px;width:100%;height:auto;overflow:hidden;margin:0 auto;border:var(--border);background-color:var(--block-background);user-select:none}.box svg .input text{cursor:pointer;transition:all .2s ease-in-out}.box svg .input text{--fill:var(--block-color);font-weight:bold;display:none}.box svg .input text.banged{fill:var(--accent)}.box svg .input text.system{fill:var(--accent-darkest)}.box svg .input{z-index:1}.box svg .input:hover{z-index:2}.box-labels:checked ~ .box .input g.name text{display:inline-block}.box-location:checked ~ .box .input:hover g.location text{display:inline-block}.box svg .input:hover g.name text{display:inline-block}svg.box .bang .button circle.led{animation:rgb 5s infinite linear}@keyframes rgb{0%{fill:hsl(0 100% 50%)}25%{fill:hsl(90 100% 50%)}50%{fill:hsl(180 100% 50%)}75%{fill:hsl(270 100% 50%)}100%{fill:hsl(359 100% 50%)}}svg.box .rotary .button{animation:rotary 5s infinite steps(10) alternate}svg.box .rotary:nth-child(2 of .rotary) .button{animation-delay:1s}svg.box .rotary:nth-child(3 of .rotary) .button{animation-delay:2s}svg.box .rotary:nth-child(4 of .rotary) .button{animation-delay:3s}svg.box .rotary:nth-child(5 of .rotary) .button{animation-delay:4s}svg.box .rotary:nth-child(6 of .rotary) .button{animation-delay:5s}@keyframes rotary{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}svg.box .blink .button circle.led{animation:blink 2s infinite}@keyframes blink{0%{fill:hsl(90 100% 50%)}50%{fill:var(--main-background)}100%{fill:hsl(90 100% 50%)}}table{border-collapse:collapse;border-spacing:0;width:100%;border-radius:var(--roundness);margin:0 auto var(--gap-big);caption{font-weight:bold;font-size:1.25rem}thead{background-color:var(--block-background);color:var(--block-color);position:sticky;top:4.25rem}tbody tr{&:nth-child(odd){background-color:var(--block-background-hover);color:var(--block-color)}&:nth-child(even){background-color:var(--block-background);color:var(--block-color)}&:hover{background-color:var(--main-background)}}th, td{padding:var(--gap);border:var(--border)}}div.image{display:block;width:100%;height:auto;overflow:hidden;margin:0 auto}.z3d{perspective-origin:center;perspective:1000px;transform-style:preserve-3d}.z3d:hover{transform:rotate(calc(var(--angle) / 100))}.glass{background:rgba(255, 255, 255, 0.11);box-shadow:0 4px 30px rgba(0, 0, 0, 0.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(223, 255, 255, 0.98)}.ce{text-align:center}.ri{text-align:right}.le{text-align:left}.bo{font-weight:bold}.it{font-style:italic}.un{text-decoration:underline}.sk{text-decoration:line-through}.fe{background-color:var(--accent-darkest);color:var(--accent-lightest)}.po{background-color:var(--accent-lightest);color:var(--accent-darkest)}.ne{background-color:var(--accent-darkest);color:var(--accent-lightest)}@media (prefers-reduced-motion:no-preference){#scrollwatch{position:absolute;top:0;left:0;display:block;height:2px;background-color:var(--accent);z-index:1;transform-origin:left;width:100%;scale:0 1;animation:scrollwatch linear;animation-timeline:scroll(y)}@keyframes scrollwatch{to{scale:1 1}}svg, img, figure, video, picture{scale:.8;opacity:0;animation:fadein ease-in-out forwards;animation-timeline:view();animation-range:entry}@keyframes fadein{to{scale:1;opacity:1}}}[data-name], [data-note], [data-hint], [data-notification]{position:relative}[data-notification]::after{content:attr(data-notification);position:absolute;top:-.5rem;right:-.5rem;width:clamp(1.5rem + .5rem, 1.5rem + 1rem, 1.5rem + 1.5rem);height:clamp(1.5rem + .5rem, 1.5rem + 1rem, 1.5rem + 1.5rem);line-height:clamp(1.5rem + .5rem, 1.5rem + 1rem, 1.5rem + 1.5rem);text-align:center;font-size:clamp(.5rem, .75rem, 1rem);background-color:var(--accent-dark);color:var(--accent-lightest);border-radius:50%}[data-note]::after{content:attr(data-note);position:absolute;top:-.5rem;right:-.5rem;width:1.2rem;height:1.2rem;line-height:1.25rem;text-align:center;font-size:.75rem;background-color:var(--accent-dark);color:var(--accent-lightest);border-radius:50%;z-index:1}[data-name]::before{content:attr(data-name);position:absolute;top:-.5rem;left:-.5rem;padding:var(--gap-tiny) var(--gap-small);background-color:var(--block-background);color:var(--block-color);border-radius:var(--roundness);font-size:clamp(.75rem, 1rem, 1.25rem)}[data-hint]::after{content:attr(data-hint);position:absolute;top:-1.5rem;left:-100rem;min-width:max-content;transition:left .2s ease-in-out .1s;padding:var(--gap-tiny) var(--gap-small);background-color:var(--block-background);color:var(--block-color);border-radius:var(--roundness);font-size:clamp(.75rem, 1rem, 1.25rem);z-index:1}[data-hint]:hover::after{left:-.5rem}[data-info]:hover::before{left:-.5rem;box-shadow:0 8px 8px var(--shadow-color)}[data-info]::before{content:attr(data-info);position:absolute;bottom:-1.5rem;left:-100rem;min-width:max-content;transition:left .2s ease-in-out .1s;padding:var(--gap-tiny) var(--gap-small);background-color:var(--block-background);color:var(--block-color);border-radius:var(--roundness);font-size:clamp(.75rem, 1rem, 1.25rem);z-index:1}
nav{margin:0;position:fixed;inset:0 0 auto 0;display:grid;font-size:1.5rem;border:1px solid var(--border);& input{display:none;& + label{position:relative;cursor:pointer;width:2.5rem;height:2.5rem;& svg use, & i{position:absolute;display:none;width:100%;height:100%;font-size:3rem !important}}&:not(:checked) + label .off{display:block}&:checked + label .on{display:block}&:checked ~ ul{display:block;z-index:1;box-shadow:var(--box-shadow-menu);block-size:auto}}& ul{background-color:var(--menu-background);overflow:hidden auto;display:none;list-style:none;margin:0;padding:var(--pad);border-radius:0 0 var(--soft) var(--soft);width:100%;max-height:80vh;& ul{border-radius:0 var(--soft) var(--soft);grid-column:-1 / 1;block-size:0;transition:block-size .2s, display .2s}}& li{display:grid;grid-template-columns:1fr auto;align-items:center;justify-items:stretch;&:hover > a{background-color:oklch(calc(var(--l) - 30%) var(--c) var(--h));color:oklch(calc(var(--l) + 80%) var(--c) var(--h)) !important;&:hover, &:focus, &:focus-within{background-color:oklch(calc(var(--l) - 10%) var(--c) var(--h));color:oklch(calc(var(--l) + 80%) var(--c) var(--h)) !important}}}& a{padding:var(--pad);transition:background-color 0.3s, color 0.3s;border-radius:var(--soft);width:100%;& span{display:block;width:max-content}}@media (width > 600px){position:relative;& label, & label > *{display:none !important}& ul{overflow:visible;display:flex;list-style:none;gap:var(--gap);padding:.5rem;border-radius:var(--soft);width:max-content;& ul{grid-template-columns:subgrid;position:absolute;inset:100% auto auto 0;display:none;border-radius:var(--soft);& li{width:100%}& ul{inset:0 auto auto 100%;top:calc(var(--pad) * -1)}}}& li{display:grid;position:relative;width:max-content;&:hover > ul, &:focus-within > ul{display:grid;z-index:1;box-shadow:var(--box-shadow-menu);block-size:auto}}& a{display:block;position:relative}& li:last-of-type{& ul{& ul{right:auto;left:calc(-90% + max-content)}}}}}
 [data-suffix], [data-prefix]{position:relative}[data-suffix] input{padding-right:calc(var(--gap) * 2)}[data-prefix] input{padding-left:calc(var(--gap) * 2)}[data-suffix]::after{content:attr(data-suffix);position:absolute;right:var(--gap);top:.5rem;font-size:var(--font-size-big)}[data-prefix]::before{content:attr(data-prefix);position:absolute;left:var(--gap);top:.5rem;font-size:var(--font-size-big)}.progress{position:relative;display:block;width:100%;min-height:2.5rem;background-color:var(--input-background);border:var(--border);border-radius:var(--roundness);overflow:hidden;margin-bottom:.1rem}.progress .bar{position:absolute;top:0;left:0;height:100%;background-color:var(--accent-lightest);color:var(--accent-darkest);width:0%;padding:var(--gap-small) var(--gap);overflow:hidden;white-space:nowrap;border-radius:var(--roundness) var(--gap-tiny) var(--gap-tiny) var(--roundness)}.progress a.bar:hover{background-color:var(--accent-light)}.progress [data-value].bar:after{content:attr(data-value) '%';position:absolute;right:var(--gap);top:.5rem;font-size:var(--font-size-small)}.progress .bar::after{position:absolute;top:.5rem;font-size:var(--font-size-small)}.progress [data-outside].bar::after{content:attr(data-outside) '%';right:var(--gap)}.progress [data-inside].bar::after{content:attr(data-inside) '%';right:var(--gap)}form{.btn, button, input, select, option, optgroup, textarea, input:not([type=image]), input:not([type=color]), [type=radio][id] + label, [type=checkbox][id] + label, ::-webkit-file-upload-button{display:inline-block;position:relative;margin:0 .25rem .25rem 0;min-height:max-content;background-color:var(--block-background);color:var(--block-color);border:var(--border);border-radius:var(--roundness);padding:var(--pad) calc(var(--pad) * 2);font:var(--font)}textarea{resize:vertical;min-height:10rem;width:100%}[type=radio][id]:has(+label), [type=checkbox][id]:has(+label){display:none}option:checked{background-color:var(--accent-lightest)}[type=button]{--h:var(--info)}[type=reset]{--h:var(--warning)}[type=submit]{--h:var(--success)}.btn, button, input, input[type=button], input[type=submit], input[type=reset], [type=radio][id] + label, [type=checkbox][id] + label{background-image:linear-gradient(oklch(0 0 0/ 0), oklch(0 0 0 / 0));background-color:red;background-color:oklch( var(--l) var(--c) var(--h) );--color:oklch( calc(var(--l) * var(--m)) calc(var(--c) / var(--m)) var(--h) );border-color:var(--color);color:var(--color);cursor:pointer}[type=radio][id] + label, [type=checkbox][id] + label{--h:var(--error);user-select:none;padding-left:2rem}[type=radio][id] + label::before, [type=checkbox][id] + label::before{content:'';display:inline-block;position:absolute;text-align:center;line-height:1;inset:.5rem 0 0 .5rem;width:1rem;height:1rem;border-radius:50%;margin-right:.75rem;background-color:oklch(calc(var(--l) * 0.95) var(--c) var(--h));border:1px solid var(--color);color:var(--color)}.btn:not(:disabled):hover, .btn:not(:disabled):focus, button:not(:disabled):hover, button:not(:disabled):focus, [type=button]:not(:disabled):hover, [type=button]:not(:disabled):focus, [type=submit]:not(:disabled):hover, [type=submit]:not(:disabled):focus, [type=reset]:not(:disabled):hover, [type=reset]:not(:disabled):focus, [type=radio][id]:not(:disabled) + label:hover, [type=radio][id]:not(:disabled) + label:focus, [type=checkbox][id]:not(:disabled) + label:hover, [type=checkbox][id]:not(:disabled) + label:focus{background-image:linear-gradient(oklch(1 0 0 / .3), oklch(1 0 0 / .3));box-shadow:0 0 8px 2px oklch(var(--l) var(--c) var(--h) / .5)}.btn:active, button:active, [type=button]:active, [type=submit]:active, [type=reset]:active, [type=radio][id] + label:active, [type=radio][id] + label:active, [type=checkbox][id] + label:active, [type=checkbox][id] + label:active{background-image:linear-gradient(oklch(1 0 0 / .1), oklch(1 0 0 / .2));box-shadow:none}.btn:disabled, input:disabled, button:disabled, select:disabled, textarea:disabled, [type=radio][id]:disabled + label, [type=checkbox][id]:disabled + label{background-image:linear-gradient(oklch(1 0 0 / 0), oklch(1 0 0 / 0));background-color:oklch(calc(var(--l) / 1.1) calc(var(--c) / 5) var(--h));--color:oklch(calc(var(--l) / 1.3) calc(var(--c) / 5) var(--h));border-color:var(--color);--opacity:.5;cursor:not-allowed}[type=radio][id]:checked + label, [type=checkbox][id]:checked + label{--h:var(--good)}[type=radio][id]:checked + label::before, [type=checkbox][id]:checked + label::before{content:'✔';background-color:oklch( calc(var(--l) * 1.2) var(--c) var(--h) )}[type=color]{position:relative;padding:0;margin:0;border:none;background:none;border-radius:0;height:max-content;&::-webkit-color-swatch-wrapper{position:relative;padding:0;width:2.5rem;height:2.5rem}&::-webkit-color-swatch{position:absolute;padding:0;border:var(--border);border-radius:var(--roundness);width:2.5rem;height:2.5rem}}[type=range]{-webkit-appearance:none;width:100%;height:1rem;background:var(--input-background);border-radius:var(--roundness);border:var(--border);outline:none;cursor:pointer}}.r{--h:30}.g{--h:120}.b{--h:240}.y{--h:90}.o{--h:60}.p{--h:330}.c{--h:180}.s{--h:220}.m{--h:280}.w{--h:0;--l:1;--c:0}.k{--h:0;--l:0.15;--c:0;--m:4}.pri, .primary{--h:var(--primary)}.sec, .secondary{--h:var(--secondary)}.suc, .good, .success{--h:var(--success)}.inf, .info{--h:var(--info)}.war, .warn, .warning{--h:var(--warning)}.group{display:flex;flex-wrap:nowrap;flex-direction:row;gap:var(--gap);align-items:center;output{min-width:3rem}}
.cards{display:flex;flex-wrap:wrap;justify-content:center;flex:1 1 100%;gap:1rem;> *{flex:1 1 100%;background-color:var(--menu-background);padding:var(--pad);border-radius:var(--soft);&:hover{background-color:var(--menu-background-hover);color:var(--accent);box-shadow:var(--box-shadow-active)}}@media (min-width:600px){> *{flex:1 1 45%}}@media (min-width:800px){> *{flex:1 1 30%}}@media (min-width:1000px){> *{flex:1 1 20%}}@media (min-width:1200px){> *{flex:1 1 15%}}}
@media (min-width:800px){#header{grid-template-columns:1fr auto 3rem;grid-template-rows:auto auto;grid-template-areas:"h l t" "m l t";align-items:center;justify-content:space-around;max-width:1400px}#headline{grid-area:h;padding:var(--gap) 0 var(--gap-tiny) var(--gap)}#logo{position:relative;inset:auto;grid-area:l;width:auto;text-align:right}#mainmenu{grid-area:m}#logo svg{height:7rem}#headline{position:relative;inset:auto;font-size:var(--font-size-big);max-width:1400px}article:first-of-type{margin-top:var(--gap)}}@media (min-width:2000px){body{zoom:1.2}}@media (min-width:3000px){body{zoom:1.4}}
 ul.gallery{grid-template-columns:1fr;grid-gap:0;grid-auto-flow:row dense;list-style:none;margin:0 auto;padding:0;max-width:100%;grid-auto-rows:minmax(15rem, auto);justify-items:stretch}.gallery>li{background-position:center;background-size:cover;position:relative}.gallery>li>a, .gallery>li>a>span{display:block;position:absolute;top:0;bottom:0;left:0;right:0}.gallery>li>a>span{top:auto;background-color:rgba(0, 0, 0, .7)}.gallery>li img{display:block;object-fit:cover;width:100%;height:100%}@media(min-width:800px){ul.gallery{grid-template-columns:repeat(auto-fit, minmax(10rem, 1fr))}ul.gallery.fill{grid-template-columns:repeat(auto-fill, minmax(10rem, 1fr))}.gallery>li.hori{grid-column-end:span 2}.gallery>li.hori.wide{grid-column-end:span 3}.gallery>li.vert.tall{grid-row-end:span 3}.gallery>li.hori:first-of-type{--grid-column-end:span 3;--grid-row-end:span 2}.gallery>li.vert:first-of-type{--grid-row-end:span 3;--grid-column-end:span 2}.grid.col1{grid-template-columns:1fr}.grid.col2{grid-template-columns:1fr 1fr}.grid.col3{grid-template-columns:1fr 1fr 1fr}.grid.col4{grid-template-columns:repeat(4, 1fr)}.grid.col5{grid-template-columns:repeat(5, 1fr)}.grid.col6{grid-template-columns:repeat(6, 1fr)}.grid.col7{grid-template-columns:repeat(7, 1fr)}.grid.col8{grid-template-columns:repeat(8, 1fr)}.grid.col9{grid-template-columns:repeat(9, 1fr)}.grid.col10{grid-template-columns:repeat(10, 1fr)}.grid.col11{grid-template-columns:repeat(11, 1fr)}.grid.col12{grid-template-columns:repeat(12, 1fr)}.grid .col1{grid-column-end:span 1}.grid .col2{grid-column-end:span 2}.grid .col3{grid-column-end:span 3}.grid .col4{grid-column-end:span 4}.grid .col5{grid-column-end:span 5}.grid .col6{grid-column-end:span 6}.grid .col7{grid-column-end:span 7}.grid .col8{grid-column-end:span 8}.grid .col9{grid-column-end:span 9}.grid .col10{grid-column-end:span 10}.grid .col11{grid-column-end:span 11}.grid .col12{grid-column-end:span 12}}