@charset "utf-8";@font-face{font-family:'OpenSans';font-style:normal;font-weight:400;font-display:swap;src:local('Open Sans'),url('./OpenSans-Regular.ttf') format('truetype')}:root{--textColor:#111;--highlight:#26C}*,*::before,*::after{background:none;margin:0;padding:0;border:none;outline:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{font-size:62.5%}html,body{width:100%;scrollbar-gutter:stable}body{font:normal normal 400 1.4rem/normal OpenSans,sans-serif;color:var(--textColor);text-shadow:0 1px 1px #FFF;background:#EEE}a{text-decoration:none}ul{list-style:none}hr{width:100%;height:1px;display:block}input{box-shadow:none;outline:none}input::-moz-focus-inner{border:0}.button,button,select{font:inherit;cursor:pointer}code{color:inherit;display:block}code pre{white-space:pre-wrap}mark{color:inherit;background:rgba(255,236,128,.4)}.txtGreen{color:#0C0}.txtRed{color:#C00}h1{text-align:center;margin-bottom:4rem}a{color:var(--textColor)}a:hover{color:var(--highlight)}a.forward{text-align:center;display:block;margin:1rem 0}i[class*="fa-"]{font-family:'Font Awesome 5 Free';font-style:normal;font-size:2rem;font-weight:900;text-shadow:none}i.fa-circle-notch{position:absolute;top:50%;left:50%;animation:rotateLogin 1s linear infinite}nav{padding:1rem}nav ul{display:flex;flex-wrap:nowrap}nav ul li{flex:1 1 auto;text-align:center}nav ul li a{text-align:center}nav ul li a i[class*="fa-"]{font-size:1.8rem;text-align:center;margin-right:.6rem;display:inline-grid;place-items:center}nav ul li a span i[class*="fa-"]{font-size:1.4rem;display:inline;margin-left:.6rem}main{width:100%;max-width:80rem;padding:2rem 1rem;margin:0 auto}main>img{width:30rem;margin:0 auto;position:relative;top:0;left:50%;translate:-50% 0}div.field{position:relative;top:0;left:0;display:flex;gap:1rem;flex-wrap:nowrap}div.field>*{flex:1 1 auto}div.field label{flex-basis:20%;padding:.9rem 1rem;padding-left:0}div.field select{flex-basis:50%;padding:0 1rem;box-shadow:inset 0 0 0 1px var(--textColor)}div.field input{flex-basis:50%;font:inherit;padding:0 1rem;box-shadow:inset 0 0 0 1px var(--textColor)}div.field textarea{flex-basis:100%;font:inherit;height:30rem;padding:1rem;padding-top:4rem;box-shadow:inset 0 0 0 1px var(--textColor)}div.field textarea + label{position:absolute;top:1rem;left:1rem;padding:0}input[type="checkbox"]{display:none}input[type="checkbox"] + label{display:block;cursor:pointer}input[type="checkbox"] + label::before{content:'';color:var(--highlight);width:2rem;height:2rem;box-shadow:inset 0 0 0 1px var(--textColor);display:flex;justify-content:center;align-items:center;margin-right:1rem;float:left}input[type="checkbox"]:checked + label::before{content:'\2713'}button{color:#EEE;background:var(--highlight);padding:1rem}button[name="update"]{background:#B22}button:disabled{color:#666;background:#AAA;cursor:initial}div.field button{flex-basis:30%}main ul.tools li:nth-of-type(even){background:rgba(255,255,255,.5)}main ul.tools li a{padding:1rem 0;display:grid;grid-template-rows:min-content min-content;grid-template-columns:5rem 1fr;grid-gap:.5rem 0}main ul.tools li a i{grid-column:1 / 2;grid-row:1 / 3;display:grid;place-items:center}main ul.tools li a span.name{grid-column:2 / 3;grid-row:1 / 2;font-weight:bold}main ul.tools li a span.name i{font-size:1.4rem;display:inline;margin-left:1rem}main ul.tools li a span.desc{grid-column:2 / 3;grid-row:2 / 3}form[name="login"]{background:#FFF;padding:2rem}form[name="login"] h2{margin-bottom:2rem}form[name="login"] div.field{background:#EEE;gap:initial}form[name="login"] div.field input{flex-basis:auto;padding:2rem 1rem;padding-left:9rem}form[name="login"] div.field label{position:absolute;top:50%;left:1rem;transform:translateY(-50%)}form[name="login"] div.field button{flex:0 0 7rem;position:relative;top:0;left:0}div.separator{display:flex;padding:2rem 0}div.separator div.line{flex:1 1 50%;display:flex;align-items:center}div.separator div.line::before{content:'';width:100%;height:0;position:relative;top:0;left:0;display:block;border-bottom:1px solid var(--textColor)}div.separator span{flex:1 1 auto;text-transform:uppercase;padding:0 1rem}output{line-height:1.6;display:block;margin-top:3rem}output pre{white-space:pre-line}output p{text-align:center;position:relative;top:0;left:0}output ul{padding:1rem 0}output ul li{padding:1rem;padding-right:5rem;position:relative;top:0;left:0}output ul li:nth-of-type(even){background:rgba(255,255,255,.5)}output ul li figure{width:0;height:calc(100% - 1.8rem);position:absolute;top:50%;right:1rem;display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;transform:translateY(-50%);overflow:visible}output ul li span{display:block}div.categories{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0;margin-bottom:3rem}div.categories div.category{flex:1 1 20%}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotateLogin{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@media screen and (max-width:800px),screen and (max-device-aspect-ratio:10/10){div.categories div.category{flex-basis:30%}}