@layer hlcomponents{:root{--sizing:.25rem;--text-xs:.75rem;--leading-xs:1rem;--text-sm:.875rem;--leading-sm:1.25rem;--text-base:1rem;--leading-base:1.5rem;--text-lg:1.125rem;--leading-lg:1.75rem;--text-xl:1.25rem;--leading-xl:1.75rem;--text-2xl:1.5rem;--leading-2xl:2rem;--text-3xl:1.875rem;--leading-3xl:2.25rem;--text-4xl:2.25rem;--leading-4xl:2.5rem;--background:#fff;--background-muted:#f0f0f0;--foreground:#111827;--foreground-muted:#ccc;--outline:#007bff;--outline-hover:#0056b3;--text-foreground:#000;--text-muted:#666;--text-disabled:#999;--text-inverse:#fff;--text-danger:#cc3636;--shadow-color:220 40% 2%;--shadow-xs:0 1px 2px 0 hsl(var(--shadow-color) / .08);--shadow-sm:0 1px 2px 0 hsl(var(--shadow-color) / .1), 0 1px 3px 0 hsl(var(--shadow-color) / .05);--shadow-md:0 4px 6px -1px hsl(var(--shadow-color) / .1), 0 2px 4px -2px hsl(var(--shadow-color) / .08);--shadow-lg:0 10px 15px -3px hsl(var(--shadow-color) / .12), 0 4px 6px -4px hsl(var(--shadow-color) / .1);--shadow-xl:0 20px 25px -5px hsl(var(--shadow-color) / .15), 0 8px 10px -6px hsl(var(--shadow-color) / .1);--input-gap:var(--sizing);--input-label-font-size:.875rem;--input-label-font-weight:600;--input-label-color:var(--text-foreground);--input-label-disabled-color:var(--text-disabled);--input-border-color:var(--foreground-muted);--input-border-radius:.25rem;--input-border-width:1px;--input-padding:.5rem;--input-font-size:1rem;--input-font-color:var(--text-foreground);--input-background-color:var(--background);--input-focus-outline-color:var(--outline);--input-focus-outline-width:2px;--input-focus-outline-offset:2px;--input-error-color:var(--text-danger);--input-toggle-width:32px;--input-toggle-height:16px;--input-toggle-background-color:var(--foreground-muted);--input-toggle-checked-background-color:var(--outline);--input-suggestion-color:var(--text-disabled);--button-font-size:1rem;--button-font-weight:600;--button-color:var(--text-inverse);--button-background-color:var(--outline);--button-border-radius:999px;--button-padding:.5rem 1rem;--button-hover-background-color:var(--outline-hover);--button-hover-color:var(--text-inverse);--list-background-color:var(--background);--list-border-color:var(--foreground-muted);--list-border-radius:.25rem;--list-border-width:1px;--list-item-active-background-color:color-mix(in srgb, var(--background-muted) 70%, transparent);--z-index-list:1000;--font-family-mono:monospace;--font-family:sans-serif;--text-color-strong:var(--text-foreground);--btn-transition-duration:.2s;--btn-icon-size:2rem;--list-item-active-icon-size:1rem;--btn-ghost-color:var(--text-foreground);--btn-ghost-border-transition-duration:.1s;--btn-ghost-border-width:1px;--btn-ghost-hover-background-color:color-mix(in srgb, var(--background-muted) 94%, transparent);--btn-ghost-hover-border-color:color-mix(in srgb, var(--background-muted) 94%, transparent);--btn-ghost-hover-color:var(--text-color-strong);--btn-size-xs-font-size:.75rem;--btn-size-sm-font-size:.875rem;--btn-size-md-font-size:1rem;--btn-size-lg-font-size:1.125rem;--btn-size-xl-font-size:1.25rem;--formgroup-legend-font-size:1.2rem;--formgroup-grid-gap:calc(var(--sizing) * 4);--formgroup-margin-top:calc(var(--sizing) * 4);--group-action-padding:calc(var(--sizing) * 2);--group-action-radius:999px;--input-group-action-inline-space:1rem;--group-action-icon-color:var(--text-foreground);--input-error-font-size:.875rem;--toggle-input-margin-right:.5rem;--toggle-knob-inset:2px;--toggle-knob-color:var(--background);--toggle-transition-duration:.2s;--accordion-title-font-size:1rem;--accordion-title-color:var(--text-color-strong);--accordion-title-font-weight:600;--accordion-title-gap:.5rem;--accordion-marker-rotate:45deg;--accordion-transition-duration:.3s;--spinner-size:24px;--spinner-border-width:2px;--spinner-color:var(--outline);--spinner-animation-duration:1s;--dialog-backdrop-color:#00000039;--dialog-backdrop-blur:5px;--datepicker-part-focus-background-color:var(--background-muted);--datepicker-highlight-background-color:var(--background-muted);--date-picker-max-width:300px;--date-picker-transition-duration:.3s;--date-picker-day-focus-outline-offset:-2px;--date-picker-outside-month-opacity:.3;--date-picker-disabled-opacity:.3;--date-picker-footer-gap:.5rem;--date-picker-gap:var(--sizing);--date-picker-monthyear-color:var(--text-foreground);--date-picker-monthyear-font-size:1rem;--date-picker-monthyear-font-weight:600;--date-picker-weekday-font-size:.875rem;--date-picker-weekday-font-weight:600;--date-picker-weekday-color:var(--text-foreground);--date-picker-day-color:var(--text-foreground);--date-picker-day-background-color:var(--background);--date-picker-day-radius:999px;--date-picker-highlight-color:var(--text-foreground);--date-picker-highlight-background-color:oklch(from var(--background-muted) calc(l - .001) c h);--date-picker-disabled-color:var(--text-disabled);--date-picker-disabled-background-color:var(--background-muted);--date-picker-selected-color:var(--text-foreground);--date-picker-selected-background-color:#1f0;--wheel-perspective:2000px;--wheel-slot-font-size:1rem;--wheel-focus-outline-offset:0px;--wheel-color:var(--text-foreground);--wheel-disabled-color:var(--text-disabled)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}[data-hl-autocomplete-suggestion]{color:var(--input-suggestion-color)}[data-hl-list]{z-index:var(--z-index-list);background-color:var(--list-background-color);border:var(--list-border-width) solid var(--list-border-color);border-radius:var(--list-border-radius);display:flex;overflow:hidden}.hl-list-scrollable{padding:var(--sizing);flex:1;overflow:hidden auto}.hl-list-item{padding:var(--sizing);border-radius:var(--list-border-radius);cursor:pointer;grid-template-columns:auto 1fr;display:grid}.hl-list-item[data-active]{background-color:var(--list-item-active-background-color)}.hl-list-item .hl-list-item-active{opacity:0;margin-right:calc(var(--sizing) * 2);width:var(--list-item-active-icon-size);height:var(--list-item-active-icon-size);justify-content:center;align-items:center;display:flex}.hl-list-item[aria-selected=true] .hl-list-item-active{opacity:1}.hl-btn{padding:var(--button-padding);font-size:var(--button-font-size);font-weight:var(--button-font-weight);color:var(--button-color);background-color:var(--button-background-color);border-radius:var(--button-border-radius);cursor:pointer;transition:background-color var(--btn-transition-duration) ease-in-out;text-box:trim-start cap alphabetic;border:none;justify-content:center;align-items:center;display:inline-flex}.hl-btn:hover{background-color:var(--button-hover-background-color);color:var(--button-hover-color)}.hl-btn:focus{outline:var(--input-focus-outline-width) solid var(--input-focus-outline-color);outline-offset:var(--input-focus-outline-offset)}.hl-btn--icon{padding:var(--sizing);aspect-ratio:1;width:var(--btn-icon-size);height:var(--btn-icon-size);justify-content:center;align-items:center;display:flex}.hl-btn--ghost{border:var(--btn-ghost-border-width) solid transparent;color:var(--btn-ghost-color);cursor:pointer;transition:background-color var(--btn-transition-duration) ease-in-out, border-color var(--btn-ghost-border-transition-duration) ease-in-out;background-color:#0000}.hl-btn--ghost:hover{background-color:var(--btn-ghost-hover-background-color);border-color:var(--btn-ghost-hover-border-color);color:var(--btn-ghost-hover-color)}.hl-btn--xs{padding:calc(var(--sizing) * 2) calc(var(--sizing) * 4);font-size:var(--btn-size-xs-font-size)}.hl-btn--sm{padding:calc(var(--sizing) * 3) calc(var(--sizing) * 6);font-size:var(--btn-size-sm-font-size)}.hl-btn--md{padding:calc(var(--sizing) * 4) calc(var(--sizing) * 8);font-size:var(--btn-size-md-font-size)}.hl-btn--lg{padding:calc(var(--sizing) * 5) calc(var(--sizing) * 10);font-size:var(--btn-size-lg-font-size)}.hl-btn--xl{padding:calc(var(--sizing) * 6) calc(var(--sizing) * 12);font-size:var(--btn-size-xl-font-size)}.hl-formgroup{gap:var(--formgroup-grid-gap);margin-top:var(--formgroup-margin-top);grid-template-columns:1fr 1fr;display:grid}.hl-formgroup>.hl-formgroup{margin-top:0}.hl-formgroup{border-radius:var(--input-border-radius);background-color:var(--input-background-color);border:none}.hl-formgroup legend{font-size:var(--formgroup-legend-font-size);font-weight:var(--input-label-font-weight);color:var(--input-label-color);margin-bottom:calc(var(--sizing) * 2)}.hl-formgroup:first-child{margin-top:0}.hl-formgroup .hl-formgroup-legend{font-size:var(--formgroup-legend-font-size);font-weight:var(--input-label-font-weight);color:var(--input-label-color)}.hl-col-span-2{grid-column:span 2}.hl-field{gap:var(--input-gap);flex-direction:column;display:flex;position:relative}.hl-field:has(input[aria-invalid=true]) .hl-input-group{outline-color:var(--input-error-color)}.hl-label{font-size:var(--input-label-font-size);font-weight:var(--input-label-font-weight);color:var(--input-label-color)}.hl-label:disabled{color:var(--input-label-disabled-color)}.hl-label:has(+input:disabled){color:var(--input-label-disabled-color)}.hl-required{color:var(--input-error-color);margin-left:var(--sizing)}.hl-input-group{align-items:center;gap:var(--input-padding);display:flex;position:relative}.hl-input-group:has(.hl-input){border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);padding:var(--input-padding);background-color:var(--input-background-color)}.hl-input-group:has(.hl-input) .hl-input{border:none;outline:none;padding:0}:is(.hl-input-group:has(.hl-input:focus),.hl-input-group:has(.hl-input:focus-within)){outline:var(--input-focus-outline-width) solid var(--input-focus-outline-color);outline-offset:var(--input-focus-outline-offset)}.hl-input-group:has(.hl-group-action[data-actionside=right]){padding-right:calc(var(--input-padding) * 2.5 + var(--input-group-action-inline-space))}.hl-input-group:has(.hl-group-action[data-actionside=left]){padding-left:calc(var(--input-padding) * 2.5 + var(--input-group-action-inline-space))}button.hl-group-action{width:auto;height:100%;padding:var(--group-action-padding);border-radius:var(--group-action-radius);cursor:pointer;color:var(--group-action-icon-color);background-color:#0000;border:none;justify-content:center;align-items:center;display:flex;position:absolute}button.hl-group-action svg{width:100%;height:100%}button.hl-group-action:focus{outline:var(--input-focus-outline-width) solid var(--input-focus-outline-color);outline-offset:var(--input-focus-outline-offset)}button.hl-group-action{right:var(--input-padding)}button.hl-group-action[data-actionside=right]{right:0}button.hl-group-action[data-actionside=left]{left:0}.hl-input{border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);width:100%;padding:var(--input-padding);font-size:var(--input-font-size);color:var(--input-font-color);background-color:var(--input-background-color)}.hl-input:focus,.hl-input:focus-within{outline:var(--input-focus-outline-width) solid var(--input-focus-outline-color);outline-offset:var(--input-focus-outline-offset)}.hl-input[aria-invalid=true]{outline-color:var(--input-error-color)}.hl-input-error{color:var(--input-error-color);font-size:var(--input-error-font-size);margin-top:var(--sizing);font-family:inherit}.hl-toggle-group{gap:var(--sizing);grid-template-columns:auto 1fr;display:grid}[data-hl-datepicker]{font-size:var(--input-font-size)}.hl-datepicker-part{font-family:inherit;font-size:inherit;caret-color:#0000;border-radius:var(--input-border-radius);padding-inline:var(--sizing);-webkit-user-select:none;user-select:none;outline:none;font-family:monospace}.hl-datepicker-part:focus{background-color:var(--input-focus-background-color,var(--datepicker-part-focus-background-color))}.hl-datepicker-separator{padding-inline:var(--sizing);font-family:inherit;font-size:inherit;font-family:monospace}.hl-toggle{grid-template-columns:auto 1fr;display:grid;position:relative}.hl-toggle input{opacity:0;width:var(--input-toggle-width);height:var(--input-toggle-height);margin-right:var(--toggle-input-margin-right)}.hl-toggle input:focus+span{outline:var(--input-focus-outline-width) solid var(--input-focus-outline-color);outline-offset:var(--input-focus-outline-offset)}.hl-toggle input[aria-invalid=true]+span,.hl-toggle input[aria-invalid=true]:focus+span,.hl-toggle input[aria-invalid=true]:checked+span{outline-color:var(--input-error-color);background-color:var(--input-error-color)}.hl-toggle span{pointer-events:none;width:var(--input-toggle-width);height:var(--input-toggle-height);background-color:var(--input-toggle-background-color);border-radius:var(--input-toggle-height);transition:background-color var(--toggle-transition-duration) ease-in-out;position:absolute;top:0;left:0}.hl-toggle input:checked+span{background-color:var(--input-toggle-checked-background-color)}.hl-toggle span:before{content:"";height:calc(var(--input-toggle-height) - var(--toggle-knob-inset) * 2);width:calc(var(--input-toggle-height) - var(--toggle-knob-inset) * 2);left:var(--toggle-knob-inset);bottom:var(--toggle-knob-inset);background-color:var(--toggle-knob-color);transition:transform var(--toggle-transition-duration) ease-in-out;border-radius:50%;position:absolute}.hl-toggle input:checked+span:before{transform:translateX(calc(var(--input-toggle-width) - var(--input-toggle-height)))}summary.hl-accordion-title::marker{content:""}summary.hl-accordion-title::-webkit-details-marker{display:none}summary.hl-accordion-title{gap:var(--accordion-title-gap);cursor:pointer;border-radius:var(--input-border-radius);color:var(--accordion-title-color);font-size:var(--accordion-title-font-size);font-weight:var(--accordion-title-font-weight);grid-template-columns:1fr auto;align-items:center;display:grid}summary.hl-accordion-title .marker{transition:transform var(--btn-transition-duration) ease-in-out;color:inherit;justify-content:center;align-items:center;display:flex}summary.hl-accordion-title:focus{outline:var(--input-focus-outline-width) solid var(--input-focus-outline-color);outline-offset:var(--input-focus-outline-offset)}details.hl-accordion[open] summary.hl-accordion-title .marker{transform:rotate(var(--accordion-marker-rotate))}.hl-accordion-body{padding-block:calc(var(--sizing) * 2)}details{interpolate-size:allow-keywords}.hl-accordion-content{transition:grid-template-rows var(--accordion-transition-duration) ease;grid-template-rows:0fr;display:grid}details[open] .hl-accordion-content{grid-template-rows:1fr}.loading-spinner{border:var(--spinner-border-width) solid transparent;border-top:var(--spinner-border-width) solid var(--input-border-color-loading);border-right:var(--spinner-border-width) solid var(--input-border-color-loading);width:var(--spinner-size);height:var(--spinner-size);animation:spin var(--spinner-animation-duration) linear infinite;border-radius:50%;position:absolute}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}dialog.hl-dialog::backdrop{background-color:var(--dialog-backdrop-color);-webkit-backdrop-filter:blur(var(--dialog-backdrop-blur));backdrop-filter:blur(var(--dialog-backdrop-blur));justify-content:center;align-items:center;display:flex}dialog.hl-dialog{box-shadow:var(--shadow-lg);border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-background-color);margin:auto}.hl-date-picker{width:calc(100% - var(--sizing) * 4);max-width:var(--date-picker-max-width)}.hl-date-picker .header{gap:var(--sizing);padding:var(--sizing) calc(var(--sizing) * 2);font-family:var(--font-family-mono);-webkit-user-select:none;user-select:none;grid-template-columns:1fr auto auto;display:grid}.hl-date-picker .header h2{font-size:var(--input-font-size);border-radius:var(--input-border-radius);width:min-content;padding:var(--sizing)}.hl-date-picker .header h2:focus{outline:var(--input-focus-outline-width) solid var(--input-focus-outline-color);outline-offset:var(--input-focus-outline-offset)}.hl-date-picker .header{font-weight:var(--date-picker-monthyear-font-weight);text-transform:capitalize;border-bottom:var(--input-border-width) solid var(--input-border-color);margin-bottom:calc(var(--sizing) * 2);color:var(--date-picker-monthyear-color);align-items:center}.hl-date-picker .body{padding:var(--sizing)}.hl-date-picker .calendar-weekdays{font-family:var(--font-family-mono);font-size:var(--date-picker-weekday-font-size);font-weight:var(--date-picker-weekday-font-weight);text-transform:capitalize;text-align:center;margin-bottom:var(--sizing);color:var(--date-picker-weekday-color);gap:var(--date-picker-gap);grid-template-columns:repeat(7,1fr);display:grid}.hl-date-picker .calendar-days-wrapper{width:100%;position:relative;overflow:hidden}.hl-date-picker .calendar-days{gap:var(--date-picker-gap);width:100%;display:grid;position:relative}.hl-date-picker .calendar-row{gap:var(--date-picker-gap);grid-template-columns:repeat(7,1fr);display:grid}.hl-date-picker .calendar-row div[role=gridcell]{padding:var(--sizing);font-family:var(--font-family-mono);font-size:var(--input-font-size);color:var(--date-picker-day-color);background-color:var(--date-picker-day-background-color);cursor:pointer;aspect-ratio:1;border-radius:var(--date-picker-day-radius);border:none;justify-content:center;align-items:center;display:flex}.hl-date-picker .calendar-row div[role=gridcell]:focus{outline:var(--input-focus-outline-width) solid var(--input-focus-outline-color);outline-offset:var(--date-picker-day-focus-outline-offset)}.hl-date-picker .calendar-row div[role=gridcell][data-highlight=true]{background-color:var(--date-picker-highlight-background-color);color:var(--date-picker-highlight-color)}.hl-date-picker .calendar-row div[role=gridcell][data-same-month=false]{opacity:var(--date-picker-outside-month-opacity)}.hl-date-picker .calendar-row div[role=gridcell][aria-selected=true]{color:var(--date-picker-selected-color);background-color:var(--date-picker-selected-background-color)}.hl-date-picker .calendar-row div[role=gridcell][aria-disabled=true]{opacity:var(--date-picker-disabled-opacity);color:var(--date-picker-disabled-color);background-color:var(--date-picker-disabled-background-color);pointer-events:none}.hl-date-picker .calendar-row div[role=gridcell][aria-disabled=true]:focus{outline:none}.hl-date-picker .footer{justify-content:flex-end;gap:var(--date-picker-footer-gap);padding:var(--sizing);border-top:var(--input-border-width) solid var(--input-border-color);display:flex}.hl-date-picker .month-year-picker{gap:var(--sizing);background-color:var(--input-background-color);opacity:0;width:100%;height:100%;transition:transform var(--date-picker-transition-duration) linear, opacity var(--date-picker-transition-duration) linear;padding:var(--sizing);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;transform:translateY(-50%)}.hl-date-picker .month-year-picker.is-active{opacity:1;transform:translateY(0)}[data-hl-wl-group]{gap:var(--sizing);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}[data-hl-wl]{perspective:var(--wheel-perspective);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:var(--input-border-radius);flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}[data-hl-wl]:focus{outline:var(--input-focus-outline-width) solid var(--input-focus-outline-color);outline-offset:var(--wheel-focus-outline-offset)}[data-hl-wl-wheel]{width:100%;height:0;transform-style:preserve-3d;-webkit-font-smoothing:subpixel-antialiased;backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}[data-hl-wl-slot]{font-size:var(--wheel-slot-font-size);text-transform:capitalize;color:var(--wheel-color);justify-content:center;align-items:center;display:flex}[data-hl-wl-hl]{pointer-events:none;border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius);z-index:1;width:100%;position:absolute}.hl-hidden{display:none}.hl-no-transition{transition:none}}