@layer havelcss.tokens{:root{color-scheme:light dark;interpolate-size:allow-keywords;--lightmode-color-bg-surface:oklch(from var(--lightmode-color-bg) calc(l + .05) c h);--lightmode-color-bg-elevated:oklch(from var(--lightmode-color-bg-surface) calc(l + .05) c h);--darkmode-color-bg-surface:oklch(from var(--darkmode-color-bg) calc(l + .25) c h);--darkmode-color-bg-elevated:oklch(from var(--darkmode-color-bg-surface) calc(l + .05) c h);--color-bg:light-dark(var(--lightmode-color-bg),var(--darkmode-color-bg));--color-bg-surface:light-dark(var(--lightmode-color-bg-surface),var(--darkmode-color-bg-surface));--color-bg-elevated:light-dark(var(--lightmode-color-bg-elevated),var(--darkmode-color-bg-elevated));--color-text:light-dark(var(--lightmode-color-text),var(--darkmode-color-text));--color-text-strong:light-dark(var(--lightmode-color-text-strong),var(--darkmode-color-text-strong));--color-text-muted:light-dark(var(--lightmode-color-text-muted),var(--darkmode-color-text-muted));--color-border:light-dark(var(--lightmode-color-border),var(--darkmode-color-border));--color-input:light-dark(var(--lightmode-color-input),var(--darkmode-color-input));--color-button:light-dark(var(--lightmode-color-button),var(--darkmode-color-button));--color-brand:light-dark(var(--lightmode-color-brand),var(--darkmode-color-brand));--icon-chevron-down:var(--darkmode-icon-chevron-down);--color-selected:color-mix(in oklab, var(--color-input), var(--color-text) 35%);--color-range-fill:var(--color-input);--color-range-tick:var(--color-input);--color-link:var(--color-text);--color-link-decoration:var(--color-brand);--color-outline:var(--color-text-strong);--font-family:system-ui, sans-serif;--font-family-mono:ui-monospace, sfmono-regular, menlo, consolas, monospace;--font-size-h1:1.75rem;--font-size-h2:1.5rem;--font-size-h3:1.25rem;--font-size-h4:1.125rem;--font-size-h5:1rem;--font-size-h6:.875rem;--font-size-small:.8125rem;--space-s:calc(var(--space-xs) * 2);--space-m:calc(var(--space-s) * 2);--space-l:calc(var(--space-m) * 2);--space-xl:calc(var(--space-l) * 2);--space-xxl:calc(var(--space-xl) * 2);--content-width:68rem;--shadow:0 2px 5px -1px oklch(0% 0 0/.15);--shadow-strong:0 2px 10px -1px oklch(0% 0 0/.25);--input-height:calc(var(--space-m) * 2 + var(--line-height) * 1em);--field-inline-size:22ch;--field-max-block-size:min(25lh, 70svh);--range-track-size:.5em;--range-thumb-size:1.125em;--range-tick-size:.3em;--range-tick-gap:.15em}@media (prefers-color-scheme:light){:root{--icon-chevron-down:var(--lightmode-icon-chevron-down)}}[data-color-scheme=dark]{color-scheme:dark;--icon-chevron-down:var(--darkmode-icon-chevron-down)}[data-color-scheme=light]{color-scheme:light;--icon-chevron-down:var(--lightmode-icon-chevron-down)}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-medium:0s;--duration-slow:0s}}}@layer havelcss.base{*,:before,:after{box-sizing:border-box}:root{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);line-height:var(--line-height)}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0}:focus-visible{outline:var(--outline-width) solid var(--color-outline);outline-offset:var(--outline-offset)}::selection{background:oklch(from var(--color-text) l c h / .25)}img,svg,video,audio,canvas,iframe,embed,object{max-inline-size:100%}img,video{block-size:auto}[inert],[aria-disabled=true]{opacity:.5}[aria-busy=true]{cursor:progress}}@layer havelcss.elements{h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:normal}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}hgroup>:not(:last-child){margin-block-end:0}hgroup>:not(:first-child){margin-block-start:0}hr{block-size:var(--border-width);background:var(--color-border);border:0}a{color:var(--color-link);text-decoration-color:var(--color-link-decoration);text-underline-offset:.15em;transition:color var(--duration-fast), text-decoration-color var(--duration-fast);text-decoration-thickness:from-font}a:focus,a:hover{color:var(--color-text-strong);text-decoration-color:#0000}a:focus-visible{border-radius:var(--border-radius)}a:before{margin-inline-end:var(--space-s);display:inline-block}em,strong{color:var(--color-text-strong)}small{font-size:var(--font-size-small)}abbr[title]{text-decoration:underline dotted var(--color-text-muted);text-underline-offset:.2em;cursor:help}ins,del{text-decoration-thickness:from-font}ins{text-decoration-color:var(--color-success)}del{color:var(--color-text-muted);text-decoration-color:var(--color-danger)}sub,sup{font-size:.75em;line-height:1}mark{padding:0 var(--space-s);background:oklch(from var(--color-text) l c h / .3);color:inherit}::target-text{background:oklch(from var(--color-brand) l c h / .3)}figure{margin-inline:0}figure>figcaption{color:var(--color-text-muted);font-size:var(--font-size-small)}figure>figcaption:not(:last-child){margin-block-end:var(--space-s)}figure>figcaption:not(:first-child){margin-block-start:var(--space-s)}ul,ol,menu{padding-inline-start:1.5em}li::marker{color:var(--color-text-muted)}dl{column-gap:var(--space-l);grid-template-columns:auto 1fr;display:grid}dt{font-weight:700}dd{grid-column-start:2;margin:0}li,dd{margin-block-end:.25em}table{border-collapse:collapse;max-inline-size:100%}caption{color:var(--color-text-muted);font-size:var(--font-size-small);text-align:start;margin-block-end:var(--space-s)}th,td{padding:var(--space-s) var(--space-m);text-align:start}tbody tr:nth-child(2n){background:oklch(from var(--color-text-muted) l c h / .2)}tbody tr:hover{background:oklch(from var(--color-text-muted) l c h / .35)}thead th{border-bottom:var(--border-width) solid var(--color-text-muted)}tfoot td{border-top:var(--border-width) solid oklch(from var(--color-text-muted) l c h / .3);font-size:var(--font-size-small)}figure:has(>table){overscroll-behavior-x:contain;overflow-x:auto}input,select,optgroup,textarea,button{font-family:inherit}input,select,textarea,button{border-radius:var(--border-radius);padding:var(--space-m);accent-color:var(--color-brand);font-size:1em;line-height:var(--line-height);transition:border-color var(--duration-fast), background var(--duration-fast), color var(--duration-fast);border:0;display:inline-block}input,select,option,textarea{--color-input-hover:color-mix(in oklab, var(--color-input), var(--color-text) var(--hover-mix));background:var(--color-input);color:var(--color-text);max-inline-size:100%}::placeholder{color:var(--color-text-muted);opacity:1}optgroup,option{background:var(--color-input-hover)}option:hover,option:focus{background-color:var(--color-input-hover);color:var(--color-text-strong)}select{appearance:none;background-image:var(--icon-chevron-down);background-repeat:no-repeat;background-position:calc(100% - var(--space-m)) center;background-size:.75em;padding-right:2em}@supports (appearance:base-select){select{appearance:base-select}::picker(select){appearance:base-select}select{padding-right:var(--space-m);background-image:none;align-items:center;display:inline-flex}select::picker-icon{content:"";background:var(--icon-chevron-down) no-repeat center / contain;width:.75em;height:.75em;transition:rotate var(--duration-medium)}select:open::picker-icon{rotate:180deg}::picker(select){border-radius:var(--border-radius);background:var(--color-input);box-shadow:var(--shadow-strong);opacity:0;transition:opacity var(--duration-fast), overlay var(--duration-fast) allow-discrete, display var(--duration-fast) allow-discrete;border:0;padding:0}select:open::picker(select){opacity:1}@starting-style{select:open::picker(select){opacity:0}}option{padding:var(--space-s) var(--space-m)}option:hover,option:focus,option:active{background:var(--color-bg-elevated)}option:checked{background:var(--color-selected);color:var(--color-text-strong)}option::checkmark{display:none}}textarea{vertical-align:top;min-block-size:var(--input-height);max-block-size:var(--field-max-block-size);field-sizing:content;resize:none;margin-block:0}input:not([size],[type=checkbox],[type=radio],[type=color],[type=range],[type=file],[type=submit],[type=reset],[type=button],[type=image]),textarea:not([cols]){inline-size:var(--field-inline-size)}textarea:is([cols],[rows]){field-sizing:fixed;resize:vertical;max-block-size:none}@supports not (field-sizing:content){textarea{resize:vertical}}input:not(:disabled):hover,input:focus,select:not(:disabled):hover,select:focus,textarea:not(:disabled):hover,textarea:focus{background-color:var(--color-input-hover);color:var(--color-text-strong)}select:open{background-color:var(--color-input-hover);color:var(--color-text-strong)}button,input:is([type=button],[type=submit],[type=reset]){appearance:none;padding-inline:var(--space-l);background-color:var(--color-button);min-inline-size:min-content;color:var(--color-text);align-items:center;gap:.25em;display:inline-flex}input::-moz-focus-inner{border:0}button::-moz-focus-inner{border:0}button:not(:disabled):hover,button:focus,input:is([type=button],[type=submit],[type=reset]):not(:disabled):hover,input:is([type=button],[type=submit],[type=reset]):focus{background-color:color-mix(in oklab, var(--color-button), var(--color-text) var(--hover-mix));color:var(--color-text-strong)}button[aria-pressed=true]{background-color:color-mix(in oklab, var(--color-button), var(--color-text) 25%);color:var(--color-text-strong)}input[type=image]{background:0 0;padding:0}select[multiple],select[size]:not([size="0"],[size="1"]){box-sizing:content-box;padding:var(--space-s);background-image:none;display:inline-block}select[multiple]:not(:disabled):hover,select[size]:not([size="0"],[size="1"]):not(:disabled):hover{background-color:var(--color-input);color:var(--color-text)}select[multiple] option,select[size]:not([size="0"],[size="1"]) option{border-radius:var(--border-radius);padding:0 var(--space-s);background:0 0}select[multiple] option:hover,select[size]:not([size="0"],[size="1"]) option:hover{background:var(--color-input-hover)}select[multiple] option:checked,select[size]:not([size="0"],[size="1"]) option:checked{background-color:var(--color-selected);background-image:linear-gradient(var(--color-selected) 0 0);color:var(--color-text-strong);-webkit-text-fill-color:var(--color-text-strong)}option:checked:has(+option:checked){border-end-end-radius:0;border-end-start-radius:0}option:checked+option:checked{border-start-start-radius:0;border-start-end-radius:0}input[readonly],textarea[readonly]{--color-input:var(--color-bg-surface);--color-input-hover:var(--color-bg-surface)}output{padding:var(--space-m);color:var(--color-text-strong);font-variant-numeric:tabular-nums;display:inline-block}input:autofill{box-shadow:inset 0 0 0 100vmax var(--color-input);caret-color:var(--color-text);-webkit-text-fill-color:var(--color-text)}input:autofill:hover{box-shadow:inset 0 0 0 100vmax var(--color-input);caret-color:var(--color-text);-webkit-text-fill-color:var(--color-text)}input:autofill:focus{box-shadow:inset 0 0 0 100vmax var(--color-input);caret-color:var(--color-text);-webkit-text-fill-color:var(--color-text)}textarea:autofill{box-shadow:inset 0 0 0 100vmax var(--color-input);caret-color:var(--color-text);-webkit-text-fill-color:var(--color-text)}select:autofill{box-shadow:inset 0 0 0 100vmax var(--color-input);caret-color:var(--color-text);-webkit-text-fill-color:var(--color-text)}:is(input:user-invalid,select:user-invalid,textarea:user-invalid,:is(input,select,textarea)[aria-invalid=true]){box-shadow:inset -3px 0 0 0 var(--color-danger)}input:disabled,select:disabled,textarea:disabled,button:disabled{opacity:.5}fieldset{margin-block:var(--space-l);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);min-inline-size:0}legend{border-radius:var(--border-radius);padding:var(--space-s) var(--space-m);font-size:var(--font-size-small)}fieldset>:first-child,fieldset>legend+*{margin-block-start:0}fieldset>:last-child{margin-block-end:0}input[type=checkbox],input[type=radio]{appearance:none;vertical-align:middle;justify-content:center;align-items:center;width:1.25em;height:1.25em;margin:0;padding:0;display:inline-flex;transform:translateY(round(-.0875em,1px))}input[type=radio]{border-radius:50%}input[type=checkbox]:after,input[type=radio]:after{content:"";opacity:0;transition:var(--duration-medium);display:block;transform:scale(0)}input[type=checkbox]:after{border:.1875em solid;border-top:0;border-left:0;width:.4375em;height:.75em;transform:rotate(43deg)translate(-9%,-9%)scale(0)}input[type=radio]:after{background:currentColor;border-radius:50%;width:60%;height:60%}input[type=checkbox]:checked:after{opacity:1;transform:rotate(43deg)translate(-9%,-9%)scale(1)}input[type=checkbox]:not(:checked):indeterminate:after{opacity:1;border-top:0;border-left:0;width:0;transform:rotate(90deg)translate(0)scale(1)}input[type=radio]:checked:after{opacity:1;transform:scale(1)}button svg{width:auto;height:1em;transform:translateY(.125em)}blockquote{border-inline-start:2px solid var(--color-text-muted);margin-inline:0;padding-inline-start:var(--space-l)}figure>blockquote{margin:0}figure>blockquote+figcaption{text-align:end}figure>blockquote+figcaption:before{content:"— ";color:var(--color-text-muted)}kbd,code,samp,pre{font-family:var(--font-family-mono)}kbd,code,samp{border-radius:var(--border-radius);padding:var(--space-s);background:var(--color-bg-surface)}pre{tab-size:4;border-radius:var(--border-radius);padding:var(--space-s);background:var(--color-bg-elevated);overflow-x:auto}pre>code{margin:calc(var(--space-s) * -1);background:0 0;display:block}kbd{--kbd-edge:oklch(from var(--color-text-muted) calc(l - .2) c h);margin:0 var(--space-s);padding-bottom:calc(var(--space-s) + 1px);padding-right:var(--space-m);padding-left:var(--space-m);box-shadow:inset 0 0 0 1px var(--kbd-edge), inset 0 -2px 0 1px var(--kbd-edge);white-space:nowrap;text-transform:uppercase}details{border-radius:var(--border-radius);padding:var(--space-s) var(--space-m);background:var(--color-bg-elevated)}details summary{align-items:center;gap:var(--space-m);transition:background var(--duration-fast);display:flex}details summary::-webkit-details-marker{display:none}details summary:hover,details summary:focus{margin:calc(var(--space-s) * -1) calc(var(--space-m) * -1);padding:var(--space-s) var(--space-m);background:color-mix(in oklab, var(--color-bg-elevated), var(--color-text) var(--hover-mix))}details summary:focus-visible{border-radius:var(--border-radius)}details summary:before{content:"";background:var(--icon-chevron-down) no-repeat center;width:.75em;height:.75em;transition:var(--duration-medium);display:inline-block;transform:rotate(-90deg)}details[open] summary:before{transform:rotate(0)}details::details-content{opacity:0;block-size:0;transition:var(--duration-slow);transition-behavior:allow-discrete;overflow:clip}details[open]::details-content{opacity:1;transition-behavior:normal;block-size:auto}input[type=file]{--color-input:transparent;--color-input-hover:transparent;padding:0}input[type=file]::file-selector-button{appearance:none;border-radius:var(--border-radius);padding:var(--space-m) var(--space-l);background:var(--color-button);min-inline-size:min-content;color:var(--color-text);font:inherit;line-height:var(--line-height);transition:background var(--duration-fast), color var(--duration-fast);border:0}input[type=file]:not(:disabled):hover::file-selector-button{background:color-mix(in oklab, var(--color-button), var(--color-text) var(--hover-mix));color:var(--color-text-strong)}input[type=file]:focus::file-selector-button{background:color-mix(in oklab, var(--color-button), var(--color-text) var(--hover-mix));color:var(--color-text-strong)}input[type=search]::-webkit-search-cancel-button{display:none}input::-webkit-datetime-edit-ampm-field:focus-within{background:oklch(from var(--color-text) l c h / .3);color:var(--color-text-strong)}input::-webkit-datetime-edit-day-field:focus-within{background:oklch(from var(--color-text) l c h / .3);color:var(--color-text-strong)}input::-webkit-datetime-edit-hour-field:focus-within{background:oklch(from var(--color-text) l c h / .3);color:var(--color-text-strong)}input::-webkit-datetime-edit-millisecond-field:focus-within{background:oklch(from var(--color-text) l c h / .3);color:var(--color-text-strong)}input::-webkit-datetime-edit-minute-field:focus-within{background:oklch(from var(--color-text) l c h / .3);color:var(--color-text-strong)}input::-webkit-datetime-edit-month-field:focus-within{background:oklch(from var(--color-text) l c h / .3);color:var(--color-text-strong)}input::-webkit-datetime-edit-second-field:focus-within{background:oklch(from var(--color-text) l c h / .3);color:var(--color-text-strong)}input::-webkit-datetime-edit-week-field:focus-within{background:oklch(from var(--color-text) l c h / .3);color:var(--color-text-strong)}input::-webkit-datetime-edit-year-field:focus-within{background:oklch(from var(--color-text) l c h / .3);color:var(--color-text-strong)}input::-webkit-calendar-picker-indicator{border-radius:var(--border-radius);opacity:.75;transition:var(--duration-fast)}input::-webkit-calendar-picker-indicator:hover{opacity:1}input::-webkit-calendar-picker-indicator:focus-within{opacity:1;outline:var(--outline-width) solid var(--color-outline);outline-offset:var(--outline-offset)}input[type=color]{appearance:none;padding:var(--space-s);width:var(--input-height);height:var(--input-height);vertical-align:middle;transform:translateY(-.125em)}input[type=color]::-moz-color-swatch{border-radius:var(--border-radius);border-color:currentColor}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border-radius:var(--border-radius);border-color:currentColor}input[type=range]{--range-hit-size:max(2em, var(--range-thumb-size));--range-thumb-offset:calc((var(--range-track-size) - var(--range-thumb-size)) / 2);--range-travel:calc(100% - var(--range-thumb-size));--range-travel-start:calc(var(--range-thumb-size) / 2);appearance:none;padding-block:calc((var(--range-hit-size) - var(--range-thumb-size)) / 2);min-block-size:var(--range-hit-size);vertical-align:middle;margin:0;padding-inline:0;background-color:#0000!important}input[type=range][step]:not([step=any]){--range-ticks:calc((attr(max type(<number>), 100) - attr(min type(<number>), 0)) / attr(step type(<number>), 1));background-image:repeating-linear-gradient(to right, var(--color-range-tick) 0 var(--range-tick-width), transparent 0 calc((100% - var(--range-tick-width)) / var(--range-ticks)));background-position:calc(var(--range-travel-start) - var(--range-tick-width) / 2) calc(var(--range-hit-size) / 2 + var(--range-track-size) / 2 + var(--range-tick-gap));background-size:calc(var(--range-travel) + var(--range-tick-width)) var(--range-tick-size);background-repeat:no-repeat}input[type=range]::-webkit-slider-runnable-track{border-radius:var(--border-radius);block-size:var(--range-track-size);background-color:var(--color-input);background-image:var(--range-layer-fill);background-repeat:no-repeat}input[type=range]::-moz-range-track{border-radius:var(--border-radius);block-size:var(--range-track-size);background:var(--color-input)}input[type=range]{--range-layer-fill:linear-gradient(to right, var(--color-range-fill) 0 calc(var(--range-travel-start) + clamp(0, var(--range-value,0), 1) * var(--range-travel)), transparent 0)}input[type=range]::-moz-range-progress{border-radius:var(--border-radius);block-size:var(--range-track-size);background:var(--color-range-fill)}input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--range-thumb-size);height:var(--range-thumb-size);background:var(--color-text-muted);transition:background var(--duration-fast);border:0;border-radius:50%;margin-block-start:var(--range-thumb-offset)}input[type=range]:not(:disabled):hover::-webkit-slider-thumb{background:var(--color-text)}input[type=range]:focus::-webkit-slider-thumb{background:var(--color-text)}input[type=range]::-moz-range-thumb{width:var(--range-thumb-size);height:var(--range-thumb-size);background:var(--color-text-muted);transition:background var(--duration-fast);border:0;border-radius:50%}input[type=range]:not(:disabled):hover::-moz-range-thumb{background:var(--color-text)}input[type=range]:focus::-moz-range-thumb{background:var(--color-text)}input[list]{appearance:none;background-repeat:no-repeat;background-position:calc(100% - var(--space-m)) center;background-size:.75em;padding-right:2em}input[list]:hover,input[list]:focus{background-image:var(--icon-chevron-down)}input[list]::-webkit-calendar-picker-indicator{opacity:0}progress{appearance:none;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-surface);background-clip:padding-box;height:1em;overflow:hidden}progress::-webkit-progress-bar{background:var(--color-bg-surface)}progress::-moz-progress-bar{background:var(--color-text-muted);transition:width var(--duration-slow)}progress::-webkit-progress-value{background:var(--color-text-muted);transition:width var(--duration-slow)}progress:not([value]){--stripe:oklch(from var(--color-text-muted) l c h / .125);background-image:repeating-linear-gradient(45deg, var(--stripe), var(--stripe) 25%, transparent 25%, transparent 50%);background-size:.875em;animation:1s linear infinite move-stripes}progress:not([value])::-moz-progress-bar{background:0 0}progress:not([value])::-webkit-progress-bar{background:0 0}@media (prefers-reduced-motion:reduce){progress:not([value]){animation:none}}@keyframes move-stripes{to{background-position:.875em 0}}meter{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-surface);height:.625em;overflow:clip}meter::-webkit-meter-bar{background:inherit;height:calc(.625em - 2px)}meter:-moz-meter-optimum::-moz-meter-bar{background:var(--color-success)}meter::-webkit-meter-optimum-value{background:var(--color-success)}meter:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--color-warning)}meter::-webkit-meter-suboptimum-value{background:var(--color-warning)}meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--color-danger)}meter::-webkit-meter-even-less-good-value{background:var(--color-danger)}audio{inline-size:100%}video{background:oklch(0% 0 0)}iframe{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius)}*{scrollbar-color:var(--color-text-muted) transparent;scrollbar-width:thin}:hover{scrollbar-color:var(--color-text) transparent}}@layer havelcss.components{dialog{border-radius:var(--border-radius);padding:var(--space-l);max-inline-size:min(100% - 2 * var(--space-l), var(--content-width));max-block-size:calc(100dvh - 2 * var(--space-l));background:var(--color-bg-elevated);color:var(--color-text);box-shadow:var(--shadow-strong);opacity:0;transition:opacity var(--duration-medium), scale var(--duration-medium), overlay var(--duration-medium) allow-discrete, display var(--duration-medium) allow-discrete;border:0;margin:auto;scale:.98}dialog[open]{opacity:1;scale:1}@starting-style{dialog[open]{opacity:0;scale:.98}}dialog::backdrop{backdrop-filter:blur(2px);opacity:0;transition:opacity var(--duration-medium), overlay var(--duration-medium) allow-discrete, display var(--duration-medium) allow-discrete;background:oklch(0% 0 0/.5)}dialog[open]::backdrop{opacity:1}@starting-style{dialog[open]::backdrop{opacity:0}}dialog>:first-child{margin-block-start:0}dialog>:last-child{margin-block-end:0}html:has(dialog:modal[open]){overflow:hidden}[popover]{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-m) var(--space-l);background:var(--color-bg-elevated);color:var(--color-text);box-shadow:var(--shadow-strong);opacity:0;transition:opacity var(--duration-fast), overlay var(--duration-fast) allow-discrete, display var(--duration-fast) allow-discrete;margin:auto}[popover]:popover-open{opacity:1}@starting-style{[popover]:popover-open{opacity:0}}[popover]>:first-child{margin-block-start:0}[popover]>:last-child{margin-block-end:0}[popover]::backdrop{background:0 0}button.outline{border:var(--border-width) solid var(--color-text-muted);background:0 0}button.outline:not(:disabled):hover,button.outline:focus{border-color:var(--color-brand);background:oklch(from var(--color-brand) l c h / 12%)}button.primary{--primary-bg:var(--color-brand);background-color:var(--primary-bg);color:oklch(from var(--primary-bg) clamp(0, (.6 - l) * 100, 1) 0 h)}button.primary:not(:disabled):hover,button.primary:focus{--primary-bg:light-dark(oklch(from var(--color-brand) calc(l - .08) c h),oklch(from var(--color-brand) calc(l + .08) c h))}input[type=checkbox].toggle{border:var(--border-width) solid currentColor;background:inherit;width:2.5em;transition:background var(--duration-slow);border-radius:1em;padding:.125em}input[type=checkbox].toggle:checked{background:currentColor}input[type=checkbox].toggle:after{content:"";opacity:1;width:.875em;height:.875em;transition:var(--duration-slow);background:currentColor;border:0;border-radius:50%;margin-right:auto;display:block;transform:none}input[type=checkbox].toggle:checked:after{background:var(--color-bg);transform:translate(1.25em)}.field-group{border-radius:var(--border-radius);display:flex}.field-group>*{border-radius:0}.field-group>:first-child{border-start-start-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.field-group>:last-child{border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}.field-group>:focus-visible{z-index:1;position:relative}}@layer havelcss.utilities{[hidden]{display:none}.sr-only:not(:focus-within){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ellipsis{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-inline-size:100%;display:inline-block;overflow:hidden}.skip-link{z-index:100;translate:0 calc(-100% - var(--space-l) * 2);border-radius:var(--border-radius);padding:var(--space-m) var(--space-l);background:var(--color-brand);color:oklch(from var(--color-brand) clamp(0, (.6 - l) * 100, 1) 0 h);transition:translate var(--duration-fast);text-decoration:none;position:fixed;inset-block-start:var(--space-l);inset-inline-start:var(--space-l)}.skip-link:focus{translate:0}}@property --lightmode-color-bg{syntax:"<color>";inherits:true;initial-value:oklch(90% 0 0)}@property --lightmode-color-text{syntax:"<color>";inherits:true;initial-value:oklch(15% 0 0)}@property --lightmode-color-text-strong{syntax:"<color>";inherits:true;initial-value:oklch(5% 0 0)}@property --lightmode-color-text-muted{syntax:"<color>";inherits:true;initial-value:oklch(40% 0 0)}@property --lightmode-color-border{syntax:"<color>";inherits:true;initial-value:oklch(70% 0 0)}@property --lightmode-color-input{syntax:"<color>";inherits:true;initial-value:oklch(70% 0 0)}@property --lightmode-color-button{syntax:"<color>";inherits:true;initial-value:oklch(70% 0 0)}@property --lightmode-color-brand{syntax:"<color>";inherits:true;initial-value:#f2d}@property --lightmode-icon-chevron-down{syntax:"<url>";inherits:true;initial-value:url("data:image/svg+xml,<svg viewBox=\"0 0 29 15\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m2.5 2.5 12 10 12-10\" fill=\"none\" stroke=\"%23000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"5\"/></svg>")}@property --darkmode-color-bg{syntax:"<color>";inherits:true;initial-value:oklch(0% 0 0)}@property --darkmode-color-text{syntax:"<color>";inherits:true;initial-value:oklch(90% 0 0)}@property --darkmode-color-text-strong{syntax:"<color>";inherits:true;initial-value:oklch(98% 0 0)}@property --darkmode-color-text-muted{syntax:"<color>";inherits:true;initial-value:oklch(70% 0 0)}@property --darkmode-color-border{syntax:"<color>";inherits:true;initial-value:oklch(40% 0 0)}@property --darkmode-color-input{syntax:"<color>";inherits:true;initial-value:oklch(40% 0 0)}@property --darkmode-color-button{syntax:"<color>";inherits:true;initial-value:oklch(40% 0 0)}@property --darkmode-color-brand{syntax:"<color>";inherits:true;initial-value:#f2d}@property --darkmode-icon-chevron-down{syntax:"<url>";inherits:true;initial-value:url("data:image/svg+xml,<svg viewBox=\"0 0 29 15\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m2.5 2.5 12 10 12-10\" fill=\"none\" stroke=\"%23fff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"5\"/></svg>")}@property --color-success{syntax:"<color>";inherits:true;initial-value:oklch(70% .14 145)}@property --color-warning{syntax:"<color>";inherits:true;initial-value:oklch(78% .228 82)}@property --color-danger{syntax:"<color>";inherits:true;initial-value:oklch(72% .2 30)}@property --color-info{syntax:"<color>";inherits:true;initial-value:oklch(66% .224 210)}@property --hover-mix{syntax:"<percentage>";inherits:true;initial-value:10%}@property --outline-width{syntax:"<length>";inherits:true;initial-value:2px}@property --outline-offset{syntax:"<length>";inherits:true;initial-value:2px}@property --line-height{syntax:"<number>";inherits:true;initial-value:1.5}@property --border-radius{syntax:"<length-percentage>";inherits:true;initial-value:3px}@property --border-width{syntax:"<length>";inherits:true;initial-value:1px}@property --space-xs{syntax:"<length>";inherits:true;initial-value:2px}@property --range-tick-width{syntax:"<length>";inherits:true;initial-value:2px}@property --duration-fast{syntax:"<time>";inherits:true;initial-value:80ms}@property --duration-medium{syntax:"<time>";inherits:true;initial-value:.25s}@property --duration-slow{syntax:"<time>";inherits:true;initial-value:.35s}