@layer karibu.components{.k-date-picker{--control-height:var(--control-height-3);--control-bg:var(--color-bg-surface);--control-fg:var(--color-text);--control-placeholder:var(--color-text-placeholder);--control-border-color:var(--color-border-interactive);--control-border-color-hover:var(--color-border-interactive-hover);--control-border-width:var(--border-width-1);--control-radius:var(--radius-4);--control-padding-inline:var(--space-3);--control-gap:var(--space-2);--control-font-size:var(--font-size-3);--date-field-segment-padding-inline:var(--space-1);--date-field-segment-radius:var(--radius-1);--date-field-segment-bg-focus:var(--color-accent-bg);--date-field-segment-fg-focus:var(--color-accent-text);--date-field-segment-placeholder-color:var(--color-text-placeholder);--date-field-literal-color:var(--color-text-subtle);--date-field-gap:0;--date-picker-trigger-size:var(--icon-size-2);--date-picker-trigger-radius:var(--radius-1);--date-picker-trigger-color:var(--color-text-muted);--date-picker-trigger-color-hover:var(--color-text);gap:var(--control-gap);min-height:var(--control-height);padding-inline:var(--control-padding-inline);font-family:var(--font-family-body);font-size:var(--control-font-size);color:var(--control-fg);background-color:var(--control-bg);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius);transition:border-color var(--duration-2) var(--ease-standard),background-color var(--duration-2) var(--ease-standard);line-height:1.2}.k-date-picker:hover{border-color:var(--control-border-color-hover)}.k-date-picker:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.k-date-picker:has(:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.k-date-picker{font-variant-numeric:tabular-nums;caret-color:#0000}.k-date-picker--sm{--control-height:var(--control-height-2);--control-font-size:var(--font-size-2);--control-radius:var(--radius-3);--control-padding-inline:var(--space-2);--control-gap:var(--space-1)}.k-date-picker--lg{--control-height:var(--control-height-4);--control-font-size:var(--font-size-4);--control-radius:var(--radius-5);--control-padding-inline:var(--space-4)}.k-date-picker--invalid{--control-border-color:var(--color-danger-border);--control-border-color-hover:var(--color-danger-border);--control-border-width:var(--border-width-2)}.k-date-picker--readonly{--control-bg:var(--color-bg-subtle);--control-border-color-hover:var(--control-border-color)}.k-date-picker--disabled{--control-bg:var(--color-bg-muted);--control-fg:var(--color-text-subtle);--control-border-color-hover:var(--control-border-color);cursor:not-allowed}.k-date-picker{min-width:0;display:inline-flex}.k-date-picker--full-width{inline-size:100%;display:flex}.k-date-picker[data-invalid]{--control-border-color:var(--color-danger-border);--control-border-color-hover:var(--color-danger-border);--control-border-width:var(--border-width-2)}.k-date-picker__box{display:contents}.k-date-picker{align-items:center;gap:var(--date-field-gap);white-space:nowrap;display:flex}.k-date-picker__segment{padding-inline:var(--date-field-segment-padding-inline);border-radius:var(--date-field-segment-radius);outline:none}.k-date-picker__segment:not([aria-valuenow]),.k-date-picker__segment[aria-valuenow=""],.k-date-picker__segment[data-placeholder]{color:var(--date-field-segment-placeholder-color)}.k-date-picker__segment:focus-visible{color:var(--date-field-segment-fg-focus);background-color:var(--date-field-segment-bg-focus)}.k-date-picker__literal{color:var(--date-field-literal-color);-webkit-user-select:none;user-select:none;flex:none}.k-date-picker__trigger{color:var(--date-picker-trigger-color);font:inherit;border-radius:var(--date-picker-trigger-radius);cursor:pointer;transition:color var(--duration-1) var(--ease-standard);background:0 0;border:none;flex:none;order:-1;justify-content:center;align-self:stretch;align-items:center;margin-inline-end:var(--space-2);padding:0;display:inline-flex}.k-date-picker__trigger>svg{inline-size:var(--date-picker-trigger-size);block-size:var(--date-picker-trigger-size);display:block}.k-date-picker__trigger:hover:not([disabled]){color:var(--date-picker-trigger-color-hover)}.k-date-picker__trigger:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--date-picker-trigger-radius)}.k-date-picker__trigger[disabled]{opacity:var(--opacity-disabled);cursor:not-allowed}.k-select{--control-height:var(--control-height-3);--control-bg:var(--color-bg-surface);--control-fg:var(--color-text);--control-placeholder:var(--color-text-placeholder);--control-border-color:var(--color-border-interactive);--control-border-color-hover:var(--color-border-interactive-hover);--control-border-width:var(--border-width-1);--control-radius:var(--radius-4);--control-padding-inline:var(--space-3);--control-gap:var(--space-2);--control-font-size:var(--font-size-3);--select-icon-color:var(--color-text-muted);--select-icon-size:var(--icon-size-2);--select-placeholder-color:var(--color-text-placeholder);align-items:center;gap:var(--control-gap);min-height:var(--control-height);padding-inline:var(--control-padding-inline);font-family:var(--font-family-body);font-size:var(--control-font-size);color:var(--control-fg);background-color:var(--control-bg);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius);transition:border-color var(--duration-2) var(--ease-standard),background-color var(--duration-2) var(--ease-standard);line-height:1.2;display:flex}.k-select:hover{border-color:var(--control-border-color-hover)}.k-select:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.k-select:has(:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.k-select--sm{--control-height:var(--control-height-2);--control-font-size:var(--font-size-2);--control-radius:var(--radius-3);--control-padding-inline:var(--space-2);--control-gap:var(--space-1)}.k-select--lg{--control-height:var(--control-height-4);--control-font-size:var(--font-size-4);--control-radius:var(--radius-5);--control-padding-inline:var(--space-4)}.k-select--invalid{--control-border-color:var(--color-danger-border);--control-border-color-hover:var(--color-danger-border);--control-border-width:var(--border-width-2)}.k-select--readonly{--control-bg:var(--color-bg-subtle);--control-border-color-hover:var(--control-border-color)}.k-select--disabled{--control-bg:var(--color-bg-muted);--control-fg:var(--color-text-subtle);--control-border-color-hover:var(--control-border-color);cursor:not-allowed}.k-select{cursor:pointer;text-align:start;justify-content:space-between}.k-select[data-placeholder] .k-select__value{color:var(--select-placeholder-color)}.k-select__value{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;overflow:hidden}.k-select__icon{font-size:var(--select-icon-size);color:var(--select-icon-color);flex:none;align-items:center;display:inline-flex}.k-select--full-width{inline-size:100%}}@layer karibu.popup{.k-date-picker-content{--date-picker-content-bg:var(--color-bg-surface);--date-picker-content-padding:var(--space-3);--date-picker-content-radius:var(--radius-4);--date-picker-content-border-width:var(--border-width-1);--date-picker-content-border-color:var(--color-border-subtle);--date-picker-content-shadow:var(--shadow-popover);--date-picker-content-z-index:var(--z-popover);--calendar-gap:var(--space-3);--calendar-months-gap:var(--space-5);--calendar-header-gap:var(--space-2);--calendar-heading-font-size:var(--font-size-3);--calendar-heading-font-weight:var(--font-weight-medium);--calendar-heading-color:var(--color-text);--calendar-nav-size:var(--control-height-2);--calendar-nav-radius:var(--radius-2);--calendar-nav-color:var(--color-text-muted);--calendar-nav-color-hover:var(--color-text);--calendar-nav-color-disabled:var(--color-text-placeholder);--calendar-nav-bg-hover:var(--color-neutral-bg-hover);--calendar-weekday-font-size:var(--font-size-1);--calendar-weekday-font-weight:var(--font-weight-medium);--calendar-weekday-color:var(--color-text-muted);--calendar-cell-size:var(--control-height-2);--calendar-cell-gap:var(--space-0);--calendar-cell-radius:var(--radius-2);--calendar-cell-font-size:var(--font-size-2);--calendar-cell-color:var(--color-text);--calendar-cell-bg:transparent;--calendar-cell-bg-hover:var(--color-neutral-bg-hover);--calendar-cell-color-hover:var(--color-text);--calendar-cell-bg-selected:var(--color-accent-solid);--calendar-cell-bg-selected-hover:var(--color-accent-solid-hover);--calendar-cell-color-selected:var(--color-accent-contrast);--calendar-cell-color-outside:var(--color-text-placeholder);--calendar-cell-color-disabled:var(--color-text-placeholder);--calendar-cell-color-unavailable:var(--color-text-subtle);--calendar-cell-unavailable-decoration:line-through;--calendar-today-marker-color:var(--color-accent-solid);--calendar-today-marker-size:var(--space-1);--calendar-range-bg:var(--color-accent-bg);--calendar-range-fg:var(--color-accent-text);--calendar-range-edge-bg:var(--color-accent-solid);--calendar-range-edge-fg:var(--color-accent-contrast);--calendar-preview-bg:var(--color-accent-bg-hover);padding:var(--date-picker-content-padding);background-color:var(--date-picker-content-bg);border:var(--date-picker-content-border-width) solid var(--date-picker-content-border-color);border-radius:var(--date-picker-content-radius);inline-size:max-content;box-shadow:var(--date-picker-content-shadow);z-index:var(--date-picker-content-z-index);outline:none;overflow:auto}.k-date-picker-content__calendar{gap:var(--calendar-gap);flex-direction:column;display:flex}.k-date-picker-content__header{justify-content:space-between;align-items:center;gap:var(--calendar-header-gap);display:flex}.k-date-picker-content__heading{font-size:var(--calendar-heading-font-size);font-weight:var(--calendar-heading-font-weight);color:var(--calendar-heading-color);text-align:center;flex:auto;line-height:1.2}.k-date-picker-content__nav{inline-size:var(--calendar-nav-size);block-size:var(--calendar-nav-size);color:var(--calendar-nav-color);border-radius:var(--calendar-nav-radius);cursor:pointer;transition:background-color var(--duration-1) var(--ease-standard);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.k-date-picker-content__nav>svg{inline-size:var(--icon-size-2);block-size:var(--icon-size-2);display:block}.k-date-picker-content__nav:hover:not([disabled]){color:var(--calendar-nav-color-hover);background-color:var(--calendar-nav-bg-hover)}.k-date-picker-content__nav[disabled]{color:var(--calendar-nav-color-disabled);cursor:not-allowed}.k-date-picker-content__nav:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:0}.k-date-picker-content__months{gap:var(--calendar-months-gap);display:flex}.k-date-picker-content__month{gap:var(--space-1);flex-direction:column;flex:none;display:flex}.k-date-picker-content__month-heading{font-size:var(--calendar-heading-font-size);font-weight:var(--calendar-heading-font-weight);color:var(--calendar-heading-color);text-align:center;padding-block-end:var(--space-1);line-height:1.2}.k-date-picker-content__grid{border-collapse:collapse;border-spacing:0}.k-date-picker-content__head-cell{font-size:var(--calendar-weekday-font-size);font-weight:var(--calendar-weekday-font-weight);color:var(--calendar-weekday-color);text-align:center;-webkit-user-select:none;user-select:none;padding-block-end:var(--space-1);line-height:1.2}.k-date-picker-content__cell{padding:calc(var(--calendar-cell-gap)/2);text-align:center}.k-date-picker-content__cell-trigger{inline-size:var(--calendar-cell-size);block-size:var(--calendar-cell-size);font-size:var(--calendar-cell-font-size);font-variant-numeric:tabular-nums;color:var(--calendar-cell-color);background-color:var(--calendar-cell-bg);border-radius:var(--calendar-cell-radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-1) var(--ease-standard),color var(--duration-1) var(--ease-standard);justify-content:center;align-items:center;margin:auto;line-height:1;display:flex;position:relative}.k-date-picker-content__cell-trigger[data-disabled]{color:var(--calendar-cell-color-disabled);cursor:not-allowed}.k-date-picker-content__cell-trigger[data-unavailable]{color:var(--calendar-cell-color-unavailable);-webkit-text-decoration:var(--calendar-cell-unavailable-decoration);-webkit-text-decoration:var(--calendar-cell-unavailable-decoration);text-decoration:var(--calendar-cell-unavailable-decoration)}.k-date-picker-content__cell-trigger[data-selected]{color:var(--calendar-cell-color-selected);background-color:var(--calendar-cell-bg-selected)}.k-date-picker-content__cell-trigger[data-today]:after{content:"";inline-size:var(--calendar-today-marker-size);block-size:var(--calendar-today-marker-size);border-radius:var(--radius-full);background-color:var(--calendar-today-marker-color);position:absolute;inset-block-end:var(--space-1)}.k-date-picker-content__cell-trigger[data-outside-view]{color:var(--calendar-cell-color-outside)}.k-date-picker-content__cell-trigger:hover:not([data-disabled],[data-selected]){color:var(--calendar-cell-color-hover);background-color:var(--calendar-cell-bg-hover)}.k-date-picker-content__cell-trigger[data-selected]:hover{background-color:var(--calendar-cell-bg-selected-hover)}.k-date-picker-content__cell-trigger:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:0}.k-date-picker-content__footer{gap:var(--space-2);padding-block-start:var(--calendar-gap);display:flex}.k-select-content{--listbox-bg:var(--color-bg-surface);--listbox-border-color:var(--color-border-subtle);--listbox-radius:var(--radius-3);--listbox-shadow:var(--shadow-popover);--listbox-padding:var(--space-1);--listbox-z-index:var(--z-popover);--listbox-min-width:var(--reka-select-trigger-width,max-content);--listbox-max-height:var(--reka-select-content-available-height,none);--listbox-item-height:var(--control-height-2);--listbox-item-padding-inline:var(--space-3);--listbox-item-radius:var(--radius-2);--listbox-item-fg:var(--color-text);--listbox-item-bg-highlighted:var(--color-accent-bg);--listbox-item-fg-highlighted:var(--color-accent-text);--listbox-group-label-color:var(--color-text-muted);--listbox-group-label-font-size:var(--font-size-1);min-inline-size:var(--listbox-min-width);max-block-size:var(--listbox-max-height);padding:var(--listbox-padding);font-family:var(--font-family-body);background-color:var(--listbox-bg);border:var(--listbox-border-width,var(--border-width-1)) solid var(--listbox-border-color);border-radius:var(--listbox-radius);box-shadow:var(--listbox-shadow);z-index:var(--listbox-z-index);flex-direction:column;display:flex;overflow:hidden}.k-select-content__viewport{border-radius:inherit;flex:auto;min-block-size:0;overflow-y:auto}.k-select-content__item{justify-content:space-between;align-items:center;gap:var(--space-2);min-block-size:var(--listbox-item-height);padding-inline:var(--listbox-item-padding-inline);font-size:var(--control-font-size,var(--font-size-3));color:var(--listbox-item-fg);border-radius:var(--listbox-item-radius);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;display:flex}.k-select-content__item[data-highlighted]{color:var(--listbox-item-fg-highlighted,var(--listbox-item-fg));background-color:var(--listbox-item-bg-highlighted)}.k-select-content__item[data-disabled]{color:var(--color-text-subtle);cursor:not-allowed;background-color:#0000}.k-select-content__item[data-state=checked]{font-weight:var(--font-weight-medium)}.k-select-content__item-indicator{font-size:var(--listbox-item-indicator-size,var(--icon-size-2));color:var(--listbox-item-indicator-color,currentColor);flex:none;justify-content:center;align-items:center;display:inline-flex}.k-select-content__group-label{padding-block:var(--space-1);padding-inline:var(--listbox-item-padding-inline);font-size:var(--listbox-group-label-font-size);font-weight:var(--font-weight-medium);color:var(--listbox-group-label-color);-webkit-user-select:none;user-select:none}.k-select-content__separator{block-size:var(--border-width-1);margin-block:var(--space-1);margin-inline:calc(var(--listbox-padding)*-1);background-color:var(--listbox-divider-color,var(--color-border-subtle))}.k-select-content__scroll{block-size:var(--control-height-1);color:var(--color-text-muted);font-size:var(--font-size-1);background-color:var(--listbox-bg);cursor:default;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;display:flex}}