@layer defaults,patterns,framework,site,components,utilities;@layer defaults{:root{--color-accent: hsl(240 50% 50%);--color-accent-contrast: white;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@layer defaults.forms{:root{--color-textfield-background: white;--color-textfield-border: oklch(75% 0 0);--color-textfield-hover-border: oklch(65% 0 0);--color-textfield-active-border: oklch(50% 0 0);--color-textfield-invalid-border: oklch(75% 50% 30);--color-textfield-invalid-hover-border: oklch(65% 50% 30);--color-textfield-invalid-active-border: oklch(50% 50% 30);--color-button-text: black;--color-button-background: oklch(95% 0 0);--color-button-hover-background: oklch(90% 0 0);--color-button-active-background: oklch(80% 0 0);--color-button-border: oklch(75% 0 0);--color-button-hover-border: oklch(65% 0 0);--color-button-active-border: oklch(50% 0 0);--width-input-border: 1px;--width-inputs: 250px;--margin-inputs: .125em .25em;--padding-inputs: .25em .5em;--radius-inputs: .25em;--opacity-input-disabled: .5}:is(select,textarea,input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=color]):-moz-read-only{cursor:default}:is(select,textarea,input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=color]):read-only{cursor:default}:is(input,select,textarea,button):disabled{opacity:.5;cursor:default}input,select,option,textarea,button,datalist,fieldset,legend,optgroup,output,input::file-selector-button{font:inherit;color:inherit;accent-color:hsl(240 50% 50%)}select,textarea,input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=color],button,input[type=reset],input[type=submit],input[type=button],input::file-selector-button{--border-color: var(--color-textfield-border);--background-color: var(--color-textfield-background);margin:.125em .25em;padding:.5em .75em;border:1px solid var(--border-color);border-radius:.25em;background-color:var(--background-color)}select:focus,textarea:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type=color]:focus,button:focus,input[type=reset]:focus,input[type=submit]:focus,input[type=button]:focus{outline:0}input[type=color]{cursor:pointer;padding:.25em}select,textarea,input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{max-width:250px;width:100%}input[type=date]:not(:-moz-read-only,:disabled),input[type=datetime-local]:not(:-moz-read-only,:disabled),input[type=month]:not(:-moz-read-only,:disabled),input[type=time]:not(:-moz-read-only,:disabled),input[type=week]:not(:-moz-read-only,:disabled){cursor:text}input[type=date]:not(:read-only,:disabled),input[type=datetime-local]:not(:read-only,:disabled),input[type=month]:not(:read-only,:disabled),input[type=time]:not(:read-only,:disabled),input[type=week]:not(:read-only,:disabled){cursor:text}:is(select,textarea,input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=color]):enabled:hover{--border-color: var(--color-textfield-hover-border)}:is(select,textarea,input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=color]):enabled:focus{--border-color: var(--color-accent)}:is(select,textarea,input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=color]):enabled:active{--border-color: var(--color-textfield-active-border)}:is(select,textarea,input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]):required:invalid:hover{--border-color: var(--color-textfield-invalid-hover-border)}:is(select,textarea,input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]):required:invalid:focus,:is(select,textarea,input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]):required:invalid:active{--border-color: var(--color-textfield-invalid-active-border)}:is(select,textarea,input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week])::-moz-selection{color:#fff;background-color:#4040bf}:is(select,textarea,input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week])::selection{color:#fff;background-color:#4040bf}select:enabled option:hover,select:enabled option:focus,select:enabled option:active,select:enabled option:checked{--background-color: var(--color-accent);color:#fff}button,input[type=reset],input[type=submit],input[type=button],input::file-selector-button{--border-color: var(--color-button-border);--background-color: var(--color-button-background);color:#000}:is(button,input[type=reset],input[type=submit],input[type=button]):enabled,input:enabled::file-selector-button{cursor:pointer}:is(button,input[type=reset],input[type=submit],input[type=button]):enabled:hover,:is(button,input[type=reset],input[type=submit],input[type=button]):enabled:focus{--border-color: var(--color-button-hover-border);--background-color: var(--color-button-hover-background)}:is(button,input[type=reset],input[type=submit],input[type=button]):enabled:active{--border-color: var(--color-button-active-border);--background-color: var(--color-button-active-background)}input::file-selector-button{margin-right:1em}textarea:-moz-read-only{resize:none}textarea:read-only,textarea:disabled{resize:none}}@layer patterns{.panel{margin:1em 0;padding:.5em 1em;border-radius:.25em;box-shadow:inset 0 0 0 1px #ddd}}@layer framework.forms{input,select,option,textarea,button,datalist,fieldset,legend,optgroup,output,input::file-selector-button{transition:color .1s,background-color .1s,box-shadow .1s ease-in-out;line-height:120%}select,textarea,input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=color],button,input[type=reset],input[type=submit],input[type=button],input::file-selector-button{border-style:none;box-shadow:inset 0 0 0 1px var(--border-color)}input[type=color]{padding:.33em}label{display:block}label+label,label+input,label+select,label+button,label+textarea{margin-top:.5em;margin-left:0}label:has(input:disabled),label[for]:has(+input:disabled){opacity:.5}label:has(input:disabled) :disabled,label[for]:has(+input:disabled) :disabled{opacity:1}.form-row{display:flex;flex-wrap:wrap;gap:1.5em}.form-row+.form-row{margin-top:1.5em}}@layer framework.buttons{.button{--border-color: var(--color-button-border);--background-color: var(--color-button-background);animation:none 0s ease 0s 1 normal none running;backface-visibility:visible;background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;border:medium none currentcolor;border-collapse:separate;-o-border-image:none;border-image:none;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:content-box;caption-side:top;clear:none;clip:auto;-moz-columns:auto;columns:auto;-moz-column-count:auto;column-count:auto;-moz-column-fill:balance;column-fill:balance;-moz-column-gap:normal;column-gap:normal;-moz-column-rule:medium none currentcolor;column-rule:medium none currentcolor;-moz-column-span:1;column-span:1;-moz-column-width:auto;column-width:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;display:inline;empty-cells:show;float:none;font-family:serif;font-size:medium;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;line-height:normal;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;list-style:disc outside none;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none currentcolor;overflow:visible;overflow-x:visible;overflow-y:visible;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;-moz-tab-size:8;-o-tab-size:8;tab-size:8;table-layout:auto;text-align:left;-moz-text-align-last:auto;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:50% 50% 0;transform-style:flat;transition:none 0s ease 0s;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto;all:initial;display:inline-block;margin:.125em .25em;padding:.5em .75em;box-shadow:inset 0 0 0 1px var(--border-color);border-radius:.25em;color:#000;background-color:var(--background-color);vertical-align:baseline;font-family:inherit;font-size:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button.disabled,.button[disabled]{opacity:.5;cursor:default}.button:not(.disabled,[disabled]):hover{--border-color: var(--color-button-hover-border);--background-color: var(--color-button-hover-background)}.button:not(.disabled,[disabled]):focus{--border-color: var(--color-button-hover-border);--background-color: var(--color-button-hover-background)}.button:not(.disabled,[disabled]):active{--border-color: var(--color-button-active-border);--background-color: var(--color-button-active-background)}.button-group{gap:1em}.button-group{display:flex;flex-wrap:wrap}}@layer framework{:root{--leading-inputs: 120%;--margin-label: .5em;--margin-form-gap: 1.5em;--margin-button-gap: 1em;--transition-duration-inputs: .1s;--transition-function-inputs: ease-in-out;--transition-inputs: color var(--transition-duration-inputs), background-color var(--transition-duration-inputs), box-shadow var(--transition-duration-inputs) var(--transition-function-inputs)}}@layer site{:root{--padding-inputs: .5em .75em}body{font-family:Lato}}@layer utilities;