@layer colors,config,root,reboot,layout,content,forms;@layer components{.date-picker{position:relative}.date-picker.show.form-control-group,.date-picker.show>.form-control-group{color:var(--cui-control-focus-color);background-color:var(--cui-control-focus-bg);border-color:var(--cui-control-focus-border-color)}.date-picker-popup{--cui-date-picker-ranges-padding-y:.5rem;--cui-date-picker-ranges-padding-x:.5rem;--cui-date-picker-ranges-gap:.25rem;--cui-date-picker-ranges-border-width:var(--cui-border-width);--cui-date-picker-ranges-border-color:var(--cui-border-color);--cui-date-picker-timepickers-border-width:var(--cui-border-width);--cui-date-picker-timepickers-border-color:var(--cui-border-color);--cui-date-picker-footer-padding-y:.5rem;--cui-date-picker-footer-padding-x:.5rem;--cui-date-picker-footer-gap:.5rem;--cui-date-picker-footer-border-width:var(--cui-border-width);--cui-date-picker-footer-border-color:var(--cui-border-color)}.date-picker-popup .date-picker-timepickers{border-block-start:var(--cui-date-picker-timepickers-border-width) solid var(--cui-date-picker-timepickers-border-color);grid-area:timepickers;justify-content:space-between;display:flex}.date-picker-popup .date-picker-time-body{--cui-date-picker-time-body-padding-y:var(--cui-spacer-3);--cui-date-picker-time-body-padding-x:var(--cui-spacer-3);--cui-date-picker-time-icon-width:2.5rem;--cui-date-picker-time-icon-size:1rem;--cui-date-picker-time-icon-color:var(--cui-fg-3);--cui-date-picker-time-select-border-radius:var(--cui-radius-4);--cui-date-picker-time-select-font-size:var(--cui-btn-input-sm-font-size);--cui-date-picker-time-select-color:var(--cui-btn-input-fg);--cui-date-picker-time-select-padding-y:var(--cui-btn-input-sm-padding-y);--cui-date-picker-time-select-padding-x:var(--cui-btn-input-sm-padding-x);--cui-date-picker-time-select-disabled-color:var(--cui-fg-body);padding:var(--cui-date-picker-time-body-padding-y) var(--cui-date-picker-time-body-padding-x);align-items:center;display:flex}.date-picker-popup .date-picker-time-icon{width:var(--cui-date-picker-time-icon-width);color:var(--cui-date-picker-time-icon-color);flex:none;justify-content:center;align-items:center;display:flex}.date-picker-popup .date-picker-time-icon>svg{width:var(--cui-date-picker-time-icon-size);height:var(--cui-date-picker-time-icon-size)}.date-picker-popup .date-picker-time-select{padding:var(--cui-date-picker-time-select-padding-y) var(--cui-date-picker-time-select-padding-x);font-size:var(--cui-date-picker-time-select-font-size);color:var(--cui-date-picker-time-select-color);text-align:end;appearance:none;scrollbar-width:none;background-color:#0000;border:0}.date-picker-popup .date-picker-time-select:focus-visible{outline:var(--cui-focus-ring-width) solid var(--cui-theme-focus-ring,var(--cui-focus-ring-color));outline-offset:var(--cui-focus-ring-offset);border-radius:var(--cui-date-picker-time-select-border-radius)}.date-picker-popup .date-picker-time-select::-webkit-scrollbar{width:10px}.date-picker-popup .date-picker-time-select:-moz-focusring{color:#0000;text-shadow:0 0 0 var(--cui-date-picker-time-select-color)}.date-picker-popup .date-picker-time-select:disabled{color:var(--cui-date-picker-time-select-disabled-color)}.date-picker-body{grid-template-columns:auto auto;grid-template-areas:"ranges calendars""ranges timepickers";display:grid}.date-picker-ranges{gap:var(--cui-date-picker-ranges-gap);padding:var(--cui-date-picker-ranges-padding-y) var(--cui-date-picker-ranges-padding-x);border-inline-end:var(--cui-date-picker-ranges-border-width) solid var(--cui-date-picker-ranges-border-color);flex-direction:column;grid-area:ranges;align-items:flex-start;display:flex}.date-picker-calendars{grid-area:calendars;display:flex}.date-picker-calendars .date-picker-calendar:not(:last-child) .calendar-navigation-next,.date-picker-calendars .date-picker-calendar:not(:first-child) .calendar-navigation-prev{visibility:hidden}.date-picker-footer{gap:var(--cui-date-picker-footer-gap);padding:var(--cui-date-picker-footer-padding-y) var(--cui-date-picker-footer-padding-x);border-block-start:var(--cui-date-picker-footer-border-width) solid var(--cui-date-picker-footer-border-color);justify-content:flex-end;display:flex}}@layer custom,helpers,utilities;