:root{color-scheme:light dark;--round: up;--base-font-size: .875rem;--base-line-height: 1.2;--font-size: var(--font-300, .875rem);--line-height: 1.2;--compact: 6;--normal: 4;--default: var(--normal);--open: 3;--density: var(--default, 4);--z-0: 0;--z-000: var(--z-0);--z-100: 100;--z-200: 200;--z-300: 300;--z-400: 400;--z-500: 500;--z-600: 600;--z-700: 700;--z-800: 800;--z-900: 900;--z-under: var(--z-0);--z-bottom: var(--z-100);--z-top: var(--z-900);--space-unit: round(var(--round), var(--base-font-size) / var(--density), 1px);--space-0: 0;--space-000: var(--space-0);--space-100: var(--space-unit);--space-200: round(var(--round), var(--space-unit) * 1.5, 1px);--space-300: round(var(--round), var(--space-unit) * 2, 1px);--space-400: round(var(--round), var(--space-unit) * 3, 1px);--space-500: round(var(--round), var(--space-unit) * 5, 1px);--space-600: round(var(--round), var(--space-unit) * 8, 1px);--space-700: round(var(--round), var(--space-unit) * 13, 1px);--space-800: round(var(--round), var(--space-unit) * 21, 1px);--space-900: round(var(--round), var(--space-unit) * 34, 1px);--font-stack: system-ui, system-ui, "Segoe UI-VF", "Segoe UI", "Segoe", sans-serif;--font-stack--monospace: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--font-stack--rounded: ui-rounded, "Hiragino Maru Gothic ProN", Quicksand, Comfortaa, Manjari, "Arial Rounded MT", "Arial Rounded MT Bold", Calibri, source-sans-pro, sans-serif;--font-size-100: round(var(--round), var(--base-font-size) * 1.25, 1px);--font-size-200: round(var(--round), var(--base-font-size) * 1.25, 1px);--font-size-300: round(var(--round), var(--base-font-size) * 1.25, 1px);--font-size-400: var(--base-font-size);--font-size-500: round(var(--round), var(--base-font-size) * 1.125, 1px);--font-size-600: round(var(--round), var(--base-font-size) * 1.25, 1px);--font-size-700: round(var(--round), var(--base-font-size) * 1.563, 1px);--font-size-800: round(var(--round), var(--base-font-size) * 1.953, 1px);--font-size-900: round(var(--round), var(--base-font-size) * 2.441, 1px);--font-weight-100: 100;--font-weight-200: 200;--font-weight-300: 300;--font-weight-400: 420;--font-weight-500: 500;--font-weight-600: 600;--font-weight-700: 700;--font-weight-800: 800;--font-weight-900: 900;--border-width-100: 1px;--border-width-200: 2px;--border-width-300: 4px;--radius-unit: 1px;--border-radius-0: 0px;--border-radius-000: var(--border-radius-0);--border-radius-100: 1px;--border-radius-200: calc(var(--radius-unit) * 2);--border-radius-300: calc(var(--radius-unit) * 3);--border-radius-400: calc(var(--radius-unit) * 4);--border-radius-500: calc(var(--radius-unit) * 6);--border-radius-600: calc(var(--radius-unit) * 9);--border-radius-700: calc(var(--radius-unit) * 12);--border-radius-800: calc(var(--radius-unit) * 16);--border-radius-900: 999px;--border-radius-pill: var(--border-radius-900);--color-white: oklch(100% 0 0);--color-black: oklch(0% 0 0);--text-color: light-dark(var(--sc-200), var(--sc-800));--color-focus-ring: light-dark(var(--sc-900), var(--sc-100));--color-invalid: light-dark(var(--red-600), var(--red-500));--color-invalid-text: light-dark(var(--red-600), var(--red-550));--color-invalid-border: light-dark(var(--red-600), var(--red-550));--error-background-color: oklch(from var(--red-500) calc(l - round(down, l, .1) + .898) calc(c - .17) h);--color-invalid-background: light-dark(var(--error-background-color), var(--red-900));--transition-duration-base: 167ms;--transition-in-duration: calc(var(--transition-duration-base) / 1.25);--transition-out-duration: calc(var(--transition-in-duration) * 1.5);--transition-input-in: border-color var(--transition-in-duration) ease-in;--transition-input-out: border-color var(--transition-out-duration) ease-out;--transition-rotate-180: var(--transition-duration-base) rotate;@media(prefers-reduced-motion){--transition-duration-base: 0;--transition-in-duration: 0;--transition-out-duration: 0}}:where(:root){--color-1: light-dark(oklch(.5 .01 208.25), oklch(.4848 .0148 248.25));--color-2: light-dark(oklch(.5 .01 208.25), oklch(.4848 .0148 248.25));--color-3: light-dark(oklch(.5 .149 40.7), oklch(.6062 .1415 248.25));--mpt: .5;--ld: .7;--cs: .2;--dz: .2;--surface-color: var(--color-2, oklch(from var(--color-1) calc(l - .1) .05 h));--sc-steps: 17;--l-100: calc(1/var(--sc-steps)) * var(--sc-steps);--l-150: calc(1/var(--sc-steps)) * calc(var(--sc-steps) - 1);--l-200: calc(1/var(--sc-steps)) * calc(var(--sc-steps) - 2);--l-250: calc(1/var(--sc-steps)) * calc(var(--sc-steps) - 3);--l-300: calc(1/var(--sc-steps)) * calc(var(--sc-steps) - 4);--l-350: calc(1/var(--sc-steps)) * calc(var(--sc-steps) - 5);--l-400: calc(1/var(--sc-steps)) * calc(var(--sc-steps) - 6);--l-450: calc(1/var(--sc-steps)) * calc(var(--sc-steps) - 7);--l-500: calc(1/var(--sc-steps)) * calc(var(--sc-steps) - 8);--l-550: calc(1/var(--sc-steps)) * calc(var(--sc-steps) - 9);--l-600: calc(1/var(--sc-steps)) * calc(var(--sc-steps) - 10);--l-650: calc(1/var(--sc-steps)) * calc(var(--sc-steps) - 11);--l-700: calc(1/var(--sc-steps)) * calc(var(--sc-steps) - 12);--l-750: calc(1/var(--sc-steps)) * calc(var(--sc-steps) - 13);--l-800: calc(1/var(--sc-steps)) * calc(var(--sc-steps) - 14);--l-850: calc(1/var(--sc-steps)) * calc(var(--sc-steps) - 15);--l-900: calc(1/var(--sc-steps)) * calc(var(--sc-steps) - 16);--sc-100: oklch(from var(--surface-color) calc(l - round(down, l, .1) + var(--l-100)) c h);--sc-150: oklch(from var(--surface-color) calc(l - round(down, l, .1) + var(--l-150)) c h);--sc-200: oklch(from var(--surface-color) calc(l - round(down, l, .1) + var(--l-200)) c h);--sc-250: oklch(from var(--surface-color) calc(l - round(down, l, .1) + var(--l-250)) c h);--sc-300: oklch(from var(--surface-color) calc(l - round(down, l, .1) + var(--l-300)) c h);--sc-350: oklch(from var(--surface-color) calc(l - round(down, l, .1) + var(--l-350)) c h);--sc-400: oklch(from var(--surface-color) calc(l - round(down, l, .1) + var(--l-400)) c h);--sc-450: oklch(from var(--surface-color) calc(l - round(down, l, .1) + var(--l-450)) c h);--sc-500: oklch(from var(--surface-color) calc(l - round(down, l, .1) + var(--l-500)) c h);--sc-550: oklch(from var(--surface-color) calc(l - round(down, l, .1) + var(--l-550)) c h);--sc-600: oklch(from var(--surface-color) calc(l - round(down, l, .1) + var(--l-600)) c h);--sc-650: oklch(from var(--surface-color) calc(l - round(down, l, .1) + var(--l-650)) c h);--sc-700: oklch(from var(--surface-color) calc(l - round(down, l, .1) + var(--l-700)) c h);--sc-750: oklch(from var(--surface-color) calc(l - round(down, l, .1) + var(--l-750)) c h);--sc-800: oklch(from var(--surface-color) calc(l - round(down, l, .1) + var(--l-800)) c h);--sc-850: oklch(from var(--surface-color) calc(l - round(down, l, .1) + var(--l-850)) c h);--sc-900: oklch(from var(--surface-color) calc(l - round(down, l, .1) + var(--l-900)) c h);--ic-100: oklch(from var(--color-1) calc(l - round(down, l, .1) + .98) c h);--ic-150: oklch(from var(--color-1) calc(l - round(down, l, .1) + .968) c h);--ic-200: oklch(from var(--color-1) calc(l - round(down, l, .1) + .928) c h);--ic-250: oklch(from var(--color-1) calc(l - round(down, l, .1) + .87) c h);--ic-300: oklch(from var(--color-1) calc(l - round(down, l, .1) + .812) c h);--ic-350: oklch(from var(--color-1) calc(l - round(down, l, .1) + .754) c h);--ic-400: oklch(from var(--color-1) calc(l - round(down, l, .1) + .696) c h);--ic-450: oklch(from var(--color-1) calc(l - round(down, l, .1) + .638) c h);--ic-500: oklch(from var(--color-1) calc(l - round(down, l, .1) + .58) c h);--ic-550: oklch(from var(--color-1) calc(l - round(down, l, .1) + .522) c h);--ic-600: oklch(from var(--color-1) calc(l - round(down, l, .1) + .464) c h);--ic-650: oklch(from var(--color-1) calc(l - round(down, l, .1) + .406) c h);--ic-700: oklch(from var(--color-1) calc(l - round(down, l, .1) + .348) c h);--ic-750: oklch(from var(--color-1) calc(l - round(down, l, .1) + .29) c h);--ic-800: oklch(from var(--color-1) calc(l - round(down, l, .1) + .232) c h);--ic-850: oklch(from var(--color-1) calc(l - round(down, l, .1) + .174) c h);--ic-900: oklch(from var(--color-1) calc(l - round(down, l, .1) + .116) c h);--ac-100: oklch(from var(--color-3) calc(l - round(down, l, .1) + .98) c h);--ac-150: oklch(from var(--color-3) calc(l - round(down, l, .1) + .968) c h);--ac-200: oklch(from var(--color-3) calc(l - round(down, l, .1) + .928) c h);--ac-250: oklch(from var(--color-3) calc(l - round(down, l, .1) + .87) c h);--ac-300: oklch(from var(--color-3) calc(l - round(down, l, .1) + .812) c h);--ac-350: oklch(from var(--color-3) calc(l - round(down, l, .1) + .754) c h);--ac-400: oklch(from var(--color-3) calc(l - round(down, l, .1) + .696) c h);--ac-450: oklch(from var(--color-3) calc(l - round(down, l, .1) + .638) c h);--ac-500: oklch(from var(--color-3) calc(l - round(down, l, .1) + .58) c h);--ac-550: oklch(from var(--color-3) calc(l - round(down, l, .1) + .522) c h);--ac-600: oklch(from var(--color-3) calc(l - round(down, l, .1) + .464) c h);--ac-650: oklch(from var(--color-3) calc(l - round(down, l, .1) + .406) c h);--ac-700: oklch(from var(--color-3) calc(l - round(down, l, .1) + .348) c h);--ac-750: oklch(from var(--color-3) calc(l - round(down, l, .1) + .29) c h);--ac-800: oklch(from var(--color-3) calc(l - round(down, l, .1) + .232) c h);--ac-850: oklch(from var(--color-3) calc(l - round(down, l, .1) + .174) c h);--ac-900: oklch(from var(--color-3) calc(l - round(down, l, .1) + .116) c h);--red: light-dark(oklch(.527 .216 28.95), oklch(.4981 .2293 27.93));--red-100: oklch(from var(--red) calc(l - round(down, l, .1) + .98) c h);--red-150: oklch(from var(--red) calc(l - round(down, l, .1) + .968) c h);--red-200: oklch(from var(--red) calc(l - round(down, l, .1) + .928) c h);--red-250: oklch(from var(--red) calc(l - round(down, l, .1) + .87) c h);--red-300: oklch(from var(--red) calc(l - round(down, l, .1) + .812) c h);--red-350: oklch(from var(--red) calc(l - round(down, l, .1) + .754) c h);--red-400: oklch(from var(--red) calc(l - round(down, l, .1) + .696) c h);--red-450: oklch(from var(--red) calc(l - round(down, l, .1) + .638) c h);--red-500: oklch(from var(--red) calc(l - round(down, l, .1) + .58) c h);--red-550: oklch(from var(--red) calc(l - round(down, l, .1) + .522) c h);--red-600: oklch(from var(--red) calc(l - round(down, l, .1) + .464) c h);--red-650: oklch(from var(--red) calc(l - round(down, l, .1) + .406) c h);--red-700: oklch(from var(--red) calc(l - round(down, l, .1) + .348) c h);--red-750: oklch(from var(--red) calc(l - round(down, l, .1) + .29) c h);--red-800: oklch(from var(--red) calc(l - round(down, l, .1) + .232) c h);--red-850: oklch(from var(--red) calc(l - round(down, l, .1) + .174) c h);--red-900: oklch(from var(--red) calc(l - round(down, l, .1) + .116) c h);@media(prefers-contrast:more){--control-border-color: white;--control-text-color: white}}html{scrollbar-gutter:stable both-edges}body{height:100vh;width:100vw;font-family:var(--font-stack);line-height:var(--line-height);color:var(--text-color);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;text-rendering:optimizeLegibility;font-smooth:always;font-feature-settings:"cv01","cv02","cv03","cv04","cv06","cv07","cv08","cv09","cv11","cv10","ss04","zero" 1;margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}button,input,textarea,select{font:inherit}:root{--horizontal-label-column-width: 8ch;--vertical-grid-columns: 100%;--vertical-grid-rows: auto;--vertical-grid-areas: "label" "input" "info";--horizontal-grid-columns: var(--horizontal-label-column-width) 1fr;--horizontal-grid-rows: auto;--horizontal-grid-areas: "label input" "blank info";--label-margin: var(--space-100);--input-margin: var(--space-100);--input-group-margin: var(--space-500);--input-group-padding: 0}.nova-form{display:grid;grid-template-columns:var(--vertical-grid-columns);grid-template-rows:var(--vertical-grid-rows);grid-template-areas:var(--vertical-grid-areas)}.nova-field{display:grid;grid-template-columns:var(--vertical-grid-columns);grid-template-rows:var(--vertical-grid-rows);grid-template-areas:var(--vertical-grid-areas);&:not(:last-child){margin-block-end:var(--input-group-margin)}&:not(.nova-field--horizontal)>label{margin-block-end:var(--label-margin)}>label{grid-area:label;display:flex;margin-inline-start:round(down,var(--input-border-radius) / 2,1px)}>input,>textarea,>.nova-control{grid-area:input;inline-size:100%}>.nova-info{grid-area:info;color:var(--label-text-color)}}.nova-field--horizontal{grid-template-columns:var(--horizontal-grid-columns);grid-template-rows:var(--horizontal-grid-rows);grid-template-areas:var(--horizontal-grid-areas);align-items:center;&.right-align-labels{label{justify-self:end;margin-inline-end:var(--label-margin)}}}.nova-form-multiline{grid-area:input;display:flex;align-items:flex-start;justify-items:space-between;gap:var(--input-margin);.nova-field{margin-block-end:0}}.nova-info{font-size:clamp(10px,round(var(--round),var(--font-size) * .75,1px),round(var(--round),var(--font-size) * .875,1px));margin-block-start:var(--space-100);grid-area:info}:root{--input-border-color: light-dark(var(--sc-300), var(--sc-650));--input-border-color--hover: light-dark(var(--sc-350), var(--sc-550));--input-border-color--disabled: light-dark(var(--sc-250), var(--sc-850));--input-border-color--readonly: light-dark(var(--sc-250), var(--sc-900));--input-border-color--invalid: var(--color-invalid-border);--input-border-color--selected: light-dark(var(--sc-400), var(--sc-600));--input-border-color--valid: var(--input-border-color);--input-background-color: light-dark(var(--sc-100), var(--sc-900));--input-background-color--hover: var(--input-background-color);--input-background-color--disabled: light-dark(var(--sc-250), var(--sc-850));--input-background-color--readonly: light-dark(var(--sc-250), var(--sc-850));--input-background-color--invalid: var(--input-background-color);--input-background-color--selected: light-dark(var(--sc-900), var(--sc-100));--input-text-color: light-dark(var(--sc-550), var(--sc-300));--input-text-color--hover: light-dark(var(--sc-600), var(--sc-300));--input-text-color--focus: light-dark(var(--sc-900), var(--sc-150));--input-text-color--disabled: light-dark(var(--sc-400), var(--sc-600));--input-text-color--readonly: light-dark(var(--sc-700), var(--sc-500));--input-text-color--invalid: var(--input-text-color);--input-text-color--selected: light-dark(var(--sc-100), var(--sc-900));--input-border-width: var(--border-width-100);--input-border-radius: var(--border-radius-500);--input-line-height: var(--line-height);--input-font-family: var(--font-stack);--input-font-size: var(--font-size-400);--input-padding: var(--space-300);--input-height: round( var(--round), (var(--input-font-size) * var(--input-line-height)) + ((var(--input-padding) + var(--input-border-width)) * 2), 1px );--label-text-color: light-dark(var(--sc-500), var(--sc-400));--label-text-color--invalid: var(--color-invalid-text);--label-font-size: calc(var(--input-font-size) - 2px);--label-font-weight: var(--font-weight-600);--group-label-text-color: light-dark(var(--sc-550), var(--sc-450));--group-label-text-color--focus: light-dark(var(--sc-650), var(--sc-350));--group-label-text-color--disabled: var(--input-text-color--disabled);--group-label-font-size: calc(var(--label-font-size) - 1px);--group-label-font-weight: var(--font-weight-500);--group-label-width: max-content;--group-label-min-width: 10ch;--group-label-max-width: 20ch;--group-border-width: var(--input-border-width);--group-border-radius: var(--input-border-radius);--group-border-color: var(--input-border-color);--group-border-color--hover: var(--input-border-color--hover);--group-border-color--disabled: var(--input-border-color--disabled);--group-border-color--readonly: var(--input-border-color--readonly);--group-border-color--invalid: var(--input-border-color--invalid);--group-border-color--selected: var(--input-border-color--selected);--group-border-color--valid: var(--input-border-color--valid);--group-border-row-color: light-dark(var(--sc-250), var(--sc-750));--group-border-row-color--disabled: light-dark(var(--sc-300), var(--sc-750));--temporal-output-border-color: var(--input-border-color);--temporal-output-background-color: var(--group-border-color);--temporal-output-text-color: light-dark(var(--sc-550), var(--sc-350));--temporal-output-font-weight: var(--font-weight-normal);--temporal-output-font-size: var(--label-font-size)}.nova-form-fieldset{border-width:10px;padding:var(--space-400);&:not(:last-child){margin-block-end:var(--input-group-margin)}}.nova-label{display:flex;align-items:center;color:var(--label-text-color);font-size:var(--label-font-size);font-weight:var(--label-font-weight);&:has(~:is(input,textarea,select):required,~.nova-control:state(required)):after{content:"*";margin-inline-start:var(--space-100);font-weight:700}}.nova-input,.nova-select,.nova-textarea{appearance:none;font-family:var(--font-stack);font-size:var(--input-font-size);line-height:var(--input-line-height);padding:var(--input-padding);border-radius:var(--input-border-radius);border-color:var(--input-border-color);border-style:solid;border-width:var(--input-border-width);color:var(--input-text-color);background-color:var(--input-background-color);height:var(--input-height);width:var(--input-width);transition:var(--transition-input-out);&:invalid{border-color:var(--input-border-color)}&:user-invalid,&:out-of-range{color:var(--input-text-color--invalid);border-color:var(--input-border-color--invalid);background-color:var(--input-background-color--invalid)}&:valid{border-color:var(--input-border-color--valid)}&:not(:disabled):hover:not(:user-invalid):not(:out-of-range):not(:invalid):not(:readonly){color:var(--input-text-color--hover);background-color:var(--input-background-color--hover);border-color:var(--input-border-color--hover);transition:var(--transition-input-in)}&:focus-visible{outline-width:var(--border-width-100);outline-style:solid;outline-color:var(--color-focus-ring);outline-offset:2px;color:var(--input-text-color--focus)}&:disabled{color:var(--input-text-color--disabled);background-color:var(--input-background-color--disabled);border-color:var(--input-border-color--disabled);cursor:not-allowed}&::selection{background-color:var(--input-background-color--selected);color:var(--input-text-color--selected)}&:read-only{cursor:magnify-glass}&[readonly]{pointer-events:none}}input[type=color]{appearance:none;padding:0;width:unset;height:var(--input-height);aspect-ratio:1/1;overflow:hidden}::-webkit-color-swatch-wrapper{padding:0}::-webkit-color-swatch{border:none}input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime-local]{font-variant-numeric:tabular-nums;&:is(.nova-input){&::-webkit-calendar-picker-indicator{padding:0}}}input::-webkit-datetime-edit,input::-webkit-datetime-edit-fields-wrapper,input::-webkit-datetime-edit-month-field,input::-webkit-datetime-edit-day-field,input::-webkit-datetime-edit-year-field,input::-webkit-datetime-edit-hour-field,input::-webkit-datetime-edit-minute-field,input::-webkit-datetime-edit-second-field,input::-webkit-datetime-edit-ampm-field,input::-webkit-datetime-edit-meridiem-field{padding:unset;margin:unset;text-indent:0;&:focus{&::selection{background-color:#ff0;color:#000}}&:focus{background-color:#ff0;color:#000}&::-internal-autofill-selected{border:1px solid #ccc!important;background-color:#f0f0f0!important;color:#000}}.output-label{font-weight:var(--font-weight-normal);&:after{content:":";margin-inline-end:.25em}}:root{--card-background-color: light-dark(var(--sc-200), var(--sc-800)) }.nova-card{container-type:inline-size;container-name:card;border-radius:var(--border-radius-700, 12px);padding-block:var(--space-500);padding-inline:var(--space-400);color:var(--color-text);padding-inline:.75rem;font-size:.875rem;display:block;height:100%;flex-direction:column;justify-content:start;background-color:var(--card-background-color);color:light-dark(var(--sc-800),var(--sc-200));header,footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.1rem .5rem;h1{font-size:1rem}i{color:light-dark(var(--ac-650),var(--ac-350))}}}@container card (min-width: 299px){.nova-card{padding-block-end:var(--spacing-2, .5rem);font-size:var(--font-size-sm, .875rem);background:#0f1e2a;border-color:#00f!important}.nova-card__title{font-size:var(--font-size-base, 1rem);margin-block-end:var(--spacing-1, .25rem)}.nova-card__content{flex-direction:column;gap:var(--spacing-2, .5rem)}}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}
