:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#fff;background-color:#37474f;scroll-behavior:smooth;--padding-hrz: 24px}body{background-color:#546e7a;background:linear-gradient(#37474f,#263238);min-height:100vh}#app{isolation:isolate}.form-fields{display:flex;align-items:flex-start;flex-wrap:wrap;column-gap:12px;row-gap:36px}header{margin-top:4.5rem}h1{text-align:center;font-size:3rem;font-weight:800;margin:0;background:linear-gradient(20deg,#00e676,#00e676 30%,#00b0ff 60% 79%);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-weight:700;font-size:2rem;margin:2em 0 1em;line-height:1.3333333;word-break:break-word}p{font-size:1.125rem;margin:1.25em 0;line-height:1.75;opacity:.85}li{margin:1.2em 0}nav{position:relative;top:30px;border:2px solid #666;font-size:1.5rem;padding:4px;display:flex;justify-content:center;align-items:center;background-color:#fff;z-index:1;width:min-content;margin:0 auto;border-radius:16px 4px;gap:4px}a{color:#00e676}nav a{margin:0;text-decoration:none;border-radius:2px;padding:4px 12px}nav a:first-child{border-radius:12px 2px 2px}nav a:last-child{border-radius:2px 2px 12px}nav a:hover{color:#00e676;background-color:#263238}main{padding:8px}form{display:flex;align-items:flex-end;flex-wrap:wrap;column-gap:12px;row-gap:36px}label{display:block;min-width:320px;flex:1 1 0;font-size:1.5rem;font-weight:700}input:not([type=checkbox]),textarea{display:block;width:100%;min-width:100%;max-width:100%;min-height:48px;border:2px solid #333;border-radius:8px;background-color:#455a64;padding:8px 12px;color:#fff;font-weight:400;outline:none;transition:border-color .2s ease-in-out;caret-color:#00e676}::placeholder{color:inherit;opacity:.5}input:focus,textarea:focus{border-color:#00e676}footer{margin-top:3em;color:#aaa;padding:0 8px 36px}.copyright{margin:0;text-align:center}.toolbar{margin-bottom:8px 0;display:flex;align-items:center;flex-wrap:wrap;gap:12px}button{position:relative;border:2px solid #333;border-radius:8px;padding:4px 12px;background-color:#455a64;color:#eee;cursor:pointer;font-size:1.5rem!important;outline:none}button[type=submit]{padding:8px 12px;display:block;width:100%;max-width:480px;margin:0 auto}button:hover,button:focus{border-color:#00e676;color:#00e676}svg{width:24px;height:24px;fill:currentColor;display:inline-block}pre,code,kbd,.monospace{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}kbd{display:inline-block;min-width:1.5em;box-shadow:1px 1px #263238;border-radius:4px;border:.5px solid #263238;background-color:#607d8b;padding:2px 6px;text-align:center;font-weight:700;line-height:1em}@media screen and (max-width: 480px){:root{--padding-hrz: 12px}h1{font-size:2.5rem}h2{font-size:1.75rem}nav{border-radius:16px 16px 0 0;border-width:2px 0 2px;border-bottom-color:#0000001f;width:100%;font-size:24px;position:static}nav a{border-radius:2px;flex:1 1 0;text-align:center}nav a:last-of-type{border-radius:2px 16px 2px 2px}}@media screen and (max-width: 380px){:root{font-size:16px}h1{font-size:2rem}h2{font-size:1.5rem}nav{font-size:16px}label{font-size:1.25rem}}.card-grid{padding:0;list-style:none;max-width:100vw;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,max-content));place-items:stretch;justify-content:center}.card{max-width:400px;margin:0;border-radius:12px;border:2px solid #222;padding:0;background-color:#37474f;display:flex;flex-direction:column;overflow:hidden}.card>img{object-fit:cover;height:200px}.card-attributes{display:flex;align-items:center;gap:8px}.card-attributes>span{flex:1 0 auto;display:flex;align-items:center;gap:8px}.card.card-link{cursor:pointer;user-select:none}.card>*:not(img){margin:0;padding:8px 12px}.card button{margin:8px}.card:hover button{border-color:#00e676;color:#00e676}*,*:before,*:after{box-sizing:border-box}*{margin:0;overflow-wrap:break-word}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font-family:inherit;font-size:inherit}.legible-width{max-width:80ch;margin:0 auto}.faded{opacity:.6}.flex-fill{flex:1 0 auto}
