h1.svelte-1fna8hi{text-align:center;flex-grow:1}form.svelte-1fna8hi{border-radius:1em;width:max-content;margin:5em auto auto;padding:1em}dialog::backdrop{background:url(/www/dialog-background.png), oklch(from var(--backerground) l c h / .5);opacity:1;background-size:10em;animation-name:scroll,fade;animation-duration:20s,.5s;animation-timing-function:linear,cubic-bezier(.724,.488,.72,1.283);animation-iteration-count:infinite,1}dialog{border:none;border-radius:1em;padding:1em;animation-name:pop;animation-duration:.25s;animation-timing-function:cubic-bezier(.3,0,.719,1.716)}dialog>*{margin:.5em 0}dialog h1{margin:0 0 .5em}dialog[open]{animation-direction:normal}dialog:not([open]){animation-direction:reverse}@keyframes scroll{0%{background-position:50%}to{background-position:calc(50% + 10em) calc(50% + 10em)}}@keyframes pop{0%{scale:0}to{scale:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@font-face{font-family:NerdFont;src:url(/www/NerdFont.ttf)format("truetype")}@property --background-base-color{syntax:"<color>";inherits:false;initial-value:#000}:root{--gold:#c0af6f;--blue:#4caec9;--pink:#c33f88;--background:#041432;--bluepale:oklch(from var(--blue) calc(l + .5) calc(c - .03) h);--backerground:oklch(from var(--background) .05 .05 h);--text:white;--bord-rad:1.5em;color:var(--text);background:var(--backerground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:NerdFont,Helvetica,sans-serif;font-size:10pt}body{text-align:center;margin:0;padding:3em 0 0}*{box-sizing:border-box}header{text-align:center;background:linear-gradient(90deg, var(--bluepale), var(--blue), var(--bluepale));flex-direction:row;align-items:center;width:100vw;padding:0 .5em;display:flex;position:fixed;top:0}header>*{margin:.5em}header h1,header h2{color:var(--background);margin:0}header label.tab{cursor:pointer;color:var(--backerground);background:0 0;border-radius:1em 1em 0 0;align-self:self-end;margin:0 .3em;padding:.5em .7em;font-weight:700}header label.tab input[type=radio]{display:none}header label.tab:has(input[type=radio]:checked){color:var(--gold);background:var(--backerground)}#home-button{height:2em;color:var(--blue);background-color:var(--background);border-radius:.5em;align-items:center;text-decoration:none;display:flex}#home-button>img{height:100%;margin-right:0}#home-button>span{color:var(--blue);background:0 0;margin:auto .7em;padding:0;font-size:120%;font-weight:700}h2,h3,h4{margin:0}em{color:var(--pink);font-style:normal;font-weight:700}li{list-style:none}#tool-bar{align-items:center;width:100%;margin:1em 0;display:flex}#tool-bar button{font-size:120%}#tool-bar>*{margin:auto .5em}#tool-bar>:first-child{margin-left:auto}#tool-bar>:last-child{margin-right:auto}button,input[type=button],input[type=submit],select{border-radius:var(--bord-rad);width:max-content;color:var(--background);background:var(--gold);border:none;padding:.5em .7em;font-family:NerdFont,Helvetica,sans-serif;font-weight:700;transition-property:color,background,scale;transition-duration:.25s;display:inline-block}:is(button,input[type=button],input[type=submit],select):hover{background:var(--pink)}:is(button,input[type=button],input[type=submit],select):active{scale:.8}input[type=text],input[type=number],input[type=password],input[type=email],textarea{border-radius:var(--bord-rad);color:var(--gold);background:var(--background);border:none;padding:.5em 1em;font-family:NerdFont,Helvetica,sans-serif;font-size:100%}textarea{resize:none;padding:1ex}input[type=checkbox]{accent-color:var(--pink);border:3px solid var(--gold);border-radius:calc(var(--bord-rad) / 10);background:var(--background)}.gradient{--background-base-color:var(--blue);color:var(--background);background:linear-gradient(to bottom, oklch(from var(--background-base-color) calc(l + .5) calc(c - .04) h), var(--background-base-color));transition-property:--background-base-color;transition-duration:.5s;transition-timing-function:ease-in-out}.box{border-radius:var(--bord-rad);margin:1em;padding:.5em 1em;display:inline-grid}.box>*{margin:.3em auto}.dark-bg{border-radius:var(--bord-rad);color:var(--text);background:var(--background);padding:.5em}.dark-button.dark-button,.dark-buttons>button{color:var(--gold);background:var(--background)}:is(.dark-button.dark-button,.dark-buttons>button):hover{color:var(--pink);background:var(--background)}.flex-scroll{border-radius:var(--bord-rad);flex-direction:row;align-items:center;width:100%;display:flex;overflow-x:scroll}.flex-scroll>*{flex-shrink:0;margin:auto .5em}ul.multi-select{border-radius:var(--bord-rad);max-height:20lh;color:var(--text);background:var(--background);margin:.5em 0;padding:.5em;overflow:scroll}ul.multi-select li{text-align:left;margin:.5em auto;list-style:none}ul.multi-select li button{margin-right:1em}.description{width:100%;max-height:15lh;white-space:preserve;text-align:left;overflow:scroll}.vspace-chidren>*{margin:1em 0}.masonry-layout{flex-wrap:wrap;gap:1em;margin:1em;display:flex}.masonry-layout>*{max-width:50em;margin:auto 0}@media screen and (orientation:portrait){.masonry-layout{grid-template-columns:1fr}}@media (pointer:coarse),(hover:none){[title]{position:relative}[title]:focus:before{content:attr(title);text-wrap-style:balance;z-index:100000;border:1px solid var(--gold);border-radius:var(--bord-rad);color:var(--text);background-color:var(--background);padding:.5em;font-size:50%;position:absolute;top:0}}
