.date-calendar-panel{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.75rem;width:19.25rem;padding:1rem;display:flex}.date-calendar-panel--range{width:38rem}.date-calendar-panel__nav{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.date-calendar-panel__nav-btn{width:2rem;height:2rem;color:var(--color);background-color:#0000;border-radius:.33rem;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:0;display:flex}.date-calendar-panel__nav-btn:hover:not(:disabled){background-color:var(--neutral-color-light)}.date-calendar-panel__nav-btn:disabled{cursor:not-allowed;opacity:.4}.date-calendar-panel__nav-label{height:2rem;color:var(--color);text-transform:capitalize;background-color:#0000;border-radius:.33rem;flex-direction:row;justify-content:center;align-items:center;gap:0;padding-left:.5rem;padding-right:.5rem;font-size:.875rem;font-weight:600;display:flex}.date-calendar-panel__nav-label:hover:not(.date-calendar-panel__nav-label--static){background-color:var(--neutral-color-light)}.date-calendar-panel__nav-label--static{cursor:default}.date-calendar-panel__months{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:1.5rem;display:flex}.date-calendar{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem;width:17.25rem;display:flex}.date-calendar__month-label{color:var(--color);text-align:center;font-size:.875rem;font-weight:600}.date-calendar__weekdays{grid-template-rows:auto;grid-template-columns:repeat(7,2.25rem);align-items:stretch;gap:.25rem;display:grid}.date-calendar__weekday{color:var(--neutral-color);text-align:center;text-transform:uppercase;font-size:.625rem;font-weight:600}.date-calendar__grid{flex-direction:column;justify-content:flex-start;align-items:center;gap:.25rem;display:flex}.date-calendar__week{grid-template-rows:auto;grid-template-columns:repeat(7,2.25rem);align-items:stretch;gap:.25rem;display:grid}.date-calendar__day{width:2.25rem;height:2.25rem;color:var(--color);background-color:#0000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;font-size:.875rem;display:flex;position:relative}.date-calendar__day:hover:not(:disabled){background-color:var(--neutral-color-light)}.date-calendar__day:disabled{cursor:not-allowed;color:var(--neutral-color);opacity:.5}.date-calendar__day--outside{color:var(--neutral-color)}.date-calendar__day--today{border:1px solid var(--primary-color);font-weight:600}.date-calendar__day--selected{background-color:var(--primary-color);color:var(--light-color)}.date-calendar__day--selected:hover:not(:disabled){background-color:var(--primary-color-hover)}.date-calendar__day--range-start,.date-calendar__day--range-end{background-color:var(--primary-color);color:var(--light-color)}.date-calendar__day--in-range{background-color:var(--info-color-light);border-radius:0}.date-calendar__day-number{line-height:1}.date-calendar__day-dots{flex-direction:row;justify-content:center;align-items:center;gap:.125rem;display:flex;position:absolute;bottom:.125rem}.date-calendar__day-dot{border-radius:50%;width:.25rem;height:.25rem}.date-month-year-grid{grid-template-rows:auto;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:.5rem;width:17.25rem;padding:.375rem 0;display:grid}.date-calendar-panel--range .date-month-year-grid{grid-template-rows:auto;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:.75rem;width:100%;display:grid}.date-month-year-grid__cell{height:2.75rem;color:var(--color);text-transform:capitalize;background-color:#0000;border-radius:.33rem;flex-direction:row;justify-content:center;align-items:center;gap:0;font-size:.875rem;display:flex}.date-month-year-grid__cell:hover:not(:disabled){background-color:var(--neutral-color-light)}.date-month-year-grid__cell:disabled{cursor:not-allowed;color:var(--neutral-color);opacity:.5}.date-month-year-grid__cell--selected{background-color:var(--primary-color);color:var(--light-color)}.date-month-year-grid__cell--selected:hover:not(:disabled){background-color:var(--primary-color-hover)}.date-calendar-legend{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:.25rem;display:flex}.date-calendar-legend__item{color:var(--neutral-color);flex-direction:row;justify-content:flex-start;align-items:center;gap:.375rem;font-size:.75rem;display:flex}.date-calendar-legend__swatch{border:1px solid var(--border-color);border-radius:50%;width:.75rem;height:.75rem}.date-calendar-legend__swatch--today{border-color:var(--primary-color)}.date-calendar-legend__swatch--selected{background-color:var(--primary-color);border-color:var(--primary-color)}.date-calendar-legend__swatch--in-range{background-color:var(--info-color-light)}.date-calendar-legend__swatch--disabled{background-color:var(--neutral-color-light)}.date-calendar-legend__dot{border-radius:50%;width:.5rem;height:.5rem}
.date-picker__group{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.375rem;width:auto;display:flex}.date-picker__group .date-picker__wrapper,.date-picker__group .date-picker,.date-picker__group.date-picker__normal,.date-picker__group.date-picker__normal .date-picker__wrapper,.date-picker__group.date-picker__normal .date-picker{width:auto}.date-picker__group.date-picker__full,.date-picker__group.date-picker__full .date-picker__wrapper,.date-picker__group.date-picker__full .date-picker{width:100%;min-width:0}.date-picker__group.date-picker__md{min-width:18rem}.date-picker__label{color:var(--color);font-size:.875rem;font-weight:600}.date-picker__required{color:var(--error-color)}.date-picker__wrapper{width:auto;position:relative}.date-picker__wrapper--sm .date-picker{padding-top:.375rem;padding-bottom:.375rem}.date-picker{text-align:left;border:1px solid var(--border-color);background-color:var(--surface-color-light);width:auto;min-width:18rem;color:var(--color);border-radius:.33rem;padding:.625rem 4.5rem .625rem .75rem;font-size:.875rem}.date-picker:focus{border-color:var(--primary-color);outline:none}.date-picker:disabled{background-color:var(--neutral-color-light);cursor:not-allowed}.date-picker__error{border-color:var(--error-color)}.date-picker__value{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.date-picker__value--placeholder{color:var(--neutral-color)}.date-picker__icon{width:1.125rem;height:1.125rem;color:var(--neutral-color);pointer-events:none;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.date-picker__clear{color:var(--neutral-color);cursor:pointer;background:0 0;border:none;width:1rem;height:1rem;padding:0;position:absolute;top:50%;right:2.25rem;transform:translateY(-50%)}.date-picker__panel{z-index:110;border:1px solid var(--border-color);background-color:var(--surface-color);border-radius:.33rem;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f}