:root{--danger:oklch(58.11% .2061 24.99);--info:oklch(72.8651% .154876 241.664);--success:oklch(87.41% .259 145.17);--warning:oklch(83.96% .1344 73.34);--danger-border:oklch(45.07% .163 25.53);--info-border:oklch(61.6298% .162254 247.051);--success-border:oklch(78.67% .2583 143.59);--warning-border:oklch(77.21% .1727 64.17);--danger-text:oklch(98% 0 0);--info-text:oklch(18% 0 0);--success-text:oklch(18% 0 0);--warning-text:oklch(18% 0 0);--surface:oklch(18.22% 0 0);--surface-secondary:oklch(28.09% 0 0);--surface-tertiary:oklch(36% 0 0);--surface-border:oklch(43.86% 0 0);--text:oklch(100% 0 0);--primary:oklch(67.48% .2195 10.89);--secondary:oklch(84.09% .2122 140.58);--accent:oklch(59.86% .0916 225.2);--primary-border:oklch(61.33% .2466 20.87);--secondary-border:oklch(77.66% .2486 141.19);--accent-border:oklch(43.39% .0645 226.12);--primary-text:oklch(2% 0 0);--secondary-text:oklch(20% 0 0);--accent-text:oklch(98% 0 0);--disabled:oklch(55.75% .0165 244.89);--enabled:oklch(60.4814% .216559 257.214);--hover:oklch(66.9% .1796 253.36);--active:oklch(72.76% .1456 251.72);--disabled-text:oklch(60% 0 0);--button-primary-bg:var(--primary);--button-primary-text:var(--primary-text);--button-primary-hover:oklch(72.72% .1765 6.86);--button-primary-active:oklch(77.73% .1377 4.78);--button-secondary-bg:var(--secondary);--button-secondary-text:var(--secondary-text);--button-secondary-hover:oklch(86.88% .1715 140.45);--button-secondary-active:oklch(89.65% .1346 140.14);--button-accent-bg:var(--accent);--button-accent-text:var(--accent-text);--button-accent-hover:oklch(67.04% .099 224.92);--button-accent-active:oklch(71.86% .087 224.61);--button-danger-bg:var(--danger);--button-danger-text:var(--danger-text);--button-danger-hover:oklch(63.02% .1772 22.15);--button-danger-active:oklch(67.51% .152 20.02);--button-info-bg:var(--info);--button-info-text:var(--info-text);--button-info-hover:oklch(77.36% .1298 239.2);--button-info-active:oklch(82.91% .0982 236.93);--button-warning-bg:var(--warning);--button-warning-text:var(--warning-text);--button-warning-hover:oklch(87.48% .1057 74.85);--button-warning-active:oklch(91.45% .0726 76.15);--button-success-bg:var(--success);--button-success-text:var(--success-text);--button-success-hover:oklch(88.62% .2223 146.69);--button-success-active:oklch(90.09% .1848 147.85);--button-disabled-bg:oklch(32% 0 0);--button-disabled-text:var(--disabled-text);--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--mono);letter-spacing:.18px;color:var(--text);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}*{box-sizing:border-box;color:var(--text);font-family:var(--mono)}body{place-items:center;min-height:100vh;margin:0;display:grid}body div#app{box-sizing:border-box;text-align:center;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body div#app div#container{width:min(800px,92vw);margin-top:3em}body div#app div#container a{color:var(--secondary);font-weight:bolder}body div#app div#container span.warning{color:var(--warning);font-size:smaller}body div#app div#container h1#app-heading{color:var(--primary);letter-spacing:-1.68px;margin-top:32px;margin-bottom:1em;font-size:56px;font-weight:700}@media (width<=1024px){body div#app div#container h1#app-heading{margin:20px 0;font-size:36px}}body div#app div#container h2#app-subheading{color:var(--secondary);margin-bottom:1em;font-weight:500}body div#app div#container form#project-form fieldset{background-color:var(--surface-secondary);border-color:var(--warning);text-align:start;margin-bottom:1em;padding:2em}body div#app div#container form#project-form fieldset legend{color:var(--warning);padding:8px;font-size:1.2em;font-weight:600}body div#app div#container form#project-form fieldset div.field label{-webkit-user-select:none;user-select:none;font-weight:700}body div#app div#container form#project-form fieldset div.field label.yes{color:var(--success)}body div#app div#container form#project-form fieldset div.field label.no{color:var(--info)}body div#app div#container form#project-form fieldset div.field label.missing-mandatory{color:var(--danger)}body div#app div#container form#project-form fieldset div.field input[type=checkbox]{accent-color:var(--success);margin-left:0}body div#app div#container form#project-form fieldset div.field input[type=text]{background-color:var(--surface);border:none;padding:.5em}body div#app div#container form#project-form fieldset div.field input[type=text]:is(:focus,:focus-visible){outline:2px solid var(--secondary);border-radius:0}body div#app div#container form#project-form fieldset div.field input.tag-input{background:var(--surface);border:none;flex:1;min-width:140px;margin-block:.25em;padding:.5em}body div#app div#container form#project-form fieldset div.field div.tags{flex-wrap:wrap;gap:.5em;padding-block:.5em;display:flex}body div#app div#container form#project-form fieldset div.field div.tags span.tag{background:var(--surface);cursor:default;justify-content:space-between;align-items:center;gap:.35em;padding:.3em;padding-inline:.6em;font-size:larger;display:inline-flex}body div#app div#container form#project-form fieldset div.field div.tags span.tag button.remove-input{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:0;font-size:1em;font-weight:900}body div#app div#container button.submit{background:var(--button-primary-bg);color:var(--primary-text);cursor:pointer;border:none;margin-top:2em;padding:10px 18px;font-size:15px}body div#app div#container button.submit:hover,body div#app div#container button.submit:focus{background:var(--button-primary-hover);color:var(--button-primary-text)}body div#app div#container button.submit:disabled{background:var(--button-disabled-bg);color:var(--button-disabled-text);cursor:not-allowed}body div#app div#container footer{margin-block:2em}body div#app div#container footer hr{color:var(--primary)}body div#app div#container footer div.build-info{margin-block:2em}body div#app div#container footer div.build-info span{color:var(--button-disabled-text)}
