:root{--orange:#fbbd08;--off-black:#151721;--evergreen:#16302b;--ruby-red:#b10f2e;--lilac-ash:#aea4bf;--soft-linen:#e3e4db}:root input#dark-mode-toggle[type=checkbox]+label:before{margin:1em}@media (prefers-color-scheme:light){:root{--theme:☀️;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root:has([name=dark-mode-toggle]:checked){--theme:🌑;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root input#dark-mode-toggle[type=checkbox]+label:before{content:"☀️"}:root input#dark-mode-toggle[type=checkbox]:checked+label:before{content:"🌑"}}@media (prefers-color-scheme:dark){:root{--theme:🌑;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:has([name=dark-mode-toggle]:checked){--theme:☀️;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root input#dark-mode-toggle[type=checkbox]+label:before{content:"🌑"}:root input#dark-mode-toggle[type=checkbox]:checked+label:before{content:"☀️"}}:root input#dark-mode-toggle{display:none}@layer reset{*,:before,:after{box-sizing:border-box}body{margin:0;font-size:1rem;line-height:1.6}h1,h2,p{margin-block:0}input,button,textarea{font:inherit}}@layer page{body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--clr-body-bg:hsl(from var(--off-black) h s 90%);--clr-text:#232323;--clr-primary:var(--orange);--clr-secondary:var(--lilac-ash);--clr-tertiary:var(--soft-linen);--clr-frame-bg:var(--off-black);--clr-error:var(--ruby-red)}@container style(--theme:🌑){body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--clr-body-bg:hsl(from var(--off-black) h s 20%);--clr-text:#cbd5e1;--clr-primary:var(--orange);--clr-secondary:var(--lilac-ash);--clr-tertiary:var(--soft-linen);--clr-frame-bg:var(--off-black);--clr-error:var(--ruby-red)}}body{background-color:var(--clr-body-bg);color:var(--clr-text);font-optical-sizing:auto;font-family:Open Sans,sans-serif;font-style:normal;font-weight:300}header{background-color:var(--clr-frame-bg);color:contrast-color(var(--clr-frame-bg));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;align-items:center;display:flex}.header-text{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;text-align:center;flex-grow:1;margin:15px;font-size:1.3em;font-weight:600}.header-text a{color:inherit;text-decoration:none}.header-logo{float:left;height:40px;margin:15px;padding-top:10px}main{flex-grow:1;padding:1rem max(10dvw,2ch)}footer{background-color:var(--clr-frame-bg);color:contrast-color(var(--clr-frame-bg));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;margin-top:5rem;padding:1rem max(10dvw,2ch);font-size:.75rem}footer a{color:contrast-color(var(--clr-frame-bg))}footer p{margin-top:.8em}.instructions p{margin-top:.8rem}#app{flex-direction:column;min-height:100dvh;display:flex;position:relative}}@layer form{form{grid-template-columns:repeat(auto-fit,minmax(20ch,1fr));grid-auto-rows:max-content;gap:1rem;max-inline-size:60ch;margin:2em auto 0;display:grid}.form-group{grid-auto-rows:min-content;grid-template-columns:repeat(auto-fit, minmax());gap:.25rem;display:grid}.form-error input{border:solid 1px var(--clr-error);background-color:var(--clr-error);color:contrast-color(var(--clr-error))}.form-error input::placeholder{color:contrast-color(var(--clr-error))}.error-message:empty{display:none}.form-group:has(:not([type=radio])[required]) label{gap:1ch;display:flex}.form-group:has(:not([type=radio])[required]) label:after{content:"*"}fieldset:has([required]) legend{gap:1ch;display:flex}fieldset:has([required]) legend:after{content:"*"}.form-group:has([type=radio],[type=checkbox]){gap:1ch;display:flex}.span-all{grid-column:1/-1}menu{box-sizing:content-box;max-height:min(6lh,70vh);padding:.5em 1em;overflow-y:auto}.combobox{border:solid 2px contrast-color(var(--clr-body-bg));border-radius:5px;flex-direction:column;display:flex}.combobox menu{margin-top:0;margin-bottom:0}.combobox input{background-color:var(--clr-body-bg);border-width:0}menu:empty:after{content:"<no areas match>";color:var(--clr-error);font-style:italic}.wards-label:empty{display:none}.wards-label{cursor:pointer;background-color:var(--clr-tertiary);color:contrast-color(var(--clr-secondary));margin-left:1em}.area-label{background-color:var(--clr-secondary);color:contrast-color(var(--clr-secondary));margin-left:1em}.remove-label{margin-left:1em}.wards-label,.area-label,.wards-select-button{vertical-align:baseline;text-transform:none;border:0 solid #0000;border-radius:.285714rem;margin:.1px .5833em;padding:.4833em .833em;font-size:.8rem;font-weight:700;line-height:1;display:inline-block}.clear-button{background-color:var(--clr-secondary)}.clear-button:hover,.clear-button:focus-visible{background:hsl(from var(--clr-secondary) h s l / .5)}.submit-button{background-color:var(--clr-primary)}.submit-button:hover,.submit-button:focus-visible{background:hsl(from var(--clr-primary) h s l / .5)}button{background:var(--clr-primary);color:contrast-color(var(--clr-primary));border:0;border-radius:5px;padding:.75em 1.5em;font-size:clamp(1em,4vw,1.3em);font-weight:400}button:hover,button:focus-visible{background:hsl(from var(--clr-primary) h s l / .5)}.selected-area-expanded{border:2px solid contrast-color(var(--clr-body-bg));border-radius:5px;margin-bottom:1em;padding-top:.3em;padding-bottom:.3em}}