ngxsmk-datepicker 2.2.15 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,7 +5,9 @@ import { NgControl } from '@angular/forms';
5
5
  import { Subject } from 'rxjs';
6
6
 
7
7
  function getStartOfDay(d) {
8
- return new Date(d.getFullYear(), d.getMonth(), d.getDate(), 0, 0, 0, 0);
8
+ const start = new Date(d.getFullYear(), d.getMonth(), d.getDate(), 12, 0, 0, 0);
9
+ start.setHours(0, 0, 0, 0);
10
+ return start;
9
11
  }
10
12
  function getEndOfDay(d) {
11
13
  return new Date(d.getFullYear(), d.getMonth(), d.getDate(), 23, 59, 59, 999);
@@ -1107,12 +1109,14 @@ class CustomSelectComponent {
1107
1109
  @for (option of options; track option.value) {
1108
1110
  <li
1109
1111
  [class.selected]="option.value === value"
1110
- (click)="selectOption(option); $event.stopPropagation()"
1111
- (keydown.enter)="selectOption(option); $event.stopPropagation()"
1112
- (keydown.space)="selectOption(option); $event.stopPropagation(); $event.preventDefault()"
1113
- [attr.tabindex]="0"
1112
+ [class.disabled]="option.disabled"
1113
+ (click)="option.disabled ? null : selectOption(option); $event.stopPropagation()"
1114
+ (keydown.enter)="option.disabled ? null : selectOption(option); $event.stopPropagation()"
1115
+ (keydown.space)="option.disabled ? null : selectOption(option); $event.stopPropagation(); $event.preventDefault()"
1116
+ [attr.tabindex]="option.disabled ? -1 : 0"
1114
1117
  role="option"
1115
1118
  [attr.aria-selected]="option.value === value"
1119
+ [attr.aria-disabled]="option.disabled ? true : null"
1116
1120
  >
1117
1121
  {{ option.label }}
1118
1122
  </li>
@@ -1164,12 +1168,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
1164
1168
  @for (option of options; track option.value) {
1165
1169
  <li
1166
1170
  [class.selected]="option.value === value"
1167
- (click)="selectOption(option); $event.stopPropagation()"
1168
- (keydown.enter)="selectOption(option); $event.stopPropagation()"
1169
- (keydown.space)="selectOption(option); $event.stopPropagation(); $event.preventDefault()"
1170
- [attr.tabindex]="0"
1171
+ [class.disabled]="option.disabled"
1172
+ (click)="option.disabled ? null : selectOption(option); $event.stopPropagation()"
1173
+ (keydown.enter)="option.disabled ? null : selectOption(option); $event.stopPropagation()"
1174
+ (keydown.space)="option.disabled ? null : selectOption(option); $event.stopPropagation(); $event.preventDefault()"
1175
+ [attr.tabindex]="option.disabled ? -1 : 0"
1171
1176
  role="option"
1172
1177
  [attr.aria-selected]="option.value === value"
1178
+ [attr.aria-disabled]="option.disabled ? true : null"
1173
1179
  >
1174
1180
  {{ option.label }}
1175
1181
  </li>
@@ -1519,7 +1525,7 @@ class CalendarMonthViewComponent {
1519
1525
  @for (day of weekDays; track $index) {
1520
1526
  <div class="ngxsmk-day-name">{{ day }}</div>
1521
1527
  }
1522
- @for (day of days; track trackByDay($index, day)) {
1528
+ @for (day of days; track (day ? day.getTime() : $index)) {
1523
1529
  <div
1524
1530
  class="ngxsmk-day-cell"
1525
1531
  [ngClass]="classes?.dayCell"
@@ -1621,7 +1627,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
1621
1627
  @for (day of weekDays; track $index) {
1622
1628
  <div class="ngxsmk-day-name">{{ day }}</div>
1623
1629
  }
1624
- @for (day of days; track trackByDay($index, day)) {
1630
+ @for (day of days; track (day ? day.getTime() : $index)) {
1625
1631
  <div
1626
1632
  class="ngxsmk-day-cell"
1627
1633
  [ngClass]="classes?.dayCell"
@@ -2502,6 +2508,7 @@ class NgxsmkDatepickerPresetsComponent {
2502
2508
  this.ranges = [];
2503
2509
  this.disabled = false;
2504
2510
  this.classes = undefined;
2511
+ this.selectedRange = null;
2505
2512
  this.rangeSelected = new EventEmitter();
2506
2513
  }
2507
2514
  onRangeSelect(range) {
@@ -2509,11 +2516,24 @@ class NgxsmkDatepickerPresetsComponent {
2509
2516
  this.rangeSelected.emit(range);
2510
2517
  }
2511
2518
  }
2519
+ isActive(value) {
2520
+ if (!this.selectedRange || !this.selectedRange[0] || !this.selectedRange[1]) {
2521
+ return false;
2522
+ }
2523
+ const start = this.selectedRange[0];
2524
+ const end = this.selectedRange[1];
2525
+ return this.isSameDay(value[0], start) && this.isSameDay(value[1], end);
2526
+ }
2527
+ isSameDay(d1, d2) {
2528
+ return d1.getFullYear() === d2.getFullYear() &&
2529
+ d1.getMonth() === d2.getMonth() &&
2530
+ d1.getDate() === d2.getDate();
2531
+ }
2512
2532
  trackByRange(_index, range) {
2513
2533
  return range.key;
2514
2534
  }
2515
2535
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerPresetsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2516
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxsmkDatepickerPresetsComponent, isStandalone: true, selector: "ngxsmk-datepicker-presets", inputs: { ranges: "ranges", disabled: "disabled", classes: "classes" }, outputs: { rangeSelected: "rangeSelected" }, ngImport: i0, template: `
2536
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxsmkDatepickerPresetsComponent, isStandalone: true, selector: "ngxsmk-datepicker-presets", inputs: { ranges: "ranges", disabled: "disabled", classes: "classes", selectedRange: "selectedRange" }, outputs: { rangeSelected: "rangeSelected" }, ngImport: i0, template: `
2517
2537
  <div class="ngxsmk-ranges-container">
2518
2538
  <ul>
2519
2539
  @for (range of ranges; track trackByRange($index, range)) {
@@ -2522,6 +2542,7 @@ class NgxsmkDatepickerPresetsComponent {
2522
2542
  (keydown.enter)="onRangeSelect(range.value)"
2523
2543
  (keydown.space)="onRangeSelect(range.value); $event.preventDefault()"
2524
2544
  [class.disabled]="disabled"
2545
+ [class.ngxsmk-preset-active]="isActive(range.value)"
2525
2546
  [attr.tabindex]="disabled ? -1 : 0"
2526
2547
  role="button"
2527
2548
  [attr.aria-disabled]="disabled"
@@ -2548,6 +2569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
2548
2569
  (keydown.enter)="onRangeSelect(range.value)"
2549
2570
  (keydown.space)="onRangeSelect(range.value); $event.preventDefault()"
2550
2571
  [class.disabled]="disabled"
2572
+ [class.ngxsmk-preset-active]="isActive(range.value)"
2551
2573
  [attr.tabindex]="disabled ? -1 : 0"
2552
2574
  role="button"
2553
2575
  [attr.aria-disabled]="disabled"
@@ -2566,6 +2588,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
2566
2588
  type: Input
2567
2589
  }], classes: [{
2568
2590
  type: Input
2591
+ }], selectedRange: [{
2592
+ type: Input
2569
2593
  }], rangeSelected: [{
2570
2594
  type: Output
2571
2595
  }] } });
@@ -2643,6 +2667,11 @@ class NgxsmkDatepickerContentComponent {
2643
2667
  this.closeAriaLabel = '';
2644
2668
  this.closeLabel = '';
2645
2669
  this.translations = null;
2670
+ this.selectedRange = null;
2671
+ this.showTimezoneSelector = false;
2672
+ this.timezoneOptions = [];
2673
+ this.currentTimezone = 'UTC';
2674
+ this.timezoneChange = new EventEmitter();
2646
2675
  this.backdropClick = new EventEmitter();
2647
2676
  this.touchStartContainer = new EventEmitter();
2648
2677
  this.touchMoveContainer = new EventEmitter();
@@ -2715,8 +2744,13 @@ class NgxsmkDatepickerContentComponent {
2715
2744
  this.closeCalendar.emit();
2716
2745
  }
2717
2746
  }
2747
+ onTimezoneChange(val) {
2748
+ if (typeof val === 'string') {
2749
+ this.timezoneChange.emit(val);
2750
+ }
2751
+ }
2718
2752
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2719
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxsmkDatepickerContentComponent, isStandalone: true, selector: "ngxsmk-datepicker-content", inputs: { isCalendarVisible: "isCalendarVisible", isCalendarOpen: "isCalendarOpen", isInlineMode: "isInlineMode", shouldAppendToBody: "shouldAppendToBody", theme: "theme", popoverId: "popoverId", classes: "classes", timeOnly: "timeOnly", showTime: "showTime", isMobile: "isMobile", mobileModalStyle: "mobileModalStyle", align: "align", ariaLabel: "ariaLabel", isCalendarOpening: "isCalendarOpening", loadingMessage: "loadingMessage", showRanges: "showRanges", rangesArray: "rangesArray", mode: "mode", disabled: "disabled", calendarCount: "calendarCount", calendarLayout: "calendarLayout", syncScrollEnabled: "syncScrollEnabled", calendarMonths: "calendarMonths", weekDays: "weekDays", selectedDate: "selectedDate", startDate: "startDate", endDate: "endDate", focusedDate: "focusedDate", today: "today", dateTemplate: "dateTemplate", calendarViewMode: "calendarViewMode", monthOptions: "monthOptions", currentMonth: "currentMonth", yearOptions: "yearOptions", currentYear: "currentYear", isBackArrowDisabled: "isBackArrowDisabled", prevMonthAriaLabel: "prevMonthAriaLabel", nextMonthAriaLabel: "nextMonthAriaLabel", yearGrid: "yearGrid", currentDecade: "currentDecade", decadeGrid: "decadeGrid", timelineStartDate: "timelineStartDate", timelineEndDate: "timelineEndDate", timelineMonths: "timelineMonths", minuteInterval: "minuteInterval", startTimeSlider: "startTimeSlider", endTimeSlider: "endTimeSlider", timeRangeMode: "timeRangeMode", hourOptions: "hourOptions", minuteOptions: "minuteOptions", secondOptions: "secondOptions", ampmOptions: "ampmOptions", currentDisplayHour: "currentDisplayHour", currentMinute: "currentMinute", currentSecond: "currentSecond", isPm: "isPm", showSeconds: "showSeconds", use24Hour: "use24Hour", startDisplayHour: "startDisplayHour", startMinute: "startMinute", startSecond: "startSecond", startIsPm: "startIsPm", endDisplayHour: "endDisplayHour", endMinute: "endMinute", endSecond: "endSecond", endIsPm: "endIsPm", clearAriaLabel: "clearAriaLabel", clearLabel: "clearLabel", closeAriaLabel: "closeAriaLabel", closeLabel: "closeLabel", translations: "translations", boundIsDateDisabled: "boundIsDateDisabled", boundIsSameDay: "boundIsSameDay", boundIsHoliday: "boundIsHoliday", boundIsMultipleSelected: "boundIsMultipleSelected", boundIsInRange: "boundIsInRange", boundIsPreviewInRange: "boundIsPreviewInRange", boundGetAriaLabel: "boundGetAriaLabel", boundGetDayCellCustomClasses: "boundGetDayCellCustomClasses", boundGetDayCellTooltip: "boundGetDayCellTooltip", boundFormatDayNumber: "boundFormatDayNumber", getMonthYearLabel: "getMonthYearLabel", getCalendarAriaLabelForMonth: "getCalendarAriaLabelForMonth", isTimelineMonthSelected: "isTimelineMonthSelected", formatTimeSliderValue: "formatTimeSliderValue" }, outputs: { backdropClick: "backdropClick", touchStartContainer: "touchStartContainer", touchMoveContainer: "touchMoveContainer", touchEndContainer: "touchEndContainer", rangeSelect: "rangeSelect", previousMonth: "previousMonth", nextMonth: "nextMonth", currentMonthChange: "currentMonthChange", currentYearChange: "currentYearChange", dateClick: "dateClick", dateHover: "dateHover", dateFocus: "dateFocus", swipeStart: "swipeStart", swipeMove: "swipeMove", swipeEnd: "swipeEnd", touchStart: "touchStart", touchMove: "touchMove", touchEnd: "touchEnd", viewModeChange: "viewModeChange", changeYear: "changeYear", yearClick: "yearClick", changeDecade: "changeDecade", decadeClick: "decadeClick", timelineZoomOut: "timelineZoomOut", timelineZoomIn: "timelineZoomIn", timelineMonthClick: "timelineMonthClick", startTimeSliderChange: "startTimeSliderChange", endTimeSliderChange: "endTimeSliderChange", currentDisplayHourChange: "currentDisplayHourChange", currentMinuteChange: "currentMinuteChange", currentSecondChange: "currentSecondChange", isPmChange: "isPmChange", timeChange: "timeChange", startDisplayHourChange: "startDisplayHourChange", startMinuteChange: "startMinuteChange", startSecondChange: "startSecondChange", startIsPmChange: "startIsPmChange", endDisplayHourChange: "endDisplayHourChange", endMinuteChange: "endMinuteChange", endSecondChange: "endSecondChange", endIsPmChange: "endIsPmChange", timeRangeChange: "timeRangeChange", clearValue: "clearValue", closeCalendar: "closeCalendar", escapeKey: "escapeKey" }, viewQueries: [{ propertyName: "header", first: true, predicate: CalendarHeaderComponent, descendants: true }, { propertyName: "popoverContainer", first: true, predicate: ["popoverContainer"], descendants: true }, { propertyName: "timelineContainer", first: true, predicate: ["timelineContainer"], descendants: true }], ngImport: i0, template: `
2753
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxsmkDatepickerContentComponent, isStandalone: true, selector: "ngxsmk-datepicker-content", inputs: { isCalendarVisible: "isCalendarVisible", isCalendarOpen: "isCalendarOpen", isInlineMode: "isInlineMode", shouldAppendToBody: "shouldAppendToBody", theme: "theme", popoverId: "popoverId", classes: "classes", timeOnly: "timeOnly", showTime: "showTime", isMobile: "isMobile", mobileModalStyle: "mobileModalStyle", align: "align", ariaLabel: "ariaLabel", isCalendarOpening: "isCalendarOpening", loadingMessage: "loadingMessage", showRanges: "showRanges", rangesArray: "rangesArray", mode: "mode", disabled: "disabled", calendarCount: "calendarCount", calendarLayout: "calendarLayout", syncScrollEnabled: "syncScrollEnabled", calendarMonths: "calendarMonths", weekDays: "weekDays", selectedDate: "selectedDate", startDate: "startDate", endDate: "endDate", focusedDate: "focusedDate", today: "today", dateTemplate: "dateTemplate", calendarViewMode: "calendarViewMode", monthOptions: "monthOptions", currentMonth: "currentMonth", yearOptions: "yearOptions", currentYear: "currentYear", isBackArrowDisabled: "isBackArrowDisabled", prevMonthAriaLabel: "prevMonthAriaLabel", nextMonthAriaLabel: "nextMonthAriaLabel", yearGrid: "yearGrid", currentDecade: "currentDecade", decadeGrid: "decadeGrid", timelineStartDate: "timelineStartDate", timelineEndDate: "timelineEndDate", timelineMonths: "timelineMonths", minuteInterval: "minuteInterval", startTimeSlider: "startTimeSlider", endTimeSlider: "endTimeSlider", timeRangeMode: "timeRangeMode", hourOptions: "hourOptions", minuteOptions: "minuteOptions", secondOptions: "secondOptions", ampmOptions: "ampmOptions", currentDisplayHour: "currentDisplayHour", currentMinute: "currentMinute", currentSecond: "currentSecond", isPm: "isPm", showSeconds: "showSeconds", use24Hour: "use24Hour", startDisplayHour: "startDisplayHour", startMinute: "startMinute", startSecond: "startSecond", startIsPm: "startIsPm", endDisplayHour: "endDisplayHour", endMinute: "endMinute", endSecond: "endSecond", endIsPm: "endIsPm", clearAriaLabel: "clearAriaLabel", clearLabel: "clearLabel", closeAriaLabel: "closeAriaLabel", closeLabel: "closeLabel", translations: "translations", selectedRange: "selectedRange", showTimezoneSelector: "showTimezoneSelector", timezoneOptions: "timezoneOptions", currentTimezone: "currentTimezone", boundIsDateDisabled: "boundIsDateDisabled", boundIsSameDay: "boundIsSameDay", boundIsHoliday: "boundIsHoliday", boundIsMultipleSelected: "boundIsMultipleSelected", boundIsInRange: "boundIsInRange", boundIsPreviewInRange: "boundIsPreviewInRange", boundGetAriaLabel: "boundGetAriaLabel", boundGetDayCellCustomClasses: "boundGetDayCellCustomClasses", boundGetDayCellTooltip: "boundGetDayCellTooltip", boundFormatDayNumber: "boundFormatDayNumber", getMonthYearLabel: "getMonthYearLabel", getCalendarAriaLabelForMonth: "getCalendarAriaLabelForMonth", isTimelineMonthSelected: "isTimelineMonthSelected", formatTimeSliderValue: "formatTimeSliderValue" }, outputs: { timezoneChange: "timezoneChange", backdropClick: "backdropClick", touchStartContainer: "touchStartContainer", touchMoveContainer: "touchMoveContainer", touchEndContainer: "touchEndContainer", rangeSelect: "rangeSelect", previousMonth: "previousMonth", nextMonth: "nextMonth", currentMonthChange: "currentMonthChange", currentYearChange: "currentYearChange", dateClick: "dateClick", dateHover: "dateHover", dateFocus: "dateFocus", swipeStart: "swipeStart", swipeMove: "swipeMove", swipeEnd: "swipeEnd", touchStart: "touchStart", touchMove: "touchMove", touchEnd: "touchEnd", viewModeChange: "viewModeChange", changeYear: "changeYear", yearClick: "yearClick", changeDecade: "changeDecade", decadeClick: "decadeClick", timelineZoomOut: "timelineZoomOut", timelineZoomIn: "timelineZoomIn", timelineMonthClick: "timelineMonthClick", startTimeSliderChange: "startTimeSliderChange", endTimeSliderChange: "endTimeSliderChange", currentDisplayHourChange: "currentDisplayHourChange", currentMinuteChange: "currentMinuteChange", currentSecondChange: "currentSecondChange", isPmChange: "isPmChange", timeChange: "timeChange", startDisplayHourChange: "startDisplayHourChange", startMinuteChange: "startMinuteChange", startSecondChange: "startSecondChange", startIsPmChange: "startIsPmChange", endDisplayHourChange: "endDisplayHourChange", endMinuteChange: "endMinuteChange", endSecondChange: "endSecondChange", endIsPmChange: "endIsPmChange", timeRangeChange: "timeRangeChange", clearValue: "clearValue", closeCalendar: "closeCalendar", escapeKey: "escapeKey" }, viewQueries: [{ propertyName: "header", first: true, predicate: CalendarHeaderComponent, descendants: true }, { propertyName: "popoverContainer", first: true, predicate: ["popoverContainer"], descendants: true }, { propertyName: "timelineContainer", first: true, predicate: ["timelineContainer"], descendants: true }], ngImport: i0, template: `
2720
2754
  @if (isCalendarVisible) {
2721
2755
  @if (!isInlineMode && isCalendarOpen) {
2722
2756
  <div
@@ -2765,6 +2799,7 @@ class NgxsmkDatepickerContentComponent {
2765
2799
  @if (showRanges && rangesArray.length > 0 && mode === 'range' && !timeOnly) {
2766
2800
  <ngxsmk-datepicker-presets
2767
2801
  [ranges]="rangesArray"
2802
+ [selectedRange]="selectedRange"
2768
2803
  [disabled]="disabled"
2769
2804
  [classes]="classes"
2770
2805
  (rangeSelected)="rangeSelect.emit($event)"
@@ -3067,6 +3102,18 @@ class NgxsmkDatepickerContentComponent {
3067
3102
  }
3068
3103
  }
3069
3104
 
3105
+ @if (showTimezoneSelector) {
3106
+ <div class="ngxsmk-timezone-selection">
3107
+ <span class="ngxsmk-timezone-label">{{ translations?.timezone || 'Timezone' }}:</span>
3108
+ <ngxsmk-custom-select
3109
+ [options]="timezoneOptions"
3110
+ [value]="currentTimezone"
3111
+ [disabled]="disabled"
3112
+ (valueChange)="onTimezoneChange($event)"
3113
+ ></ngxsmk-custom-select>
3114
+ </div>
3115
+ }
3116
+
3070
3117
  @if (!isInlineMode) {
3071
3118
  <div class="ngxsmk-footer" [ngClass]="classes?.footer">
3072
3119
  <button
@@ -3095,7 +3142,7 @@ class NgxsmkDatepickerContentComponent {
3095
3142
  </div>
3096
3143
  </div>
3097
3144
  }
3098
- `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CalendarHeaderComponent, selector: "ngxsmk-calendar-header", inputs: ["monthOptions", "yearOptions", "currentMonth", "currentYear", "disabled", "isBackArrowDisabled", "prevMonthAriaLabel", "nextMonthAriaLabel", "headerClass", "navPrevClass", "navNextClass"], outputs: ["currentYearChange", "currentMonthChange", "previousMonth", "nextMonth"] }, { kind: "component", type: CalendarMonthViewComponent, selector: "ngxsmk-calendar-month-view", inputs: ["days", "weekDays", "classes", "dateTemplate", "dayTemplate", "mode", "selectedDate", "startDate", "endDate", "focusedDate", "today", "currentMonth", "currentYear", "ariaLabel", "isDateDisabled", "isSameDay", "isHoliday", "isMultipleSelected", "isInRange", "isPreviewInRange", "getAriaLabel", "getDayCellCustomClasses", "getDayCellTooltip", "formatDayNumber"], outputs: ["dateClick", "dateMouseDown", "dateMouseUp", "dateHover", "dateFocus", "swipeStart", "swipeMove", "swipeEnd", "touchStart", "touchMove", "touchEnd"] }, { kind: "component", type: CalendarYearViewComponent, selector: "ngxsmk-calendar-year-view", inputs: ["viewMode", "yearGrid", "decadeGrid", "currentYear", "currentDecade", "today", "disabled", "yearContainerHeight", "decadeContainerHeight", "previousYearsLabel", "nextYearsLabel", "previousDecadeLabel", "nextDecadeLabel", "headerClass", "navPrevClass", "navNextClass"], outputs: ["viewModeChange", "yearClick", "decadeClick", "changeYear", "changeDecade"] }, { kind: "component", type: TimeSelectionComponent, selector: "ngxsmk-time-selection", inputs: ["hourOptions", "minuteOptions", "secondOptions", "ampmOptions", "currentDisplayHour", "currentMinute", "currentSecond", "isPm", "disabled", "timeLabel", "showSeconds", "showAmpm"], outputs: ["timeChange", "currentDisplayHourChange", "currentMinuteChange", "currentSecondChange", "isPmChange"] }, { kind: "component", type: NgxsmkDatepickerPresetsComponent, selector: "ngxsmk-datepicker-presets", inputs: ["ranges", "disabled", "classes"], outputs: ["rangeSelected"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
3145
+ `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CalendarHeaderComponent, selector: "ngxsmk-calendar-header", inputs: ["monthOptions", "yearOptions", "currentMonth", "currentYear", "disabled", "isBackArrowDisabled", "prevMonthAriaLabel", "nextMonthAriaLabel", "headerClass", "navPrevClass", "navNextClass"], outputs: ["currentYearChange", "currentMonthChange", "previousMonth", "nextMonth"] }, { kind: "component", type: CalendarMonthViewComponent, selector: "ngxsmk-calendar-month-view", inputs: ["days", "weekDays", "classes", "dateTemplate", "dayTemplate", "mode", "selectedDate", "startDate", "endDate", "focusedDate", "today", "currentMonth", "currentYear", "ariaLabel", "isDateDisabled", "isSameDay", "isHoliday", "isMultipleSelected", "isInRange", "isPreviewInRange", "getAriaLabel", "getDayCellCustomClasses", "getDayCellTooltip", "formatDayNumber"], outputs: ["dateClick", "dateMouseDown", "dateMouseUp", "dateHover", "dateFocus", "swipeStart", "swipeMove", "swipeEnd", "touchStart", "touchMove", "touchEnd"] }, { kind: "component", type: CalendarYearViewComponent, selector: "ngxsmk-calendar-year-view", inputs: ["viewMode", "yearGrid", "decadeGrid", "currentYear", "currentDecade", "today", "disabled", "yearContainerHeight", "decadeContainerHeight", "previousYearsLabel", "nextYearsLabel", "previousDecadeLabel", "nextDecadeLabel", "headerClass", "navPrevClass", "navNextClass"], outputs: ["viewModeChange", "yearClick", "decadeClick", "changeYear", "changeDecade"] }, { kind: "component", type: TimeSelectionComponent, selector: "ngxsmk-time-selection", inputs: ["hourOptions", "minuteOptions", "secondOptions", "ampmOptions", "currentDisplayHour", "currentMinute", "currentSecond", "isPm", "disabled", "timeLabel", "showSeconds", "showAmpm"], outputs: ["timeChange", "currentDisplayHourChange", "currentMinuteChange", "currentSecondChange", "isPmChange"] }, { kind: "component", type: NgxsmkDatepickerPresetsComponent, selector: "ngxsmk-datepicker-presets", inputs: ["ranges", "disabled", "classes", "selectedRange"], outputs: ["rangeSelected"] }, { kind: "component", type: CustomSelectComponent, selector: "ngxsmk-custom-select", inputs: ["options", "value", "disabled"], outputs: ["valueChange"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
3099
3146
  }
3100
3147
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerContentComponent, decorators: [{
3101
3148
  type: Component,
@@ -3110,6 +3157,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
3110
3157
  CalendarYearViewComponent,
3111
3158
  TimeSelectionComponent,
3112
3159
  NgxsmkDatepickerPresetsComponent,
3160
+ CustomSelectComponent,
3113
3161
  ],
3114
3162
  template: `
3115
3163
  @if (isCalendarVisible) {
@@ -3160,6 +3208,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
3160
3208
  @if (showRanges && rangesArray.length > 0 && mode === 'range' && !timeOnly) {
3161
3209
  <ngxsmk-datepicker-presets
3162
3210
  [ranges]="rangesArray"
3211
+ [selectedRange]="selectedRange"
3163
3212
  [disabled]="disabled"
3164
3213
  [classes]="classes"
3165
3214
  (rangeSelected)="rangeSelect.emit($event)"
@@ -3462,6 +3511,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
3462
3511
  }
3463
3512
  }
3464
3513
 
3514
+ @if (showTimezoneSelector) {
3515
+ <div class="ngxsmk-timezone-selection">
3516
+ <span class="ngxsmk-timezone-label">{{ translations?.timezone || 'Timezone' }}:</span>
3517
+ <ngxsmk-custom-select
3518
+ [options]="timezoneOptions"
3519
+ [value]="currentTimezone"
3520
+ [disabled]="disabled"
3521
+ (valueChange)="onTimezoneChange($event)"
3522
+ ></ngxsmk-custom-select>
3523
+ </div>
3524
+ }
3525
+
3465
3526
  @if (!isInlineMode) {
3466
3527
  <div class="ngxsmk-footer" [ngClass]="classes?.footer">
3467
3528
  <button
@@ -3636,6 +3697,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
3636
3697
  type: Input
3637
3698
  }], translations: [{
3638
3699
  type: Input
3700
+ }], selectedRange: [{
3701
+ type: Input
3702
+ }], showTimezoneSelector: [{
3703
+ type: Input
3704
+ }], timezoneOptions: [{
3705
+ type: Input
3706
+ }], currentTimezone: [{
3707
+ type: Input
3708
+ }], timezoneChange: [{
3709
+ type: Output
3639
3710
  }], boundIsDateDisabled: [{
3640
3711
  type: Input
3641
3712
  }], boundIsSameDay: [{
@@ -7352,6 +7423,68 @@ class CustomDateFormatService {
7352
7423
  }
7353
7424
  }
7354
7425
 
7426
+ class NaturalLanguageParserService {
7427
+ /**
7428
+ * Parse relative time expressions into actual Date or Range objects.
7429
+ * e.g., 'today', 'tomorrow', 'in 3 weeks', 'Q3 2026'
7430
+ */
7431
+ parse(text) {
7432
+ if (!text)
7433
+ return null;
7434
+ const clean = text.toLowerCase().trim();
7435
+ const today = new Date();
7436
+ if (clean === 'today')
7437
+ return new Date(today);
7438
+ if (clean === 'tomorrow') {
7439
+ return new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1);
7440
+ }
7441
+ if (clean === 'yesterday') {
7442
+ return new Date(today.getFullYear(), today.getMonth(), today.getDate() - 1);
7443
+ }
7444
+ // Relative offsets: "in 3 weeks", "2 days ago", "5 months"
7445
+ const relativeMatch = clean.match(/^(?:in\s+)?(\d+)\s+(day|week|month|year)s?(?:\s+ago)?$/);
7446
+ if (relativeMatch) {
7447
+ const amount = parseInt(relativeMatch[1] || '0', 10);
7448
+ const unit = relativeMatch[2];
7449
+ const direction = clean.includes('ago') ? -1 : 1;
7450
+ const result = new Date(today);
7451
+ if (unit === 'day') {
7452
+ result.setDate(today.getDate() + amount * direction);
7453
+ }
7454
+ else if (unit === 'week') {
7455
+ result.setDate(today.getDate() + (amount * 7) * direction);
7456
+ }
7457
+ else if (unit === 'month') {
7458
+ result.setMonth(today.getMonth() + amount * direction);
7459
+ }
7460
+ else if (unit === 'year') {
7461
+ result.setFullYear(today.getFullYear() + amount * direction);
7462
+ }
7463
+ return result;
7464
+ }
7465
+ // Calendar quarter mapping: "q3 2025" or "Q2 2026"
7466
+ const quarterMatch = clean.match(/^q([1-4])\s+(\d{4})$/);
7467
+ if (quarterMatch) {
7468
+ const quarter = parseInt(quarterMatch[1] || '1', 10);
7469
+ const year = parseInt(quarterMatch[2] || '2026', 10);
7470
+ const startMonth = (quarter - 1) * 3;
7471
+ return {
7472
+ start: new Date(year, startMonth, 1),
7473
+ end: new Date(year, startMonth + 3, 0, 23, 59, 59, 999),
7474
+ };
7475
+ }
7476
+ return null;
7477
+ }
7478
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NaturalLanguageParserService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
7479
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NaturalLanguageParserService, providedIn: 'root' }); }
7480
+ }
7481
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NaturalLanguageParserService, decorators: [{
7482
+ type: Injectable,
7483
+ args: [{
7484
+ providedIn: 'root',
7485
+ }]
7486
+ }] });
7487
+
7355
7488
  /**
7356
7489
  * A comprehensive, production-ready Angular datepicker component with extensive features.
7357
7490
  *
@@ -7520,6 +7653,21 @@ class NgxsmkDatepickerComponent {
7520
7653
  get yearRange() {
7521
7654
  return this._yearRange();
7522
7655
  }
7656
+ // Feature 2: Multi-calendar view
7657
+ set calendars(value) {
7658
+ this.calendarCount = value;
7659
+ }
7660
+ get calendars() {
7661
+ return this.calendarCount;
7662
+ }
7663
+ getTimezoneOptions() {
7664
+ const tz = this.timezone || this.defaultTimezone;
7665
+ const exists = this.timezoneOptions.some(o => o.value === tz);
7666
+ if (!exists && tz) {
7667
+ return [{ label: tz, value: tz }, ...this.timezoneOptions];
7668
+ }
7669
+ return this.timezoneOptions;
7670
+ }
7523
7671
  set calendarCount(value) {
7524
7672
  const coerced = typeof value === 'string' ? Number.parseInt(value, 10) : Number(value);
7525
7673
  const n = Number.isFinite(coerced) ? coerced : Number.NaN;
@@ -7878,6 +8026,7 @@ class NgxsmkDatepickerComponent {
7878
8026
  }
7879
8027
  set minDate(value) {
7880
8028
  this._minDate = this._normalizeDate(value);
8029
+ this.adjustDisplayedDateToRange();
7881
8030
  this._updateMemoSignals();
7882
8031
  this._invalidateMemoCache();
7883
8032
  this.cdr.markForCheck();
@@ -7887,6 +8036,7 @@ class NgxsmkDatepickerComponent {
7887
8036
  }
7888
8037
  set maxDate(value) {
7889
8038
  this._maxDate = this._normalizeDate(value);
8039
+ this.adjustDisplayedDateToRange();
7890
8040
  this._updateMemoSignals();
7891
8041
  this._invalidateMemoCache();
7892
8042
  this.cdr.markForCheck();
@@ -7940,6 +8090,26 @@ class NgxsmkDatepickerComponent {
7940
8090
  */
7941
8091
  this.allowSameDay = false;
7942
8092
  this.allowTyping = false;
8093
+ // Feature 1: Natural Language Date Input
8094
+ this.enableNaturalLanguage = false;
8095
+ this.naturalLanguageResolved = new EventEmitter();
8096
+ // Feature 4: Disabled range blocking
8097
+ this.invalidRange = new EventEmitter();
8098
+ // Feature 5: Timezone Selector UI
8099
+ this.showTimezoneSelector = false;
8100
+ this.defaultTimezone = 'UTC';
8101
+ this.timezoneChange = new EventEmitter();
8102
+ this.timezoneOptions = [
8103
+ { label: 'UTC', value: 'UTC' },
8104
+ { label: 'New York (EST/EDT)', value: 'America/New_York' },
8105
+ { label: 'Chicago (CST/CDT)', value: 'America/Chicago' },
8106
+ { label: 'Los Angeles (PST/PDT)', value: 'America/Los_Angeles' },
8107
+ { label: 'London (GMT/BST)', value: 'Europe/London' },
8108
+ { label: 'Paris (CET/CEST)', value: 'Europe/Paris' },
8109
+ { label: 'Tokyo (JST)', value: 'Asia/Tokyo' },
8110
+ { label: 'Kolkata (IST)', value: 'Asia/Kolkata' },
8111
+ { label: 'Sydney (AEST/AEDT)', value: 'Australia/Sydney' }
8112
+ ];
7943
8113
  this._calendarCount = 1;
7944
8114
  this.calendarLayout = 'auto';
7945
8115
  this.defaultMonthOffset = 0;
@@ -8090,8 +8260,45 @@ class NgxsmkDatepickerComponent {
8090
8260
  this._currentMonth = this.currentDate.getMonth();
8091
8261
  this._currentYear = this.currentDate.getFullYear();
8092
8262
  this._currentDecade = Math.floor(this.currentDate.getFullYear() / 10) * 10;
8093
- this.monthOptions = computed(() => generateMonthOptions(this._localeSignal(), this._currentYearSignal()), ...(ngDevMode ? [{ debugName: "monthOptions" }] : /* istanbul ignore next */ []));
8094
- this.yearOptions = computed(() => generateYearOptions(this._currentYearSignal(), this.yearRange), ...(ngDevMode ? [{ debugName: "yearOptions" }] : /* istanbul ignore next */ []));
8263
+ this.monthOptions = computed(() => {
8264
+ const options = generateMonthOptions(this._localeSignal(), this._currentYearSignal());
8265
+ const min = this._disabledStateSignal().minDate;
8266
+ const max = this._disabledStateSignal().maxDate;
8267
+ const currentYear = this._currentYearSignal();
8268
+ return options.map(opt => {
8269
+ let disabled = false;
8270
+ if (min) {
8271
+ const minYear = min.getFullYear();
8272
+ const minMonth = min.getMonth();
8273
+ if (currentYear < minYear || (currentYear === minYear && opt.value < minMonth)) {
8274
+ disabled = true;
8275
+ }
8276
+ }
8277
+ if (max) {
8278
+ const maxYear = max.getFullYear();
8279
+ const maxMonth = max.getMonth();
8280
+ if (currentYear > maxYear || (currentYear === maxYear && opt.value > maxMonth)) {
8281
+ disabled = true;
8282
+ }
8283
+ }
8284
+ return { ...opt, disabled };
8285
+ });
8286
+ }, ...(ngDevMode ? [{ debugName: "monthOptions" }] : /* istanbul ignore next */ []));
8287
+ this.yearOptions = computed(() => {
8288
+ const options = generateYearOptions(this._currentYearSignal(), this.yearRange);
8289
+ const min = this._disabledStateSignal().minDate;
8290
+ const max = this._disabledStateSignal().maxDate;
8291
+ return options.map(opt => {
8292
+ let disabled = false;
8293
+ if (min && opt.value < min.getFullYear()) {
8294
+ disabled = true;
8295
+ }
8296
+ if (max && opt.value > max.getFullYear()) {
8297
+ disabled = true;
8298
+ }
8299
+ return { ...opt, disabled };
8300
+ });
8301
+ }, ...(ngDevMode ? [{ debugName: "yearOptions" }] : /* istanbul ignore next */ []));
8095
8302
  this.decadeOptions = [];
8096
8303
  this.yearGrid = [];
8097
8304
  this.hourOptions = [];
@@ -8139,12 +8346,15 @@ class NgxsmkDatepickerComponent {
8139
8346
  this.parsingService = inject(DatepickerParsingService);
8140
8347
  this.touchService = inject(TouchGestureHandlerService);
8141
8348
  this.popoverPositioningService = inject(PopoverPositioningService);
8349
+ this.naturalLanguageParserService = inject(NaturalLanguageParserService);
8142
8350
  this.ngControl = inject(NgControl, {
8143
8351
  optional: true,
8144
8352
  self: true,
8145
8353
  });
8146
8354
  this.isBrowser = isPlatformBrowser(this.platformId);
8147
8355
  this.dateComparator = createDateComparator();
8356
+ this.naturalLanguagePreview = null;
8357
+ this.showNaturalLanguagePreview = false;
8148
8358
  this.typedInputValue = '';
8149
8359
  this.isTyping = false;
8150
8360
  this.popoverId = 'ngxsmk-popover-' + Math.random().toString(36).substring(2, 9);
@@ -8185,6 +8395,16 @@ class NgxsmkDatepickerComponent {
8185
8395
  , ...(ngDevMode ? [{ debugName: "_visibleCalendarIndicesSignal" }] : /* istanbul ignore next */ []));
8186
8396
  /** Bumped when `multiCalendarMonths` is regenerated so `renderedCalendars` invalidates (plain array is not a signal). */
8187
8397
  this._multiCalendarDataRevision = signal(0, ...(ngDevMode ? [{ debugName: "_multiCalendarDataRevision" }] : /* istanbul ignore next */ []));
8398
+ this.calendarAriaLabel = computed(() => {
8399
+ this._currentMonthSignal();
8400
+ this._currentYearSignal();
8401
+ this._localeSignal();
8402
+ return this.getCalendarAriaLabel();
8403
+ }, ...(ngDevMode ? [{ debugName: "calendarAriaLabel" }] : /* istanbul ignore next */ []));
8404
+ this.calendarLoadingMessage = computed(() => {
8405
+ this._localeSignal();
8406
+ return this.getCalendarLoadingMessage();
8407
+ }, ...(ngDevMode ? [{ debugName: "calendarLoadingMessage" }] : /* istanbul ignore next */ []));
8188
8408
  /**
8189
8409
  * Computed signal for rendered calendars - only includes visible calendars + buffer.
8190
8410
  * This dramatically reduces DOM nodes for multi-calendar layouts.
@@ -8240,7 +8460,7 @@ class NgxsmkDatepickerComponent {
8240
8460
  this.scrollDebounceTimer = null;
8241
8461
  this.updatePositionOnScroll = () => {
8242
8462
  if (this.isCalendarOpen && this._shouldAppendToBody && this.isBrowser) {
8243
- this.scrollDebounceTimer ??= requestAnimationFrame(() => {
8463
+ this.scrollDebounceTimer ??= this.trackedRequestAnimationFrame(() => {
8244
8464
  this.positionPopoverRelativeToInput();
8245
8465
  this.scrollDebounceTimer = null;
8246
8466
  });
@@ -8733,6 +8953,41 @@ class NgxsmkDatepickerComponent {
8733
8953
  const firstDayOfCurrentMonth = new Date(this.currentYear, this.currentMonth, 1);
8734
8954
  return firstDayOfCurrentMonth <= this._minDate;
8735
8955
  }
8956
+ adjustDisplayedDateToRange() {
8957
+ let yearChanged = false;
8958
+ let monthChanged = false;
8959
+ if (this._minDate) {
8960
+ const minYear = this._minDate.getFullYear();
8961
+ const minMonth = this._minDate.getMonth();
8962
+ if (this._currentYear < minYear) {
8963
+ this._currentYear = minYear;
8964
+ this._currentYearSignal.set(minYear);
8965
+ yearChanged = true;
8966
+ }
8967
+ if (this._currentYear === minYear && this._currentMonth < minMonth) {
8968
+ this._currentMonth = minMonth;
8969
+ this._currentMonthSignal.set(minMonth);
8970
+ monthChanged = true;
8971
+ }
8972
+ }
8973
+ if (this._maxDate) {
8974
+ const maxYear = this._maxDate.getFullYear();
8975
+ const maxMonth = this._maxDate.getMonth();
8976
+ if (this._currentYear > maxYear) {
8977
+ this._currentYear = maxYear;
8978
+ this._currentYearSignal.set(maxYear);
8979
+ yearChanged = true;
8980
+ }
8981
+ if (this._currentYear === maxYear && this._currentMonth > maxMonth) {
8982
+ this._currentMonth = maxMonth;
8983
+ this._currentMonthSignal.set(maxMonth);
8984
+ monthChanged = true;
8985
+ }
8986
+ }
8987
+ if (yearChanged || monthChanged) {
8988
+ this.currentDate = new Date(this._currentYear, this._currentMonth, 1);
8989
+ }
8990
+ }
8736
8991
  _invalidateMemoCache() {
8737
8992
  this._memoDependencies();
8738
8993
  this._cachedIsCurrentMonthMemo = null;
@@ -9781,6 +10036,7 @@ class NgxsmkDatepickerComponent {
9781
10036
  onPopoverEscape(event) {
9782
10037
  event.preventDefault();
9783
10038
  event.stopPropagation();
10039
+ this.closeCalendarWithFocusRestore();
9784
10040
  }
9785
10041
  _startOpeningState() {
9786
10042
  if (this.isBrowser && this._shouldAppendToBody) {
@@ -9970,6 +10226,7 @@ class NgxsmkDatepickerComponent {
9970
10226
  this._currentYearSignal.set(year);
9971
10227
  // Fix: Normalize to 1st of month to prevent Date overflow (e.g., Feb 29 -> non-leap year)
9972
10228
  this.currentDate = new Date(year, this.currentDate.getMonth(), 1);
10229
+ this.adjustDisplayedDateToRange();
9973
10230
  this._invalidateMemoCache();
9974
10231
  this.generateCalendar();
9975
10232
  }
@@ -9980,8 +10237,15 @@ class NgxsmkDatepickerComponent {
9980
10237
  now = convertTimezone(now, this.timezone, '');
9981
10238
  }
9982
10239
  this.today = getStartOfDay(now);
10240
+ this.updateRangesArray();
9983
10241
  }
9984
10242
  ngOnInit() {
10243
+ if (!this.timezone && this.showTimezoneSelector && this.defaultTimezone) {
10244
+ this.timezone = this.defaultTimezone;
10245
+ }
10246
+ if (this.enableNaturalLanguage) {
10247
+ this.allowTyping = true;
10248
+ }
9985
10249
  NgxsmkDatepickerComponent._allInstances.add(this);
9986
10250
  this.applyGlobalConfig();
9987
10251
  this.applyAnimationConfig();
@@ -10229,6 +10493,10 @@ class NgxsmkDatepickerComponent {
10229
10493
  changes['use24Hour']) {
10230
10494
  needsChangeDetection = this.handleChangesWeekStartAndRelated(changes) || needsChangeDetection;
10231
10495
  }
10496
+ if (changes['rangePresetFactory']) {
10497
+ this.updateRangesArray();
10498
+ needsChangeDetection = true;
10499
+ }
10232
10500
  if (needsChangeDetection)
10233
10501
  this.scheduleChangeDetection();
10234
10502
  if (changes['field'])
@@ -10826,6 +11094,7 @@ class NgxsmkDatepickerComponent {
10826
11094
  input.setSelectionRange(cursorPosition, cursorPosition);
10827
11095
  }, 0);
10828
11096
  }
11097
+ this.updateNaturalLanguagePreview(value);
10829
11098
  this.scheduleChangeDetection();
10830
11099
  }
10831
11100
  onInputBlur(event) {
@@ -10856,10 +11125,37 @@ class NgxsmkDatepickerComponent {
10856
11125
  this.clearValidationError();
10857
11126
  this.applyTypedDate(parsedDate);
10858
11127
  this.typedInputValue = this.displayValue;
11128
+ this.showNaturalLanguagePreview = false;
11129
+ }
11130
+ else if (this.enableNaturalLanguage) {
11131
+ const resolved = this.naturalLanguageParserService.parse(value);
11132
+ if (resolved) {
11133
+ this.clearValidationError();
11134
+ if (resolved instanceof Date) {
11135
+ this.selectedDate = resolved;
11136
+ this.emitValue(resolved);
11137
+ this.naturalLanguageResolved.emit(resolved);
11138
+ }
11139
+ else {
11140
+ this.startDate = resolved.start;
11141
+ this.endDate = resolved.end;
11142
+ this.emitValue(resolved);
11143
+ this.naturalLanguageResolved.emit(resolved);
11144
+ }
11145
+ this.typedInputValue = this.displayValue;
11146
+ this.generateCalendar();
11147
+ }
11148
+ else {
11149
+ this.applyValidationErrorForBlur(null);
11150
+ this.typedInputValue = this.displayValue;
11151
+ }
11152
+ this.showNaturalLanguagePreview = false;
11153
+ this.scheduleChangeDetection();
10859
11154
  }
10860
11155
  else {
10861
11156
  this.applyValidationErrorForBlur(parsedDate);
10862
11157
  this.typedInputValue = this.displayValue;
11158
+ this.showNaturalLanguagePreview = false;
10863
11159
  this.scheduleChangeDetection();
10864
11160
  }
10865
11161
  }
@@ -10905,21 +11201,51 @@ class NgxsmkDatepickerComponent {
10905
11201
  if (!value) {
10906
11202
  this.clearValue();
10907
11203
  this.typedInputValue = '';
11204
+ this.showNaturalLanguagePreview = false;
10908
11205
  return;
10909
11206
  }
10910
11207
  const parsedDate = this.parsingService.parseTypedInput(value, this.displayFormat);
10911
11208
  if (parsedDate !== null && this.isValidDate(parsedDate)) {
10912
11209
  this.applyTypedDate(parsedDate);
10913
11210
  this.typedInputValue = this.displayValue;
11211
+ this.showNaturalLanguagePreview = false;
10914
11212
  input.blur();
10915
11213
  }
11214
+ else if (this.enableNaturalLanguage) {
11215
+ const resolved = this.naturalLanguageParserService.parse(value);
11216
+ if (resolved) {
11217
+ this.clearValidationError();
11218
+ if (resolved instanceof Date) {
11219
+ this.selectedDate = resolved;
11220
+ this.emitValue(resolved);
11221
+ this.naturalLanguageResolved.emit(resolved);
11222
+ }
11223
+ else {
11224
+ this.startDate = resolved.start;
11225
+ this.endDate = resolved.end;
11226
+ this.emitValue(resolved);
11227
+ this.naturalLanguageResolved.emit(resolved);
11228
+ }
11229
+ this.typedInputValue = this.displayValue;
11230
+ this.generateCalendar();
11231
+ this.showNaturalLanguagePreview = false;
11232
+ input.blur();
11233
+ }
11234
+ else {
11235
+ this.typedInputValue = this.displayValue;
11236
+ this.showNaturalLanguagePreview = false;
11237
+ this.scheduleChangeDetection();
11238
+ }
11239
+ }
10916
11240
  else {
10917
11241
  this.typedInputValue = this.displayValue;
11242
+ this.showNaturalLanguagePreview = false;
10918
11243
  this.scheduleChangeDetection();
10919
11244
  }
10920
11245
  }
10921
11246
  else if (keyboardEvent.key === 'Escape') {
10922
11247
  this.typedInputValue = this.displayValue;
11248
+ this.showNaturalLanguagePreview = false;
10923
11249
  const input = keyboardEvent.target;
10924
11250
  input.blur();
10925
11251
  this.scheduleChangeDetection();
@@ -11033,7 +11359,74 @@ class NgxsmkDatepickerComponent {
11033
11359
  this.weekDays = generateWeekDays(this.locale, this.firstDayOfWeek);
11034
11360
  }
11035
11361
  updateRangesArray() {
11036
- this.rangesArray = this._ranges ? Object.entries(this._ranges).map(([key, value]) => ({ key, value })) : [];
11362
+ let factoryPresets = [];
11363
+ if (this.rangePresetFactory) {
11364
+ try {
11365
+ const dynamicPresets = this.rangePresetFactory(this.today || new Date());
11366
+ factoryPresets = dynamicPresets.map(preset => {
11367
+ const calculated = preset.calculate(this.today || new Date());
11368
+ return {
11369
+ key: preset.name,
11370
+ value: [calculated.start, calculated.end]
11371
+ };
11372
+ });
11373
+ }
11374
+ catch (err) {
11375
+ console.error('Error executing rangePresetFactory:', err);
11376
+ }
11377
+ }
11378
+ const standardPresets = this._ranges ? Object.entries(this._ranges).map(([key, value]) => ({ key, value })) : [];
11379
+ this.rangesArray = [...standardPresets, ...factoryPresets];
11380
+ }
11381
+ setTimezone(tz) {
11382
+ if (this.timezone === tz)
11383
+ return;
11384
+ this.timezone = tz;
11385
+ this._updateToday();
11386
+ this.generateCalendar();
11387
+ this.timezoneChange.emit(tz);
11388
+ this.scheduleChangeDetection();
11389
+ }
11390
+ checkAndEmitInvalidRange(start, end) {
11391
+ const disabledDatesInside = [];
11392
+ const current = new Date(start);
11393
+ const limitDate = new Date(start);
11394
+ limitDate.setDate(limitDate.getDate() + 365);
11395
+ const endChecked = end < limitDate ? end : limitDate;
11396
+ while (current <= endChecked) {
11397
+ if (this.isDateDisabled(current)) {
11398
+ disabledDatesInside.push(new Date(current));
11399
+ }
11400
+ current.setDate(current.getDate() + 1);
11401
+ }
11402
+ if (disabledDatesInside.length > 0) {
11403
+ this.invalidRange.emit({ start, end, disabledDatesInside });
11404
+ return true;
11405
+ }
11406
+ return false;
11407
+ }
11408
+ updateNaturalLanguagePreview(value) {
11409
+ if (!this.enableNaturalLanguage || !value) {
11410
+ this.naturalLanguagePreview = null;
11411
+ this.showNaturalLanguagePreview = false;
11412
+ return;
11413
+ }
11414
+ const resolved = this.naturalLanguageParserService.parse(value);
11415
+ if (resolved) {
11416
+ if (resolved instanceof Date) {
11417
+ this.naturalLanguagePreview = formatDateWithTimezone(resolved, this.locale, { year: 'numeric', month: 'long', day: 'numeric' }, this.timezone);
11418
+ }
11419
+ else {
11420
+ const start = formatDateWithTimezone(resolved.start, this.locale, { year: 'numeric', month: 'long', day: 'numeric' }, this.timezone);
11421
+ const end = formatDateWithTimezone(resolved.end, this.locale, { year: 'numeric', month: 'long', day: 'numeric' }, this.timezone);
11422
+ this.naturalLanguagePreview = `${start} - ${end}`;
11423
+ }
11424
+ this.showNaturalLanguagePreview = true;
11425
+ }
11426
+ else {
11427
+ this.naturalLanguagePreview = null;
11428
+ this.showNaturalLanguagePreview = false;
11429
+ }
11037
11430
  }
11038
11431
  selectRange(range) {
11039
11432
  if (this.disabled)
@@ -11045,6 +11438,7 @@ class NgxsmkDatepickerComponent {
11045
11438
  this.endDate = this.applyCurrentTime(this.endDate);
11046
11439
  }
11047
11440
  if (this.startDate && this.endDate) {
11441
+ this.checkAndEmitInvalidRange(this.startDate, this.endDate);
11048
11442
  this.emitValue({
11049
11443
  start: this.startDate,
11050
11444
  end: this.endDate,
@@ -11432,6 +11826,7 @@ class NgxsmkDatepickerComponent {
11432
11826
  this.endDate = potentialEndDate;
11433
11827
  this.hoveredDate = null;
11434
11828
  this._invalidateMemoCache();
11829
+ this.checkAndEmitInvalidRange(this.startDate, this.endDate);
11435
11830
  this.emitValue({ start: this.startDate, end: this.endDate });
11436
11831
  this._announceRangeSelected();
11437
11832
  }
@@ -11447,6 +11842,7 @@ class NgxsmkDatepickerComponent {
11447
11842
  this.endDate = endSame;
11448
11843
  this.hoveredDate = null;
11449
11844
  this._invalidateMemoCache();
11845
+ this.checkAndEmitInvalidRange(this.startDate, this.endDate);
11450
11846
  this.emitValue({ start: this.startDate, end: this.endDate });
11451
11847
  return true;
11452
11848
  }
@@ -11737,7 +12133,7 @@ class NgxsmkDatepickerComponent {
11737
12133
  },
11738
12134
  });
11739
12135
  if (this.isBrowser) {
11740
- requestAnimationFrame(() => {
12136
+ this.trackedRequestAnimationFrame(() => {
11741
12137
  this.setupPassiveTouchListeners();
11742
12138
  });
11743
12139
  }
@@ -11855,6 +12251,7 @@ class NgxsmkDatepickerComponent {
11855
12251
  this._currentYear = yearValue;
11856
12252
  this._currentYearSignal.set(yearValue);
11857
12253
  this.currentDate.setFullYear(yearValue);
12254
+ this.adjustDisplayedDateToRange();
11858
12255
  this._invalidateMemoCache();
11859
12256
  this.generateYearGrid();
11860
12257
  this.generateCalendar();
@@ -12007,9 +12404,9 @@ class NgxsmkDatepickerComponent {
12007
12404
  this._invalidateMemoCache();
12008
12405
  this.generateCalendar();
12009
12406
  if (this.isBrowser && this.isCalendarOpen) {
12010
- requestAnimationFrame(() => {
12011
- requestAnimationFrame(() => {
12012
- setTimeout(() => {
12407
+ this.trackedRequestAnimationFrame(() => {
12408
+ this.trackedRequestAnimationFrame(() => {
12409
+ this.trackedSetTimeout(() => {
12013
12410
  this.setupPassiveTouchListeners();
12014
12411
  }, 50);
12015
12412
  });
@@ -12291,6 +12688,10 @@ class NgxsmkDatepickerComponent {
12291
12688
  this.isCalendarOpen = false;
12292
12689
  this.isOpeningCalendar = false;
12293
12690
  this._startClosingState();
12691
+ this.onTouched();
12692
+ if (this._field) {
12693
+ this.fieldSyncService.markAsTouched(this._field);
12694
+ }
12294
12695
  // Restore focus to the previously focused element
12295
12696
  if (this.isBrowser && this.previousFocusElement) {
12296
12697
  // Use setTimeout to ensure the calendar is fully closed before restoring focus
@@ -12338,6 +12739,10 @@ class NgxsmkDatepickerComponent {
12338
12739
  NgxsmkDatepickerComponent._allInstances.delete(this);
12339
12740
  // Clean up field sync service
12340
12741
  this.fieldSyncService.cleanup();
12742
+ if (this.scrollDebounceTimer && this.isBrowser) {
12743
+ cancelAnimationFrame(this.scrollDebounceTimer);
12744
+ this.scrollDebounceTimer = null;
12745
+ }
12341
12746
  // Clear individual timeout IDs first
12342
12747
  if (this.openCalendarTimeoutId) {
12343
12748
  clearTimeout(this.openCalendarTimeoutId);
@@ -12475,7 +12880,7 @@ class NgxsmkDatepickerComponent {
12475
12880
  }
12476
12881
  }
12477
12882
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
12478
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxsmkDatepickerComponent, isStandalone: true, selector: "ngxsmk-datepicker", inputs: { mode: "mode", calendarViewMode: "calendarViewMode", isInvalidDate: "isInvalidDate", showRanges: "showRanges", showTime: "showTime", timeOnly: "timeOnly", timeRangeMode: "timeRangeMode", showCalendarButton: "showCalendarButton", minuteInterval: "minuteInterval", use24Hour: "use24Hour", secondInterval: "secondInterval", showSeconds: "showSeconds", holidayProvider: "holidayProvider", disableHolidays: "disableHolidays", disabledDates: "disabledDates", disabledRanges: "disabledRanges", recurringPattern: "recurringPattern", dateTemplate: "dateTemplate", placeholder: "placeholder", inline: "inline", inputId: "inputId", name: "name", autocomplete: "autocomplete", translations: "translations", translationService: "translationService", clearLabel: "clearLabel", closeLabel: "closeLabel", prevMonthAriaLabel: "prevMonthAriaLabel", nextMonthAriaLabel: "nextMonthAriaLabel", clearAriaLabel: "clearAriaLabel", closeAriaLabel: "closeAriaLabel", weekStart: "weekStart", yearRange: "yearRange", timezone: "timezone", hooks: "hooks", enableKeyboardShortcuts: "enableKeyboardShortcuts", customShortcuts: "customShortcuts", autoApplyClose: "autoApplyClose", allowSameDay: "allowSameDay", displayFormat: "displayFormat", allowTyping: "allowTyping", calendarCount: "calendarCount", calendarLayout: "calendarLayout", defaultMonthOffset: "defaultMonthOffset", syncScroll: "syncScroll", align: "align", useNativePicker: "useNativePicker", enableHapticFeedback: "enableHapticFeedback", mobileModalStyle: "mobileModalStyle", mobileTimePickerStyle: "mobileTimePickerStyle", enablePullToRefresh: "enablePullToRefresh", mobileTheme: "mobileTheme", enableVoiceInput: "enableVoiceInput", autoDetectMobile: "autoDetectMobile", disableFocusTrap: "disableFocusTrap", appendToBody: "appendToBody", value: "value", field: "field", startAt: "startAt", locale: "locale", theme: "theme", dateFormatPattern: "dateFormatPattern", animationConfig: "animationConfig", rtl: "rtl", classes: "classes", disabledState: "disabledState", required: "required", errorState: "errorState", userAriaDescribedBy: "userAriaDescribedBy", minDate: "minDate", maxDate: "maxDate", ranges: "ranges" }, outputs: { valueChange: "valueChange", action: "action", validationError: "validationError" }, host: { listeners: { "document:click": "onDocumentClick($event)", "document:touchstart": "onDocumentTouchStart($event)", "keydown": "onKeyDown($event)" }, properties: { "class.ngxsmk-inline": "isInlineMode", "class.dark-theme": "this.isDarkMode", "class.ngxsmk-rtl": "this.rtlClass" } }, providers: [
12883
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: NgxsmkDatepickerComponent, isStandalone: true, selector: "ngxsmk-datepicker", inputs: { mode: "mode", calendarViewMode: "calendarViewMode", isInvalidDate: "isInvalidDate", showRanges: "showRanges", showTime: "showTime", timeOnly: "timeOnly", timeRangeMode: "timeRangeMode", showCalendarButton: "showCalendarButton", minuteInterval: "minuteInterval", use24Hour: "use24Hour", secondInterval: "secondInterval", showSeconds: "showSeconds", holidayProvider: "holidayProvider", disableHolidays: "disableHolidays", disabledDates: "disabledDates", disabledRanges: "disabledRanges", recurringPattern: "recurringPattern", dateTemplate: "dateTemplate", placeholder: "placeholder", inline: "inline", inputId: "inputId", name: "name", autocomplete: "autocomplete", translations: "translations", translationService: "translationService", clearLabel: "clearLabel", closeLabel: "closeLabel", prevMonthAriaLabel: "prevMonthAriaLabel", nextMonthAriaLabel: "nextMonthAriaLabel", clearAriaLabel: "clearAriaLabel", closeAriaLabel: "closeAriaLabel", weekStart: "weekStart", yearRange: "yearRange", timezone: "timezone", hooks: "hooks", enableKeyboardShortcuts: "enableKeyboardShortcuts", customShortcuts: "customShortcuts", autoApplyClose: "autoApplyClose", allowSameDay: "allowSameDay", displayFormat: "displayFormat", allowTyping: "allowTyping", enableNaturalLanguage: "enableNaturalLanguage", naturalLanguagePreviewTemplate: "naturalLanguagePreviewTemplate", calendars: "calendars", rangePresetFactory: "rangePresetFactory", showTimezoneSelector: "showTimezoneSelector", defaultTimezone: "defaultTimezone", calendarCount: "calendarCount", calendarLayout: "calendarLayout", defaultMonthOffset: "defaultMonthOffset", syncScroll: "syncScroll", align: "align", useNativePicker: "useNativePicker", enableHapticFeedback: "enableHapticFeedback", mobileModalStyle: "mobileModalStyle", mobileTimePickerStyle: "mobileTimePickerStyle", enablePullToRefresh: "enablePullToRefresh", mobileTheme: "mobileTheme", enableVoiceInput: "enableVoiceInput", autoDetectMobile: "autoDetectMobile", disableFocusTrap: "disableFocusTrap", appendToBody: "appendToBody", value: "value", field: "field", startAt: "startAt", locale: "locale", theme: "theme", dateFormatPattern: "dateFormatPattern", animationConfig: "animationConfig", rtl: "rtl", classes: "classes", disabledState: "disabledState", required: "required", errorState: "errorState", userAriaDescribedBy: "userAriaDescribedBy", minDate: "minDate", maxDate: "maxDate", ranges: "ranges" }, outputs: { naturalLanguageResolved: "naturalLanguageResolved", invalidRange: "invalidRange", timezoneChange: "timezoneChange", valueChange: "valueChange", action: "action", validationError: "validationError" }, host: { listeners: { "document:click": "onDocumentClick($event)", "document:touchstart": "onDocumentTouchStart($event)", "keydown": "onKeyDown($event)" }, properties: { "class.ngxsmk-inline": "isInlineMode", "class.dark-theme": "this.isDarkMode", "class.ngxsmk-rtl": "this.rtlClass" } }, providers: [
12479
12884
  FieldSyncService,
12480
12885
  CalendarGenerationService,
12481
12886
  DatepickerParsingService,
@@ -12493,50 +12898,63 @@ class NgxsmkDatepickerComponent {
12493
12898
  [ngClass]="classes?.wrapper"
12494
12899
  >
12495
12900
  @if (!isInlineMode) {
12496
- <ngxsmk-datepicker-input
12497
- #datepickerInput
12498
- [isNative]="shouldUseNativePicker()"
12499
- [disabled]="disabled"
12500
- [classes]="classes"
12501
- [nativeInputType]="getNativeInputType()"
12502
- [formattedValue]="formatValueForNativeInput(value)"
12503
- [placeholder]="placeholder"
12504
- [id]="inputId || _uniqueId"
12505
- [name]="name"
12506
- [autocomplete]="autocomplete"
12507
- [required]="required"
12508
- [minDateNative]="getMinDateForNativeInput()"
12509
- [maxDateNative]="getMaxDateForNativeInput()"
12510
- [ariaLabel]="placeholder || getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
12511
- [ariaDescribedBy]="'datepicker-help-' + _uniqueId"
12512
- [errorState]="errorState"
12513
- [clearAriaLabel]="_clearAriaLabel"
12514
- [clearLabel]="_clearLabel"
12515
- [isCalendarOpen]="isCalendarOpen"
12516
- [allowTyping]="allowTyping"
12517
- [typedInputValue]="typedInputValue"
12518
- [displayValue]="displayValue"
12519
- [showCalendarButton]="showCalendarButton"
12520
- [calendarAriaLabel]="getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
12521
- [validationErrorMessage]="validationErrorMessage"
12522
- (nativeInputChange)="onNativeInputChange($event)"
12523
- (inputBlur)="onInputBlur($event)"
12524
- (clearValue)="clearValue($event)"
12525
- (toggleCalendar)="toggleCalendar($event)"
12526
- (pointerDown)="onPointerDown($event)"
12527
- (pointerUp)="onPointerUp($event)"
12528
- (inputGroupFocus)="onInputGroupFocus()"
12529
- (inputKeyDown)="onInputKeyDown($event)"
12530
- (inputChange)="onInputChange($event)"
12531
- (inputFocus)="onInputFocus($event)"
12532
- ></ngxsmk-datepicker-input>
12901
+ <div class="ngxsmk-input-wrapper-container" style="position: relative; display: inline-block; width: 100%;">
12902
+ <ngxsmk-datepicker-input
12903
+ #datepickerInput
12904
+ [isNative]="shouldUseNativePicker()"
12905
+ [disabled]="disabled"
12906
+ [classes]="classes"
12907
+ [nativeInputType]="getNativeInputType()"
12908
+ [formattedValue]="formatValueForNativeInput(value)"
12909
+ [placeholder]="placeholder"
12910
+ [id]="inputId || _uniqueId"
12911
+ [name]="name"
12912
+ [autocomplete]="autocomplete"
12913
+ [required]="required"
12914
+ [minDateNative]="getMinDateForNativeInput()"
12915
+ [maxDateNative]="getMaxDateForNativeInput()"
12916
+ [ariaLabel]="placeholder || getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
12917
+ [ariaDescribedBy]="'datepicker-help-' + _uniqueId"
12918
+ [errorState]="errorState"
12919
+ [clearAriaLabel]="_clearAriaLabel"
12920
+ [clearLabel]="_clearLabel"
12921
+ [isCalendarOpen]="isCalendarOpen"
12922
+ [allowTyping]="allowTyping"
12923
+ [typedInputValue]="typedInputValue"
12924
+ [displayValue]="displayValue"
12925
+ [showCalendarButton]="showCalendarButton"
12926
+ [calendarAriaLabel]="getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
12927
+ [validationErrorMessage]="validationErrorMessage"
12928
+ (nativeInputChange)="onNativeInputChange($event)"
12929
+ (inputBlur)="onInputBlur($event)"
12930
+ (clearValue)="clearValue($event)"
12931
+ (toggleCalendar)="toggleCalendar($event)"
12932
+ (pointerDown)="onPointerDown($event)"
12933
+ (pointerUp)="onPointerUp($event)"
12934
+ (inputGroupFocus)="onInputGroupFocus()"
12935
+ (inputKeyDown)="onInputKeyDown($event)"
12936
+ (inputChange)="onInputChange($event)"
12937
+ (inputFocus)="onInputFocus($event)"
12938
+ ></ngxsmk-datepicker-input>
12939
+ @if (showNaturalLanguagePreview && naturalLanguagePreview) {
12940
+ <div class="ngxsmk-natural-language-preview" style="position: absolute; top: 100%; left: 0; z-index: 1000; background: var(--datepicker-background, #fff); border: 1px solid var(--datepicker-border-color, #ccc); border-radius: var(--datepicker-radius-md, 4px); padding: 8px 12px; box-shadow: var(--datepicker-shadow-md); margin-top: 4px; font-size: 14px; width: 100%; box-sizing: border-box;">
12941
+ <ng-container [ngTemplateOutlet]="naturalLanguagePreviewTemplate || defaultPreviewTpl" [ngTemplateOutletContext]="{ $implicit: naturalLanguagePreview }"></ng-container>
12942
+ </div>
12943
+ }
12944
+ </div>
12533
12945
  }
12534
12946
 
12947
+ <ng-template #defaultPreviewTpl let-preview>
12948
+ <div class="ngxsmk-natural-language-preview-content">
12949
+ Resolved: <strong>{{ preview }}</strong>
12950
+ </div>
12951
+ </ng-template>
12952
+
12535
12953
  <ng-template #portalContent>
12536
12954
  <ngxsmk-datepicker-content
12537
12955
  #datepickerContent
12538
12956
  [isCalendarVisible]="isCalendarVisible"
12539
- [isCalendarOpen]="isCalendarOpen"
12957
+ [isCalendarOpen]="_isCalendarOpen()"
12540
12958
  [isInlineMode]="isInlineMode"
12541
12959
  [shouldAppendToBody]="_shouldAppendToBody"
12542
12960
  [theme]="theme"
@@ -12547,11 +12965,15 @@ class NgxsmkDatepickerComponent {
12547
12965
  [isMobile]="isMobileDevice()"
12548
12966
  [mobileModalStyle]="mobileModalStyle"
12549
12967
  [align]="align"
12550
- [ariaLabel]="getCalendarAriaLabel()"
12968
+ [ariaLabel]="calendarAriaLabel()"
12551
12969
  [isCalendarOpening]="isCalendarOpening"
12552
- [loadingMessage]="getCalendarLoadingMessage()"
12970
+ [loadingMessage]="calendarLoadingMessage()"
12553
12971
  [showRanges]="showRanges"
12554
12972
  [rangesArray]="rangesArray"
12973
+ [selectedRange]="[startDate, endDate]"
12974
+ [showTimezoneSelector]="showTimezoneSelector"
12975
+ [timezoneOptions]="getTimezoneOptions()"
12976
+ [currentTimezone]="timezone || defaultTimezone"
12555
12977
  [mode]="mode"
12556
12978
  [disabled]="disabled"
12557
12979
  [calendarCount]="calendarCount"
@@ -12567,9 +12989,9 @@ class NgxsmkDatepickerComponent {
12567
12989
  [dateTemplate]="dateTemplate"
12568
12990
  [calendarViewMode]="calendarViewMode"
12569
12991
  [monthOptions]="monthOptions()"
12570
- [currentMonth]="currentMonth"
12992
+ [currentMonth]="_currentMonthSignal()"
12571
12993
  [yearOptions]="yearOptions()"
12572
- [currentYear]="currentYear"
12994
+ [currentYear]="_currentYearSignal()"
12573
12995
  [isBackArrowDisabled]="isBackArrowDisabled"
12574
12996
  [prevMonthAriaLabel]="_prevMonthAriaLabel"
12575
12997
  [nextMonthAriaLabel]="_nextMonthAriaLabel"
@@ -12626,6 +13048,7 @@ class NgxsmkDatepickerComponent {
12626
13048
  (touchMoveContainer)="onBottomSheetTouchMove($event)"
12627
13049
  (touchEndContainer)="onBottomSheetTouchEnd($event)"
12628
13050
  (rangeSelect)="selectRange($event)"
13051
+ (timezoneChange)="setTimezone($event)"
12629
13052
  (previousMonth)="changeMonth(-1)"
12630
13053
  (nextMonth)="changeMonth(1)"
12631
13054
  (currentMonthChange)="currentMonth = $event"
@@ -12680,7 +13103,7 @@ class NgxsmkDatepickerComponent {
12680
13103
  />
12681
13104
  }
12682
13105
  </div>
12683
- `, isInline: true, styles: ["ngxsmk-datepicker,.ngxsmk-popover-container,.ngxsmk-backdrop{--datepicker-primary-color: var(--ion-color-primary, #6d28d9);--datepicker-primary-contrast: var(--ion-color-primary-contrast, #ffffff);--datepicker-range-background: var(--ion-color-primary-tint, #f5f3ff);--datepicker-background: var(--ion-background-color, #ffffff);--datepicker-text-color: var(--ion-text-color, #1f2937);--datepicker-subtle-text-color: var(--ion-text-color-step-400, #6b7280);--datepicker-border-color: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--datepicker-hover-background: #f3f4f6;--datepicker-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--datepicker-primary-color) 15%, transparent);--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--datepicker-primary-contrast);--ngxsmk-color-range-bg: var(--datepicker-range-background);--ngxsmk-color-surface: var(--datepicker-background);--ngxsmk-color-surface-hover: var(--datepicker-hover-background);--ngxsmk-color-text-main: var(--datepicker-text-color);--ngxsmk-color-text-muted: var(--datepicker-subtle-text-color);--ngxsmk-color-border: var(--datepicker-border-color);--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--datepicker-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--datepicker-font-size-xs: 10px;--datepicker-font-size-sm: 12px;--datepicker-font-size-base: 14px;--datepicker-font-size-lg: 16px;--datepicker-font-size-xl: 18px;--datepicker-line-height: 1.5;--datepicker-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--datepicker-spacing-xs: 4px;--datepicker-spacing-sm: 8px;--datepicker-spacing-md: 12px;--datepicker-spacing-lg: 16px;--datepicker-spacing-xl: 20px;--datepicker-spacing-2xl: 24px;--datepicker-radius-sm: 6px;--datepicker-radius-md: 8px;--datepicker-radius-lg: 12px;--datepicker-radius-xl: 16px;--datepicker-border-radius: var(--datepicker-radius-lg);--datepicker-transition-duration: .15s;--datepicker-transition-easing: cubic-bezier(.4, 0, .2, 1);--datepicker-transition-property: all;--datepicker-transition: var(--datepicker-transition-property) var(--datepicker-transition-duration) var(--datepicker-transition-easing);--datepicker-z-index-base: 2147483647;--datepicker-z-index-backdrop: 2147483646}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151;--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.dark-theme *{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--datepicker-background: rgba(255, 255, 255, .7);--datepicker-border-color: rgba(255, 255, 255, .3);--datepicker-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--datepicker-border-color)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--datepicker-background: rgba(31, 41, 55, .7);--datepicker-border-color: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--datepicker-primary-color: #6750a4;--datepicker-radius-lg: 28px;--datepicker-font-family: \"Roboto\", sans-serif;--datepicker-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}@media(prefers-contrast:high){ngxsmk-datepicker{--datepicker-border-color: #000000;--datepicker-text-color: #000000;--datepicker-subtle-text-color: #000000;--datepicker-background: #ffffff;--datepicker-hover-background: #f0f0f0;--datepicker-primary-color: #0000ff;--datepicker-primary-contrast: #ffffff;--datepicker-range-background: #e0e0e0;--datepicker-focus-outline: #000000}ngxsmk-datepicker.dark-theme{--datepicker-border-color: #ffffff;--datepicker-text-color: #ffffff;--datepicker-subtle-text-color: #ffffff;--datepicker-background: #000000;--datepicker-hover-background: #333333;--datepicker-primary-color: #ffffff;--datepicker-primary-contrast: #000000;--datepicker-range-background: #333333;--datepicker-focus-outline: #ffffff}ngxsmk-datepicker *{border-color:var(--datepicker-border-color)!important}.ngxsmk-day-cell{border:2px solid transparent!important}.ngxsmk-day-cell:not(.disabled):not(.empty):hover{border-color:var(--datepicker-border-color)!important;background-color:var(--datepicker-hover-background)!important}.ngxsmk-day-cell.disabled{opacity:.5!important;border-color:#ccc!important}.ngxsmk-day-cell.selected,.ngxsmk-day-cell.start-date,.ngxsmk-day-cell.end-date{border:3px solid var(--datepicker-border-color)!important;background-color:var(--datepicker-primary-color)!important;color:var(--datepicker-primary-contrast)!important}.ngxsmk-day-cell.focused,.ngxsmk-day-cell:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-nav-button.focused,.ngxsmk-nav-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-input-group{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-border-color)!important;outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-clear-button,.ngxsmk-calendar-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-clear-button.focused,.ngxsmk-clear-button:focus-visible,.ngxsmk-calendar-button.focused,.ngxsmk-calendar-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-popover-container{border:3px solid var(--datepicker-border-color)!important;box-shadow:0 4px 8px #0000004d!important}.ngxsmk-day-cell.in-range{background-color:var(--datepicker-range-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-custom-select{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-custom-select.focused,.ngxsmk-custom-select:focus-within{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-time-input{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-time-input.focused,.ngxsmk-time-input:focus{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker{--datepicker-transition: none}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}\n", "ngxsmk-datepicker{display:block;width:100%;position:relative;font-family:var(--datepicker-font-family);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:visible}ngxsmk-datepicker:has(.ngxsmk-calendar-open){z-index:1000!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open{z-index:var(--datepicker-z-index-base);position:relative;isolation:isolate}@media(max-width:1023px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode){isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important;overflow:visible!important;clip-path:none!important;clip:auto!important;position:static!important;z-index:auto!important}ngxsmk-datepicker{display:block!important;width:100%!important;overflow:visible!important;position:relative!important;isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important}ngxsmk-datepicker:has(.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:visible!important;isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important;z-index:auto!important}}@media(min-width:1024px){.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;position:fixed!important;inset:0;background:transparent!important;z-index:var(--datepicker-z-index-backdrop)!important;pointer-events:auto!important}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}@media(max-width:1023px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:var(--datepicker-z-index-backdrop)!important;background:#0000008c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;-webkit-tap-highlight-color:transparent!important;-ms-tap-highlight-color:transparent!important;pointer-events:auto!important}.ngxsmk-datepicker-wrapper:not(.ngxsmk-calendar-open) .ngxsmk-backdrop,.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open.ngxsmk-inline-mode .ngxsmk-backdrop{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)),html:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:hidden!important}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}.ngxsmk-input-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;width:100%;border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);background:var(--datepicker-background);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);position:relative;overflow:hidden;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-primary-color);-webkit-box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);-moz-box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);outline:none}.ngxsmk-input-group:hover:not(.disabled){border-color:var(--datepicker-primary-color);-webkit-box-shadow:var(--datepicker-shadow-md);-moz-box-shadow:var(--datepicker-shadow-md);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-input-group.disabled{cursor:not-allowed;opacity:.6;background:var(--datepicker-hover-background)}.ngxsmk-native-input-group{cursor:default}.ngxsmk-native-input-group .ngxsmk-native-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;margin-left:4px}.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-inner-spin-button,.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ngxsmk-display-input{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%;padding:var(--datepicker-spacing-md) var(--datepicker-spacing-lg);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);background:transparent;border:none;outline:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);min-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-display-input:disabled{cursor:not-allowed;opacity:.6}.ngxsmk-display-input::placeholder{color:var(--datepicker-subtle-text-color);font-weight:400}.ngxsmk-clear-button{background:none;border:none;padding:var(--datepicker-spacing-sm);margin-right:var(--datepicker-spacing-sm);cursor:pointer;color:var(--datepicker-subtle-text-color);line-height:1;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;will-change:background-color;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-clear-button:hover:not(:disabled){color:var(--datepicker-text-color);background:var(--datepicker-hover-background)}.ngxsmk-clear-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-calendar-button{background:none;border:none;padding:var(--datepicker-spacing-sm);margin-right:var(--datepicker-spacing-sm);cursor:pointer;color:var(--datepicker-subtle-text-color);line-height:1;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;flex-shrink:0}.ngxsmk-calendar-button svg{width:18px;height:18px}.ngxsmk-calendar-button:hover:not(:disabled){color:var(--datepicker-primary-color);background:var(--datepicker-hover-background)}.ngxsmk-calendar-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-calendar-button:disabled{cursor:not-allowed;opacity:.6}.ngxsmk-popover-container{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--datepicker-z-index-base);width:100%;min-width:100%;max-width:100%;overflow:visible;display:block;visibility:visible;opacity:1;pointer-events:auto}.ngxsmk-popover-container.ngxsmk-inline-container{position:static!important;top:0;left:0;margin:0;transform:none!important;box-shadow:none!important;animation:none!important;width:auto;min-width:0;max-width:100%;display:inline-block}.ngxsmk-popover-container.ngxsmk-popover-open{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.ngxsmk-popover-container.ngxsmk-popover-open .ngxsmk-calendar-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open{height:auto!important;max-height:none!important;overflow:visible!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open .ngxsmk-calendar-container{overflow:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection){max-height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection)>*{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-datepicker-container{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-multi-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-calendar-month{min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-days-grid-wrapper{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-align-left{left:0!important;right:auto!important;transform:none!important}.ngxsmk-popover-container.ngxsmk-align-right{left:auto!important;right:0!important;transform:none!important}.ngxsmk-popover-container.ngxsmk-align-center{left:50%!important;right:auto!important;transform:translate(-50%)!important;-webkit-transform:translateX(-50%)!important}@media(max-width:1023px){.ngxsmk-popover-container:not(.ngxsmk-inline-container){isolation:auto!important;contain:none!important;clip-path:none!important;clip:auto!important;overflow:visible!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;z-index:2147483647!important;pointer-events:none!important;width:calc(100% - 12px)!important;min-width:280px!important;max-width:480px!important;max-height:calc(100vh - 48px)!important;max-height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){height:auto!important;max-height:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto!important;-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-multi-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-month{min-height:0!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-days-grid-wrapper{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}.ngxsmk-input-and-error{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;gap:4px}.ngxsmk-validation-error{font-size:var(--datepicker-font-size-sm, 12px);color:var(--datepicker-error-color, #b00020);margin-top:2px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-calendar-container{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-cell{pointer-events:auto!important;min-width:44px;min-height:44px;margin:2px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-number{pointer-events:auto!important;font-size:16px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop{pointer-events:auto!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){inset:auto 0 0!important;transform:none!important;width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;margin:0!important;-webkit-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important;-moz-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important;animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){inset:0!important;transform:none!important;width:100%!important;height:100%!important;max-height:100%!important;max-width:100%!important;border-radius:0!important;margin:0!important;-webkit-animation:fadeInScale .2s ease-out!important;-moz-animation:fadeInScale .2s ease-out!important;animation:fadeInScale .2s ease-out!important}.ngxsmk-datepicker-container{width:100%!important;max-width:100%!important;overflow:visible!important}.ngxsmk-calendar-container{padding:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}.ngxsmk-header,.ngxsmk-header>*,.ngxsmk-month-year-selects,.ngxsmk-month-year-selects>*,.ngxsmk-nav-buttons,.ngxsmk-nav-buttons>*{margin:0!important}.ngxsmk-header{display:flex!important;width:100%!important;gap:4px!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important;display:flex!important;gap:4px!important}.ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important}.ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto!important;display:flex!important;gap:4px!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important;box-sizing:border-box!important}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:44px!important;min-height:44px!important}.ngxsmk-month-year-selects ngxsmk-custom-select{flex:1 1 0%!important;min-width:0!important}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%!important;min-height:100%!important;box-sizing:border-box!important}.ngxsmk-footer,.ngxsmk-footer>*{margin:0!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{height:44px!important;min-height:44px!important;box-sizing:border-box!important;padding:10px 16px!important}.ngxsmk-days-grid{gap:2px!important;margin:0!important}.ngxsmk-days-grid>*{margin:0!important}.ngxsmk-day-name{font-size:13px!important;width:100%!important}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-moz-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-8px,0);-moz-transform:translate3d(0,-8px,0);-ms-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}}@-webkit-keyframes fadeInDownMobile{0%{opacity:0;-webkit-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-moz-keyframes fadeInDownMobile{0%{opacity:0;-moz-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes fadeInDownMobile{0%{opacity:0;-webkit-transform:translate3d(-50%,-8px,0);-moz-transform:translate3d(-50%,-8px,0);-ms-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes fadeInScale{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-moz-keyframes fadeInScale{0%{opacity:0;-moz-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-moz-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes fadeInScale{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.95);-moz-transform:translate(-50%,-50%) scale(.95);-ms-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@-moz-keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}ngxsmk-datepicker.ngxsmk-inline{display:block;width:fit-content;max-width:100%}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode{display:block;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-popover-container.ngxsmk-inline-container{overflow:visible;position:static!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-datepicker-container{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;overflow:visible;margin-top:0!important;position:static!important;z-index:0;width:auto!important;min-width:0!important;max-width:100%!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-calendar-container{width:auto!important;min-width:0!important;max-width:100%!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container,.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container ul{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:visible}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;position:relative;z-index:var(--datepicker-z-index-base);pointer-events:auto;background:var(--datepicker-background);-webkit-box-shadow:var(--datepicker-shadow-lg);-moz-box-shadow:var(--datepicker-shadow-lg);box-shadow:var(--datepicker-shadow-lg);border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-border-radius);-moz-border-radius:var(--datepicker-border-radius);border-radius:var(--datepicker-border-radius)}.ngxsmk-calendar-loading{position:absolute;inset:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--datepicker-spacing-md, 12px);background:var(--datepicker-background);opacity:.95;z-index:100}.ngxsmk-calendar-loading-spinner{width:28px;height:28px;border:3px solid var(--datepicker-border-color);border-top-color:var(--datepicker-accent-color, #1976d2);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:ngxsmk-spin .7s linear infinite;-moz-animation:ngxsmk-spin .7s linear infinite;animation:ngxsmk-spin .7s linear infinite}.ngxsmk-calendar-loading-text{font-size:var(--datepicker-font-size-sm, 14px);color:var(--datepicker-text-secondary, #666)}@-webkit-keyframes ngxsmk-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes ngxsmk-spin{to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ngxsmk-spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.ngxsmk-calendar-container{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);padding:var(--datepicker-spacing-xs);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;padding:var(--datepicker-spacing-xs);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-calendar-container.ngxsmk-time-only-mode{padding:var(--datepicker-spacing-xl)!important;min-width:320px;overflow:visible!important}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection{overflow:visible!important;align-items:baseline;position:relative;z-index:1;margin-top:0;padding-top:0;border-top:none}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection ngxsmk-custom-select{position:relative;z-index:10}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000000!important}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;padding:var(--datepicker-spacing-lg);background:var(--datepicker-hover-background);border-radius:var(--datepicker-radius-lg);border:1px solid var(--datepicker-border-color);box-sizing:border-box;flex-shrink:0;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-ranges-container ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--datepicker-spacing-sm);list-style:none;padding:0;margin:calc(var(--datepicker-spacing-sm) / -2);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;overflow:visible}.ngxsmk-ranges-container ul>*{margin:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);font-size:var(--datepicker-font-size-sm);line-height:var(--datepicker-line-height);border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);cursor:pointer;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background:var(--datepicker-background);font-weight:500;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-ranges-container li:hover:not(.disabled){background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color);-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);will-change:transform}.ngxsmk-ranges-container li.disabled{cursor:not-allowed;opacity:.5;background-color:transparent!important;color:var(--datepicker-subtle-text-color)}.ngxsmk-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--datepicker-spacing-lg);position:relative;z-index:2;gap:var(--datepicker-spacing-md);padding-bottom:var(--datepicker-spacing-md);border-bottom:1px solid var(--datepicker-border-color);margin-left:calc(var(--datepicker-spacing-md) / -2);margin-right:calc(var(--datepicker-spacing-md) / -2)}.ngxsmk-header>*{margin-left:calc(var(--datepicker-spacing-md) / 2);margin-right:calc(var(--datepicker-spacing-md) / 2)}.ngxsmk-month-year-selects{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--datepicker-spacing-sm);-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-month-year-selects>*{margin:calc(var(--datepicker-spacing-sm) / 2);cursor:pointer}.ngxsmk-month-year-selects ngxsmk-custom-select{cursor:pointer;flex:1;min-width:0;height:40px;min-height:40px}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-nav-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--datepicker-spacing-xs);margin:calc(var(--datepicker-spacing-xs) / -2)}.ngxsmk-nav-buttons>*{margin:calc(var(--datepicker-spacing-xs) / 2)}.ngxsmk-nav-button{padding:var(--datepicker-spacing-sm);border:1px solid transparent;-webkit-border-radius:var(--datepicker-border-radius);-moz-border-radius:var(--datepicker-border-radius);border-radius:var(--datepicker-border-radius);background:#00000008;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;will-change:transform;backface-visibility:hidden;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--datepicker-text-color);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);min-width:36px;width:40px;height:40px;min-height:40px;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background);border-color:#0000000d;-webkit-transform:scale3d(1.05,1.05,1);-moz-transform:scale3d(1.05,1.05,1);-ms-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);will-change:transform}.ngxsmk-nav-button:active:not(:disabled){-webkit-transform:scale3d(.95,.95,1);-moz-transform:scale3d(.95,.95,1);-ms-transform:scale3d(.95,.95,1);transform:scale3d(.95,.95,1)}.ngxsmk-nav-button:disabled{cursor:not-allowed;opacity:.4}.ngxsmk-nav-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-nav-button svg{width:18px;height:18px;stroke-width:32}.ngxsmk-days-grid-wrapper{margin-top:var(--datepicker-spacing-md);overflow:visible;position:relative;touch-action:pan-y;-webkit-overflow-scrolling:touch}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%}.ngxsmk-days-grid{display:grid;grid-template-columns:repeat(7,1fr);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;gap:var(--datepicker-spacing-xs);width:100%;position:relative;isolation:isolate;-ms-touch-action:manipulation;touch-action:manipulation;margin:calc(var(--datepicker-spacing-xs) / -2);contain:layout style;will-change:contents;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%}.ngxsmk-days-grid>*{margin:calc(var(--datepicker-spacing-xs) / 2)}.ngxsmk-day-name{font-size:var(--datepicker-font-size-sm);padding:var(--datepicker-spacing-md) 0;color:var(--datepicker-subtle-text-color);font-weight:600;line-height:var(--datepicker-line-height);text-transform:uppercase;letter-spacing:.5px;width:100%;box-sizing:border-box}.ngxsmk-day-cell{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:background-color .15s cubic-bezier(.4,0,.2,1);-moz-transition:background-color .15s cubic-bezier(.4,0,.2,1);-o-transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color .15s cubic-bezier(.4,0,.2,1);background-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:visible;z-index:1;margin:0 auto;contain:layout style;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto;-webkit-touch-callout:none}@media(max-width:1024px){.ngxsmk-day-cell{width:100%;height:auto;aspect-ratio:1/1;min-width:0;max-width:none;min-height:0;max-height:none}.ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:none;min-height:0;max-height:none;font-size:14px}.ngxsmk-nav-button{min-width:40px;min-height:40px;height:40px;padding:8px}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:40px!important;min-height:40px!important}.ngxsmk-month-year-selects .ngxsmk-select-display{min-height:100%;height:100%;box-sizing:border-box}.ngxsmk-clear-button,.ngxsmk-close-button,.ngxsmk-clear-button-footer{min-height:40px;padding:8px 12px}.ngxsmk-input-group{min-width:100%}.ngxsmk-display-input{min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:var(--datepicker-spacing-xs);margin-right:var(--datepicker-spacing-xs)}.ngxsmk-calendar-button{display:none!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}}.ngxsmk-day-number{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);position:relative;z-index:2;font-weight:500;-webkit-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .15s cubic-bezier(.4,0,.2,1);-moz-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-moz-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),-moz-box-shadow .15s cubic-bezier(.4,0,.2,1);-o-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-o-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;contain:layout style;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ngxsmk-day-cell:not(.disabled):not(.empty):hover .ngxsmk-day-number{background-color:var(--datepicker-hover-background);color:var(--datepicker-primary-color);-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1);-ms-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);will-change:transform}.ngxsmk-day-cell.focused{z-index:10}.ngxsmk-day-cell.focused .ngxsmk-day-number{outline:2px solid var(--datepicker-primary-color);outline-offset:2px;background-color:var(--datepicker-hover-background);z-index:11}.ngxsmk-day-cell.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range){z-index:3}.ngxsmk-day-cell.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:4}.ngxsmk-day-cell.start-date:not(.in-range):not(.preview-range):not(.end-date),.ngxsmk-day-cell.end-date:not(.in-range):not(.preview-range):not(.start-date){z-index:3}.ngxsmk-day-cell.start-date:not(.in-range):not(.preview-range):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.end-date:not(.in-range):not(.preview-range):not(.start-date) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:4;border:none}.ngxsmk-day-cell.multiple-selected .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;border:2px solid var(--datepicker-primary-contrast);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.in-range,.ngxsmk-day-cell.preview-range{background-color:var(--datepicker-range-background);z-index:1}.ngxsmk-day-cell.start-date.in-range,.ngxsmk-day-cell.end-date.in-range,.ngxsmk-day-cell.start-date.preview-range,.ngxsmk-day-cell.end-date.preview-range{background-color:var(--datepicker-range-background);z-index:2}.ngxsmk-day-cell.start-date.in-range .ngxsmk-day-number,.ngxsmk-day-cell.end-date.in-range .ngxsmk-day-number,.ngxsmk-day-cell.start-date.preview-range .ngxsmk-day-number,.ngxsmk-day-cell.end-date.preview-range .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:7}.ngxsmk-day-cell.start-date.end-date:not(.in-range) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.start-date.end-date.in-range{background-color:var(--datepicker-range-background)}.ngxsmk-day-cell.holiday:not(.selected):not(.start-date):not(.end-date) .ngxsmk-day-number{color:#f97316;font-weight:600;position:relative}.ngxsmk-day-cell.holiday:not(.selected):not(.start-date):not(.end-date) .ngxsmk-day-number:after{content:\"\";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:#f97316;border-radius:50%}.ngxsmk-day-cell.start-date.end-date.in-range .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.disabled{background-color:transparent!important;color:var(--datepicker-subtle-text-color);cursor:not-allowed;pointer-events:none;opacity:.4}.ngxsmk-day-cell.disabled.in-range,.ngxsmk-day-cell.disabled.preview-range{background-color:transparent!important}.ngxsmk-day-cell.empty{opacity:.3;cursor:default}.ngxsmk-day-cell.empty .ngxsmk-day-number{color:var(--datepicker-subtle-text-color)}.ngxsmk-day-cell.today:not(.selected):not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected){z-index:5}.ngxsmk-day-cell.today:not(.selected):not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected) .ngxsmk-day-number{border:2px solid var(--datepicker-primary-color);font-weight:600;background-color:transparent;color:var(--datepicker-primary-color);z-index:6;box-sizing:border-box}.ngxsmk-day-cell.today.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected) .ngxsmk-day-number{border:none;background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);z-index:4}.ngxsmk-day-cell.today.start-date:not(.in-range):not(.preview-range):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.today.end-date:not(.in-range):not(.preview-range):not(.start-date) .ngxsmk-day-number{border:none;background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);z-index:4}.ngxsmk-day-cell.today.in-range:not(.start-date):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.today.preview-range:not(.start-date):not(.end-date) .ngxsmk-day-number{background-color:transparent;border:2px solid var(--datepicker-primary-color);color:var(--datepicker-primary-color);font-weight:600;box-sizing:border-box}.ngxsmk-day-cell.holiday .ngxsmk-day-number{color:var(--datepicker-primary-color);position:relative}.ngxsmk-day-cell.holiday .ngxsmk-day-number:after{content:\"\";position:absolute;bottom:2px;left:50%;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);width:4px;height:4px;background:var(--datepicker-primary-color);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.ngxsmk-time-selection{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-top:var(--datepicker-spacing-lg);padding-top:var(--datepicker-spacing-lg);border-top:1px solid var(--datepicker-border-color);width:100%;overflow:visible!important;position:relative;z-index:1;min-width:0;margin-left:calc(var(--datepicker-spacing-sm) / -2);margin-right:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-time-selection>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:10;cursor:pointer}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000000!important;position:relative}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10000001!important;position:absolute!important}.ngxsmk-popover-container.ngxsmk-has-time-selection,.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container{overflow:visible!important}.ngxsmk-time-label{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);font-weight:500;margin-right:var(--datepicker-spacing-xs);white-space:nowrap;flex-shrink:0}.ngxsmk-time-separator{font-weight:600;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-lg);white-space:nowrap;flex-shrink:0}.ngxsmk-time-range-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--datepicker-spacing-md);width:100%;margin-top:var(--datepicker-spacing-lg);padding-top:var(--datepicker-spacing-lg);border-top:1px solid var(--datepicker-border-color)}.ngxsmk-time-range-start,.ngxsmk-time-range-end{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm)}.ngxsmk-time-range-label{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);font-weight:500;white-space:nowrap;min-width:40px}.ngxsmk-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;gap:var(--datepicker-spacing-sm);margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);border-top:1px solid var(--datepicker-border-color);margin-left:calc(var(--datepicker-spacing-sm) / -2);margin-right:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-footer>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:var(--datepicker-spacing-xs) var(--datepicker-spacing-md);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);cursor:pointer;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);border:1px solid var(--datepicker-border-color);font-weight:500;min-height:40px;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-clear-button-footer{background:var(--datepicker-background);color:var(--datepicker-text-color)}.ngxsmk-clear-button-footer:hover:not(:disabled){background-color:var(--datepicker-hover-background);border-color:var(--datepicker-border-color)}.ngxsmk-close-button{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-close-button:hover:not(:disabled){background-color:var(--datepicker-primary-color);opacity:.9;-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);will-change:transform}.ngxsmk-close-button:active:not(:disabled){-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}.ngxsmk-clear-button-footer:focus-visible,.ngxsmk-close-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}@media(min-width:320px)and (max-width:1023px){.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-bottom-sheet):not(.ngxsmk-fullscreen){position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:100%!important;min-width:280px!important;max-width:min(100vw - 32px,500px)!important;max-height:calc(100vh - 64px)!important;max-height:calc(100dvh - 64px)!important;z-index:2147483647!important;margin:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){position:fixed!important;inset:auto 0 0!important;-webkit-transform:translateY(0)!important;-moz-transform:translateY(0)!important;-ms-transform:translateY(0)!important;-o-transform:translateY(0)!important;transform:translateY(0)!important;width:100%!important;max-width:100%!important;max-height:min(90dvh,90dvh - env(safe-area-inset-bottom,0px))!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;border-radius:16px 16px 0 0!important;margin:0!important;z-index:2147483647!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important;-webkit-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;-moz-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;-o-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;max-height:100vh!important;max-height:100dvh!important;padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;border-radius:0!important;margin:0!important;z-index:2147483647!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(100vw - 32px,500px)!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;max-height:calc(100vh - 64px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(100vw - 32px,800px)!important;overflow-x:visible!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-display-input{padding:10px 12px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:8px;margin-right:8px}.ngxsmk-calendar-button{display:none!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-day-cell{width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-width:0!important;max-width:48px!important;min-height:0!important;max-height:48px!important;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-day-number{width:85%!important;height:85%!important;min-width:30px!important;max-width:38px!important;min-height:30px!important;max-height:38px!important;font-size:var(--datepicker-font-size-base)!important;display:flex!important;align-items:center!important;justify-content:center!important}.ngxsmk-day-name{font-size:11px!important;font-weight:700!important;padding:8px 0!important;width:100%!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important;display:flex!important;align-items:center!important;justify-content:center!important}.ngxsmk-calendar-container{padding:0!important;width:100%!important;min-width:0!important;max-width:100%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:var(--datepicker-spacing-xs) auto 0;padding:0}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-xs) 0 0 0}.ngxsmk-days-grid{gap:4px;padding:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%!important;max-width:100%!important;margin:0 auto}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-header,.ngxsmk-header>*,.ngxsmk-month-year-selects,.ngxsmk-month-year-selects>*,.ngxsmk-nav-buttons,.ngxsmk-nav-buttons>*{margin:0!important}.ngxsmk-header{display:flex!important;padding:4px!important;margin-bottom:var(--datepicker-spacing-sm);width:100%!important;max-width:100%!important;margin-left:0;margin-right:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:2px;box-sizing:border-box!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;width:auto;gap:4px;min-width:0;display:flex!important}.ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important}.ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto!important;display:flex!important;gap:2px}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:36px!important;min-height:36px!important}.ngxsmk-nav-button{width:36px!important;height:36px!important;padding:6px!important;min-height:36px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%!important;min-height:100%!important;box-sizing:border-box!important}.ngxsmk-select-display{padding:0 6px!important;font-size:13px!important;min-width:0!important}.ngxsmk-arrow-icon{width:12px!important;height:12px!important;margin-left:2px!important}.ngxsmk-time-selection{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%!important;max-width:100%!important;margin-left:auto;margin-right:auto;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;justify-content:center!important;gap:2px;overflow:visible!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:0!important;padding-right:0!important}.ngxsmk-time-selection>*{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important;min-width:0}.ngxsmk-time-selection ngxsmk-custom-select{height:44px!important}.ngxsmk-time-separator{font-size:20px!important;padding:0 4px!important}.ngxsmk-time-label{font-size:12px!important;font-weight:600!important;color:var(--datepicker-text-color)!important;white-space:nowrap;margin-right:2px!important}.ngxsmk-footer,.ngxsmk-footer>*{margin:0!important}.ngxsmk-footer{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-clear-button-footer,.ngxsmk-close-button{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;height:36px!important;min-height:36px!important;padding:6px 12px;font-size:14px;font-weight:600;border-radius:12px;box-sizing:border-box!important}.ngxsmk-ranges-container{width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible}.ngxsmk-ranges-container ul{flex-wrap:wrap!important;justify-content:center!important;gap:8px 6px;overflow:visible;width:100%!important;min-width:0!important;max-width:100%!important}.ngxsmk-ranges-container li{flex-shrink:0!important;white-space:nowrap;min-width:fit-content}.ngxsmk-datepicker-container{width:100%!important;min-width:0!important;max-width:100%!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}}@media(min-width:600px)and (max-width:767px){.ngxsmk-display-input{font-size:15px!important;padding:12px 16px!important;min-height:44px!important;line-height:1.5}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:360px!important;max-width:min(90vw,550px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:20px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;z-index:2147483647!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:20px!important;max-width:100%!important;width:100%!important;border-radius:20px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:16px!important;overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container,.ngxsmk-calendar-container.ngxsmk-time-only-mode{overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-ranges-container{padding:16px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:12px 18px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{width:100%!important;padding:16px 12px!important;margin-bottom:16px!important;gap:16px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:12px!important;font-size:15px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:15px!important}.ngxsmk-nav-buttons{gap:10px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:22px!important;height:22px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:6px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:13px!important;font-weight:600!important;padding:12px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:12px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-size:15px!important;font-weight:500!important;border-radius:12px!important}.ngxsmk-time-selection{gap:12px!important;padding:20px 12px!important;margin-top:16px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-size:15px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 80px !important;min-width:80px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:22px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 8px!important}.ngxsmk-footer{gap:12px!important;padding:20px 12px 16px!important;margin-top:16px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:14px 24px!important;font-size:15px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:140px!important;border-radius:12px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:20px!important;padding:0 12px!important;scroll-snap-type:x mandatory!important;flex-wrap:nowrap!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:320px!important;max-width:340px!important;flex-shrink:0!important}.ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 12px)!important;max-width:calc(50% - 12px)!important;width:calc(50% - 12px)!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:16px!important;font-weight:600!important;padding:16px 12px!important;margin-bottom:16px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:20px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(90vw,800px)!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:12px!important;padding:16px 12px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:14px 18px!important;font-size:15px!important;border-radius:12px!important}.ngxsmk-timeline-view{padding:16px 12px!important}.ngxsmk-timeline-header{padding:16px 12px!important;margin-bottom:16px!important}.ngxsmk-timeline-controls{gap:14px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important}.ngxsmk-timeline-range{font-size:15px!important;padding:14px 18px!important}.ngxsmk-timeline-container{padding:16px 12px!important}.ngxsmk-timeline-month{min-height:80px!important;padding:14px!important;border-radius:12px!important}.ngxsmk-time-slider-view{padding:16px 12px!important;gap:20px!important}.ngxsmk-time-slider-header{padding:16px 12px!important;gap:14px!important}.ngxsmk-time-slider-label{font-size:15px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:18px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:16px 12px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:1024px){.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){position:absolute!important;top:calc(100% + 8px)!important;left:0!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(90vw,500px)!important;max-height:none!important;z-index:2147483647!important;margin:0!important;overflow:visible!important;overflow-y:visible!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-wrapper .ngxsmk-calendar-container{padding:var(--datepicker-spacing-md);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;margin:0 auto}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;margin:0;padding:var(--datepicker-spacing-md, 16px);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-days-grid-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:var(--datepicker-spacing-sm) auto 0}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-sm) 0 0 0}.ngxsmk-days-grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--datepicker-spacing-lg);border-right:none;border-bottom:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-radius-lg) var(--datepicker-radius-lg) 0 0;background:var(--datepicker-hover-background)}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container{width:100%!important;max-width:100%!important;min-width:0!important}.ngxsmk-ranges-container ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--datepicker-spacing-xs);width:100%;min-width:100%;max-width:100%;overflow:visible}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);margin-bottom:0;border:none;font-size:var(--datepicker-font-size-sm);width:auto;text-align:center;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.ngxsmk-day-cell{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px}.ngxsmk-day-number{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;font-size:var(--datepicker-font-size-base)}.ngxsmk-header{width:100%;margin-left:auto;margin-right:auto}.ngxsmk-datepicker-container .ngxsmk-calendar-container{padding-left:var(--datepicker-spacing-sm);padding-right:var(--datepicker-spacing-sm)}.ngxsmk-time-selection{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.ngxsmk-day-name{width:auto!important;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}}@media(min-width:1024px){.ngxsmk-popover-container:not(.ngxsmk-inline-container){width:auto;min-width:600px;max-width:800px}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;min-width:0;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0}.ngxsmk-datepicker-wrapper .ngxsmk-calendar-container{padding:var(--datepicker-spacing-2xl);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;padding:var(--datepicker-spacing-md, 16px);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--datepicker-spacing-xl);border-right:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);-moz-border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);background:var(--datepicker-hover-background)}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container{width:100%!important;max-width:100%!important;min-width:0!important;border-right:none!important;border-bottom:1px solid var(--datepicker-border-color)!important;border-radius:var(--datepicker-radius-lg) var(--datepicker-radius-lg) 0 0!important}.ngxsmk-ranges-container ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--datepicker-spacing-xs);width:100%;min-width:100%;max-width:100%;overflow:visible}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-md) var(--datepicker-spacing-lg);margin-bottom:0;border:none;font-size:var(--datepicker-font-size-base);width:100%;text-align:left}.ngxsmk-day-cell{width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px}.ngxsmk-day-number{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;font-size:var(--datepicker-font-size-base)}}@media(hover:none)and (pointer:coarse){.ngxsmk-nav-button:hover:not(:disabled){background-color:transparent;transform:none}.ngxsmk-day-cell:not(.disabled):not(.empty):hover .ngxsmk-day-number{background-color:transparent;color:var(--datepicker-text-color);transform:none}.ngxsmk-clear-button:hover:not(:disabled){color:var(--datepicker-subtle-text-color);background:transparent}.ngxsmk-ranges-container li:hover:not(.disabled){background-color:var(--datepicker-background);color:var(--datepicker-text-color);border-color:var(--datepicker-border-color);transform:none;box-shadow:none}.ngxsmk-close-button:hover:not(:disabled){transform:none;box-shadow:none}}@media print{.ngxsmk-datepicker-wrapper{display:none}}.ngxsmk-day-cell:focus-visible{outline:none}.ngxsmk-day-cell:focus-visible .ngxsmk-day-number{outline:2px solid var(--datepicker-primary-color);outline-offset:2px;background-color:var(--datepicker-hover-background)}.ngxsmk-ranges-container::-webkit-scrollbar{width:6px}.ngxsmk-ranges-container::-webkit-scrollbar-track{background:var(--datepicker-hover-background);border-radius:var(--datepicker-radius-sm)}.ngxsmk-ranges-container::-webkit-scrollbar-thumb{background:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm)}.ngxsmk-ranges-container::-webkit-scrollbar-thumb:hover{background:var(--datepicker-text-color)}.ngxsmk-year-grid-container,.ngxsmk-decade-grid-container{overflow-y:auto;overflow-x:hidden;position:relative;will-change:transform;scroll-behavior:smooth}.ngxsmk-year-grid-container::-webkit-scrollbar,.ngxsmk-decade-grid-container::-webkit-scrollbar{width:8px}.ngxsmk-year-grid-container::-webkit-scrollbar-track,.ngxsmk-decade-grid-container::-webkit-scrollbar-track{background:var(--datepicker-bg-color)}.ngxsmk-year-grid-container::-webkit-scrollbar-thumb,.ngxsmk-decade-grid-container::-webkit-scrollbar-thumb{background:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm)}.ngxsmk-year-grid-container::-webkit-scrollbar-thumb:hover,.ngxsmk-decade-grid-container::-webkit-scrollbar-thumb:hover{background:var(--datepicker-text-color)}.ngxsmk-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--datepicker-spacing-sm);padding:var(--datepicker-spacing-md)}.ngxsmk-decade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--datepicker-spacing-sm);padding:var(--datepicker-spacing-md)}.ngxsmk-year-cell,.ngxsmk-decade-cell{padding:var(--datepicker-spacing-md);border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);font-weight:500;cursor:pointer;transition:var(--datepicker-transition);text-align:center}.ngxsmk-decade-cell{padding:var(--datepicker-spacing-lg)}.ngxsmk-year-cell:hover:not(:disabled),.ngxsmk-decade-cell:hover:not(:disabled){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-year-cell.selected,.ngxsmk-decade-cell.selected{background:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-year-cell.today{border-color:var(--datepicker-primary-color);font-weight:600}.ngxsmk-year-cell:disabled,.ngxsmk-decade-cell:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-year-display,.ngxsmk-decade-display{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--datepicker-font-size-base);font-weight:600;color:var(--datepicker-text-color)}.ngxsmk-view-toggle{background:transparent;border:none;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);font-weight:600;cursor:pointer;padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);border-radius:var(--datepicker-border-radius);transition:var(--datepicker-transition)}.ngxsmk-view-toggle:hover:not(:disabled){background:var(--datepicker-hover-background)}.ngxsmk-view-toggle:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-timeline-view{padding:var(--datepicker-spacing-md)}.ngxsmk-timeline-header{margin-bottom:var(--datepicker-spacing-md)}.ngxsmk-timeline-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--datepicker-spacing-md)}.ngxsmk-timeline-zoom-in,.ngxsmk-timeline-zoom-out{width:32px;height:32px;border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-lg);font-weight:600;cursor:pointer;transition:var(--datepicker-transition);display:flex;align-items:center;justify-content:center}.ngxsmk-timeline-zoom-in:hover:not(:disabled),.ngxsmk-timeline-zoom-out:hover:not(:disabled){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-zoom-in:disabled,.ngxsmk-timeline-zoom-out:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-timeline-range{font-size:var(--datepicker-font-size-sm);color:var(--datepicker-subtle-text-color);font-weight:500}.ngxsmk-timeline-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ngxsmk-timeline-track{display:flex;gap:var(--datepicker-spacing-xs);min-width:max-content;padding:var(--datepicker-spacing-sm) 0}.ngxsmk-timeline-month{min-width:80px;padding:var(--datepicker-spacing-md);border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);cursor:pointer;transition:var(--datepicker-transition);text-align:center;display:flex;flex-direction:column;gap:var(--datepicker-spacing-xs)}.ngxsmk-timeline-month:hover:not(.selected){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-month.selected{background:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-month-label{font-size:var(--datepicker-font-size-sm);font-weight:600;text-transform:uppercase}.ngxsmk-timeline-month-year{font-size:var(--datepicker-font-size-xs);opacity:.8}.ngxsmk-time-slider-view{padding:var(--datepicker-spacing-lg)}.ngxsmk-time-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--datepicker-spacing-sm)}.ngxsmk-time-slider-label{font-size:var(--datepicker-font-size-sm);font-weight:600;color:var(--datepicker-text-color)}.ngxsmk-time-slider-value{font-size:var(--datepicker-font-size-base);font-weight:600;color:var(--datepicker-primary-color);font-variant-numeric:tabular-nums}.ngxsmk-time-slider-container{margin-bottom:var(--datepicker-spacing-lg)}.ngxsmk-time-slider{width:100%;height:8px;border-radius:4px;background:var(--datepicker-hover-background);outline:none;-webkit-appearance:none;appearance:none}.ngxsmk-time-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--datepicker-primary-color);cursor:pointer;transition:var(--datepicker-transition)}.ngxsmk-time-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-time-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--datepicker-primary-color);cursor:pointer;border:none;transition:var(--datepicker-transition)}.ngxsmk-time-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-time-slider:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-time-slider:disabled::-webkit-slider-thumb,.ngxsmk-time-slider:disabled::-moz-range-thumb{cursor:not-allowed}.ngxsmk-datepicker-wrapper[dir=rtl],.ngxsmk-datepicker-wrapper.ngxsmk-rtl{direction:rtl}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-input-group,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-input-group{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-calendar-button,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-calendar-button{margin-right:0;margin-left:var(--datepicker-spacing-sm)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-popover-container,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-popover-container{left:auto;right:0}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-header,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-header,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-buttons,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-buttons{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-button:first-child svg,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-button:first-child svg{transform:scaleX(-1)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-button:last-child svg,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-button:last-child svg{transform:scaleX(-1)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-days-grid,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-days-grid{direction:rtl}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-time-selection,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-time-selection,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-footer,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-footer{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-ranges-container ul,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-ranges-container ul{direction:rtl;text-align:right}@media(max-width:1023px){.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-popover-container:not(.ngxsmk-inline-container){left:auto!important;right:auto!important}}.ngxsmk-multi-calendar-container{display:flex;flex-direction:column;gap:var(--datepicker-spacing-xl, 32px);width:100%;align-items:stretch}.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;gap:var(--datepicker-spacing-xl, 32px)}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--datepicker-spacing-xl, 32px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;flex-wrap:nowrap!important;width:100%!important;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:var(--datepicker-spacing-xl, 32px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{width:100%!important;max-width:100%!important;min-width:100%!important;margin:0!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:wrap;width:100%}.ngxsmk-calendar-month{width:100%;flex-shrink:0;display:flex;flex-direction:column}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{flex:0 0 auto;min-width:280px;width:auto;display:flex;flex-direction:column;margin:0;padding:0;box-sizing:border-box}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{flex:0 0 auto!important;margin:0!important;box-sizing:border-box!important}.ngxsmk-calendar-month .ngxsmk-days-grid-wrapper,.ngxsmk-calendar-month .ngxsmk-days-grid{width:100%;max-width:100%}.ngxsmk-calendar-month-header{padding:var(--datepicker-spacing-sm, 8px) var(--datepicker-spacing-md, 12px);text-align:center;font-weight:600;font-size:var(--datepicker-font-size-base, 14px);color:var(--datepicker-text-color, #1f2937);border-bottom:1px solid var(--datepicker-border-color, #e5e7eb);margin-bottom:var(--datepicker-spacing-sm, 8px)}.ngxsmk-calendar-month-title{display:block}@media(min-width:768px)and (max-width:1023px){.ngxsmk-display-input{font-size:15px!important;padding:12px 16px!important;min-height:44px!important;line-height:1.5}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:400px!important;max-width:min(90vw,600px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;z-index:2147483647!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){min-width:400px!important;max-width:min(95vw,900px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){min-width:400px!important;max-width:min(95vw,1000px)!important;overflow-x:visible!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-datepicker-container{padding:0!important;width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:24px!important;max-width:100%!important;width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:20px!important;overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-ranges-container{padding:20px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;gap:12px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:14px 20px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{padding:20px 16px!important;margin-bottom:20px!important;gap:20px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:14px!important;font-size:16px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:16px!important}.ngxsmk-nav-buttons{gap:12px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:24px!important;height:24px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:8px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-weight:600!important;padding:14px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:48px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:12px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:48px!important;max-height:none!important;font-size:16px!important;font-weight:500!important;border-radius:12px!important}.ngxsmk-time-selection{gap:14px!important;padding:24px 16px!important;margin-top:20px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-size:16px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 90px !important;min-width:90px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:24px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 10px!important}.ngxsmk-footer{gap:14px!important;padding:24px 16px 20px!important;margin-top:20px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:16px 28px!important;font-size:16px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:160px!important;border-radius:12px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:wrap!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:24px!important;padding:0 16px!important;scroll-snap-type:x mandatory!important;flex-wrap:nowrap!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:360px!important;max-width:380px!important;flex-shrink:0!important}.ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 14px)!important;max-width:calc(50% - 14px)!important;width:calc(50% - 14px)!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper,.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%!important;max-width:100%!important;margin:0!important}.ngxsmk-calendar-month-header{font-size:17px!important;font-weight:600!important;padding:18px 16px!important;margin-bottom:18px!important;text-align:center!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(95vw,1000px)!important;overflow-x:visible!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:24px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-datepicker-wrapper .ngxsmk-multi-calendar-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media(min-width:768px)and (max-width:1023px)and (orientation:landscape){.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){max-width:min(95vw,800px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:nowrap!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(33.333% - 19px)!important;max-width:calc(33.333% - 19px)!important;width:calc(33.333% - 19px)!important}}@media(min-width:768px)and (max-width:1023px){.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:14px!important;padding:20px 16px!important;grid-template-columns:repeat(5,1fr)!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:16px 20px!important;font-size:16px!important;border-radius:12px!important}.ngxsmk-timeline-view{padding:20px 16px!important}.ngxsmk-timeline-header{padding:20px 16px!important;margin-bottom:20px!important}.ngxsmk-timeline-controls{gap:16px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important}.ngxsmk-timeline-range{font-size:16px!important;padding:16px 20px!important}.ngxsmk-timeline-container{padding:20px 16px!important}.ngxsmk-timeline-month{min-height:90px!important;padding:16px!important;border-radius:12px!important}.ngxsmk-time-slider-view{padding:20px 16px!important;gap:24px!important}.ngxsmk-time-slider-header{padding:20px 16px!important;gap:16px!important}.ngxsmk-time-slider-label{font-size:16px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:20px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:20px 16px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:769px)and (max-width:1024px){.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:260px;max-width:300px}}@media(min-width:480px)and (max-width:599px){.ngxsmk-display-input{padding:10px 14px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:320px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:16px!important;max-width:100%!important;width:100%!important;border-radius:16px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:12px!important}.ngxsmk-ranges-container{padding:12px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:12px 16px!important;font-size:13px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:10px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{align-items:center;padding:12px 8px!important;margin-bottom:12px!important;gap:12px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:10px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important}.ngxsmk-nav-buttons{gap:8px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px!important;height:20px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:5px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:12px!important;font-weight:600!important;padding:10px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:10px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-weight:500!important;border-radius:10px!important}.ngxsmk-time-selection{gap:10px!important;align-items:baseline;padding:16px 8px!important;margin-top:12px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px !important;min-width:75px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:20px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 6px!important}.ngxsmk-footer{gap:12px!important;padding:16px 8px 12px!important;margin-top:12px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 20px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:120px!important;border-radius:10px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:20px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:20px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:16px!important;padding:0 8px!important;scroll-snap-type:x mandatory!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:300px!important;max-width:320px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:15px!important;font-weight:600!important;padding:12px 8px!important;margin-bottom:12px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:16px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:10px!important;padding:12px 8px!important;grid-template-columns:repeat(3,1fr)!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:12px 16px!important;border-radius:10px!important}.ngxsmk-timeline-view{padding:12px 8px!important}.ngxsmk-timeline-header{padding:12px 8px!important;margin-bottom:12px!important}.ngxsmk-timeline-controls{gap:12px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-timeline-range{padding:12px 16px!important}.ngxsmk-timeline-container{padding:12px 8px!important}.ngxsmk-timeline-month{min-height:70px!important;padding:12px!important;border-radius:10px!important}.ngxsmk-time-slider-view{padding:12px 8px!important;gap:16px!important}.ngxsmk-time-slider-header{padding:12px 8px!important;gap:12px!important}.ngxsmk-time-slider-label{font-weight:500!important}.ngxsmk-time-slider-value{font-size:16px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:12px 8px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:375px)and (max-width:479px){.ngxsmk-display-input{padding:10px 12px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:8px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:300px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 48px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:12px!important;max-width:100%!important;width:100%!important;border-radius:16px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:10px!important}.ngxsmk-ranges-container{padding:10px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important}.ngxsmk-ranges-container li{padding:10px 16px!important;font-size:13px!important;line-height:1.4!important;flex-shrink:0!important;white-space:nowrap!important;min-height:44px!important;scroll-snap-align:start!important;border-radius:8px!important}.ngxsmk-header{padding:10px 6px!important;margin-bottom:10px!important;gap:10px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:8px!important;font-size:13px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:13px!important}.ngxsmk-nav-buttons{gap:6px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px!important;height:20px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:4px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:11px!important;font-weight:600!important;padding:8px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:10px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-weight:500!important;border-radius:10px!important}.ngxsmk-time-selection{gap:8px!important;margin-top:10px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-time-label{font-size:13px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:18px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 4px!important}.ngxsmk-footer{gap:10px!important;padding:14px 6px 10px!important;margin-top:10px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;-webkit-box-pack:stretch!important;-webkit-justify-content:stretch!important;-ms-flex-pack:stretch!important;justify-content:stretch!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 18px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:1!important;-webkit-flex:1 1 calc(50% - 5px)!important;-ms-flex:1 1 calc(50% - 5px)!important;flex:1 1 calc(50% - 5px)!important;min-width:0!important;border-radius:10px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:18px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:18px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:14px!important;padding:0 6px!important;scroll-snap-type:x mandatory!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:280px!important;max-width:300px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-weight:600!important;padding:10px 6px!important;margin-bottom:10px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:12px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:8px!important;padding:10px 6px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:12px 16px!important;border-radius:10px!important}.ngxsmk-timeline-view{padding:10px 6px!important}.ngxsmk-timeline-header{padding:10px 6px!important;margin-bottom:10px!important}.ngxsmk-timeline-controls{gap:10px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-timeline-range{font-size:13px!important;padding:10px 14px!important}.ngxsmk-timeline-container{padding:10px 6px!important}.ngxsmk-timeline-month{min-height:64px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-time-slider-view{padding:10px 6px!important;gap:14px!important}.ngxsmk-time-slider-header{padding:10px 6px!important;gap:10px!important}.ngxsmk-time-slider-label{font-size:13px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:15px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:10px 6px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(max-width:374px){.ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-display-input{font-size:13px!important;padding:8px 10px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{font-size:13px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){font-size:13px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:8px!important;margin-right:6px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:calc(100% - 20px)!important;min-width:280px!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;position:fixed!important;inset:0!important;margin:auto!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important;border-radius:12px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;overflow:visible!important}.ngxsmk-calendar-container{padding:6px 4px!important;max-width:100%!important;width:100%!important;border-radius:0!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:2px!important;overflow:visible!important}.ngxsmk-ranges-container{padding:8px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{flex-wrap:nowrap!important;justify-content:flex-start!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important;-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important}.ngxsmk-ranges-container li{padding:10px 14px!important;font-size:12px!important;line-height:1.4!important;flex-shrink:0!important;white-space:nowrap!important;min-height:44px!important;scroll-snap-align:start!important;border-radius:8px!important}.ngxsmk-header{padding:4px 6px 10px!important;margin-bottom:6px!important;gap:4px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important;align-items:center!important}.ngxsmk-month-year-selects{gap:6px!important;font-size:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:40px!important;min-height:40px!important;font-size:12px!important}.ngxsmk-nav-buttons{gap:4px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:8px!important;border-radius:8px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:18px!important;height:18px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:3px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:10px!important;font-weight:600!important;padding:6px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:40px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:8px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:40px!important;max-height:none!important;font-size:13px!important;font-weight:500!important;border-radius:8px!important}.ngxsmk-time-selection{display:flex!important;gap:8px!important;padding:12px 4px!important;margin-top:8px!important;border-top:1px solid var(--datepicker-border-color)!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;overflow:visible!important;position:relative!important;z-index:100!important}.ngxsmk-time-label{font-size:13px!important;font-weight:600!important;flex-shrink:0!important;margin:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px!important;flex-shrink:0!important;position:relative!important;z-index:auto!important}.ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001!important;top:auto!important;bottom:calc(100% + 4px)!important;transform-origin:bottom center!important;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-time-separator{font-size:18px!important;font-weight:700!important;flex-shrink:0!important;padding:0 4px!important;line-height:1!important}.ngxsmk-footer{gap:8px!important;padding:12px 4px 8px!important;margin-top:0!important;border-top:1px solid var(--datepicker-border-color)!important;flex-wrap:nowrap!important;justify-content:stretch!important;position:relative!important;z-index:1!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 16px!important;font-size:13px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:1!important;-webkit-flex:1 1 calc(50% - 4px)!important;-ms-flex:1 1 calc(50% - 4px)!important;flex:1 1 calc(50% - 4px)!important;min-width:0!important;border-radius:8px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:16px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:16px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:12px!important;padding:0 4px!important;scroll-snap-type:x mandatory!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:260px!important;max-width:280px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:13px!important;font-weight:600!important;padding:8px 4px!important;margin-bottom:8px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:8px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:6px!important;padding:8px 4px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:10px 12px!important;font-size:13px!important;border-radius:8px!important}.ngxsmk-timeline-view{padding:8px 4px!important}.ngxsmk-timeline-header{padding:8px 4px!important;margin-bottom:8px!important}.ngxsmk-timeline-controls{gap:8px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:8px!important;border-radius:8px!important}.ngxsmk-timeline-range{font-size:12px!important;padding:8px 12px!important}.ngxsmk-timeline-container{padding:8px 4px!important}.ngxsmk-timeline-month{min-height:60px!important;padding:8px!important;border-radius:8px!important}.ngxsmk-time-slider-view{padding:8px 4px!important;gap:12px!important}.ngxsmk-time-slider-header{padding:8px 4px!important;gap:8px!important}.ngxsmk-time-slider-label{font-size:12px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-weight:600!important}.ngxsmk-time-slider-container{padding:8px 4px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(max-width:991px){.ngxsmk-time-selection{position:relative!important;z-index:100!important;overflow:visible!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001!important;top:auto!important;bottom:calc(100% + 4px)!important;transform-origin:bottom center!important;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000!important}.ngxsmk-footer{position:relative!important;z-index:1!important}}.ngxsmk-datepicker-inner-content{display:flex!important;flex-direction:row!important;width:100%;flex:1 1 auto}@media(max-width:1023px){.ngxsmk-datepicker-inner-content{flex-direction:column!important}}.md3-theme .ngxsmk-day-number{border-radius:12px;transition:all .2s cubic-bezier(0,0,.2,1)}.md3-theme .ngxsmk-day-cell.selected .ngxsmk-day-number,.md3-theme .ngxsmk-day-cell.start-date .ngxsmk-day-number,.md3-theme .ngxsmk-day-cell.end-date .ngxsmk-day-number{border-radius:12px;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,4px,0)}to{opacity:1;transform:translateZ(0)}}@media(min-width:992px){.ngxsmk-datepicker-container{display:grid!important;grid-template-areas:\"header header\" \"ranges calendar\" \"time time\" \"footer footer\";grid-template-columns:auto auto;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.ngxsmk-range-duration-header{grid-area:header}.ngxsmk-ranges-container{grid-area:ranges}.ngxsmk-calendar-container{grid-area:calendar}.ngxsmk-footer{grid-area:footer}ngxsmk-time-selection{grid-area:time}}.ngxsmk-multi-calendar-container.ngxsmk-sync-scroll-enabled{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--datepicker-calendar-gap, 16px);align-items:start}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--datepicker-calendar-gap, 16px);align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;position:relative}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical.ngxsmk-sync-scroll-enabled{display:flex;flex-direction:column;gap:var(--datepicker-calendar-gap, 16px);align-items:stretch;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled .ngxsmk-calendar-month{min-width:320px;width:100%;flex-basis:100%}.ngxsmk-multi-calendar.ngxsmk-sync-scroll-enabled{overflow:hidden}.ngxsmk-multi-calendar-container.ngxsmk-sync-scroll-enabled:focus-within{outline:2px solid var(--datepicker-focus-color, #4a90e2);outline-offset:2px;border-radius:4px}@media(max-width:768px){.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled{flex-direction:column;overflow-x:hidden;overflow-y:auto}.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled .ngxsmk-calendar-month{min-width:100%;width:100%}}ngxsmk-datepicker{display:block;width:100%;position:relative;font-family:var(--ngxsmk-font-family);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:visible}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}ngxsmk-datepicker:has(.ngxsmk-calendar-open){z-index:var(--ngxsmk-z-popover)!important}.ngxsmk-datepicker-wrapper{position:relative;width:100%;z-index:1;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open{z-index:var(--ngxsmk-z-popover);position:relative;isolation:isolate}.ngxsmk-datepicker-container,.ngxsmk-calendar-container{border-radius:var(--ngxsmk-radius-lg)!important;overflow:hidden!important}.ngxsmk-datepicker-container .ngxsmk-calendar-container{border-radius:inherit!important}.ngxsmk-backdrop{display:none}@media(min-width:1025px){.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;position:fixed!important;inset:0;background:transparent!important;z-index:var(--ngxsmk-z-backdrop)!important;pointer-events:auto!important}.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop).ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}@media(max-width:1024px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;inset:0!important;background:#0006!important;z-index:var(--ngxsmk-z-backdrop)!important;pointer-events:auto!important;transition:opacity .3s ease-out!important}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker{--ngxsmk-transition: none}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--ngxsmk-color-range-bg: rgba(139, 92, 246, .15);--ngxsmk-color-surface: #1f2937;--ngxsmk-color-text-main: #f3f4f6;--ngxsmk-color-text-muted: #9ca3af;--ngxsmk-color-border: #374151;--ngxsmk-color-surface-hover: #374151;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--ngxsmk-color-surface: rgba(255, 255, 255, .7);--ngxsmk-color-border: rgba(255, 255, 255, .3);--ngxsmk-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ngxsmk-color-border)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--ngxsmk-color-surface: rgba(31, 41, 55, .7);--ngxsmk-color-border: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--ngxsmk-color-primary: #6750a4;--ngxsmk-radius-lg: 28px;--ngxsmk-font-family: \"Roboto\", sans-serif;--ngxsmk-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}.ngxsmk-input-group{display:flex;align-items:center;position:relative;width:100%;border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-md);background:var(--ngxsmk-color-surface);transition:var(--ngxsmk-transition);min-height:44px}.ngxsmk-input-group:focus-within{border-color:var(--ngxsmk-color-primary);box-shadow:var(--datepicker-shadow-focus)}.ngxsmk-input-group.disabled{opacity:.6;background:var(--ngxsmk-color-surface-hover);cursor:not-allowed}.ngxsmk-display-input{flex-grow:1;width:100%;padding:var(--ngxsmk-space-md) var(--ngxsmk-space-lg);font-size:var(--ngxsmk-font-size-base);line-height:var(--ngxsmk-line-height);color:var(--ngxsmk-color-text-main);background:transparent;border:none;outline:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ngxsmk-display-input:disabled{cursor:not-allowed}.ngxsmk-calendar-button,.ngxsmk-clear-button{display:flex;align-items:center;justify-content:center;width:var(--ngxsmk-touch-target);height:var(--ngxsmk-touch-target);background:transparent;border:none;cursor:pointer;color:var(--ngxsmk-color-text-muted);transition:var(--ngxsmk-transition);border-radius:var(--ngxsmk-radius-md)}.ngxsmk-calendar-button svg,.ngxsmk-clear-button svg{width:20px;height:20px;fill:currentColor}@media(hover:hover){.ngxsmk-calendar-button:hover:not(:disabled),.ngxsmk-clear-button:hover:not(:disabled){color:var(--ngxsmk-color-primary);background:var(--ngxsmk-color-surface-hover)}}.ngxsmk-calendar-button:focus-visible,.ngxsmk-clear-button:focus-visible{outline:2px solid var(--ngxsmk-color-primary);outline-offset:-2px}.ngxsmk-calendar-button:disabled,.ngxsmk-clear-button:disabled{cursor:not-allowed;opacity:.5}.ngxsmk-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--ngxsmk-space-xs);padding:0 var(--ngxsmk-space-md) var(--ngxsmk-space-md);width:100%}.ngxsmk-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--ngxsmk-space-xs);padding:var(--ngxsmk-space-md);border-bottom:1px solid var(--ngxsmk-color-border);margin-bottom:var(--ngxsmk-space-sm)}.ngxsmk-weekdays .ngxsmk-weekday{text-align:center;font-size:var(--ngxsmk-font-size-xs);font-weight:600;color:var(--ngxsmk-color-text-muted);text-transform:uppercase;letter-spacing:.05em}.ngxsmk-day-cell{min-width:var(--ngxsmk-touch-target);min-height:var(--ngxsmk-touch-target);width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}@media(min-width:1025px){.ngxsmk-day-cell{width:var(--ngxsmk-cell-size-desktop);height:var(--ngxsmk-cell-size-desktop);min-width:0;min-height:0}}.ngxsmk-month-grid,.ngxsmk-year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ngxsmk-space-sm);padding:var(--ngxsmk-space-md)}.ngxsmk-month-grid .ngxsmk-grid-cell,.ngxsmk-year-grid .ngxsmk-grid-cell{min-height:var(--ngxsmk-touch-target);padding:var(--ngxsmk-space-md) var(--ngxsmk-space-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--ngxsmk-radius-sm);font-size:var(--ngxsmk-font-size-base);color:var(--ngxsmk-color-text-main);background:transparent;border:1px solid transparent;cursor:pointer;transition:var(--ngxsmk-transition)}@media(hover:hover){.ngxsmk-month-grid .ngxsmk-grid-cell:hover:not(.disabled),.ngxsmk-year-grid .ngxsmk-grid-cell:hover:not(.disabled){background:var(--ngxsmk-color-surface-hover);border-color:var(--ngxsmk-color-border)}}.ngxsmk-month-grid .ngxsmk-grid-cell.selected,.ngxsmk-year-grid .ngxsmk-grid-cell.selected{background:var(--datepicker-primary-color, var(--ngxsmk-color-primary));color:var(--datepicker-primary-contrast, var(--ngxsmk-color-on-primary));font-weight:600;border-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary))}.ngxsmk-month-grid .ngxsmk-grid-cell.disabled,.ngxsmk-year-grid .ngxsmk-grid-cell.disabled{color:var(--ngxsmk-color-text-muted);opacity:.5;cursor:not-allowed}@media(min-width:768px){.ngxsmk-month-grid .ngxsmk-grid-cell,.ngxsmk-year-grid .ngxsmk-grid-cell{padding:var(--ngxsmk-space-lg) var(--ngxsmk-space-sm)}}.ngxsmk-year-grid{grid-template-columns:repeat(4,1fr)}.ngxsmk-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md) var(--ngxsmk-space-xs);width:100%;gap:var(--ngxsmk-space-sm)}@media(min-width:1025px){.ngxsmk-header{padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md)}}.ngxsmk-month-year-selects{display:flex;align-items:center;gap:var(--ngxsmk-space-xs);flex:1;min-width:0}.ngxsmk-month-year-selects .month-select{flex:1.5}.ngxsmk-month-year-selects .year-select{flex:1}.ngxsmk-nav-buttons{display:flex;align-items:center;gap:var(--ngxsmk-space-xs)}ngxsmk-custom-select{position:relative;display:flex;flex:1;min-width:0;-webkit-user-select:none;user-select:none;box-sizing:border-box;z-index:1}ngxsmk-custom-select[data-open=true]{z-index:10000}.ngxsmk-select-container{cursor:pointer;position:relative;display:flex;width:100%;height:100%;min-height:100%;box-sizing:border-box;outline:none}.ngxsmk-select-container.is-open{z-index:10000}.ngxsmk-select-display{display:flex;align-items:center;justify-content:space-between;flex:1;width:100%;height:100%;min-height:var(--ngxsmk-touch-target);padding:0 var(--ngxsmk-space-md);background:var(--ngxsmk-color-surface);border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-sm);font-size:var(--ngxsmk-font-size-base);font-family:inherit;color:var(--ngxsmk-color-text-main);cursor:pointer;transition:var(--ngxsmk-transition);appearance:none;-webkit-appearance:none;gap:var(--ngxsmk-space-sm)}.ngxsmk-select-display:focus-within{outline:none;border-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary));box-shadow:var(--datepicker-shadow-focus)}.ngxsmk-select-display:disabled{background-color:var(--ngxsmk-color-surface-hover);cursor:not-allowed;opacity:.6}@media(hover:hover){.ngxsmk-select-display:hover:not(:disabled){background:var(--ngxsmk-color-surface-hover);border-color:var(--ngxsmk-color-text-muted)}}@media(min-width:1025px){.ngxsmk-select-display{min-height:36px;font-size:var(--ngxsmk-font-size-sm)}}.ngxsmk-arrow-icon{width:14px;height:14px;transition:transform var(--ngxsmk-transition-duration) ease;flex-shrink:0;color:var(--ngxsmk-color-text-muted)}.is-open .ngxsmk-arrow-icon{transform:rotate(180deg)}.ngxsmk-options-panel{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--ngxsmk-color-surface);border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-md);box-shadow:var(--ngxsmk-shadow-lg);max-height:200px;overflow-y:auto;z-index:10001;scrollbar-width:none}.ngxsmk-options-panel::-webkit-scrollbar{display:none}.ngxsmk-options-panel ul{list-style:none;padding:var(--ngxsmk-space-xs);margin:0}.ngxsmk-options-panel li{padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md);border-radius:var(--ngxsmk-radius-sm);cursor:pointer;transition:background-color .12s ease;font-size:var(--ngxsmk-font-size-sm);margin:2px 0;color:var(--ngxsmk-color-text-main)!important;opacity:1!important;visibility:visible!important}.ngxsmk-options-panel li:hover:not(.selected){background-color:var(--ngxsmk-color-surface-hover)}.ngxsmk-options-panel li.selected{background-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary));color:var(--datepicker-primary-contrast, var(--ngxsmk-color-on-primary))!important;font-weight:600}@media(max-width:768px){.ngxsmk-options-panel li{padding:var(--ngxsmk-space-md) var(--ngxsmk-space-lg);min-height:var(--ngxsmk-touch-target);display:flex;align-items:center}}.ngxsmk-header-title{font-size:var(--ngxsmk-font-size-lg);font-weight:600;color:var(--ngxsmk-color-text-main);text-align:center;flex-grow:1}.ngxsmk-nav-button{cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--ngxsmk-touch-target);height:var(--ngxsmk-touch-target);background:transparent;border:none;border-radius:var(--ngxsmk-radius-sm);color:var(--ngxsmk-color-text-main);transition:var(--ngxsmk-transition)}.ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-nav-button:hover:not(:disabled){background:var(--ngxsmk-color-surface-hover)}.ngxsmk-nav-button:disabled{opacity:.3;cursor:not-allowed}@media(min-width:1025px){.ngxsmk-nav-button{width:32px;height:32px}}:root{--ngxsmk-space-xs: .25rem;--ngxsmk-space-sm: .5rem;--ngxsmk-space-md: .75rem;--ngxsmk-space-lg: 1rem;--ngxsmk-space-xl: 1.5rem;--ngxsmk-space-2xl: 2rem;--ngxsmk-touch-target: 44px;--ngxsmk-cell-size-desktop: 40px;--ngxsmk-font-size-xs: .625rem;--ngxsmk-font-size-sm: .75rem;--ngxsmk-font-size-base: 1rem;--ngxsmk-font-size-lg: 1.125rem;--ngxsmk-font-size-xl: 1.25rem;--ngxsmk-line-height: 1.5;--ngxsmk-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--ion-color-primary-contrast, #ffffff);--ngxsmk-color-range-bg: var(--ion-color-primary-tint, #f5f3ff);--ngxsmk-color-surface: var(--ion-background-color, #ffffff);--ngxsmk-color-surface-hover: #f3f4f6;--ngxsmk-color-text-main: var(--ion-text-color, #1f2937);--ngxsmk-color-text-muted: var(--ion-text-color-step-400, #6b7280);--ngxsmk-color-border: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--ngxsmk-radius-sm: 6px;--ngxsmk-radius-md: 8px;--ngxsmk-radius-lg: 12px;--ngxsmk-radius-xl: 16px;--ngxsmk-radius-popup: 16px;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ngxsmk-transition-duration: .15s;--ngxsmk-transition-easing: cubic-bezier(.4, 0, .2, 1);--ngxsmk-transition: all var(--ngxsmk-transition-duration) var(--ngxsmk-transition-easing);--ngxsmk-z-backdrop: 2147483646;--ngxsmk-z-popover: 2147483647;--datepicker-primary-color: var(--ngxsmk-color-primary);--datepicker-primary-contrast: var(--ngxsmk-color-on-primary);--datepicker-range-background: var(--ngxsmk-color-range-bg);--datepicker-background: var(--ngxsmk-color-surface);--datepicker-hover-background: var(--ngxsmk-color-surface-hover);--datepicker-text-color: var(--ngxsmk-color-text-main);--datepicker-subtle-text-color: var(--ngxsmk-color-text-muted);--datepicker-border-color: var(--ngxsmk-color-border);--datepicker-radius-sm: var(--ngxsmk-radius-sm);--datepicker-radius-md: var(--ngxsmk-radius-md);--datepicker-radius-lg: var(--ngxsmk-radius-lg);--datepicker-border-radius: var(--ngxsmk-radius-lg);--datepicker-font-size-base: var(--ngxsmk-font-size-base);--datepicker-font-size-lg: var(--ngxsmk-font-size-lg);--datepicker-line-height: var(--ngxsmk-line-height);--datepicker-spacing-xs: var(--ngxsmk-space-xs);--datepicker-spacing-sm: var(--ngxsmk-space-sm);--datepicker-spacing-md: var(--ngxsmk-space-md);--datepicker-spacing-lg: var(--ngxsmk-space-lg);--datepicker-transition: var(--ngxsmk-transition)}.ngxsmk-popover-container{position:fixed;bottom:0;left:0;width:100%;max-height:90dvb;background:var(--ngxsmk-color-surface);border-radius:var(--ngxsmk-radius-popup) var(--ngxsmk-radius-popup) 0 0;z-index:var(--ngxsmk-z-popover);padding-top:max(0,env(safe-area-inset-top));padding-right:max(0,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(0,env(safe-area-inset-left));box-shadow:var(--ngxsmk-shadow-xl);border:unset!important;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}.ngxsmk-popover-container.ngxsmk-popover-open{visibility:visible;opacity:1}.ngxsmk-popover-container.ngxsmk-inline-container{position:static!important;width:100%;margin:0;transform:none!important;box-shadow:none!important;border:none;background:transparent;padding:0;max-height:none}@media(min-width:768px){.ngxsmk-popover-container{top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);width:clamp(320px,80vw,500px);border-radius:var(--ngxsmk-radius-popup);border:unset!important;max-height:calc(100vh - 64px);padding:0}}@media(min-width:1025px){.ngxsmk-popover-container{position:absolute;transform:none;width:max-content;min-width:360px;max-height:none;border-radius:var(--ngxsmk-radius-md);box-shadow:var(--ngxsmk-shadow-lg);border:unset!important}}.ngxsmk-calendar-container{display:flex;flex-direction:column;width:100%}@media(min-width:1025px){.ngxsmk-calendar-container.ngxsmk-has-multi-calendar{flex-direction:column;align-items:stretch;min-width:600px}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar>ngxsmk-calendar-header,.ngxsmk-calendar-container.ngxsmk-has-multi-calendar>.ngxsmk-multi-calendar-container{width:100%;max-width:100%;min-width:0}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgxsmkDatepickerInputComponent, selector: "ngxsmk-datepicker-input", inputs: ["isNative", "disabled", "classes", "nativeInputType", "formattedValue", "placeholder", "id", "name", "autocomplete", "required", "minDateNative", "maxDateNative", "ariaLabel", "ariaDescribedBy", "errorState", "clearAriaLabel", "clearLabel", "isCalendarOpen", "allowTyping", "typedInputValue", "displayValue", "showCalendarButton", "calendarAriaLabel", "validationErrorMessage"], outputs: ["nativeInputChange", "inputBlur", "clearValue", "toggleCalendar", "pointerDown", "pointerUp", "inputGroupFocus", "inputKeyDown", "inputChange", "inputFocus"] }, { kind: "component", type: NgxsmkDatepickerContentComponent, selector: "ngxsmk-datepicker-content", inputs: ["isCalendarVisible", "isCalendarOpen", "isInlineMode", "shouldAppendToBody", "theme", "popoverId", "classes", "timeOnly", "showTime", "isMobile", "mobileModalStyle", "align", "ariaLabel", "isCalendarOpening", "loadingMessage", "showRanges", "rangesArray", "mode", "disabled", "calendarCount", "calendarLayout", "syncScrollEnabled", "calendarMonths", "weekDays", "selectedDate", "startDate", "endDate", "focusedDate", "today", "dateTemplate", "calendarViewMode", "monthOptions", "currentMonth", "yearOptions", "currentYear", "isBackArrowDisabled", "prevMonthAriaLabel", "nextMonthAriaLabel", "yearGrid", "currentDecade", "decadeGrid", "timelineStartDate", "timelineEndDate", "timelineMonths", "minuteInterval", "startTimeSlider", "endTimeSlider", "timeRangeMode", "hourOptions", "minuteOptions", "secondOptions", "ampmOptions", "currentDisplayHour", "currentMinute", "currentSecond", "isPm", "showSeconds", "use24Hour", "startDisplayHour", "startMinute", "startSecond", "startIsPm", "endDisplayHour", "endMinute", "endSecond", "endIsPm", "clearAriaLabel", "clearLabel", "closeAriaLabel", "closeLabel", "translations", "boundIsDateDisabled", "boundIsSameDay", "boundIsHoliday", "boundIsMultipleSelected", "boundIsInRange", "boundIsPreviewInRange", "boundGetAriaLabel", "boundGetDayCellCustomClasses", "boundGetDayCellTooltip", "boundFormatDayNumber", "getMonthYearLabel", "getCalendarAriaLabelForMonth", "isTimelineMonthSelected", "formatTimeSliderValue"], outputs: ["backdropClick", "touchStartContainer", "touchMoveContainer", "touchEndContainer", "rangeSelect", "previousMonth", "nextMonth", "currentMonthChange", "currentYearChange", "dateClick", "dateHover", "dateFocus", "swipeStart", "swipeMove", "swipeEnd", "touchStart", "touchMove", "touchEnd", "viewModeChange", "changeYear", "yearClick", "changeDecade", "decadeClick", "timelineZoomOut", "timelineZoomIn", "timelineMonthClick", "startTimeSliderChange", "endTimeSliderChange", "currentDisplayHourChange", "currentMinuteChange", "currentSecondChange", "isPmChange", "timeChange", "startDisplayHourChange", "startMinuteChange", "startSecondChange", "startIsPmChange", "endDisplayHourChange", "endMinuteChange", "endSecondChange", "endIsPmChange", "timeRangeChange", "clearValue", "closeCalendar", "escapeKey"] }, { kind: "component", type: NgxsmkDatepickerKeyboardHelpComponent, selector: "ngxsmk-datepicker-keyboard-help", inputs: ["title", "closeLabel", "backdropLabel"], outputs: ["closeRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
13106
+ `, isInline: true, styles: ["ngxsmk-datepicker,.ngxsmk-popover-container,.ngxsmk-backdrop{--datepicker-primary-color: var(--ion-color-primary, #6d28d9);--datepicker-primary-contrast: var(--ion-color-primary-contrast, #ffffff);--datepicker-range-background: var(--ion-color-primary-tint, #f5f3ff);--datepicker-background: var(--ion-background-color, #ffffff);--datepicker-text-color: var(--ion-text-color, #1f2937);--datepicker-subtle-text-color: var(--ion-text-color-step-400, #6b7280);--datepicker-border-color: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--datepicker-hover-background: #f3f4f6;--datepicker-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--datepicker-primary-color) 15%, transparent);--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--datepicker-primary-contrast);--ngxsmk-color-range-bg: var(--datepicker-range-background);--ngxsmk-color-surface: var(--datepicker-background);--ngxsmk-color-surface-hover: var(--datepicker-hover-background);--ngxsmk-color-text-main: var(--datepicker-text-color);--ngxsmk-color-text-muted: var(--datepicker-subtle-text-color);--ngxsmk-color-border: var(--datepicker-border-color);--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--datepicker-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--datepicker-font-size-xs: 10px;--datepicker-font-size-sm: 12px;--datepicker-font-size-base: 14px;--datepicker-font-size-lg: 16px;--datepicker-font-size-xl: 18px;--datepicker-line-height: 1.5;--datepicker-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--datepicker-spacing-xs: 4px;--datepicker-spacing-sm: 8px;--datepicker-spacing-md: 12px;--datepicker-spacing-lg: 16px;--datepicker-spacing-xl: 20px;--datepicker-spacing-2xl: 24px;--datepicker-radius-sm: 6px;--datepicker-radius-md: 8px;--datepicker-radius-lg: 12px;--datepicker-radius-xl: 16px;--datepicker-border-radius: var(--datepicker-radius-lg);--datepicker-transition-duration: .15s;--datepicker-transition-easing: cubic-bezier(.4, 0, .2, 1);--datepicker-transition-property: all;--datepicker-transition: var(--datepicker-transition-property) var(--datepicker-transition-duration) var(--datepicker-transition-easing);--datepicker-z-index-base: 2147483647;--datepicker-z-index-backdrop: 2147483646}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151;--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.dark-theme *{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--datepicker-background: rgba(255, 255, 255, .7);--datepicker-border-color: rgba(255, 255, 255, .3);--datepicker-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--datepicker-border-color)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--datepicker-background: rgba(31, 41, 55, .7);--datepicker-border-color: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--datepicker-primary-color: #6750a4;--datepicker-radius-lg: 28px;--datepicker-font-family: \"Roboto\", sans-serif;--datepicker-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}@media(prefers-contrast:high){ngxsmk-datepicker{--datepicker-border-color: #000000;--datepicker-text-color: #000000;--datepicker-subtle-text-color: #000000;--datepicker-background: #ffffff;--datepicker-hover-background: #f0f0f0;--datepicker-primary-color: #0000ff;--datepicker-primary-contrast: #ffffff;--datepicker-range-background: #e0e0e0;--datepicker-focus-outline: #000000}ngxsmk-datepicker.dark-theme{--datepicker-border-color: #ffffff;--datepicker-text-color: #ffffff;--datepicker-subtle-text-color: #ffffff;--datepicker-background: #000000;--datepicker-hover-background: #333333;--datepicker-primary-color: #ffffff;--datepicker-primary-contrast: #000000;--datepicker-range-background: #333333;--datepicker-focus-outline: #ffffff}ngxsmk-datepicker *{border-color:var(--datepicker-border-color)!important}.ngxsmk-day-cell{border:2px solid transparent!important}.ngxsmk-day-cell:not(.disabled):not(.empty):hover{border-color:var(--datepicker-border-color)!important;background-color:var(--datepicker-hover-background)!important}.ngxsmk-day-cell.disabled{opacity:.5!important;border-color:#ccc!important}.ngxsmk-day-cell.selected,.ngxsmk-day-cell.start-date,.ngxsmk-day-cell.end-date{border:3px solid var(--datepicker-border-color)!important;background-color:var(--datepicker-primary-color)!important;color:var(--datepicker-primary-contrast)!important}.ngxsmk-day-cell.focused,.ngxsmk-day-cell:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-nav-button.focused,.ngxsmk-nav-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-input-group{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-border-color)!important;outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-clear-button,.ngxsmk-calendar-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-clear-button.focused,.ngxsmk-clear-button:focus-visible,.ngxsmk-calendar-button.focused,.ngxsmk-calendar-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-popover-container{border:3px solid var(--datepicker-border-color)!important;box-shadow:0 4px 8px #0000004d!important}.ngxsmk-day-cell.in-range{background-color:var(--datepicker-range-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-custom-select{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-custom-select.focused,.ngxsmk-custom-select:focus-within{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-time-input{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-time-input.focused,.ngxsmk-time-input:focus{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker{--datepicker-transition: none}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}\n", "ngxsmk-datepicker{display:block;width:100%;position:relative;font-family:var(--datepicker-font-family);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:visible}ngxsmk-datepicker:has(.ngxsmk-calendar-open){z-index:1000!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open{z-index:var(--datepicker-z-index-base);position:relative;isolation:isolate}@media(max-width:1023px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode){isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important;overflow:visible!important;clip-path:none!important;clip:auto!important;position:static!important;z-index:auto!important}ngxsmk-datepicker{display:block!important;width:100%!important;overflow:visible!important;position:relative!important;isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important}ngxsmk-datepicker:has(.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:visible!important;isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important;z-index:auto!important}}@media(min-width:1024px){.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;position:fixed!important;inset:0;background:transparent!important;z-index:var(--datepicker-z-index-backdrop)!important;pointer-events:auto!important}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}@media(max-width:1023px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:var(--datepicker-z-index-backdrop)!important;background:#0000008c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;-webkit-tap-highlight-color:transparent!important;-ms-tap-highlight-color:transparent!important;pointer-events:auto!important}.ngxsmk-datepicker-wrapper:not(.ngxsmk-calendar-open) .ngxsmk-backdrop,.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open.ngxsmk-inline-mode .ngxsmk-backdrop{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)),html:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:hidden!important}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}.ngxsmk-input-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;width:100%;border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);background:var(--datepicker-background);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);position:relative;overflow:hidden;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-primary-color);-webkit-box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);-moz-box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);outline:none}.ngxsmk-input-group:hover:not(.disabled){border-color:var(--datepicker-primary-color);-webkit-box-shadow:var(--datepicker-shadow-md);-moz-box-shadow:var(--datepicker-shadow-md);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-input-group.disabled{cursor:not-allowed;opacity:.6;background:var(--datepicker-hover-background)}.ngxsmk-native-input-group{cursor:default}.ngxsmk-native-input-group .ngxsmk-native-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;margin-left:4px}.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-inner-spin-button,.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ngxsmk-display-input{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%;padding:var(--datepicker-spacing-md) var(--datepicker-spacing-lg);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);background:transparent;border:none;outline:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);min-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-display-input:disabled{cursor:not-allowed;opacity:.6}.ngxsmk-display-input::placeholder{color:var(--datepicker-subtle-text-color);font-weight:400}.ngxsmk-clear-button{background:none;border:none;padding:var(--datepicker-spacing-sm);margin-right:var(--datepicker-spacing-sm);cursor:pointer;color:var(--datepicker-subtle-text-color);line-height:1;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;will-change:background-color;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-clear-button:hover:not(:disabled){color:var(--datepicker-text-color);background:var(--datepicker-hover-background)}.ngxsmk-clear-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-calendar-button{background:none;border:none;padding:var(--datepicker-spacing-sm);margin-right:var(--datepicker-spacing-sm);cursor:pointer;color:var(--datepicker-subtle-text-color);line-height:1;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;flex-shrink:0}.ngxsmk-calendar-button svg{width:18px;height:18px}.ngxsmk-calendar-button:hover:not(:disabled){color:var(--datepicker-primary-color);background:var(--datepicker-hover-background)}.ngxsmk-calendar-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-calendar-button:disabled{cursor:not-allowed;opacity:.6}.ngxsmk-popover-container{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--datepicker-z-index-base);width:100%;min-width:100%;max-width:100%;overflow:visible;display:block;visibility:visible;opacity:1;pointer-events:auto}.ngxsmk-popover-container.ngxsmk-inline-container{position:static!important;top:0;left:0;margin:0;transform:none!important;box-shadow:none!important;animation:none!important;width:auto;min-width:0;max-width:100%;display:inline-block}.ngxsmk-popover-container.ngxsmk-popover-open{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.ngxsmk-popover-container.ngxsmk-popover-open .ngxsmk-calendar-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open{height:auto!important;max-height:none!important;overflow:visible!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open .ngxsmk-calendar-container{overflow:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection){max-height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection)>*{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-datepicker-container{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-multi-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-calendar-month{min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-days-grid-wrapper{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-align-left{left:0!important;right:auto!important;transform:none!important}.ngxsmk-popover-container.ngxsmk-align-right{left:auto!important;right:0!important;transform:none!important}.ngxsmk-popover-container.ngxsmk-align-center{left:50%!important;right:auto!important;transform:translate(-50%)!important;-webkit-transform:translateX(-50%)!important}@media(max-width:1023px){.ngxsmk-popover-container:not(.ngxsmk-inline-container){isolation:auto!important;contain:none!important;clip-path:none!important;clip:auto!important;overflow:visible!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;z-index:2147483647!important;pointer-events:none!important;width:calc(100% - 12px)!important;min-width:280px!important;max-width:480px!important;max-height:calc(100vh - 48px)!important;max-height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){height:auto!important;max-height:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto!important;-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-multi-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-month{min-height:0!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-days-grid-wrapper{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}.ngxsmk-input-and-error{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;gap:4px}.ngxsmk-validation-error{font-size:var(--datepicker-font-size-sm, 12px);color:var(--datepicker-error-color, #b00020);margin-top:2px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-calendar-container{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-cell{pointer-events:auto!important;min-width:44px;min-height:44px;margin:2px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-number{pointer-events:auto!important;font-size:16px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop{pointer-events:auto!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){inset:auto 0 0!important;transform:none!important;width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;margin:0!important;-webkit-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important;-moz-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important;animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){inset:0!important;transform:none!important;width:100%!important;height:100%!important;max-height:100%!important;max-width:100%!important;border-radius:0!important;margin:0!important;-webkit-animation:fadeInScale .2s ease-out!important;-moz-animation:fadeInScale .2s ease-out!important;animation:fadeInScale .2s ease-out!important}.ngxsmk-datepicker-container{width:100%!important;max-width:100%!important;overflow:visible!important}.ngxsmk-calendar-container{padding:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}.ngxsmk-header,.ngxsmk-header>*,.ngxsmk-month-year-selects,.ngxsmk-month-year-selects>*,.ngxsmk-nav-buttons,.ngxsmk-nav-buttons>*{margin:0!important}.ngxsmk-header{display:flex!important;width:100%!important;gap:4px!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important;display:flex!important;gap:4px!important}.ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important}.ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto!important;display:flex!important;gap:4px!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important;box-sizing:border-box!important}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:44px!important;min-height:44px!important}.ngxsmk-month-year-selects ngxsmk-custom-select{flex:1 1 0%!important;min-width:0!important}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%!important;min-height:100%!important;box-sizing:border-box!important}.ngxsmk-footer,.ngxsmk-footer>*{margin:0!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{height:44px!important;min-height:44px!important;box-sizing:border-box!important;padding:10px 16px!important}.ngxsmk-days-grid{gap:2px!important;margin:0!important}.ngxsmk-days-grid>*{margin:0!important}.ngxsmk-day-name{font-size:13px!important;width:100%!important}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-moz-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-8px,0);-moz-transform:translate3d(0,-8px,0);-ms-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}}@-webkit-keyframes fadeInDownMobile{0%{opacity:0;-webkit-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-moz-keyframes fadeInDownMobile{0%{opacity:0;-moz-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes fadeInDownMobile{0%{opacity:0;-webkit-transform:translate3d(-50%,-8px,0);-moz-transform:translate3d(-50%,-8px,0);-ms-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes fadeInScale{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-moz-keyframes fadeInScale{0%{opacity:0;-moz-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-moz-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes fadeInScale{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.95);-moz-transform:translate(-50%,-50%) scale(.95);-ms-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@-moz-keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}ngxsmk-datepicker.ngxsmk-inline{display:block;width:fit-content;max-width:100%}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode{display:block;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-popover-container.ngxsmk-inline-container{overflow:visible;position:static!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-datepicker-container{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;overflow:visible;margin-top:0!important;position:static!important;z-index:0;width:auto!important;min-width:0!important;max-width:100%!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-calendar-container{width:auto!important;min-width:0!important;max-width:100%!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container,.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container ul{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:visible}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;position:relative;z-index:var(--datepicker-z-index-base);pointer-events:auto;background:var(--datepicker-background);-webkit-box-shadow:var(--datepicker-shadow-lg);-moz-box-shadow:var(--datepicker-shadow-lg);box-shadow:var(--datepicker-shadow-lg);border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-border-radius);-moz-border-radius:var(--datepicker-border-radius);border-radius:var(--datepicker-border-radius)}.ngxsmk-calendar-loading{position:absolute;inset:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--datepicker-spacing-md, 12px);background:var(--datepicker-background);opacity:.95;z-index:100}.ngxsmk-calendar-loading-spinner{width:28px;height:28px;border:3px solid var(--datepicker-border-color);border-top-color:var(--datepicker-accent-color, #1976d2);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:ngxsmk-spin .7s linear infinite;-moz-animation:ngxsmk-spin .7s linear infinite;animation:ngxsmk-spin .7s linear infinite}.ngxsmk-calendar-loading-text{font-size:var(--datepicker-font-size-sm, 14px);color:var(--datepicker-text-secondary, #666)}@-webkit-keyframes ngxsmk-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes ngxsmk-spin{to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ngxsmk-spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.ngxsmk-calendar-container{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);padding:var(--datepicker-spacing-xs);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;padding:var(--datepicker-spacing-xs);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-calendar-container.ngxsmk-time-only-mode{padding:var(--datepicker-spacing-xl)!important;min-width:320px;overflow:visible!important}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection{overflow:visible!important;align-items:baseline;position:relative;z-index:1;margin-top:0;padding-top:0;border-top:none}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection ngxsmk-custom-select{position:relative;z-index:10}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000000!important}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;padding:var(--datepicker-spacing-lg);background:var(--datepicker-hover-background);border-radius:var(--datepicker-radius-lg);border:1px solid var(--datepicker-border-color);box-sizing:border-box;flex-shrink:0;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-ranges-container ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--datepicker-spacing-sm);list-style:none;padding:0;margin:calc(var(--datepicker-spacing-sm) / -2);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;overflow:visible}.ngxsmk-ranges-container ul>*{margin:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);font-size:var(--datepicker-font-size-sm);line-height:var(--datepicker-line-height);border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);cursor:pointer;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background:var(--datepicker-background);font-weight:500;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-ranges-container li:hover:not(.disabled){background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color);-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);will-change:transform}.ngxsmk-ranges-container li.disabled{cursor:not-allowed;opacity:.5;background-color:transparent!important;color:var(--datepicker-subtle-text-color)}.ngxsmk-ranges-container li.ngxsmk-preset-active{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color);font-weight:700}.ngxsmk-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--datepicker-spacing-lg);position:relative;z-index:2;gap:var(--datepicker-spacing-md);padding-bottom:var(--datepicker-spacing-md);border-bottom:1px solid var(--datepicker-border-color);margin-left:calc(var(--datepicker-spacing-md) / -2);margin-right:calc(var(--datepicker-spacing-md) / -2)}.ngxsmk-header>*{margin-left:calc(var(--datepicker-spacing-md) / 2);margin-right:calc(var(--datepicker-spacing-md) / 2)}.ngxsmk-month-year-selects{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--datepicker-spacing-sm);-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-month-year-selects>*{margin:calc(var(--datepicker-spacing-sm) / 2);cursor:pointer}.ngxsmk-month-year-selects ngxsmk-custom-select{cursor:pointer;flex:1;min-width:0;height:40px;min-height:40px}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-nav-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--datepicker-spacing-xs);margin:calc(var(--datepicker-spacing-xs) / -2)}.ngxsmk-nav-buttons>*{margin:calc(var(--datepicker-spacing-xs) / 2)}.ngxsmk-nav-button{padding:var(--datepicker-spacing-sm);border:1px solid transparent;-webkit-border-radius:var(--datepicker-border-radius);-moz-border-radius:var(--datepicker-border-radius);border-radius:var(--datepicker-border-radius);background:#00000008;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;will-change:transform;backface-visibility:hidden;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--datepicker-text-color);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);min-width:36px;width:40px;height:40px;min-height:40px;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background);border-color:#0000000d;-webkit-transform:scale3d(1.05,1.05,1);-moz-transform:scale3d(1.05,1.05,1);-ms-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);will-change:transform}.ngxsmk-nav-button:active:not(:disabled){-webkit-transform:scale3d(.95,.95,1);-moz-transform:scale3d(.95,.95,1);-ms-transform:scale3d(.95,.95,1);transform:scale3d(.95,.95,1)}.ngxsmk-nav-button:disabled{cursor:not-allowed;opacity:.4}.ngxsmk-nav-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-nav-button svg{width:18px;height:18px;stroke-width:32}.ngxsmk-days-grid-wrapper{margin-top:var(--datepicker-spacing-md);overflow:visible;position:relative;touch-action:pan-y;-webkit-overflow-scrolling:touch}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%}.ngxsmk-days-grid{display:grid;grid-template-columns:repeat(7,1fr);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;gap:var(--datepicker-spacing-xs);width:100%;position:relative;isolation:isolate;-ms-touch-action:manipulation;touch-action:manipulation;margin:calc(var(--datepicker-spacing-xs) / -2);contain:layout style;will-change:contents;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%}.ngxsmk-days-grid>*{margin:calc(var(--datepicker-spacing-xs) / 2)}.ngxsmk-day-name{font-size:var(--datepicker-font-size-sm);padding:var(--datepicker-spacing-md) 0;color:var(--datepicker-subtle-text-color);font-weight:600;line-height:var(--datepicker-line-height);text-transform:uppercase;letter-spacing:.5px;width:100%;box-sizing:border-box}.ngxsmk-day-cell{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:background-color .15s cubic-bezier(.4,0,.2,1);-moz-transition:background-color .15s cubic-bezier(.4,0,.2,1);-o-transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color .15s cubic-bezier(.4,0,.2,1);background-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:visible;z-index:1;margin:0 auto;contain:layout style;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto;-webkit-touch-callout:none}@media(max-width:1024px){.ngxsmk-day-cell{width:100%;height:auto;aspect-ratio:1/1;min-width:0;max-width:none;min-height:0;max-height:none}.ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:none;min-height:0;max-height:none;font-size:14px}.ngxsmk-nav-button{min-width:40px;min-height:40px;height:40px;padding:8px}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:40px!important;min-height:40px!important}.ngxsmk-month-year-selects .ngxsmk-select-display{min-height:100%;height:100%;box-sizing:border-box}.ngxsmk-clear-button,.ngxsmk-close-button,.ngxsmk-clear-button-footer{min-height:40px;padding:8px 12px}.ngxsmk-input-group{min-width:100%}.ngxsmk-display-input{min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:var(--datepicker-spacing-xs);margin-right:var(--datepicker-spacing-xs)}.ngxsmk-calendar-button{display:none!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}}.ngxsmk-day-number{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);position:relative;z-index:2;font-weight:500;-webkit-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .15s cubic-bezier(.4,0,.2,1);-moz-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-moz-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),-moz-box-shadow .15s cubic-bezier(.4,0,.2,1);-o-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-o-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;contain:layout style;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ngxsmk-day-cell:not(.disabled):not(.empty):hover .ngxsmk-day-number{background-color:var(--datepicker-hover-background);color:var(--datepicker-primary-color);-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1);-ms-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);will-change:transform}.ngxsmk-day-cell.focused{z-index:10}.ngxsmk-day-cell.focused .ngxsmk-day-number{outline:2px solid var(--datepicker-primary-color);outline-offset:2px;background-color:var(--datepicker-hover-background);z-index:11}.ngxsmk-day-cell.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range){z-index:3}.ngxsmk-day-cell.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:4}.ngxsmk-day-cell.start-date:not(.in-range):not(.preview-range):not(.end-date),.ngxsmk-day-cell.end-date:not(.in-range):not(.preview-range):not(.start-date){z-index:3}.ngxsmk-day-cell.start-date:not(.in-range):not(.preview-range):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.end-date:not(.in-range):not(.preview-range):not(.start-date) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:4;border:none}.ngxsmk-day-cell.multiple-selected .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;border:2px solid var(--datepicker-primary-contrast);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.in-range,.ngxsmk-day-cell.preview-range{background-color:var(--datepicker-range-background);z-index:1}.ngxsmk-day-cell.start-date.in-range,.ngxsmk-day-cell.end-date.in-range,.ngxsmk-day-cell.start-date.preview-range,.ngxsmk-day-cell.end-date.preview-range{background-color:var(--datepicker-range-background);z-index:2}.ngxsmk-day-cell.start-date.in-range .ngxsmk-day-number,.ngxsmk-day-cell.end-date.in-range .ngxsmk-day-number,.ngxsmk-day-cell.start-date.preview-range .ngxsmk-day-number,.ngxsmk-day-cell.end-date.preview-range .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:7}.ngxsmk-day-cell.start-date.end-date:not(.in-range) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.start-date.end-date.in-range{background-color:var(--datepicker-range-background)}.ngxsmk-day-cell.holiday:not(.selected):not(.start-date):not(.end-date) .ngxsmk-day-number{color:#f97316;font-weight:600;position:relative}.ngxsmk-day-cell.holiday:not(.selected):not(.start-date):not(.end-date) .ngxsmk-day-number:after{content:\"\";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:#f97316;border-radius:50%}.ngxsmk-day-cell.start-date.end-date.in-range .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.disabled{background-color:transparent!important;color:var(--datepicker-subtle-text-color);cursor:not-allowed;pointer-events:none;opacity:.4}.ngxsmk-day-cell.disabled.in-range,.ngxsmk-day-cell.disabled.preview-range{background-color:transparent!important}.ngxsmk-day-cell.disabled.in-range .ngxsmk-day-number,.ngxsmk-day-cell.disabled.preview-range .ngxsmk-day-number{text-decoration:line-through;text-decoration-color:var(--datepicker-error-color, #ef4444);text-decoration-thickness:2px}.ngxsmk-day-cell.empty{opacity:.3;cursor:default}.ngxsmk-day-cell.empty .ngxsmk-day-number{color:var(--datepicker-subtle-text-color)}.ngxsmk-day-cell.today:not(.selected):not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected){z-index:5}.ngxsmk-day-cell.today:not(.selected):not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected) .ngxsmk-day-number{border:2px solid var(--datepicker-primary-color);font-weight:600;background-color:transparent;color:var(--datepicker-primary-color);z-index:6;box-sizing:border-box}.ngxsmk-day-cell.today.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected) .ngxsmk-day-number{border:none;background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);z-index:4}.ngxsmk-day-cell.today.start-date:not(.in-range):not(.preview-range):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.today.end-date:not(.in-range):not(.preview-range):not(.start-date) .ngxsmk-day-number{border:none;background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);z-index:4}.ngxsmk-day-cell.today.in-range:not(.start-date):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.today.preview-range:not(.start-date):not(.end-date) .ngxsmk-day-number{background-color:transparent;border:2px solid var(--datepicker-primary-color);color:var(--datepicker-primary-color);font-weight:600;box-sizing:border-box}.ngxsmk-day-cell.holiday .ngxsmk-day-number{color:var(--datepicker-primary-color);position:relative}.ngxsmk-day-cell.holiday .ngxsmk-day-number:after{content:\"\";position:absolute;bottom:2px;left:50%;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);width:4px;height:4px;background:var(--datepicker-primary-color);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.ngxsmk-time-selection{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-top:var(--datepicker-spacing-lg);padding-top:var(--datepicker-spacing-lg);border-top:1px solid var(--datepicker-border-color);width:100%;overflow:visible!important;position:relative;z-index:1;min-width:0;margin-left:calc(var(--datepicker-spacing-sm) / -2);margin-right:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-time-selection>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:10;cursor:pointer}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000000!important;position:relative}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10000001!important;position:absolute!important}.ngxsmk-popover-container.ngxsmk-has-time-selection,.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container{overflow:visible!important}.ngxsmk-time-label{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);font-weight:500;margin-right:var(--datepicker-spacing-xs);white-space:nowrap;flex-shrink:0}.ngxsmk-time-separator{font-weight:600;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-lg);white-space:nowrap;flex-shrink:0}.ngxsmk-timezone-selection{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm);margin-top:var(--datepicker-spacing-md);padding-top:var(--datepicker-spacing-md);border-top:1px solid var(--datepicker-border-color);width:100%}.ngxsmk-timezone-label{font-size:var(--datepicker-font-size-base);color:var(--datepicker-text-color);font-weight:500;white-space:nowrap}.ngxsmk-timezone-selection ngxsmk-custom-select{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.ngxsmk-time-range-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--datepicker-spacing-md);width:100%;margin-top:var(--datepicker-spacing-lg);padding-top:var(--datepicker-spacing-lg);border-top:1px solid var(--datepicker-border-color)}.ngxsmk-time-range-start,.ngxsmk-time-range-end{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm)}.ngxsmk-time-range-label{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);font-weight:500;white-space:nowrap;min-width:40px}.ngxsmk-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;gap:var(--datepicker-spacing-sm);margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);border-top:1px solid var(--datepicker-border-color);margin-left:calc(var(--datepicker-spacing-sm) / -2);margin-right:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-footer>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:var(--datepicker-spacing-xs) var(--datepicker-spacing-md);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);cursor:pointer;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);border:1px solid var(--datepicker-border-color);font-weight:500;min-height:40px;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-clear-button-footer{background:var(--datepicker-background);color:var(--datepicker-text-color)}.ngxsmk-clear-button-footer:hover:not(:disabled){background-color:var(--datepicker-hover-background);border-color:var(--datepicker-border-color)}.ngxsmk-close-button{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-close-button:hover:not(:disabled){background-color:var(--datepicker-primary-color);opacity:.9;-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);will-change:transform}.ngxsmk-close-button:active:not(:disabled){-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}.ngxsmk-clear-button-footer:focus-visible,.ngxsmk-close-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}@media(min-width:320px)and (max-width:1023px){.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-bottom-sheet):not(.ngxsmk-fullscreen){position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:100%!important;min-width:280px!important;max-width:min(100vw - 32px,500px)!important;max-height:calc(100vh - 64px)!important;max-height:calc(100dvh - 64px)!important;z-index:2147483647!important;margin:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){position:fixed!important;inset:auto 0 0!important;-webkit-transform:translateY(0)!important;-moz-transform:translateY(0)!important;-ms-transform:translateY(0)!important;-o-transform:translateY(0)!important;transform:translateY(0)!important;width:100%!important;max-width:100%!important;max-height:min(90dvh,90dvh - env(safe-area-inset-bottom,0px))!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;border-radius:16px 16px 0 0!important;margin:0!important;z-index:2147483647!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important;-webkit-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;-moz-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;-o-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;max-height:100vh!important;max-height:100dvh!important;padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;border-radius:0!important;margin:0!important;z-index:2147483647!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(100vw - 32px,500px)!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;max-height:calc(100vh - 64px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(100vw - 32px,800px)!important;overflow-x:visible!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-display-input{padding:10px 12px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:8px;margin-right:8px}.ngxsmk-calendar-button{display:none!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-day-cell{width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-width:0!important;max-width:48px!important;min-height:0!important;max-height:48px!important;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-day-number{width:85%!important;height:85%!important;min-width:30px!important;max-width:38px!important;min-height:30px!important;max-height:38px!important;font-size:var(--datepicker-font-size-base)!important;display:flex!important;align-items:center!important;justify-content:center!important}.ngxsmk-day-name{font-size:11px!important;font-weight:700!important;padding:8px 0!important;width:100%!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important;display:flex!important;align-items:center!important;justify-content:center!important}.ngxsmk-calendar-container{padding:0!important;width:100%!important;min-width:0!important;max-width:100%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:var(--datepicker-spacing-xs) auto 0;padding:0}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-xs) 0 0 0}.ngxsmk-days-grid{gap:4px;padding:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%!important;max-width:100%!important;margin:0 auto}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-header,.ngxsmk-header>*,.ngxsmk-month-year-selects,.ngxsmk-month-year-selects>*,.ngxsmk-nav-buttons,.ngxsmk-nav-buttons>*{margin:0!important}.ngxsmk-header{display:flex!important;padding:4px!important;margin-bottom:var(--datepicker-spacing-sm);width:100%!important;max-width:100%!important;margin-left:0;margin-right:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:2px;box-sizing:border-box!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;width:auto;gap:4px;min-width:0;display:flex!important}.ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important}.ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto!important;display:flex!important;gap:2px}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:36px!important;min-height:36px!important}.ngxsmk-nav-button{width:36px!important;height:36px!important;padding:6px!important;min-height:36px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%!important;min-height:100%!important;box-sizing:border-box!important}.ngxsmk-select-display{padding:0 6px!important;font-size:13px!important;min-width:0!important}.ngxsmk-arrow-icon{width:12px!important;height:12px!important;margin-left:2px!important}.ngxsmk-time-selection{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%!important;max-width:100%!important;margin-left:auto;margin-right:auto;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;justify-content:center!important;gap:2px;overflow:visible!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:0!important;padding-right:0!important}.ngxsmk-time-selection>*{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important;min-width:0}.ngxsmk-time-selection ngxsmk-custom-select{height:44px!important}.ngxsmk-time-separator{font-size:20px!important;padding:0 4px!important}.ngxsmk-time-label{font-size:12px!important;font-weight:600!important;color:var(--datepicker-text-color)!important;white-space:nowrap;margin-right:2px!important}.ngxsmk-footer,.ngxsmk-footer>*{margin:0!important}.ngxsmk-footer{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-clear-button-footer,.ngxsmk-close-button{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;height:36px!important;min-height:36px!important;padding:6px 12px;font-size:14px;font-weight:600;border-radius:12px;box-sizing:border-box!important}.ngxsmk-ranges-container{width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible}.ngxsmk-ranges-container ul{flex-wrap:wrap!important;justify-content:center!important;gap:8px 6px;overflow:visible;width:100%!important;min-width:0!important;max-width:100%!important}.ngxsmk-ranges-container li{flex-shrink:0!important;white-space:nowrap;min-width:fit-content}.ngxsmk-datepicker-container{width:100%!important;min-width:0!important;max-width:100%!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}}@media(min-width:600px)and (max-width:767px){.ngxsmk-display-input{font-size:15px!important;padding:12px 16px!important;min-height:44px!important;line-height:1.5}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:360px!important;max-width:min(90vw,550px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:20px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;z-index:2147483647!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:20px!important;max-width:100%!important;width:100%!important;border-radius:20px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:16px!important;overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container,.ngxsmk-calendar-container.ngxsmk-time-only-mode{overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-ranges-container{padding:16px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:12px 18px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{width:100%!important;padding:16px 12px!important;margin-bottom:16px!important;gap:16px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:12px!important;font-size:15px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:15px!important}.ngxsmk-nav-buttons{gap:10px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:22px!important;height:22px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:6px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:13px!important;font-weight:600!important;padding:12px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:12px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-size:15px!important;font-weight:500!important;border-radius:12px!important}.ngxsmk-time-selection{gap:12px!important;padding:20px 12px!important;margin-top:16px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-size:15px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 80px !important;min-width:80px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:22px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 8px!important}.ngxsmk-footer{gap:12px!important;padding:20px 12px 16px!important;margin-top:16px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:14px 24px!important;font-size:15px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:140px!important;border-radius:12px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:20px!important;padding:0 12px!important;scroll-snap-type:x mandatory!important;flex-wrap:nowrap!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:320px!important;max-width:340px!important;flex-shrink:0!important}.ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 12px)!important;max-width:calc(50% - 12px)!important;width:calc(50% - 12px)!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:16px!important;font-weight:600!important;padding:16px 12px!important;margin-bottom:16px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:20px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(90vw,800px)!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:12px!important;padding:16px 12px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:14px 18px!important;font-size:15px!important;border-radius:12px!important}.ngxsmk-timeline-view{padding:16px 12px!important}.ngxsmk-timeline-header{padding:16px 12px!important;margin-bottom:16px!important}.ngxsmk-timeline-controls{gap:14px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important}.ngxsmk-timeline-range{font-size:15px!important;padding:14px 18px!important}.ngxsmk-timeline-container{padding:16px 12px!important}.ngxsmk-timeline-month{min-height:80px!important;padding:14px!important;border-radius:12px!important}.ngxsmk-time-slider-view{padding:16px 12px!important;gap:20px!important}.ngxsmk-time-slider-header{padding:16px 12px!important;gap:14px!important}.ngxsmk-time-slider-label{font-size:15px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:18px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:16px 12px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:1024px){.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){position:absolute!important;top:calc(100% + 8px)!important;left:0!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(90vw,500px)!important;max-height:none!important;z-index:2147483647!important;margin:0!important;overflow:visible!important;overflow-y:visible!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-wrapper .ngxsmk-calendar-container{padding:var(--datepicker-spacing-md);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;margin:0 auto}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;margin:0;padding:var(--datepicker-spacing-md, 16px);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-days-grid-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:var(--datepicker-spacing-sm) auto 0}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-sm) 0 0 0}.ngxsmk-days-grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--datepicker-spacing-lg);border-right:none;border-bottom:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-radius-lg) var(--datepicker-radius-lg) 0 0;background:var(--datepicker-hover-background)}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container{width:100%!important;max-width:100%!important;min-width:0!important}.ngxsmk-ranges-container ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--datepicker-spacing-xs);width:100%;min-width:100%;max-width:100%;overflow:visible}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);margin-bottom:0;border:none;font-size:var(--datepicker-font-size-sm);width:auto;text-align:center;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.ngxsmk-day-cell{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px}.ngxsmk-day-number{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;font-size:var(--datepicker-font-size-base)}.ngxsmk-header{width:100%;margin-left:auto;margin-right:auto}.ngxsmk-datepicker-container .ngxsmk-calendar-container{padding-left:var(--datepicker-spacing-sm);padding-right:var(--datepicker-spacing-sm)}.ngxsmk-time-selection{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.ngxsmk-day-name{width:auto!important;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}}@media(min-width:1024px){.ngxsmk-popover-container:not(.ngxsmk-inline-container){width:auto;min-width:600px;max-width:800px}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;min-width:0;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0}.ngxsmk-datepicker-wrapper .ngxsmk-calendar-container{padding:var(--datepicker-spacing-2xl);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;padding:var(--datepicker-spacing-md, 16px);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--datepicker-spacing-xl);border-right:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);-moz-border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);background:var(--datepicker-hover-background)}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container{width:100%!important;max-width:100%!important;min-width:0!important;border-right:none!important;border-bottom:1px solid var(--datepicker-border-color)!important;border-radius:var(--datepicker-radius-lg) var(--datepicker-radius-lg) 0 0!important}.ngxsmk-ranges-container ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--datepicker-spacing-xs);width:100%;min-width:100%;max-width:100%;overflow:visible}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-md) var(--datepicker-spacing-lg);margin-bottom:0;border:none;font-size:var(--datepicker-font-size-base);width:100%;text-align:left}.ngxsmk-day-cell{width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px}.ngxsmk-day-number{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;font-size:var(--datepicker-font-size-base)}}@media(hover:none)and (pointer:coarse){.ngxsmk-nav-button:hover:not(:disabled){background-color:transparent;transform:none}.ngxsmk-day-cell:not(.disabled):not(.empty):hover .ngxsmk-day-number{background-color:transparent;color:var(--datepicker-text-color);transform:none}.ngxsmk-clear-button:hover:not(:disabled){color:var(--datepicker-subtle-text-color);background:transparent}.ngxsmk-ranges-container li:hover:not(.disabled){background-color:var(--datepicker-background);color:var(--datepicker-text-color);border-color:var(--datepicker-border-color);transform:none;box-shadow:none}.ngxsmk-close-button:hover:not(:disabled){transform:none;box-shadow:none}}@media print{.ngxsmk-datepicker-wrapper{display:none}}.ngxsmk-day-cell:focus-visible{outline:none}.ngxsmk-day-cell:focus-visible .ngxsmk-day-number{outline:2px solid var(--datepicker-primary-color);outline-offset:2px;background-color:var(--datepicker-hover-background)}.ngxsmk-ranges-container::-webkit-scrollbar{width:6px}.ngxsmk-ranges-container::-webkit-scrollbar-track{background:var(--datepicker-hover-background);border-radius:var(--datepicker-radius-sm)}.ngxsmk-ranges-container::-webkit-scrollbar-thumb{background:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm)}.ngxsmk-ranges-container::-webkit-scrollbar-thumb:hover{background:var(--datepicker-text-color)}.ngxsmk-year-grid-container,.ngxsmk-decade-grid-container{overflow-y:auto;overflow-x:hidden;position:relative;will-change:transform;scroll-behavior:smooth}.ngxsmk-year-grid-container::-webkit-scrollbar,.ngxsmk-decade-grid-container::-webkit-scrollbar{width:8px}.ngxsmk-year-grid-container::-webkit-scrollbar-track,.ngxsmk-decade-grid-container::-webkit-scrollbar-track{background:var(--datepicker-bg-color)}.ngxsmk-year-grid-container::-webkit-scrollbar-thumb,.ngxsmk-decade-grid-container::-webkit-scrollbar-thumb{background:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm)}.ngxsmk-year-grid-container::-webkit-scrollbar-thumb:hover,.ngxsmk-decade-grid-container::-webkit-scrollbar-thumb:hover{background:var(--datepicker-text-color)}.ngxsmk-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--datepicker-spacing-sm);padding:var(--datepicker-spacing-md)}.ngxsmk-decade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--datepicker-spacing-sm);padding:var(--datepicker-spacing-md)}.ngxsmk-year-cell,.ngxsmk-decade-cell{padding:var(--datepicker-spacing-md);border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);font-weight:500;cursor:pointer;transition:var(--datepicker-transition);text-align:center}.ngxsmk-decade-cell{padding:var(--datepicker-spacing-lg)}.ngxsmk-year-cell:hover:not(:disabled),.ngxsmk-decade-cell:hover:not(:disabled){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-year-cell.selected,.ngxsmk-decade-cell.selected{background:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-year-cell.today{border-color:var(--datepicker-primary-color);font-weight:600}.ngxsmk-year-cell:disabled,.ngxsmk-decade-cell:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-year-display,.ngxsmk-decade-display{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--datepicker-font-size-base);font-weight:600;color:var(--datepicker-text-color)}.ngxsmk-view-toggle{background:transparent;border:none;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);font-weight:600;cursor:pointer;padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);border-radius:var(--datepicker-border-radius);transition:var(--datepicker-transition)}.ngxsmk-view-toggle:hover:not(:disabled){background:var(--datepicker-hover-background)}.ngxsmk-view-toggle:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-timeline-view{padding:var(--datepicker-spacing-md)}.ngxsmk-timeline-header{margin-bottom:var(--datepicker-spacing-md)}.ngxsmk-timeline-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--datepicker-spacing-md)}.ngxsmk-timeline-zoom-in,.ngxsmk-timeline-zoom-out{width:32px;height:32px;border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-lg);font-weight:600;cursor:pointer;transition:var(--datepicker-transition);display:flex;align-items:center;justify-content:center}.ngxsmk-timeline-zoom-in:hover:not(:disabled),.ngxsmk-timeline-zoom-out:hover:not(:disabled){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-zoom-in:disabled,.ngxsmk-timeline-zoom-out:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-timeline-range{font-size:var(--datepicker-font-size-sm);color:var(--datepicker-subtle-text-color);font-weight:500}.ngxsmk-timeline-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ngxsmk-timeline-track{display:flex;gap:var(--datepicker-spacing-xs);min-width:max-content;padding:var(--datepicker-spacing-sm) 0}.ngxsmk-timeline-month{min-width:80px;padding:var(--datepicker-spacing-md);border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);cursor:pointer;transition:var(--datepicker-transition);text-align:center;display:flex;flex-direction:column;gap:var(--datepicker-spacing-xs)}.ngxsmk-timeline-month:hover:not(.selected){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-month.selected{background:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-month-label{font-size:var(--datepicker-font-size-sm);font-weight:600;text-transform:uppercase}.ngxsmk-timeline-month-year{font-size:var(--datepicker-font-size-xs);opacity:.8}.ngxsmk-time-slider-view{padding:var(--datepicker-spacing-lg)}.ngxsmk-time-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--datepicker-spacing-sm)}.ngxsmk-time-slider-label{font-size:var(--datepicker-font-size-sm);font-weight:600;color:var(--datepicker-text-color)}.ngxsmk-time-slider-value{font-size:var(--datepicker-font-size-base);font-weight:600;color:var(--datepicker-primary-color);font-variant-numeric:tabular-nums}.ngxsmk-time-slider-container{margin-bottom:var(--datepicker-spacing-lg)}.ngxsmk-time-slider{width:100%;height:8px;border-radius:4px;background:var(--datepicker-hover-background);outline:none;-webkit-appearance:none;appearance:none}.ngxsmk-time-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--datepicker-primary-color);cursor:pointer;transition:var(--datepicker-transition)}.ngxsmk-time-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-time-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--datepicker-primary-color);cursor:pointer;border:none;transition:var(--datepicker-transition)}.ngxsmk-time-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-time-slider:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-time-slider:disabled::-webkit-slider-thumb,.ngxsmk-time-slider:disabled::-moz-range-thumb{cursor:not-allowed}.ngxsmk-datepicker-wrapper[dir=rtl],.ngxsmk-datepicker-wrapper.ngxsmk-rtl{direction:rtl}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-input-group,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-input-group{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-calendar-button,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-calendar-button{margin-right:0;margin-left:var(--datepicker-spacing-sm)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-popover-container,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-popover-container{left:auto;right:0}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-header,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-header,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-buttons,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-buttons{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-button:first-child svg,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-button:first-child svg{transform:scaleX(-1)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-button:last-child svg,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-button:last-child svg{transform:scaleX(-1)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-days-grid,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-days-grid{direction:rtl}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-time-selection,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-time-selection,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-footer,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-footer{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-ranges-container ul,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-ranges-container ul{direction:rtl;text-align:right}@media(max-width:1023px){.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-popover-container:not(.ngxsmk-inline-container){left:auto!important;right:auto!important}}.ngxsmk-multi-calendar-container{display:flex;flex-direction:column;gap:var(--datepicker-spacing-xl, 32px);width:100%;align-items:stretch}.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;gap:var(--datepicker-spacing-xl, 32px)}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--datepicker-spacing-xl, 32px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;flex-wrap:nowrap!important;width:100%!important;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:var(--datepicker-spacing-xl, 32px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{width:100%!important;max-width:100%!important;min-width:100%!important;margin:0!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:wrap;width:100%}.ngxsmk-calendar-month{width:100%;flex-shrink:0;display:flex;flex-direction:column}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{flex:0 0 auto;min-width:280px;width:auto;display:flex;flex-direction:column;margin:0;padding:0;box-sizing:border-box}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{flex:0 0 auto!important;margin:0!important;box-sizing:border-box!important}.ngxsmk-calendar-month .ngxsmk-days-grid-wrapper,.ngxsmk-calendar-month .ngxsmk-days-grid{width:100%;max-width:100%}.ngxsmk-calendar-month-header{padding:var(--datepicker-spacing-sm, 8px) var(--datepicker-spacing-md, 12px);text-align:center;font-weight:600;font-size:var(--datepicker-font-size-base, 14px);color:var(--datepicker-text-color, #1f2937);border-bottom:1px solid var(--datepicker-border-color, #e5e7eb);margin-bottom:var(--datepicker-spacing-sm, 8px)}.ngxsmk-calendar-month-title{display:block}@media(min-width:768px)and (max-width:1023px){.ngxsmk-display-input{font-size:15px!important;padding:12px 16px!important;min-height:44px!important;line-height:1.5}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:400px!important;max-width:min(90vw,600px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;z-index:2147483647!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){min-width:400px!important;max-width:min(95vw,900px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){min-width:400px!important;max-width:min(95vw,1000px)!important;overflow-x:visible!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-datepicker-container{padding:0!important;width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:24px!important;max-width:100%!important;width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:20px!important;overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-ranges-container{padding:20px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;gap:12px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:14px 20px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{padding:20px 16px!important;margin-bottom:20px!important;gap:20px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:14px!important;font-size:16px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:16px!important}.ngxsmk-nav-buttons{gap:12px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:24px!important;height:24px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:8px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-weight:600!important;padding:14px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:48px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:12px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:48px!important;max-height:none!important;font-size:16px!important;font-weight:500!important;border-radius:12px!important}.ngxsmk-time-selection{gap:14px!important;padding:24px 16px!important;margin-top:20px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-size:16px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 90px !important;min-width:90px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:24px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 10px!important}.ngxsmk-footer{gap:14px!important;padding:24px 16px 20px!important;margin-top:20px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:16px 28px!important;font-size:16px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:160px!important;border-radius:12px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:wrap!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:24px!important;padding:0 16px!important;scroll-snap-type:x mandatory!important;flex-wrap:nowrap!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:360px!important;max-width:380px!important;flex-shrink:0!important}.ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 14px)!important;max-width:calc(50% - 14px)!important;width:calc(50% - 14px)!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper,.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%!important;max-width:100%!important;margin:0!important}.ngxsmk-calendar-month-header{font-size:17px!important;font-weight:600!important;padding:18px 16px!important;margin-bottom:18px!important;text-align:center!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(95vw,1000px)!important;overflow-x:visible!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:24px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-datepicker-wrapper .ngxsmk-multi-calendar-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media(min-width:768px)and (max-width:1023px)and (orientation:landscape){.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){max-width:min(95vw,800px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:nowrap!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(33.333% - 19px)!important;max-width:calc(33.333% - 19px)!important;width:calc(33.333% - 19px)!important}}@media(min-width:768px)and (max-width:1023px){.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:14px!important;padding:20px 16px!important;grid-template-columns:repeat(5,1fr)!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:16px 20px!important;font-size:16px!important;border-radius:12px!important}.ngxsmk-timeline-view{padding:20px 16px!important}.ngxsmk-timeline-header{padding:20px 16px!important;margin-bottom:20px!important}.ngxsmk-timeline-controls{gap:16px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important}.ngxsmk-timeline-range{font-size:16px!important;padding:16px 20px!important}.ngxsmk-timeline-container{padding:20px 16px!important}.ngxsmk-timeline-month{min-height:90px!important;padding:16px!important;border-radius:12px!important}.ngxsmk-time-slider-view{padding:20px 16px!important;gap:24px!important}.ngxsmk-time-slider-header{padding:20px 16px!important;gap:16px!important}.ngxsmk-time-slider-label{font-size:16px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:20px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:20px 16px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:769px)and (max-width:1024px){.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:260px;max-width:300px}}@media(min-width:480px)and (max-width:599px){.ngxsmk-display-input{padding:10px 14px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:320px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:16px!important;max-width:100%!important;width:100%!important;border-radius:16px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:12px!important}.ngxsmk-ranges-container{padding:12px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:12px 16px!important;font-size:13px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:10px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{align-items:center;padding:12px 8px!important;margin-bottom:12px!important;gap:12px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:10px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important}.ngxsmk-nav-buttons{gap:8px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px!important;height:20px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:5px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:12px!important;font-weight:600!important;padding:10px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:10px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-weight:500!important;border-radius:10px!important}.ngxsmk-time-selection{gap:10px!important;align-items:baseline;padding:16px 8px!important;margin-top:12px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px !important;min-width:75px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:20px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 6px!important}.ngxsmk-footer{gap:12px!important;padding:16px 8px 12px!important;margin-top:12px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 20px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:120px!important;border-radius:10px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:20px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:20px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:16px!important;padding:0 8px!important;scroll-snap-type:x mandatory!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:300px!important;max-width:320px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:15px!important;font-weight:600!important;padding:12px 8px!important;margin-bottom:12px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:16px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:10px!important;padding:12px 8px!important;grid-template-columns:repeat(3,1fr)!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:12px 16px!important;border-radius:10px!important}.ngxsmk-timeline-view{padding:12px 8px!important}.ngxsmk-timeline-header{padding:12px 8px!important;margin-bottom:12px!important}.ngxsmk-timeline-controls{gap:12px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-timeline-range{padding:12px 16px!important}.ngxsmk-timeline-container{padding:12px 8px!important}.ngxsmk-timeline-month{min-height:70px!important;padding:12px!important;border-radius:10px!important}.ngxsmk-time-slider-view{padding:12px 8px!important;gap:16px!important}.ngxsmk-time-slider-header{padding:12px 8px!important;gap:12px!important}.ngxsmk-time-slider-label{font-weight:500!important}.ngxsmk-time-slider-value{font-size:16px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:12px 8px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:375px)and (max-width:479px){.ngxsmk-display-input{padding:10px 12px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:8px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:300px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 48px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:12px!important;max-width:100%!important;width:100%!important;border-radius:16px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:10px!important}.ngxsmk-ranges-container{padding:10px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important}.ngxsmk-ranges-container li{padding:10px 16px!important;font-size:13px!important;line-height:1.4!important;flex-shrink:0!important;white-space:nowrap!important;min-height:44px!important;scroll-snap-align:start!important;border-radius:8px!important}.ngxsmk-header{padding:10px 6px!important;margin-bottom:10px!important;gap:10px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:8px!important;font-size:13px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:13px!important}.ngxsmk-nav-buttons{gap:6px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px!important;height:20px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:4px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:11px!important;font-weight:600!important;padding:8px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:10px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-weight:500!important;border-radius:10px!important}.ngxsmk-time-selection{gap:8px!important;margin-top:10px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-time-label{font-size:13px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:18px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 4px!important}.ngxsmk-footer{gap:10px!important;padding:14px 6px 10px!important;margin-top:10px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;-webkit-box-pack:stretch!important;-webkit-justify-content:stretch!important;-ms-flex-pack:stretch!important;justify-content:stretch!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 18px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:1!important;-webkit-flex:1 1 calc(50% - 5px)!important;-ms-flex:1 1 calc(50% - 5px)!important;flex:1 1 calc(50% - 5px)!important;min-width:0!important;border-radius:10px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:18px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:18px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:14px!important;padding:0 6px!important;scroll-snap-type:x mandatory!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:280px!important;max-width:300px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-weight:600!important;padding:10px 6px!important;margin-bottom:10px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:12px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:8px!important;padding:10px 6px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:12px 16px!important;border-radius:10px!important}.ngxsmk-timeline-view{padding:10px 6px!important}.ngxsmk-timeline-header{padding:10px 6px!important;margin-bottom:10px!important}.ngxsmk-timeline-controls{gap:10px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-timeline-range{font-size:13px!important;padding:10px 14px!important}.ngxsmk-timeline-container{padding:10px 6px!important}.ngxsmk-timeline-month{min-height:64px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-time-slider-view{padding:10px 6px!important;gap:14px!important}.ngxsmk-time-slider-header{padding:10px 6px!important;gap:10px!important}.ngxsmk-time-slider-label{font-size:13px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:15px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:10px 6px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(max-width:374px){.ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-display-input{font-size:13px!important;padding:8px 10px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{font-size:13px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){font-size:13px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:8px!important;margin-right:6px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:calc(100% - 20px)!important;min-width:280px!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;position:fixed!important;inset:0!important;margin:auto!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important;border-radius:12px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;overflow:visible!important}.ngxsmk-calendar-container{padding:6px 4px!important;max-width:100%!important;width:100%!important;border-radius:0!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:2px!important;overflow:visible!important}.ngxsmk-ranges-container{padding:8px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{flex-wrap:nowrap!important;justify-content:flex-start!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important;-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important}.ngxsmk-ranges-container li{padding:10px 14px!important;font-size:12px!important;line-height:1.4!important;flex-shrink:0!important;white-space:nowrap!important;min-height:44px!important;scroll-snap-align:start!important;border-radius:8px!important}.ngxsmk-header{padding:4px 6px 10px!important;margin-bottom:6px!important;gap:4px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important;align-items:center!important}.ngxsmk-month-year-selects{gap:6px!important;font-size:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:40px!important;min-height:40px!important;font-size:12px!important}.ngxsmk-nav-buttons{gap:4px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:8px!important;border-radius:8px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:18px!important;height:18px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:3px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:10px!important;font-weight:600!important;padding:6px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:40px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:8px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:40px!important;max-height:none!important;font-size:13px!important;font-weight:500!important;border-radius:8px!important}.ngxsmk-time-selection{display:flex!important;gap:8px!important;padding:12px 4px!important;margin-top:8px!important;border-top:1px solid var(--datepicker-border-color)!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;overflow:visible!important;position:relative!important;z-index:100!important}.ngxsmk-time-label{font-size:13px!important;font-weight:600!important;flex-shrink:0!important;margin:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px!important;flex-shrink:0!important;position:relative!important;z-index:auto!important}.ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001!important;top:auto!important;bottom:calc(100% + 4px)!important;transform-origin:bottom center!important;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-time-separator{font-size:18px!important;font-weight:700!important;flex-shrink:0!important;padding:0 4px!important;line-height:1!important}.ngxsmk-footer{gap:8px!important;padding:12px 4px 8px!important;margin-top:0!important;border-top:1px solid var(--datepicker-border-color)!important;flex-wrap:nowrap!important;justify-content:stretch!important;position:relative!important;z-index:1!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 16px!important;font-size:13px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:1!important;-webkit-flex:1 1 calc(50% - 4px)!important;-ms-flex:1 1 calc(50% - 4px)!important;flex:1 1 calc(50% - 4px)!important;min-width:0!important;border-radius:8px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:16px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:16px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:12px!important;padding:0 4px!important;scroll-snap-type:x mandatory!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:260px!important;max-width:280px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:13px!important;font-weight:600!important;padding:8px 4px!important;margin-bottom:8px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:8px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:6px!important;padding:8px 4px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:10px 12px!important;font-size:13px!important;border-radius:8px!important}.ngxsmk-timeline-view{padding:8px 4px!important}.ngxsmk-timeline-header{padding:8px 4px!important;margin-bottom:8px!important}.ngxsmk-timeline-controls{gap:8px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:8px!important;border-radius:8px!important}.ngxsmk-timeline-range{font-size:12px!important;padding:8px 12px!important}.ngxsmk-timeline-container{padding:8px 4px!important}.ngxsmk-timeline-month{min-height:60px!important;padding:8px!important;border-radius:8px!important}.ngxsmk-time-slider-view{padding:8px 4px!important;gap:12px!important}.ngxsmk-time-slider-header{padding:8px 4px!important;gap:8px!important}.ngxsmk-time-slider-label{font-size:12px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-weight:600!important}.ngxsmk-time-slider-container{padding:8px 4px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(max-width:991px){.ngxsmk-time-selection{position:relative!important;z-index:100!important;overflow:visible!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001!important;top:auto!important;bottom:calc(100% + 4px)!important;transform-origin:bottom center!important;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000!important}.ngxsmk-footer{position:relative!important;z-index:1!important}}.ngxsmk-datepicker-inner-content{display:flex!important;flex-direction:row!important;width:100%;flex:1 1 auto}@media(max-width:1023px){.ngxsmk-datepicker-inner-content{flex-direction:column!important}}.md3-theme .ngxsmk-day-number{border-radius:12px;transition:all .2s cubic-bezier(0,0,.2,1)}.md3-theme .ngxsmk-day-cell.selected .ngxsmk-day-number,.md3-theme .ngxsmk-day-cell.start-date .ngxsmk-day-number,.md3-theme .ngxsmk-day-cell.end-date .ngxsmk-day-number{border-radius:12px;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,4px,0)}to{opacity:1;transform:translateZ(0)}}@media(min-width:992px){.ngxsmk-datepicker-container{display:grid!important;grid-template-areas:\"header header\" \"ranges calendar\" \"time time\" \"footer footer\";grid-template-columns:auto auto;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.ngxsmk-range-duration-header{grid-area:header}.ngxsmk-ranges-container{grid-area:ranges}.ngxsmk-calendar-container{grid-area:calendar}.ngxsmk-footer{grid-area:footer}ngxsmk-time-selection{grid-area:time}}.ngxsmk-multi-calendar-container.ngxsmk-sync-scroll-enabled{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--datepicker-calendar-gap, 16px);align-items:start}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--datepicker-calendar-gap, 16px);align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;position:relative}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical.ngxsmk-sync-scroll-enabled{display:flex;flex-direction:column;gap:var(--datepicker-calendar-gap, 16px);align-items:stretch;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled .ngxsmk-calendar-month{min-width:320px;width:100%;flex-basis:100%}.ngxsmk-multi-calendar.ngxsmk-sync-scroll-enabled{overflow:hidden}.ngxsmk-multi-calendar-container.ngxsmk-sync-scroll-enabled:focus-within{outline:2px solid var(--datepicker-focus-color, #4a90e2);outline-offset:2px;border-radius:4px}@media(max-width:768px){.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled{flex-direction:column;overflow-x:hidden;overflow-y:auto}.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled .ngxsmk-calendar-month{min-width:100%;width:100%}}ngxsmk-datepicker{display:block;width:100%;position:relative;font-family:var(--ngxsmk-font-family);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:visible}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}ngxsmk-datepicker:has(.ngxsmk-calendar-open){z-index:var(--ngxsmk-z-popover)!important}.ngxsmk-datepicker-wrapper{position:relative;width:100%;z-index:1;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open{z-index:var(--ngxsmk-z-popover);position:relative;isolation:isolate}.ngxsmk-datepicker-container,.ngxsmk-calendar-container{border-radius:var(--ngxsmk-radius-lg)!important;overflow:hidden!important}.ngxsmk-datepicker-container .ngxsmk-calendar-container{border-radius:inherit!important}.ngxsmk-backdrop{display:none}@media(min-width:1025px){.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;position:fixed!important;inset:0;background:transparent!important;z-index:var(--ngxsmk-z-backdrop)!important;pointer-events:auto!important}.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop).ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}@media(max-width:1024px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;inset:0!important;background:#0006!important;z-index:var(--ngxsmk-z-backdrop)!important;pointer-events:auto!important;transition:opacity .3s ease-out!important}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker{--ngxsmk-transition: none}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--ngxsmk-color-range-bg: rgba(139, 92, 246, .15);--ngxsmk-color-surface: #1f2937;--ngxsmk-color-text-main: #f3f4f6;--ngxsmk-color-text-muted: #9ca3af;--ngxsmk-color-border: #374151;--ngxsmk-color-surface-hover: #374151;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--ngxsmk-color-surface: rgba(255, 255, 255, .7);--ngxsmk-color-border: rgba(255, 255, 255, .3);--ngxsmk-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ngxsmk-color-border)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--ngxsmk-color-surface: rgba(31, 41, 55, .7);--ngxsmk-color-border: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--ngxsmk-color-primary: #6750a4;--ngxsmk-radius-lg: 28px;--ngxsmk-font-family: \"Roboto\", sans-serif;--ngxsmk-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}.ngxsmk-input-group{display:flex;align-items:center;position:relative;width:100%;border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-md);background:var(--ngxsmk-color-surface);transition:var(--ngxsmk-transition);min-height:44px}.ngxsmk-input-group:focus-within{border-color:var(--ngxsmk-color-primary);box-shadow:var(--datepicker-shadow-focus)}.ngxsmk-input-group.disabled{opacity:.6;background:var(--ngxsmk-color-surface-hover);cursor:not-allowed}.ngxsmk-display-input{flex-grow:1;width:100%;padding:var(--ngxsmk-space-md) var(--ngxsmk-space-lg);font-size:var(--ngxsmk-font-size-base);line-height:var(--ngxsmk-line-height);color:var(--ngxsmk-color-text-main);background:transparent;border:none;outline:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ngxsmk-display-input:disabled{cursor:not-allowed}.ngxsmk-calendar-button,.ngxsmk-clear-button{display:flex;align-items:center;justify-content:center;width:var(--ngxsmk-touch-target);height:var(--ngxsmk-touch-target);background:transparent;border:none;cursor:pointer;color:var(--ngxsmk-color-text-muted);transition:var(--ngxsmk-transition);border-radius:var(--ngxsmk-radius-md)}.ngxsmk-calendar-button svg,.ngxsmk-clear-button svg{width:20px;height:20px;fill:currentColor}@media(hover:hover){.ngxsmk-calendar-button:hover:not(:disabled),.ngxsmk-clear-button:hover:not(:disabled){color:var(--ngxsmk-color-primary);background:var(--ngxsmk-color-surface-hover)}}.ngxsmk-calendar-button:focus-visible,.ngxsmk-clear-button:focus-visible{outline:2px solid var(--ngxsmk-color-primary);outline-offset:-2px}.ngxsmk-calendar-button:disabled,.ngxsmk-clear-button:disabled{cursor:not-allowed;opacity:.5}.ngxsmk-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--ngxsmk-space-xs);padding:0 var(--ngxsmk-space-md) var(--ngxsmk-space-md);width:100%}.ngxsmk-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--ngxsmk-space-xs);padding:var(--ngxsmk-space-md);border-bottom:1px solid var(--ngxsmk-color-border);margin-bottom:var(--ngxsmk-space-sm)}.ngxsmk-weekdays .ngxsmk-weekday{text-align:center;font-size:var(--ngxsmk-font-size-xs);font-weight:600;color:var(--ngxsmk-color-text-muted);text-transform:uppercase;letter-spacing:.05em}.ngxsmk-day-cell{min-width:var(--ngxsmk-touch-target);min-height:var(--ngxsmk-touch-target);width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}@media(min-width:1025px){.ngxsmk-day-cell{width:var(--ngxsmk-cell-size-desktop);height:var(--ngxsmk-cell-size-desktop);min-width:0;min-height:0}}.ngxsmk-month-grid,.ngxsmk-year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ngxsmk-space-sm);padding:var(--ngxsmk-space-md)}.ngxsmk-month-grid .ngxsmk-grid-cell,.ngxsmk-year-grid .ngxsmk-grid-cell{min-height:var(--ngxsmk-touch-target);padding:var(--ngxsmk-space-md) var(--ngxsmk-space-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--ngxsmk-radius-sm);font-size:var(--ngxsmk-font-size-base);color:var(--ngxsmk-color-text-main);background:transparent;border:1px solid transparent;cursor:pointer;transition:var(--ngxsmk-transition)}@media(hover:hover){.ngxsmk-month-grid .ngxsmk-grid-cell:hover:not(.disabled),.ngxsmk-year-grid .ngxsmk-grid-cell:hover:not(.disabled){background:var(--ngxsmk-color-surface-hover);border-color:var(--ngxsmk-color-border)}}.ngxsmk-month-grid .ngxsmk-grid-cell.selected,.ngxsmk-year-grid .ngxsmk-grid-cell.selected{background:var(--datepicker-primary-color, var(--ngxsmk-color-primary));color:var(--datepicker-primary-contrast, var(--ngxsmk-color-on-primary));font-weight:600;border-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary))}.ngxsmk-month-grid .ngxsmk-grid-cell.disabled,.ngxsmk-year-grid .ngxsmk-grid-cell.disabled{color:var(--ngxsmk-color-text-muted);opacity:.5;cursor:not-allowed}@media(min-width:768px){.ngxsmk-month-grid .ngxsmk-grid-cell,.ngxsmk-year-grid .ngxsmk-grid-cell{padding:var(--ngxsmk-space-lg) var(--ngxsmk-space-sm)}}.ngxsmk-year-grid{grid-template-columns:repeat(4,1fr)}.ngxsmk-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md) var(--ngxsmk-space-xs);width:100%;gap:var(--ngxsmk-space-sm)}@media(min-width:1025px){.ngxsmk-header{padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md)}}.ngxsmk-month-year-selects{display:flex;align-items:center;gap:var(--ngxsmk-space-xs);flex:1;min-width:0}.ngxsmk-month-year-selects .month-select{flex:1.5}.ngxsmk-month-year-selects .year-select{flex:1}.ngxsmk-nav-buttons{display:flex;align-items:center;gap:var(--ngxsmk-space-xs)}ngxsmk-custom-select{position:relative;display:flex;flex:1;min-width:0;-webkit-user-select:none;user-select:none;box-sizing:border-box;z-index:1}ngxsmk-custom-select[data-open=true]{z-index:10000}.ngxsmk-select-container{cursor:pointer;position:relative;display:flex;width:100%;height:100%;min-height:100%;box-sizing:border-box;outline:none}.ngxsmk-select-container.is-open{z-index:10000}.ngxsmk-select-display{display:flex;align-items:center;justify-content:space-between;flex:1;width:100%;height:100%;min-height:var(--ngxsmk-touch-target);padding:0 var(--ngxsmk-space-md);background:var(--ngxsmk-color-surface);border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-sm);font-size:var(--ngxsmk-font-size-base);font-family:inherit;color:var(--ngxsmk-color-text-main);cursor:pointer;transition:var(--ngxsmk-transition);appearance:none;-webkit-appearance:none;gap:var(--ngxsmk-space-sm)}.ngxsmk-select-display:focus-within{outline:none;border-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary));box-shadow:var(--datepicker-shadow-focus)}.ngxsmk-select-display:disabled{background-color:var(--ngxsmk-color-surface-hover);cursor:not-allowed;opacity:.6}@media(hover:hover){.ngxsmk-select-display:hover:not(:disabled){background:var(--ngxsmk-color-surface-hover);border-color:var(--ngxsmk-color-text-muted)}}@media(min-width:1025px){.ngxsmk-select-display{min-height:36px;font-size:var(--ngxsmk-font-size-sm)}}.ngxsmk-arrow-icon{width:14px;height:14px;transition:transform var(--ngxsmk-transition-duration) ease;flex-shrink:0;color:var(--ngxsmk-color-text-muted)}.is-open .ngxsmk-arrow-icon{transform:rotate(180deg)}.ngxsmk-options-panel{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--ngxsmk-color-surface);border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-md);box-shadow:var(--ngxsmk-shadow-lg);max-height:200px;overflow-y:auto;z-index:10001;scrollbar-width:none}.ngxsmk-options-panel::-webkit-scrollbar{display:none}.ngxsmk-options-panel ul{list-style:none;padding:var(--ngxsmk-space-xs);margin:0}.ngxsmk-options-panel li{padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md);border-radius:var(--ngxsmk-radius-sm);cursor:pointer;transition:background-color .12s ease;font-size:var(--ngxsmk-font-size-sm);margin:2px 0;color:var(--ngxsmk-color-text-main)!important;opacity:1!important;visibility:visible!important}.ngxsmk-options-panel li:hover:not(.selected){background-color:var(--ngxsmk-color-surface-hover)}.ngxsmk-options-panel li.selected{background-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary));color:var(--datepicker-primary-contrast, var(--ngxsmk-color-on-primary))!important;font-weight:600}@media(max-width:768px){.ngxsmk-options-panel li{padding:var(--ngxsmk-space-md) var(--ngxsmk-space-lg);min-height:var(--ngxsmk-touch-target);display:flex;align-items:center}}.ngxsmk-header-title{font-size:var(--ngxsmk-font-size-lg);font-weight:600;color:var(--ngxsmk-color-text-main);text-align:center;flex-grow:1}.ngxsmk-nav-button{cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--ngxsmk-touch-target);height:var(--ngxsmk-touch-target);background:transparent;border:none;border-radius:var(--ngxsmk-radius-sm);color:var(--ngxsmk-color-text-main);transition:var(--ngxsmk-transition)}.ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-nav-button:hover:not(:disabled){background:var(--ngxsmk-color-surface-hover)}.ngxsmk-nav-button:disabled{opacity:.3;cursor:not-allowed}@media(min-width:1025px){.ngxsmk-nav-button{width:32px;height:32px}}:root{--ngxsmk-space-xs: .25rem;--ngxsmk-space-sm: .5rem;--ngxsmk-space-md: .75rem;--ngxsmk-space-lg: 1rem;--ngxsmk-space-xl: 1.5rem;--ngxsmk-space-2xl: 2rem;--ngxsmk-touch-target: 44px;--ngxsmk-cell-size-desktop: 40px;--ngxsmk-font-size-xs: .625rem;--ngxsmk-font-size-sm: .75rem;--ngxsmk-font-size-base: 1rem;--ngxsmk-font-size-lg: 1.125rem;--ngxsmk-font-size-xl: 1.25rem;--ngxsmk-line-height: 1.5;--ngxsmk-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--ion-color-primary-contrast, #ffffff);--ngxsmk-color-range-bg: var(--ion-color-primary-tint, #f5f3ff);--ngxsmk-color-surface: var(--ion-background-color, #ffffff);--ngxsmk-color-surface-hover: #f3f4f6;--ngxsmk-color-text-main: var(--ion-text-color, #1f2937);--ngxsmk-color-text-muted: var(--ion-text-color-step-400, #6b7280);--ngxsmk-color-border: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--ngxsmk-radius-sm: 6px;--ngxsmk-radius-md: 8px;--ngxsmk-radius-lg: 12px;--ngxsmk-radius-xl: 16px;--ngxsmk-radius-popup: 16px;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ngxsmk-transition-duration: .15s;--ngxsmk-transition-easing: cubic-bezier(.4, 0, .2, 1);--ngxsmk-transition: all var(--ngxsmk-transition-duration) var(--ngxsmk-transition-easing);--ngxsmk-z-backdrop: 2147483646;--ngxsmk-z-popover: 2147483647;--datepicker-primary-color: var(--ngxsmk-color-primary);--datepicker-primary-contrast: var(--ngxsmk-color-on-primary);--datepicker-range-background: var(--ngxsmk-color-range-bg);--datepicker-background: var(--ngxsmk-color-surface);--datepicker-hover-background: var(--ngxsmk-color-surface-hover);--datepicker-text-color: var(--ngxsmk-color-text-main);--datepicker-subtle-text-color: var(--ngxsmk-color-text-muted);--datepicker-border-color: var(--ngxsmk-color-border);--datepicker-radius-sm: var(--ngxsmk-radius-sm);--datepicker-radius-md: var(--ngxsmk-radius-md);--datepicker-radius-lg: var(--ngxsmk-radius-lg);--datepicker-border-radius: var(--ngxsmk-radius-lg);--datepicker-font-size-base: var(--ngxsmk-font-size-base);--datepicker-font-size-lg: var(--ngxsmk-font-size-lg);--datepicker-line-height: var(--ngxsmk-line-height);--datepicker-spacing-xs: var(--ngxsmk-space-xs);--datepicker-spacing-sm: var(--ngxsmk-space-sm);--datepicker-spacing-md: var(--ngxsmk-space-md);--datepicker-spacing-lg: var(--ngxsmk-space-lg);--datepicker-transition: var(--ngxsmk-transition)}.ngxsmk-popover-container{position:fixed;bottom:0;left:0;width:100%;max-height:90dvb;background:var(--ngxsmk-color-surface);border-radius:var(--ngxsmk-radius-popup) var(--ngxsmk-radius-popup) 0 0;z-index:var(--ngxsmk-z-popover);padding-top:max(0,env(safe-area-inset-top));padding-right:max(0,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(0,env(safe-area-inset-left));box-shadow:var(--ngxsmk-shadow-xl);border:unset!important;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}.ngxsmk-popover-container.ngxsmk-popover-open{visibility:visible;opacity:1}.ngxsmk-popover-container.ngxsmk-inline-container{position:static!important;width:100%;margin:0;transform:none!important;box-shadow:none!important;border:none;background:transparent;padding:0;max-height:none}@media(min-width:768px){.ngxsmk-popover-container{top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);width:clamp(320px,80vw,500px);border-radius:var(--ngxsmk-radius-popup);border:unset!important;max-height:calc(100vh - 64px);padding:0}}@media(min-width:1025px){.ngxsmk-popover-container{position:absolute;transform:none;width:max-content;min-width:360px;max-height:none;border-radius:var(--ngxsmk-radius-md);box-shadow:var(--ngxsmk-shadow-lg);border:unset!important}}.ngxsmk-calendar-container{display:flex;flex-direction:column;width:100%}@media(min-width:1025px){.ngxsmk-calendar-container.ngxsmk-has-multi-calendar{flex-direction:column;align-items:stretch;min-width:600px}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar>ngxsmk-calendar-header,.ngxsmk-calendar-container.ngxsmk-has-multi-calendar>.ngxsmk-multi-calendar-container{width:100%;max-width:100%;min-width:0}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgxsmkDatepickerInputComponent, selector: "ngxsmk-datepicker-input", inputs: ["isNative", "disabled", "classes", "nativeInputType", "formattedValue", "placeholder", "id", "name", "autocomplete", "required", "minDateNative", "maxDateNative", "ariaLabel", "ariaDescribedBy", "errorState", "clearAriaLabel", "clearLabel", "isCalendarOpen", "allowTyping", "typedInputValue", "displayValue", "showCalendarButton", "calendarAriaLabel", "validationErrorMessage"], outputs: ["nativeInputChange", "inputBlur", "clearValue", "toggleCalendar", "pointerDown", "pointerUp", "inputGroupFocus", "inputKeyDown", "inputChange", "inputFocus"] }, { kind: "component", type: NgxsmkDatepickerContentComponent, selector: "ngxsmk-datepicker-content", inputs: ["isCalendarVisible", "isCalendarOpen", "isInlineMode", "shouldAppendToBody", "theme", "popoverId", "classes", "timeOnly", "showTime", "isMobile", "mobileModalStyle", "align", "ariaLabel", "isCalendarOpening", "loadingMessage", "showRanges", "rangesArray", "mode", "disabled", "calendarCount", "calendarLayout", "syncScrollEnabled", "calendarMonths", "weekDays", "selectedDate", "startDate", "endDate", "focusedDate", "today", "dateTemplate", "calendarViewMode", "monthOptions", "currentMonth", "yearOptions", "currentYear", "isBackArrowDisabled", "prevMonthAriaLabel", "nextMonthAriaLabel", "yearGrid", "currentDecade", "decadeGrid", "timelineStartDate", "timelineEndDate", "timelineMonths", "minuteInterval", "startTimeSlider", "endTimeSlider", "timeRangeMode", "hourOptions", "minuteOptions", "secondOptions", "ampmOptions", "currentDisplayHour", "currentMinute", "currentSecond", "isPm", "showSeconds", "use24Hour", "startDisplayHour", "startMinute", "startSecond", "startIsPm", "endDisplayHour", "endMinute", "endSecond", "endIsPm", "clearAriaLabel", "clearLabel", "closeAriaLabel", "closeLabel", "translations", "selectedRange", "showTimezoneSelector", "timezoneOptions", "currentTimezone", "boundIsDateDisabled", "boundIsSameDay", "boundIsHoliday", "boundIsMultipleSelected", "boundIsInRange", "boundIsPreviewInRange", "boundGetAriaLabel", "boundGetDayCellCustomClasses", "boundGetDayCellTooltip", "boundFormatDayNumber", "getMonthYearLabel", "getCalendarAriaLabelForMonth", "isTimelineMonthSelected", "formatTimeSliderValue"], outputs: ["timezoneChange", "backdropClick", "touchStartContainer", "touchMoveContainer", "touchEndContainer", "rangeSelect", "previousMonth", "nextMonth", "currentMonthChange", "currentYearChange", "dateClick", "dateHover", "dateFocus", "swipeStart", "swipeMove", "swipeEnd", "touchStart", "touchMove", "touchEnd", "viewModeChange", "changeYear", "yearClick", "changeDecade", "decadeClick", "timelineZoomOut", "timelineZoomIn", "timelineMonthClick", "startTimeSliderChange", "endTimeSliderChange", "currentDisplayHourChange", "currentMinuteChange", "currentSecondChange", "isPmChange", "timeChange", "startDisplayHourChange", "startMinuteChange", "startSecondChange", "startIsPmChange", "endDisplayHourChange", "endMinuteChange", "endSecondChange", "endIsPmChange", "timeRangeChange", "clearValue", "closeCalendar", "escapeKey"] }, { kind: "component", type: NgxsmkDatepickerKeyboardHelpComponent, selector: "ngxsmk-datepicker-keyboard-help", inputs: ["title", "closeLabel", "backdropLabel"], outputs: ["closeRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
12684
13107
  }
12685
13108
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: NgxsmkDatepickerComponent, decorators: [{
12686
13109
  type: Component,
@@ -12710,50 +13133,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
12710
13133
  [ngClass]="classes?.wrapper"
12711
13134
  >
12712
13135
  @if (!isInlineMode) {
12713
- <ngxsmk-datepicker-input
12714
- #datepickerInput
12715
- [isNative]="shouldUseNativePicker()"
12716
- [disabled]="disabled"
12717
- [classes]="classes"
12718
- [nativeInputType]="getNativeInputType()"
12719
- [formattedValue]="formatValueForNativeInput(value)"
12720
- [placeholder]="placeholder"
12721
- [id]="inputId || _uniqueId"
12722
- [name]="name"
12723
- [autocomplete]="autocomplete"
12724
- [required]="required"
12725
- [minDateNative]="getMinDateForNativeInput()"
12726
- [maxDateNative]="getMaxDateForNativeInput()"
12727
- [ariaLabel]="placeholder || getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
12728
- [ariaDescribedBy]="'datepicker-help-' + _uniqueId"
12729
- [errorState]="errorState"
12730
- [clearAriaLabel]="_clearAriaLabel"
12731
- [clearLabel]="_clearLabel"
12732
- [isCalendarOpen]="isCalendarOpen"
12733
- [allowTyping]="allowTyping"
12734
- [typedInputValue]="typedInputValue"
12735
- [displayValue]="displayValue"
12736
- [showCalendarButton]="showCalendarButton"
12737
- [calendarAriaLabel]="getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
12738
- [validationErrorMessage]="validationErrorMessage"
12739
- (nativeInputChange)="onNativeInputChange($event)"
12740
- (inputBlur)="onInputBlur($event)"
12741
- (clearValue)="clearValue($event)"
12742
- (toggleCalendar)="toggleCalendar($event)"
12743
- (pointerDown)="onPointerDown($event)"
12744
- (pointerUp)="onPointerUp($event)"
12745
- (inputGroupFocus)="onInputGroupFocus()"
12746
- (inputKeyDown)="onInputKeyDown($event)"
12747
- (inputChange)="onInputChange($event)"
12748
- (inputFocus)="onInputFocus($event)"
12749
- ></ngxsmk-datepicker-input>
13136
+ <div class="ngxsmk-input-wrapper-container" style="position: relative; display: inline-block; width: 100%;">
13137
+ <ngxsmk-datepicker-input
13138
+ #datepickerInput
13139
+ [isNative]="shouldUseNativePicker()"
13140
+ [disabled]="disabled"
13141
+ [classes]="classes"
13142
+ [nativeInputType]="getNativeInputType()"
13143
+ [formattedValue]="formatValueForNativeInput(value)"
13144
+ [placeholder]="placeholder"
13145
+ [id]="inputId || _uniqueId"
13146
+ [name]="name"
13147
+ [autocomplete]="autocomplete"
13148
+ [required]="required"
13149
+ [minDateNative]="getMinDateForNativeInput()"
13150
+ [maxDateNative]="getMaxDateForNativeInput()"
13151
+ [ariaLabel]="placeholder || getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
13152
+ [ariaDescribedBy]="'datepicker-help-' + _uniqueId"
13153
+ [errorState]="errorState"
13154
+ [clearAriaLabel]="_clearAriaLabel"
13155
+ [clearLabel]="_clearLabel"
13156
+ [isCalendarOpen]="isCalendarOpen"
13157
+ [allowTyping]="allowTyping"
13158
+ [typedInputValue]="typedInputValue"
13159
+ [displayValue]="displayValue"
13160
+ [showCalendarButton]="showCalendarButton"
13161
+ [calendarAriaLabel]="getTranslation(timeOnly ? 'selectTime' : 'selectDate')"
13162
+ [validationErrorMessage]="validationErrorMessage"
13163
+ (nativeInputChange)="onNativeInputChange($event)"
13164
+ (inputBlur)="onInputBlur($event)"
13165
+ (clearValue)="clearValue($event)"
13166
+ (toggleCalendar)="toggleCalendar($event)"
13167
+ (pointerDown)="onPointerDown($event)"
13168
+ (pointerUp)="onPointerUp($event)"
13169
+ (inputGroupFocus)="onInputGroupFocus()"
13170
+ (inputKeyDown)="onInputKeyDown($event)"
13171
+ (inputChange)="onInputChange($event)"
13172
+ (inputFocus)="onInputFocus($event)"
13173
+ ></ngxsmk-datepicker-input>
13174
+ @if (showNaturalLanguagePreview && naturalLanguagePreview) {
13175
+ <div class="ngxsmk-natural-language-preview" style="position: absolute; top: 100%; left: 0; z-index: 1000; background: var(--datepicker-background, #fff); border: 1px solid var(--datepicker-border-color, #ccc); border-radius: var(--datepicker-radius-md, 4px); padding: 8px 12px; box-shadow: var(--datepicker-shadow-md); margin-top: 4px; font-size: 14px; width: 100%; box-sizing: border-box;">
13176
+ <ng-container [ngTemplateOutlet]="naturalLanguagePreviewTemplate || defaultPreviewTpl" [ngTemplateOutletContext]="{ $implicit: naturalLanguagePreview }"></ng-container>
13177
+ </div>
13178
+ }
13179
+ </div>
12750
13180
  }
12751
13181
 
13182
+ <ng-template #defaultPreviewTpl let-preview>
13183
+ <div class="ngxsmk-natural-language-preview-content">
13184
+ Resolved: <strong>{{ preview }}</strong>
13185
+ </div>
13186
+ </ng-template>
13187
+
12752
13188
  <ng-template #portalContent>
12753
13189
  <ngxsmk-datepicker-content
12754
13190
  #datepickerContent
12755
13191
  [isCalendarVisible]="isCalendarVisible"
12756
- [isCalendarOpen]="isCalendarOpen"
13192
+ [isCalendarOpen]="_isCalendarOpen()"
12757
13193
  [isInlineMode]="isInlineMode"
12758
13194
  [shouldAppendToBody]="_shouldAppendToBody"
12759
13195
  [theme]="theme"
@@ -12764,11 +13200,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
12764
13200
  [isMobile]="isMobileDevice()"
12765
13201
  [mobileModalStyle]="mobileModalStyle"
12766
13202
  [align]="align"
12767
- [ariaLabel]="getCalendarAriaLabel()"
13203
+ [ariaLabel]="calendarAriaLabel()"
12768
13204
  [isCalendarOpening]="isCalendarOpening"
12769
- [loadingMessage]="getCalendarLoadingMessage()"
13205
+ [loadingMessage]="calendarLoadingMessage()"
12770
13206
  [showRanges]="showRanges"
12771
13207
  [rangesArray]="rangesArray"
13208
+ [selectedRange]="[startDate, endDate]"
13209
+ [showTimezoneSelector]="showTimezoneSelector"
13210
+ [timezoneOptions]="getTimezoneOptions()"
13211
+ [currentTimezone]="timezone || defaultTimezone"
12772
13212
  [mode]="mode"
12773
13213
  [disabled]="disabled"
12774
13214
  [calendarCount]="calendarCount"
@@ -12784,9 +13224,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
12784
13224
  [dateTemplate]="dateTemplate"
12785
13225
  [calendarViewMode]="calendarViewMode"
12786
13226
  [monthOptions]="monthOptions()"
12787
- [currentMonth]="currentMonth"
13227
+ [currentMonth]="_currentMonthSignal()"
12788
13228
  [yearOptions]="yearOptions()"
12789
- [currentYear]="currentYear"
13229
+ [currentYear]="_currentYearSignal()"
12790
13230
  [isBackArrowDisabled]="isBackArrowDisabled"
12791
13231
  [prevMonthAriaLabel]="_prevMonthAriaLabel"
12792
13232
  [nextMonthAriaLabel]="_nextMonthAriaLabel"
@@ -12843,6 +13283,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
12843
13283
  (touchMoveContainer)="onBottomSheetTouchMove($event)"
12844
13284
  (touchEndContainer)="onBottomSheetTouchEnd($event)"
12845
13285
  (rangeSelect)="selectRange($event)"
13286
+ (timezoneChange)="setTimezone($event)"
12846
13287
  (previousMonth)="changeMonth(-1)"
12847
13288
  (nextMonth)="changeMonth(1)"
12848
13289
  (currentMonthChange)="currentMonth = $event"
@@ -12897,7 +13338,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
12897
13338
  />
12898
13339
  }
12899
13340
  </div>
12900
- `, styles: ["ngxsmk-datepicker,.ngxsmk-popover-container,.ngxsmk-backdrop{--datepicker-primary-color: var(--ion-color-primary, #6d28d9);--datepicker-primary-contrast: var(--ion-color-primary-contrast, #ffffff);--datepicker-range-background: var(--ion-color-primary-tint, #f5f3ff);--datepicker-background: var(--ion-background-color, #ffffff);--datepicker-text-color: var(--ion-text-color, #1f2937);--datepicker-subtle-text-color: var(--ion-text-color-step-400, #6b7280);--datepicker-border-color: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--datepicker-hover-background: #f3f4f6;--datepicker-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--datepicker-primary-color) 15%, transparent);--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--datepicker-primary-contrast);--ngxsmk-color-range-bg: var(--datepicker-range-background);--ngxsmk-color-surface: var(--datepicker-background);--ngxsmk-color-surface-hover: var(--datepicker-hover-background);--ngxsmk-color-text-main: var(--datepicker-text-color);--ngxsmk-color-text-muted: var(--datepicker-subtle-text-color);--ngxsmk-color-border: var(--datepicker-border-color);--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--datepicker-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--datepicker-font-size-xs: 10px;--datepicker-font-size-sm: 12px;--datepicker-font-size-base: 14px;--datepicker-font-size-lg: 16px;--datepicker-font-size-xl: 18px;--datepicker-line-height: 1.5;--datepicker-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--datepicker-spacing-xs: 4px;--datepicker-spacing-sm: 8px;--datepicker-spacing-md: 12px;--datepicker-spacing-lg: 16px;--datepicker-spacing-xl: 20px;--datepicker-spacing-2xl: 24px;--datepicker-radius-sm: 6px;--datepicker-radius-md: 8px;--datepicker-radius-lg: 12px;--datepicker-radius-xl: 16px;--datepicker-border-radius: var(--datepicker-radius-lg);--datepicker-transition-duration: .15s;--datepicker-transition-easing: cubic-bezier(.4, 0, .2, 1);--datepicker-transition-property: all;--datepicker-transition: var(--datepicker-transition-property) var(--datepicker-transition-duration) var(--datepicker-transition-easing);--datepicker-z-index-base: 2147483647;--datepicker-z-index-backdrop: 2147483646}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151;--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.dark-theme *{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--datepicker-background: rgba(255, 255, 255, .7);--datepicker-border-color: rgba(255, 255, 255, .3);--datepicker-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--datepicker-border-color)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--datepicker-background: rgba(31, 41, 55, .7);--datepicker-border-color: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--datepicker-primary-color: #6750a4;--datepicker-radius-lg: 28px;--datepicker-font-family: \"Roboto\", sans-serif;--datepicker-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}@media(prefers-contrast:high){ngxsmk-datepicker{--datepicker-border-color: #000000;--datepicker-text-color: #000000;--datepicker-subtle-text-color: #000000;--datepicker-background: #ffffff;--datepicker-hover-background: #f0f0f0;--datepicker-primary-color: #0000ff;--datepicker-primary-contrast: #ffffff;--datepicker-range-background: #e0e0e0;--datepicker-focus-outline: #000000}ngxsmk-datepicker.dark-theme{--datepicker-border-color: #ffffff;--datepicker-text-color: #ffffff;--datepicker-subtle-text-color: #ffffff;--datepicker-background: #000000;--datepicker-hover-background: #333333;--datepicker-primary-color: #ffffff;--datepicker-primary-contrast: #000000;--datepicker-range-background: #333333;--datepicker-focus-outline: #ffffff}ngxsmk-datepicker *{border-color:var(--datepicker-border-color)!important}.ngxsmk-day-cell{border:2px solid transparent!important}.ngxsmk-day-cell:not(.disabled):not(.empty):hover{border-color:var(--datepicker-border-color)!important;background-color:var(--datepicker-hover-background)!important}.ngxsmk-day-cell.disabled{opacity:.5!important;border-color:#ccc!important}.ngxsmk-day-cell.selected,.ngxsmk-day-cell.start-date,.ngxsmk-day-cell.end-date{border:3px solid var(--datepicker-border-color)!important;background-color:var(--datepicker-primary-color)!important;color:var(--datepicker-primary-contrast)!important}.ngxsmk-day-cell.focused,.ngxsmk-day-cell:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-nav-button.focused,.ngxsmk-nav-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-input-group{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-border-color)!important;outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-clear-button,.ngxsmk-calendar-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-clear-button.focused,.ngxsmk-clear-button:focus-visible,.ngxsmk-calendar-button.focused,.ngxsmk-calendar-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-popover-container{border:3px solid var(--datepicker-border-color)!important;box-shadow:0 4px 8px #0000004d!important}.ngxsmk-day-cell.in-range{background-color:var(--datepicker-range-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-custom-select{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-custom-select.focused,.ngxsmk-custom-select:focus-within{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-time-input{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-time-input.focused,.ngxsmk-time-input:focus{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker{--datepicker-transition: none}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}\n", "ngxsmk-datepicker{display:block;width:100%;position:relative;font-family:var(--datepicker-font-family);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:visible}ngxsmk-datepicker:has(.ngxsmk-calendar-open){z-index:1000!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open{z-index:var(--datepicker-z-index-base);position:relative;isolation:isolate}@media(max-width:1023px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode){isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important;overflow:visible!important;clip-path:none!important;clip:auto!important;position:static!important;z-index:auto!important}ngxsmk-datepicker{display:block!important;width:100%!important;overflow:visible!important;position:relative!important;isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important}ngxsmk-datepicker:has(.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:visible!important;isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important;z-index:auto!important}}@media(min-width:1024px){.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;position:fixed!important;inset:0;background:transparent!important;z-index:var(--datepicker-z-index-backdrop)!important;pointer-events:auto!important}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}@media(max-width:1023px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:var(--datepicker-z-index-backdrop)!important;background:#0000008c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;-webkit-tap-highlight-color:transparent!important;-ms-tap-highlight-color:transparent!important;pointer-events:auto!important}.ngxsmk-datepicker-wrapper:not(.ngxsmk-calendar-open) .ngxsmk-backdrop,.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open.ngxsmk-inline-mode .ngxsmk-backdrop{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)),html:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:hidden!important}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}.ngxsmk-input-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;width:100%;border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);background:var(--datepicker-background);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);position:relative;overflow:hidden;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-primary-color);-webkit-box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);-moz-box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);outline:none}.ngxsmk-input-group:hover:not(.disabled){border-color:var(--datepicker-primary-color);-webkit-box-shadow:var(--datepicker-shadow-md);-moz-box-shadow:var(--datepicker-shadow-md);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-input-group.disabled{cursor:not-allowed;opacity:.6;background:var(--datepicker-hover-background)}.ngxsmk-native-input-group{cursor:default}.ngxsmk-native-input-group .ngxsmk-native-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;margin-left:4px}.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-inner-spin-button,.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ngxsmk-display-input{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%;padding:var(--datepicker-spacing-md) var(--datepicker-spacing-lg);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);background:transparent;border:none;outline:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);min-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-display-input:disabled{cursor:not-allowed;opacity:.6}.ngxsmk-display-input::placeholder{color:var(--datepicker-subtle-text-color);font-weight:400}.ngxsmk-clear-button{background:none;border:none;padding:var(--datepicker-spacing-sm);margin-right:var(--datepicker-spacing-sm);cursor:pointer;color:var(--datepicker-subtle-text-color);line-height:1;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;will-change:background-color;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-clear-button:hover:not(:disabled){color:var(--datepicker-text-color);background:var(--datepicker-hover-background)}.ngxsmk-clear-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-calendar-button{background:none;border:none;padding:var(--datepicker-spacing-sm);margin-right:var(--datepicker-spacing-sm);cursor:pointer;color:var(--datepicker-subtle-text-color);line-height:1;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;flex-shrink:0}.ngxsmk-calendar-button svg{width:18px;height:18px}.ngxsmk-calendar-button:hover:not(:disabled){color:var(--datepicker-primary-color);background:var(--datepicker-hover-background)}.ngxsmk-calendar-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-calendar-button:disabled{cursor:not-allowed;opacity:.6}.ngxsmk-popover-container{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--datepicker-z-index-base);width:100%;min-width:100%;max-width:100%;overflow:visible;display:block;visibility:visible;opacity:1;pointer-events:auto}.ngxsmk-popover-container.ngxsmk-inline-container{position:static!important;top:0;left:0;margin:0;transform:none!important;box-shadow:none!important;animation:none!important;width:auto;min-width:0;max-width:100%;display:inline-block}.ngxsmk-popover-container.ngxsmk-popover-open{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.ngxsmk-popover-container.ngxsmk-popover-open .ngxsmk-calendar-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open{height:auto!important;max-height:none!important;overflow:visible!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open .ngxsmk-calendar-container{overflow:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection){max-height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection)>*{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-datepicker-container{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-multi-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-calendar-month{min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-days-grid-wrapper{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-align-left{left:0!important;right:auto!important;transform:none!important}.ngxsmk-popover-container.ngxsmk-align-right{left:auto!important;right:0!important;transform:none!important}.ngxsmk-popover-container.ngxsmk-align-center{left:50%!important;right:auto!important;transform:translate(-50%)!important;-webkit-transform:translateX(-50%)!important}@media(max-width:1023px){.ngxsmk-popover-container:not(.ngxsmk-inline-container){isolation:auto!important;contain:none!important;clip-path:none!important;clip:auto!important;overflow:visible!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;z-index:2147483647!important;pointer-events:none!important;width:calc(100% - 12px)!important;min-width:280px!important;max-width:480px!important;max-height:calc(100vh - 48px)!important;max-height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){height:auto!important;max-height:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto!important;-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-multi-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-month{min-height:0!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-days-grid-wrapper{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}.ngxsmk-input-and-error{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;gap:4px}.ngxsmk-validation-error{font-size:var(--datepicker-font-size-sm, 12px);color:var(--datepicker-error-color, #b00020);margin-top:2px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-calendar-container{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-cell{pointer-events:auto!important;min-width:44px;min-height:44px;margin:2px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-number{pointer-events:auto!important;font-size:16px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop{pointer-events:auto!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){inset:auto 0 0!important;transform:none!important;width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;margin:0!important;-webkit-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important;-moz-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important;animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){inset:0!important;transform:none!important;width:100%!important;height:100%!important;max-height:100%!important;max-width:100%!important;border-radius:0!important;margin:0!important;-webkit-animation:fadeInScale .2s ease-out!important;-moz-animation:fadeInScale .2s ease-out!important;animation:fadeInScale .2s ease-out!important}.ngxsmk-datepicker-container{width:100%!important;max-width:100%!important;overflow:visible!important}.ngxsmk-calendar-container{padding:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}.ngxsmk-header,.ngxsmk-header>*,.ngxsmk-month-year-selects,.ngxsmk-month-year-selects>*,.ngxsmk-nav-buttons,.ngxsmk-nav-buttons>*{margin:0!important}.ngxsmk-header{display:flex!important;width:100%!important;gap:4px!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important;display:flex!important;gap:4px!important}.ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important}.ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto!important;display:flex!important;gap:4px!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important;box-sizing:border-box!important}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:44px!important;min-height:44px!important}.ngxsmk-month-year-selects ngxsmk-custom-select{flex:1 1 0%!important;min-width:0!important}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%!important;min-height:100%!important;box-sizing:border-box!important}.ngxsmk-footer,.ngxsmk-footer>*{margin:0!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{height:44px!important;min-height:44px!important;box-sizing:border-box!important;padding:10px 16px!important}.ngxsmk-days-grid{gap:2px!important;margin:0!important}.ngxsmk-days-grid>*{margin:0!important}.ngxsmk-day-name{font-size:13px!important;width:100%!important}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-moz-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-8px,0);-moz-transform:translate3d(0,-8px,0);-ms-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}}@-webkit-keyframes fadeInDownMobile{0%{opacity:0;-webkit-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-moz-keyframes fadeInDownMobile{0%{opacity:0;-moz-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes fadeInDownMobile{0%{opacity:0;-webkit-transform:translate3d(-50%,-8px,0);-moz-transform:translate3d(-50%,-8px,0);-ms-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes fadeInScale{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-moz-keyframes fadeInScale{0%{opacity:0;-moz-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-moz-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes fadeInScale{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.95);-moz-transform:translate(-50%,-50%) scale(.95);-ms-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@-moz-keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}ngxsmk-datepicker.ngxsmk-inline{display:block;width:fit-content;max-width:100%}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode{display:block;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-popover-container.ngxsmk-inline-container{overflow:visible;position:static!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-datepicker-container{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;overflow:visible;margin-top:0!important;position:static!important;z-index:0;width:auto!important;min-width:0!important;max-width:100%!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-calendar-container{width:auto!important;min-width:0!important;max-width:100%!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container,.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container ul{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:visible}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;position:relative;z-index:var(--datepicker-z-index-base);pointer-events:auto;background:var(--datepicker-background);-webkit-box-shadow:var(--datepicker-shadow-lg);-moz-box-shadow:var(--datepicker-shadow-lg);box-shadow:var(--datepicker-shadow-lg);border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-border-radius);-moz-border-radius:var(--datepicker-border-radius);border-radius:var(--datepicker-border-radius)}.ngxsmk-calendar-loading{position:absolute;inset:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--datepicker-spacing-md, 12px);background:var(--datepicker-background);opacity:.95;z-index:100}.ngxsmk-calendar-loading-spinner{width:28px;height:28px;border:3px solid var(--datepicker-border-color);border-top-color:var(--datepicker-accent-color, #1976d2);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:ngxsmk-spin .7s linear infinite;-moz-animation:ngxsmk-spin .7s linear infinite;animation:ngxsmk-spin .7s linear infinite}.ngxsmk-calendar-loading-text{font-size:var(--datepicker-font-size-sm, 14px);color:var(--datepicker-text-secondary, #666)}@-webkit-keyframes ngxsmk-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes ngxsmk-spin{to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ngxsmk-spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.ngxsmk-calendar-container{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);padding:var(--datepicker-spacing-xs);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;padding:var(--datepicker-spacing-xs);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-calendar-container.ngxsmk-time-only-mode{padding:var(--datepicker-spacing-xl)!important;min-width:320px;overflow:visible!important}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection{overflow:visible!important;align-items:baseline;position:relative;z-index:1;margin-top:0;padding-top:0;border-top:none}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection ngxsmk-custom-select{position:relative;z-index:10}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000000!important}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;padding:var(--datepicker-spacing-lg);background:var(--datepicker-hover-background);border-radius:var(--datepicker-radius-lg);border:1px solid var(--datepicker-border-color);box-sizing:border-box;flex-shrink:0;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-ranges-container ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--datepicker-spacing-sm);list-style:none;padding:0;margin:calc(var(--datepicker-spacing-sm) / -2);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;overflow:visible}.ngxsmk-ranges-container ul>*{margin:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);font-size:var(--datepicker-font-size-sm);line-height:var(--datepicker-line-height);border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);cursor:pointer;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background:var(--datepicker-background);font-weight:500;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-ranges-container li:hover:not(.disabled){background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color);-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);will-change:transform}.ngxsmk-ranges-container li.disabled{cursor:not-allowed;opacity:.5;background-color:transparent!important;color:var(--datepicker-subtle-text-color)}.ngxsmk-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--datepicker-spacing-lg);position:relative;z-index:2;gap:var(--datepicker-spacing-md);padding-bottom:var(--datepicker-spacing-md);border-bottom:1px solid var(--datepicker-border-color);margin-left:calc(var(--datepicker-spacing-md) / -2);margin-right:calc(var(--datepicker-spacing-md) / -2)}.ngxsmk-header>*{margin-left:calc(var(--datepicker-spacing-md) / 2);margin-right:calc(var(--datepicker-spacing-md) / 2)}.ngxsmk-month-year-selects{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--datepicker-spacing-sm);-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-month-year-selects>*{margin:calc(var(--datepicker-spacing-sm) / 2);cursor:pointer}.ngxsmk-month-year-selects ngxsmk-custom-select{cursor:pointer;flex:1;min-width:0;height:40px;min-height:40px}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-nav-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--datepicker-spacing-xs);margin:calc(var(--datepicker-spacing-xs) / -2)}.ngxsmk-nav-buttons>*{margin:calc(var(--datepicker-spacing-xs) / 2)}.ngxsmk-nav-button{padding:var(--datepicker-spacing-sm);border:1px solid transparent;-webkit-border-radius:var(--datepicker-border-radius);-moz-border-radius:var(--datepicker-border-radius);border-radius:var(--datepicker-border-radius);background:#00000008;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;will-change:transform;backface-visibility:hidden;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--datepicker-text-color);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);min-width:36px;width:40px;height:40px;min-height:40px;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background);border-color:#0000000d;-webkit-transform:scale3d(1.05,1.05,1);-moz-transform:scale3d(1.05,1.05,1);-ms-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);will-change:transform}.ngxsmk-nav-button:active:not(:disabled){-webkit-transform:scale3d(.95,.95,1);-moz-transform:scale3d(.95,.95,1);-ms-transform:scale3d(.95,.95,1);transform:scale3d(.95,.95,1)}.ngxsmk-nav-button:disabled{cursor:not-allowed;opacity:.4}.ngxsmk-nav-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-nav-button svg{width:18px;height:18px;stroke-width:32}.ngxsmk-days-grid-wrapper{margin-top:var(--datepicker-spacing-md);overflow:visible;position:relative;touch-action:pan-y;-webkit-overflow-scrolling:touch}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%}.ngxsmk-days-grid{display:grid;grid-template-columns:repeat(7,1fr);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;gap:var(--datepicker-spacing-xs);width:100%;position:relative;isolation:isolate;-ms-touch-action:manipulation;touch-action:manipulation;margin:calc(var(--datepicker-spacing-xs) / -2);contain:layout style;will-change:contents;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%}.ngxsmk-days-grid>*{margin:calc(var(--datepicker-spacing-xs) / 2)}.ngxsmk-day-name{font-size:var(--datepicker-font-size-sm);padding:var(--datepicker-spacing-md) 0;color:var(--datepicker-subtle-text-color);font-weight:600;line-height:var(--datepicker-line-height);text-transform:uppercase;letter-spacing:.5px;width:100%;box-sizing:border-box}.ngxsmk-day-cell{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:background-color .15s cubic-bezier(.4,0,.2,1);-moz-transition:background-color .15s cubic-bezier(.4,0,.2,1);-o-transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color .15s cubic-bezier(.4,0,.2,1);background-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:visible;z-index:1;margin:0 auto;contain:layout style;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto;-webkit-touch-callout:none}@media(max-width:1024px){.ngxsmk-day-cell{width:100%;height:auto;aspect-ratio:1/1;min-width:0;max-width:none;min-height:0;max-height:none}.ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:none;min-height:0;max-height:none;font-size:14px}.ngxsmk-nav-button{min-width:40px;min-height:40px;height:40px;padding:8px}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:40px!important;min-height:40px!important}.ngxsmk-month-year-selects .ngxsmk-select-display{min-height:100%;height:100%;box-sizing:border-box}.ngxsmk-clear-button,.ngxsmk-close-button,.ngxsmk-clear-button-footer{min-height:40px;padding:8px 12px}.ngxsmk-input-group{min-width:100%}.ngxsmk-display-input{min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:var(--datepicker-spacing-xs);margin-right:var(--datepicker-spacing-xs)}.ngxsmk-calendar-button{display:none!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}}.ngxsmk-day-number{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);position:relative;z-index:2;font-weight:500;-webkit-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .15s cubic-bezier(.4,0,.2,1);-moz-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-moz-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),-moz-box-shadow .15s cubic-bezier(.4,0,.2,1);-o-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-o-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;contain:layout style;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ngxsmk-day-cell:not(.disabled):not(.empty):hover .ngxsmk-day-number{background-color:var(--datepicker-hover-background);color:var(--datepicker-primary-color);-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1);-ms-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);will-change:transform}.ngxsmk-day-cell.focused{z-index:10}.ngxsmk-day-cell.focused .ngxsmk-day-number{outline:2px solid var(--datepicker-primary-color);outline-offset:2px;background-color:var(--datepicker-hover-background);z-index:11}.ngxsmk-day-cell.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range){z-index:3}.ngxsmk-day-cell.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:4}.ngxsmk-day-cell.start-date:not(.in-range):not(.preview-range):not(.end-date),.ngxsmk-day-cell.end-date:not(.in-range):not(.preview-range):not(.start-date){z-index:3}.ngxsmk-day-cell.start-date:not(.in-range):not(.preview-range):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.end-date:not(.in-range):not(.preview-range):not(.start-date) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:4;border:none}.ngxsmk-day-cell.multiple-selected .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;border:2px solid var(--datepicker-primary-contrast);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.in-range,.ngxsmk-day-cell.preview-range{background-color:var(--datepicker-range-background);z-index:1}.ngxsmk-day-cell.start-date.in-range,.ngxsmk-day-cell.end-date.in-range,.ngxsmk-day-cell.start-date.preview-range,.ngxsmk-day-cell.end-date.preview-range{background-color:var(--datepicker-range-background);z-index:2}.ngxsmk-day-cell.start-date.in-range .ngxsmk-day-number,.ngxsmk-day-cell.end-date.in-range .ngxsmk-day-number,.ngxsmk-day-cell.start-date.preview-range .ngxsmk-day-number,.ngxsmk-day-cell.end-date.preview-range .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:7}.ngxsmk-day-cell.start-date.end-date:not(.in-range) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.start-date.end-date.in-range{background-color:var(--datepicker-range-background)}.ngxsmk-day-cell.holiday:not(.selected):not(.start-date):not(.end-date) .ngxsmk-day-number{color:#f97316;font-weight:600;position:relative}.ngxsmk-day-cell.holiday:not(.selected):not(.start-date):not(.end-date) .ngxsmk-day-number:after{content:\"\";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:#f97316;border-radius:50%}.ngxsmk-day-cell.start-date.end-date.in-range .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.disabled{background-color:transparent!important;color:var(--datepicker-subtle-text-color);cursor:not-allowed;pointer-events:none;opacity:.4}.ngxsmk-day-cell.disabled.in-range,.ngxsmk-day-cell.disabled.preview-range{background-color:transparent!important}.ngxsmk-day-cell.empty{opacity:.3;cursor:default}.ngxsmk-day-cell.empty .ngxsmk-day-number{color:var(--datepicker-subtle-text-color)}.ngxsmk-day-cell.today:not(.selected):not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected){z-index:5}.ngxsmk-day-cell.today:not(.selected):not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected) .ngxsmk-day-number{border:2px solid var(--datepicker-primary-color);font-weight:600;background-color:transparent;color:var(--datepicker-primary-color);z-index:6;box-sizing:border-box}.ngxsmk-day-cell.today.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected) .ngxsmk-day-number{border:none;background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);z-index:4}.ngxsmk-day-cell.today.start-date:not(.in-range):not(.preview-range):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.today.end-date:not(.in-range):not(.preview-range):not(.start-date) .ngxsmk-day-number{border:none;background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);z-index:4}.ngxsmk-day-cell.today.in-range:not(.start-date):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.today.preview-range:not(.start-date):not(.end-date) .ngxsmk-day-number{background-color:transparent;border:2px solid var(--datepicker-primary-color);color:var(--datepicker-primary-color);font-weight:600;box-sizing:border-box}.ngxsmk-day-cell.holiday .ngxsmk-day-number{color:var(--datepicker-primary-color);position:relative}.ngxsmk-day-cell.holiday .ngxsmk-day-number:after{content:\"\";position:absolute;bottom:2px;left:50%;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);width:4px;height:4px;background:var(--datepicker-primary-color);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.ngxsmk-time-selection{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-top:var(--datepicker-spacing-lg);padding-top:var(--datepicker-spacing-lg);border-top:1px solid var(--datepicker-border-color);width:100%;overflow:visible!important;position:relative;z-index:1;min-width:0;margin-left:calc(var(--datepicker-spacing-sm) / -2);margin-right:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-time-selection>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:10;cursor:pointer}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000000!important;position:relative}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10000001!important;position:absolute!important}.ngxsmk-popover-container.ngxsmk-has-time-selection,.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container{overflow:visible!important}.ngxsmk-time-label{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);font-weight:500;margin-right:var(--datepicker-spacing-xs);white-space:nowrap;flex-shrink:0}.ngxsmk-time-separator{font-weight:600;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-lg);white-space:nowrap;flex-shrink:0}.ngxsmk-time-range-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--datepicker-spacing-md);width:100%;margin-top:var(--datepicker-spacing-lg);padding-top:var(--datepicker-spacing-lg);border-top:1px solid var(--datepicker-border-color)}.ngxsmk-time-range-start,.ngxsmk-time-range-end{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm)}.ngxsmk-time-range-label{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);font-weight:500;white-space:nowrap;min-width:40px}.ngxsmk-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;gap:var(--datepicker-spacing-sm);margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);border-top:1px solid var(--datepicker-border-color);margin-left:calc(var(--datepicker-spacing-sm) / -2);margin-right:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-footer>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:var(--datepicker-spacing-xs) var(--datepicker-spacing-md);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);cursor:pointer;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);border:1px solid var(--datepicker-border-color);font-weight:500;min-height:40px;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-clear-button-footer{background:var(--datepicker-background);color:var(--datepicker-text-color)}.ngxsmk-clear-button-footer:hover:not(:disabled){background-color:var(--datepicker-hover-background);border-color:var(--datepicker-border-color)}.ngxsmk-close-button{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-close-button:hover:not(:disabled){background-color:var(--datepicker-primary-color);opacity:.9;-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);will-change:transform}.ngxsmk-close-button:active:not(:disabled){-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}.ngxsmk-clear-button-footer:focus-visible,.ngxsmk-close-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}@media(min-width:320px)and (max-width:1023px){.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-bottom-sheet):not(.ngxsmk-fullscreen){position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:100%!important;min-width:280px!important;max-width:min(100vw - 32px,500px)!important;max-height:calc(100vh - 64px)!important;max-height:calc(100dvh - 64px)!important;z-index:2147483647!important;margin:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){position:fixed!important;inset:auto 0 0!important;-webkit-transform:translateY(0)!important;-moz-transform:translateY(0)!important;-ms-transform:translateY(0)!important;-o-transform:translateY(0)!important;transform:translateY(0)!important;width:100%!important;max-width:100%!important;max-height:min(90dvh,90dvh - env(safe-area-inset-bottom,0px))!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;border-radius:16px 16px 0 0!important;margin:0!important;z-index:2147483647!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important;-webkit-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;-moz-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;-o-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;max-height:100vh!important;max-height:100dvh!important;padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;border-radius:0!important;margin:0!important;z-index:2147483647!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(100vw - 32px,500px)!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;max-height:calc(100vh - 64px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(100vw - 32px,800px)!important;overflow-x:visible!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-display-input{padding:10px 12px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:8px;margin-right:8px}.ngxsmk-calendar-button{display:none!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-day-cell{width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-width:0!important;max-width:48px!important;min-height:0!important;max-height:48px!important;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-day-number{width:85%!important;height:85%!important;min-width:30px!important;max-width:38px!important;min-height:30px!important;max-height:38px!important;font-size:var(--datepicker-font-size-base)!important;display:flex!important;align-items:center!important;justify-content:center!important}.ngxsmk-day-name{font-size:11px!important;font-weight:700!important;padding:8px 0!important;width:100%!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important;display:flex!important;align-items:center!important;justify-content:center!important}.ngxsmk-calendar-container{padding:0!important;width:100%!important;min-width:0!important;max-width:100%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:var(--datepicker-spacing-xs) auto 0;padding:0}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-xs) 0 0 0}.ngxsmk-days-grid{gap:4px;padding:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%!important;max-width:100%!important;margin:0 auto}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-header,.ngxsmk-header>*,.ngxsmk-month-year-selects,.ngxsmk-month-year-selects>*,.ngxsmk-nav-buttons,.ngxsmk-nav-buttons>*{margin:0!important}.ngxsmk-header{display:flex!important;padding:4px!important;margin-bottom:var(--datepicker-spacing-sm);width:100%!important;max-width:100%!important;margin-left:0;margin-right:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:2px;box-sizing:border-box!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;width:auto;gap:4px;min-width:0;display:flex!important}.ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important}.ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto!important;display:flex!important;gap:2px}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:36px!important;min-height:36px!important}.ngxsmk-nav-button{width:36px!important;height:36px!important;padding:6px!important;min-height:36px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%!important;min-height:100%!important;box-sizing:border-box!important}.ngxsmk-select-display{padding:0 6px!important;font-size:13px!important;min-width:0!important}.ngxsmk-arrow-icon{width:12px!important;height:12px!important;margin-left:2px!important}.ngxsmk-time-selection{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%!important;max-width:100%!important;margin-left:auto;margin-right:auto;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;justify-content:center!important;gap:2px;overflow:visible!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:0!important;padding-right:0!important}.ngxsmk-time-selection>*{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important;min-width:0}.ngxsmk-time-selection ngxsmk-custom-select{height:44px!important}.ngxsmk-time-separator{font-size:20px!important;padding:0 4px!important}.ngxsmk-time-label{font-size:12px!important;font-weight:600!important;color:var(--datepicker-text-color)!important;white-space:nowrap;margin-right:2px!important}.ngxsmk-footer,.ngxsmk-footer>*{margin:0!important}.ngxsmk-footer{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-clear-button-footer,.ngxsmk-close-button{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;height:36px!important;min-height:36px!important;padding:6px 12px;font-size:14px;font-weight:600;border-radius:12px;box-sizing:border-box!important}.ngxsmk-ranges-container{width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible}.ngxsmk-ranges-container ul{flex-wrap:wrap!important;justify-content:center!important;gap:8px 6px;overflow:visible;width:100%!important;min-width:0!important;max-width:100%!important}.ngxsmk-ranges-container li{flex-shrink:0!important;white-space:nowrap;min-width:fit-content}.ngxsmk-datepicker-container{width:100%!important;min-width:0!important;max-width:100%!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}}@media(min-width:600px)and (max-width:767px){.ngxsmk-display-input{font-size:15px!important;padding:12px 16px!important;min-height:44px!important;line-height:1.5}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:360px!important;max-width:min(90vw,550px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:20px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;z-index:2147483647!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:20px!important;max-width:100%!important;width:100%!important;border-radius:20px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:16px!important;overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container,.ngxsmk-calendar-container.ngxsmk-time-only-mode{overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-ranges-container{padding:16px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:12px 18px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{width:100%!important;padding:16px 12px!important;margin-bottom:16px!important;gap:16px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:12px!important;font-size:15px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:15px!important}.ngxsmk-nav-buttons{gap:10px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:22px!important;height:22px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:6px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:13px!important;font-weight:600!important;padding:12px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:12px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-size:15px!important;font-weight:500!important;border-radius:12px!important}.ngxsmk-time-selection{gap:12px!important;padding:20px 12px!important;margin-top:16px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-size:15px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 80px !important;min-width:80px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:22px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 8px!important}.ngxsmk-footer{gap:12px!important;padding:20px 12px 16px!important;margin-top:16px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:14px 24px!important;font-size:15px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:140px!important;border-radius:12px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:20px!important;padding:0 12px!important;scroll-snap-type:x mandatory!important;flex-wrap:nowrap!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:320px!important;max-width:340px!important;flex-shrink:0!important}.ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 12px)!important;max-width:calc(50% - 12px)!important;width:calc(50% - 12px)!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:16px!important;font-weight:600!important;padding:16px 12px!important;margin-bottom:16px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:20px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(90vw,800px)!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:12px!important;padding:16px 12px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:14px 18px!important;font-size:15px!important;border-radius:12px!important}.ngxsmk-timeline-view{padding:16px 12px!important}.ngxsmk-timeline-header{padding:16px 12px!important;margin-bottom:16px!important}.ngxsmk-timeline-controls{gap:14px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important}.ngxsmk-timeline-range{font-size:15px!important;padding:14px 18px!important}.ngxsmk-timeline-container{padding:16px 12px!important}.ngxsmk-timeline-month{min-height:80px!important;padding:14px!important;border-radius:12px!important}.ngxsmk-time-slider-view{padding:16px 12px!important;gap:20px!important}.ngxsmk-time-slider-header{padding:16px 12px!important;gap:14px!important}.ngxsmk-time-slider-label{font-size:15px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:18px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:16px 12px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:1024px){.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){position:absolute!important;top:calc(100% + 8px)!important;left:0!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(90vw,500px)!important;max-height:none!important;z-index:2147483647!important;margin:0!important;overflow:visible!important;overflow-y:visible!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-wrapper .ngxsmk-calendar-container{padding:var(--datepicker-spacing-md);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;margin:0 auto}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;margin:0;padding:var(--datepicker-spacing-md, 16px);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-days-grid-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:var(--datepicker-spacing-sm) auto 0}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-sm) 0 0 0}.ngxsmk-days-grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--datepicker-spacing-lg);border-right:none;border-bottom:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-radius-lg) var(--datepicker-radius-lg) 0 0;background:var(--datepicker-hover-background)}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container{width:100%!important;max-width:100%!important;min-width:0!important}.ngxsmk-ranges-container ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--datepicker-spacing-xs);width:100%;min-width:100%;max-width:100%;overflow:visible}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);margin-bottom:0;border:none;font-size:var(--datepicker-font-size-sm);width:auto;text-align:center;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.ngxsmk-day-cell{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px}.ngxsmk-day-number{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;font-size:var(--datepicker-font-size-base)}.ngxsmk-header{width:100%;margin-left:auto;margin-right:auto}.ngxsmk-datepicker-container .ngxsmk-calendar-container{padding-left:var(--datepicker-spacing-sm);padding-right:var(--datepicker-spacing-sm)}.ngxsmk-time-selection{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.ngxsmk-day-name{width:auto!important;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}}@media(min-width:1024px){.ngxsmk-popover-container:not(.ngxsmk-inline-container){width:auto;min-width:600px;max-width:800px}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;min-width:0;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0}.ngxsmk-datepicker-wrapper .ngxsmk-calendar-container{padding:var(--datepicker-spacing-2xl);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;padding:var(--datepicker-spacing-md, 16px);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--datepicker-spacing-xl);border-right:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);-moz-border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);background:var(--datepicker-hover-background)}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container{width:100%!important;max-width:100%!important;min-width:0!important;border-right:none!important;border-bottom:1px solid var(--datepicker-border-color)!important;border-radius:var(--datepicker-radius-lg) var(--datepicker-radius-lg) 0 0!important}.ngxsmk-ranges-container ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--datepicker-spacing-xs);width:100%;min-width:100%;max-width:100%;overflow:visible}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-md) var(--datepicker-spacing-lg);margin-bottom:0;border:none;font-size:var(--datepicker-font-size-base);width:100%;text-align:left}.ngxsmk-day-cell{width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px}.ngxsmk-day-number{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;font-size:var(--datepicker-font-size-base)}}@media(hover:none)and (pointer:coarse){.ngxsmk-nav-button:hover:not(:disabled){background-color:transparent;transform:none}.ngxsmk-day-cell:not(.disabled):not(.empty):hover .ngxsmk-day-number{background-color:transparent;color:var(--datepicker-text-color);transform:none}.ngxsmk-clear-button:hover:not(:disabled){color:var(--datepicker-subtle-text-color);background:transparent}.ngxsmk-ranges-container li:hover:not(.disabled){background-color:var(--datepicker-background);color:var(--datepicker-text-color);border-color:var(--datepicker-border-color);transform:none;box-shadow:none}.ngxsmk-close-button:hover:not(:disabled){transform:none;box-shadow:none}}@media print{.ngxsmk-datepicker-wrapper{display:none}}.ngxsmk-day-cell:focus-visible{outline:none}.ngxsmk-day-cell:focus-visible .ngxsmk-day-number{outline:2px solid var(--datepicker-primary-color);outline-offset:2px;background-color:var(--datepicker-hover-background)}.ngxsmk-ranges-container::-webkit-scrollbar{width:6px}.ngxsmk-ranges-container::-webkit-scrollbar-track{background:var(--datepicker-hover-background);border-radius:var(--datepicker-radius-sm)}.ngxsmk-ranges-container::-webkit-scrollbar-thumb{background:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm)}.ngxsmk-ranges-container::-webkit-scrollbar-thumb:hover{background:var(--datepicker-text-color)}.ngxsmk-year-grid-container,.ngxsmk-decade-grid-container{overflow-y:auto;overflow-x:hidden;position:relative;will-change:transform;scroll-behavior:smooth}.ngxsmk-year-grid-container::-webkit-scrollbar,.ngxsmk-decade-grid-container::-webkit-scrollbar{width:8px}.ngxsmk-year-grid-container::-webkit-scrollbar-track,.ngxsmk-decade-grid-container::-webkit-scrollbar-track{background:var(--datepicker-bg-color)}.ngxsmk-year-grid-container::-webkit-scrollbar-thumb,.ngxsmk-decade-grid-container::-webkit-scrollbar-thumb{background:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm)}.ngxsmk-year-grid-container::-webkit-scrollbar-thumb:hover,.ngxsmk-decade-grid-container::-webkit-scrollbar-thumb:hover{background:var(--datepicker-text-color)}.ngxsmk-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--datepicker-spacing-sm);padding:var(--datepicker-spacing-md)}.ngxsmk-decade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--datepicker-spacing-sm);padding:var(--datepicker-spacing-md)}.ngxsmk-year-cell,.ngxsmk-decade-cell{padding:var(--datepicker-spacing-md);border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);font-weight:500;cursor:pointer;transition:var(--datepicker-transition);text-align:center}.ngxsmk-decade-cell{padding:var(--datepicker-spacing-lg)}.ngxsmk-year-cell:hover:not(:disabled),.ngxsmk-decade-cell:hover:not(:disabled){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-year-cell.selected,.ngxsmk-decade-cell.selected{background:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-year-cell.today{border-color:var(--datepicker-primary-color);font-weight:600}.ngxsmk-year-cell:disabled,.ngxsmk-decade-cell:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-year-display,.ngxsmk-decade-display{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--datepicker-font-size-base);font-weight:600;color:var(--datepicker-text-color)}.ngxsmk-view-toggle{background:transparent;border:none;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);font-weight:600;cursor:pointer;padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);border-radius:var(--datepicker-border-radius);transition:var(--datepicker-transition)}.ngxsmk-view-toggle:hover:not(:disabled){background:var(--datepicker-hover-background)}.ngxsmk-view-toggle:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-timeline-view{padding:var(--datepicker-spacing-md)}.ngxsmk-timeline-header{margin-bottom:var(--datepicker-spacing-md)}.ngxsmk-timeline-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--datepicker-spacing-md)}.ngxsmk-timeline-zoom-in,.ngxsmk-timeline-zoom-out{width:32px;height:32px;border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-lg);font-weight:600;cursor:pointer;transition:var(--datepicker-transition);display:flex;align-items:center;justify-content:center}.ngxsmk-timeline-zoom-in:hover:not(:disabled),.ngxsmk-timeline-zoom-out:hover:not(:disabled){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-zoom-in:disabled,.ngxsmk-timeline-zoom-out:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-timeline-range{font-size:var(--datepicker-font-size-sm);color:var(--datepicker-subtle-text-color);font-weight:500}.ngxsmk-timeline-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ngxsmk-timeline-track{display:flex;gap:var(--datepicker-spacing-xs);min-width:max-content;padding:var(--datepicker-spacing-sm) 0}.ngxsmk-timeline-month{min-width:80px;padding:var(--datepicker-spacing-md);border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);cursor:pointer;transition:var(--datepicker-transition);text-align:center;display:flex;flex-direction:column;gap:var(--datepicker-spacing-xs)}.ngxsmk-timeline-month:hover:not(.selected){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-month.selected{background:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-month-label{font-size:var(--datepicker-font-size-sm);font-weight:600;text-transform:uppercase}.ngxsmk-timeline-month-year{font-size:var(--datepicker-font-size-xs);opacity:.8}.ngxsmk-time-slider-view{padding:var(--datepicker-spacing-lg)}.ngxsmk-time-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--datepicker-spacing-sm)}.ngxsmk-time-slider-label{font-size:var(--datepicker-font-size-sm);font-weight:600;color:var(--datepicker-text-color)}.ngxsmk-time-slider-value{font-size:var(--datepicker-font-size-base);font-weight:600;color:var(--datepicker-primary-color);font-variant-numeric:tabular-nums}.ngxsmk-time-slider-container{margin-bottom:var(--datepicker-spacing-lg)}.ngxsmk-time-slider{width:100%;height:8px;border-radius:4px;background:var(--datepicker-hover-background);outline:none;-webkit-appearance:none;appearance:none}.ngxsmk-time-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--datepicker-primary-color);cursor:pointer;transition:var(--datepicker-transition)}.ngxsmk-time-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-time-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--datepicker-primary-color);cursor:pointer;border:none;transition:var(--datepicker-transition)}.ngxsmk-time-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-time-slider:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-time-slider:disabled::-webkit-slider-thumb,.ngxsmk-time-slider:disabled::-moz-range-thumb{cursor:not-allowed}.ngxsmk-datepicker-wrapper[dir=rtl],.ngxsmk-datepicker-wrapper.ngxsmk-rtl{direction:rtl}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-input-group,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-input-group{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-calendar-button,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-calendar-button{margin-right:0;margin-left:var(--datepicker-spacing-sm)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-popover-container,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-popover-container{left:auto;right:0}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-header,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-header,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-buttons,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-buttons{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-button:first-child svg,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-button:first-child svg{transform:scaleX(-1)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-button:last-child svg,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-button:last-child svg{transform:scaleX(-1)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-days-grid,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-days-grid{direction:rtl}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-time-selection,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-time-selection,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-footer,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-footer{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-ranges-container ul,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-ranges-container ul{direction:rtl;text-align:right}@media(max-width:1023px){.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-popover-container:not(.ngxsmk-inline-container){left:auto!important;right:auto!important}}.ngxsmk-multi-calendar-container{display:flex;flex-direction:column;gap:var(--datepicker-spacing-xl, 32px);width:100%;align-items:stretch}.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;gap:var(--datepicker-spacing-xl, 32px)}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--datepicker-spacing-xl, 32px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;flex-wrap:nowrap!important;width:100%!important;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:var(--datepicker-spacing-xl, 32px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{width:100%!important;max-width:100%!important;min-width:100%!important;margin:0!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:wrap;width:100%}.ngxsmk-calendar-month{width:100%;flex-shrink:0;display:flex;flex-direction:column}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{flex:0 0 auto;min-width:280px;width:auto;display:flex;flex-direction:column;margin:0;padding:0;box-sizing:border-box}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{flex:0 0 auto!important;margin:0!important;box-sizing:border-box!important}.ngxsmk-calendar-month .ngxsmk-days-grid-wrapper,.ngxsmk-calendar-month .ngxsmk-days-grid{width:100%;max-width:100%}.ngxsmk-calendar-month-header{padding:var(--datepicker-spacing-sm, 8px) var(--datepicker-spacing-md, 12px);text-align:center;font-weight:600;font-size:var(--datepicker-font-size-base, 14px);color:var(--datepicker-text-color, #1f2937);border-bottom:1px solid var(--datepicker-border-color, #e5e7eb);margin-bottom:var(--datepicker-spacing-sm, 8px)}.ngxsmk-calendar-month-title{display:block}@media(min-width:768px)and (max-width:1023px){.ngxsmk-display-input{font-size:15px!important;padding:12px 16px!important;min-height:44px!important;line-height:1.5}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:400px!important;max-width:min(90vw,600px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;z-index:2147483647!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){min-width:400px!important;max-width:min(95vw,900px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){min-width:400px!important;max-width:min(95vw,1000px)!important;overflow-x:visible!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-datepicker-container{padding:0!important;width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:24px!important;max-width:100%!important;width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:20px!important;overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-ranges-container{padding:20px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;gap:12px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:14px 20px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{padding:20px 16px!important;margin-bottom:20px!important;gap:20px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:14px!important;font-size:16px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:16px!important}.ngxsmk-nav-buttons{gap:12px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:24px!important;height:24px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:8px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-weight:600!important;padding:14px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:48px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:12px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:48px!important;max-height:none!important;font-size:16px!important;font-weight:500!important;border-radius:12px!important}.ngxsmk-time-selection{gap:14px!important;padding:24px 16px!important;margin-top:20px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-size:16px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 90px !important;min-width:90px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:24px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 10px!important}.ngxsmk-footer{gap:14px!important;padding:24px 16px 20px!important;margin-top:20px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:16px 28px!important;font-size:16px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:160px!important;border-radius:12px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:wrap!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:24px!important;padding:0 16px!important;scroll-snap-type:x mandatory!important;flex-wrap:nowrap!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:360px!important;max-width:380px!important;flex-shrink:0!important}.ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 14px)!important;max-width:calc(50% - 14px)!important;width:calc(50% - 14px)!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper,.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%!important;max-width:100%!important;margin:0!important}.ngxsmk-calendar-month-header{font-size:17px!important;font-weight:600!important;padding:18px 16px!important;margin-bottom:18px!important;text-align:center!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(95vw,1000px)!important;overflow-x:visible!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:24px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-datepicker-wrapper .ngxsmk-multi-calendar-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media(min-width:768px)and (max-width:1023px)and (orientation:landscape){.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){max-width:min(95vw,800px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:nowrap!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(33.333% - 19px)!important;max-width:calc(33.333% - 19px)!important;width:calc(33.333% - 19px)!important}}@media(min-width:768px)and (max-width:1023px){.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:14px!important;padding:20px 16px!important;grid-template-columns:repeat(5,1fr)!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:16px 20px!important;font-size:16px!important;border-radius:12px!important}.ngxsmk-timeline-view{padding:20px 16px!important}.ngxsmk-timeline-header{padding:20px 16px!important;margin-bottom:20px!important}.ngxsmk-timeline-controls{gap:16px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important}.ngxsmk-timeline-range{font-size:16px!important;padding:16px 20px!important}.ngxsmk-timeline-container{padding:20px 16px!important}.ngxsmk-timeline-month{min-height:90px!important;padding:16px!important;border-radius:12px!important}.ngxsmk-time-slider-view{padding:20px 16px!important;gap:24px!important}.ngxsmk-time-slider-header{padding:20px 16px!important;gap:16px!important}.ngxsmk-time-slider-label{font-size:16px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:20px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:20px 16px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:769px)and (max-width:1024px){.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:260px;max-width:300px}}@media(min-width:480px)and (max-width:599px){.ngxsmk-display-input{padding:10px 14px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:320px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:16px!important;max-width:100%!important;width:100%!important;border-radius:16px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:12px!important}.ngxsmk-ranges-container{padding:12px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:12px 16px!important;font-size:13px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:10px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{align-items:center;padding:12px 8px!important;margin-bottom:12px!important;gap:12px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:10px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important}.ngxsmk-nav-buttons{gap:8px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px!important;height:20px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:5px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:12px!important;font-weight:600!important;padding:10px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:10px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-weight:500!important;border-radius:10px!important}.ngxsmk-time-selection{gap:10px!important;align-items:baseline;padding:16px 8px!important;margin-top:12px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px !important;min-width:75px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:20px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 6px!important}.ngxsmk-footer{gap:12px!important;padding:16px 8px 12px!important;margin-top:12px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 20px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:120px!important;border-radius:10px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:20px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:20px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:16px!important;padding:0 8px!important;scroll-snap-type:x mandatory!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:300px!important;max-width:320px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:15px!important;font-weight:600!important;padding:12px 8px!important;margin-bottom:12px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:16px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:10px!important;padding:12px 8px!important;grid-template-columns:repeat(3,1fr)!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:12px 16px!important;border-radius:10px!important}.ngxsmk-timeline-view{padding:12px 8px!important}.ngxsmk-timeline-header{padding:12px 8px!important;margin-bottom:12px!important}.ngxsmk-timeline-controls{gap:12px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-timeline-range{padding:12px 16px!important}.ngxsmk-timeline-container{padding:12px 8px!important}.ngxsmk-timeline-month{min-height:70px!important;padding:12px!important;border-radius:10px!important}.ngxsmk-time-slider-view{padding:12px 8px!important;gap:16px!important}.ngxsmk-time-slider-header{padding:12px 8px!important;gap:12px!important}.ngxsmk-time-slider-label{font-weight:500!important}.ngxsmk-time-slider-value{font-size:16px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:12px 8px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:375px)and (max-width:479px){.ngxsmk-display-input{padding:10px 12px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:8px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:300px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 48px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:12px!important;max-width:100%!important;width:100%!important;border-radius:16px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:10px!important}.ngxsmk-ranges-container{padding:10px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important}.ngxsmk-ranges-container li{padding:10px 16px!important;font-size:13px!important;line-height:1.4!important;flex-shrink:0!important;white-space:nowrap!important;min-height:44px!important;scroll-snap-align:start!important;border-radius:8px!important}.ngxsmk-header{padding:10px 6px!important;margin-bottom:10px!important;gap:10px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:8px!important;font-size:13px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:13px!important}.ngxsmk-nav-buttons{gap:6px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px!important;height:20px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:4px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:11px!important;font-weight:600!important;padding:8px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:10px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-weight:500!important;border-radius:10px!important}.ngxsmk-time-selection{gap:8px!important;margin-top:10px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-time-label{font-size:13px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:18px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 4px!important}.ngxsmk-footer{gap:10px!important;padding:14px 6px 10px!important;margin-top:10px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;-webkit-box-pack:stretch!important;-webkit-justify-content:stretch!important;-ms-flex-pack:stretch!important;justify-content:stretch!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 18px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:1!important;-webkit-flex:1 1 calc(50% - 5px)!important;-ms-flex:1 1 calc(50% - 5px)!important;flex:1 1 calc(50% - 5px)!important;min-width:0!important;border-radius:10px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:18px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:18px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:14px!important;padding:0 6px!important;scroll-snap-type:x mandatory!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:280px!important;max-width:300px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-weight:600!important;padding:10px 6px!important;margin-bottom:10px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:12px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:8px!important;padding:10px 6px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:12px 16px!important;border-radius:10px!important}.ngxsmk-timeline-view{padding:10px 6px!important}.ngxsmk-timeline-header{padding:10px 6px!important;margin-bottom:10px!important}.ngxsmk-timeline-controls{gap:10px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-timeline-range{font-size:13px!important;padding:10px 14px!important}.ngxsmk-timeline-container{padding:10px 6px!important}.ngxsmk-timeline-month{min-height:64px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-time-slider-view{padding:10px 6px!important;gap:14px!important}.ngxsmk-time-slider-header{padding:10px 6px!important;gap:10px!important}.ngxsmk-time-slider-label{font-size:13px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:15px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:10px 6px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(max-width:374px){.ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-display-input{font-size:13px!important;padding:8px 10px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{font-size:13px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){font-size:13px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:8px!important;margin-right:6px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:calc(100% - 20px)!important;min-width:280px!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;position:fixed!important;inset:0!important;margin:auto!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important;border-radius:12px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;overflow:visible!important}.ngxsmk-calendar-container{padding:6px 4px!important;max-width:100%!important;width:100%!important;border-radius:0!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:2px!important;overflow:visible!important}.ngxsmk-ranges-container{padding:8px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{flex-wrap:nowrap!important;justify-content:flex-start!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important;-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important}.ngxsmk-ranges-container li{padding:10px 14px!important;font-size:12px!important;line-height:1.4!important;flex-shrink:0!important;white-space:nowrap!important;min-height:44px!important;scroll-snap-align:start!important;border-radius:8px!important}.ngxsmk-header{padding:4px 6px 10px!important;margin-bottom:6px!important;gap:4px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important;align-items:center!important}.ngxsmk-month-year-selects{gap:6px!important;font-size:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:40px!important;min-height:40px!important;font-size:12px!important}.ngxsmk-nav-buttons{gap:4px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:8px!important;border-radius:8px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:18px!important;height:18px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:3px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:10px!important;font-weight:600!important;padding:6px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:40px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:8px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:40px!important;max-height:none!important;font-size:13px!important;font-weight:500!important;border-radius:8px!important}.ngxsmk-time-selection{display:flex!important;gap:8px!important;padding:12px 4px!important;margin-top:8px!important;border-top:1px solid var(--datepicker-border-color)!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;overflow:visible!important;position:relative!important;z-index:100!important}.ngxsmk-time-label{font-size:13px!important;font-weight:600!important;flex-shrink:0!important;margin:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px!important;flex-shrink:0!important;position:relative!important;z-index:auto!important}.ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001!important;top:auto!important;bottom:calc(100% + 4px)!important;transform-origin:bottom center!important;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-time-separator{font-size:18px!important;font-weight:700!important;flex-shrink:0!important;padding:0 4px!important;line-height:1!important}.ngxsmk-footer{gap:8px!important;padding:12px 4px 8px!important;margin-top:0!important;border-top:1px solid var(--datepicker-border-color)!important;flex-wrap:nowrap!important;justify-content:stretch!important;position:relative!important;z-index:1!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 16px!important;font-size:13px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:1!important;-webkit-flex:1 1 calc(50% - 4px)!important;-ms-flex:1 1 calc(50% - 4px)!important;flex:1 1 calc(50% - 4px)!important;min-width:0!important;border-radius:8px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:16px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:16px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:12px!important;padding:0 4px!important;scroll-snap-type:x mandatory!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:260px!important;max-width:280px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:13px!important;font-weight:600!important;padding:8px 4px!important;margin-bottom:8px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:8px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:6px!important;padding:8px 4px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:10px 12px!important;font-size:13px!important;border-radius:8px!important}.ngxsmk-timeline-view{padding:8px 4px!important}.ngxsmk-timeline-header{padding:8px 4px!important;margin-bottom:8px!important}.ngxsmk-timeline-controls{gap:8px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:8px!important;border-radius:8px!important}.ngxsmk-timeline-range{font-size:12px!important;padding:8px 12px!important}.ngxsmk-timeline-container{padding:8px 4px!important}.ngxsmk-timeline-month{min-height:60px!important;padding:8px!important;border-radius:8px!important}.ngxsmk-time-slider-view{padding:8px 4px!important;gap:12px!important}.ngxsmk-time-slider-header{padding:8px 4px!important;gap:8px!important}.ngxsmk-time-slider-label{font-size:12px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-weight:600!important}.ngxsmk-time-slider-container{padding:8px 4px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(max-width:991px){.ngxsmk-time-selection{position:relative!important;z-index:100!important;overflow:visible!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001!important;top:auto!important;bottom:calc(100% + 4px)!important;transform-origin:bottom center!important;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000!important}.ngxsmk-footer{position:relative!important;z-index:1!important}}.ngxsmk-datepicker-inner-content{display:flex!important;flex-direction:row!important;width:100%;flex:1 1 auto}@media(max-width:1023px){.ngxsmk-datepicker-inner-content{flex-direction:column!important}}.md3-theme .ngxsmk-day-number{border-radius:12px;transition:all .2s cubic-bezier(0,0,.2,1)}.md3-theme .ngxsmk-day-cell.selected .ngxsmk-day-number,.md3-theme .ngxsmk-day-cell.start-date .ngxsmk-day-number,.md3-theme .ngxsmk-day-cell.end-date .ngxsmk-day-number{border-radius:12px;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,4px,0)}to{opacity:1;transform:translateZ(0)}}@media(min-width:992px){.ngxsmk-datepicker-container{display:grid!important;grid-template-areas:\"header header\" \"ranges calendar\" \"time time\" \"footer footer\";grid-template-columns:auto auto;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.ngxsmk-range-duration-header{grid-area:header}.ngxsmk-ranges-container{grid-area:ranges}.ngxsmk-calendar-container{grid-area:calendar}.ngxsmk-footer{grid-area:footer}ngxsmk-time-selection{grid-area:time}}.ngxsmk-multi-calendar-container.ngxsmk-sync-scroll-enabled{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--datepicker-calendar-gap, 16px);align-items:start}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--datepicker-calendar-gap, 16px);align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;position:relative}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical.ngxsmk-sync-scroll-enabled{display:flex;flex-direction:column;gap:var(--datepicker-calendar-gap, 16px);align-items:stretch;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled .ngxsmk-calendar-month{min-width:320px;width:100%;flex-basis:100%}.ngxsmk-multi-calendar.ngxsmk-sync-scroll-enabled{overflow:hidden}.ngxsmk-multi-calendar-container.ngxsmk-sync-scroll-enabled:focus-within{outline:2px solid var(--datepicker-focus-color, #4a90e2);outline-offset:2px;border-radius:4px}@media(max-width:768px){.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled{flex-direction:column;overflow-x:hidden;overflow-y:auto}.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled .ngxsmk-calendar-month{min-width:100%;width:100%}}ngxsmk-datepicker{display:block;width:100%;position:relative;font-family:var(--ngxsmk-font-family);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:visible}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}ngxsmk-datepicker:has(.ngxsmk-calendar-open){z-index:var(--ngxsmk-z-popover)!important}.ngxsmk-datepicker-wrapper{position:relative;width:100%;z-index:1;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open{z-index:var(--ngxsmk-z-popover);position:relative;isolation:isolate}.ngxsmk-datepicker-container,.ngxsmk-calendar-container{border-radius:var(--ngxsmk-radius-lg)!important;overflow:hidden!important}.ngxsmk-datepicker-container .ngxsmk-calendar-container{border-radius:inherit!important}.ngxsmk-backdrop{display:none}@media(min-width:1025px){.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;position:fixed!important;inset:0;background:transparent!important;z-index:var(--ngxsmk-z-backdrop)!important;pointer-events:auto!important}.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop).ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}@media(max-width:1024px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;inset:0!important;background:#0006!important;z-index:var(--ngxsmk-z-backdrop)!important;pointer-events:auto!important;transition:opacity .3s ease-out!important}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker{--ngxsmk-transition: none}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--ngxsmk-color-range-bg: rgba(139, 92, 246, .15);--ngxsmk-color-surface: #1f2937;--ngxsmk-color-text-main: #f3f4f6;--ngxsmk-color-text-muted: #9ca3af;--ngxsmk-color-border: #374151;--ngxsmk-color-surface-hover: #374151;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--ngxsmk-color-surface: rgba(255, 255, 255, .7);--ngxsmk-color-border: rgba(255, 255, 255, .3);--ngxsmk-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ngxsmk-color-border)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--ngxsmk-color-surface: rgba(31, 41, 55, .7);--ngxsmk-color-border: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--ngxsmk-color-primary: #6750a4;--ngxsmk-radius-lg: 28px;--ngxsmk-font-family: \"Roboto\", sans-serif;--ngxsmk-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}.ngxsmk-input-group{display:flex;align-items:center;position:relative;width:100%;border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-md);background:var(--ngxsmk-color-surface);transition:var(--ngxsmk-transition);min-height:44px}.ngxsmk-input-group:focus-within{border-color:var(--ngxsmk-color-primary);box-shadow:var(--datepicker-shadow-focus)}.ngxsmk-input-group.disabled{opacity:.6;background:var(--ngxsmk-color-surface-hover);cursor:not-allowed}.ngxsmk-display-input{flex-grow:1;width:100%;padding:var(--ngxsmk-space-md) var(--ngxsmk-space-lg);font-size:var(--ngxsmk-font-size-base);line-height:var(--ngxsmk-line-height);color:var(--ngxsmk-color-text-main);background:transparent;border:none;outline:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ngxsmk-display-input:disabled{cursor:not-allowed}.ngxsmk-calendar-button,.ngxsmk-clear-button{display:flex;align-items:center;justify-content:center;width:var(--ngxsmk-touch-target);height:var(--ngxsmk-touch-target);background:transparent;border:none;cursor:pointer;color:var(--ngxsmk-color-text-muted);transition:var(--ngxsmk-transition);border-radius:var(--ngxsmk-radius-md)}.ngxsmk-calendar-button svg,.ngxsmk-clear-button svg{width:20px;height:20px;fill:currentColor}@media(hover:hover){.ngxsmk-calendar-button:hover:not(:disabled),.ngxsmk-clear-button:hover:not(:disabled){color:var(--ngxsmk-color-primary);background:var(--ngxsmk-color-surface-hover)}}.ngxsmk-calendar-button:focus-visible,.ngxsmk-clear-button:focus-visible{outline:2px solid var(--ngxsmk-color-primary);outline-offset:-2px}.ngxsmk-calendar-button:disabled,.ngxsmk-clear-button:disabled{cursor:not-allowed;opacity:.5}.ngxsmk-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--ngxsmk-space-xs);padding:0 var(--ngxsmk-space-md) var(--ngxsmk-space-md);width:100%}.ngxsmk-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--ngxsmk-space-xs);padding:var(--ngxsmk-space-md);border-bottom:1px solid var(--ngxsmk-color-border);margin-bottom:var(--ngxsmk-space-sm)}.ngxsmk-weekdays .ngxsmk-weekday{text-align:center;font-size:var(--ngxsmk-font-size-xs);font-weight:600;color:var(--ngxsmk-color-text-muted);text-transform:uppercase;letter-spacing:.05em}.ngxsmk-day-cell{min-width:var(--ngxsmk-touch-target);min-height:var(--ngxsmk-touch-target);width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}@media(min-width:1025px){.ngxsmk-day-cell{width:var(--ngxsmk-cell-size-desktop);height:var(--ngxsmk-cell-size-desktop);min-width:0;min-height:0}}.ngxsmk-month-grid,.ngxsmk-year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ngxsmk-space-sm);padding:var(--ngxsmk-space-md)}.ngxsmk-month-grid .ngxsmk-grid-cell,.ngxsmk-year-grid .ngxsmk-grid-cell{min-height:var(--ngxsmk-touch-target);padding:var(--ngxsmk-space-md) var(--ngxsmk-space-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--ngxsmk-radius-sm);font-size:var(--ngxsmk-font-size-base);color:var(--ngxsmk-color-text-main);background:transparent;border:1px solid transparent;cursor:pointer;transition:var(--ngxsmk-transition)}@media(hover:hover){.ngxsmk-month-grid .ngxsmk-grid-cell:hover:not(.disabled),.ngxsmk-year-grid .ngxsmk-grid-cell:hover:not(.disabled){background:var(--ngxsmk-color-surface-hover);border-color:var(--ngxsmk-color-border)}}.ngxsmk-month-grid .ngxsmk-grid-cell.selected,.ngxsmk-year-grid .ngxsmk-grid-cell.selected{background:var(--datepicker-primary-color, var(--ngxsmk-color-primary));color:var(--datepicker-primary-contrast, var(--ngxsmk-color-on-primary));font-weight:600;border-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary))}.ngxsmk-month-grid .ngxsmk-grid-cell.disabled,.ngxsmk-year-grid .ngxsmk-grid-cell.disabled{color:var(--ngxsmk-color-text-muted);opacity:.5;cursor:not-allowed}@media(min-width:768px){.ngxsmk-month-grid .ngxsmk-grid-cell,.ngxsmk-year-grid .ngxsmk-grid-cell{padding:var(--ngxsmk-space-lg) var(--ngxsmk-space-sm)}}.ngxsmk-year-grid{grid-template-columns:repeat(4,1fr)}.ngxsmk-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md) var(--ngxsmk-space-xs);width:100%;gap:var(--ngxsmk-space-sm)}@media(min-width:1025px){.ngxsmk-header{padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md)}}.ngxsmk-month-year-selects{display:flex;align-items:center;gap:var(--ngxsmk-space-xs);flex:1;min-width:0}.ngxsmk-month-year-selects .month-select{flex:1.5}.ngxsmk-month-year-selects .year-select{flex:1}.ngxsmk-nav-buttons{display:flex;align-items:center;gap:var(--ngxsmk-space-xs)}ngxsmk-custom-select{position:relative;display:flex;flex:1;min-width:0;-webkit-user-select:none;user-select:none;box-sizing:border-box;z-index:1}ngxsmk-custom-select[data-open=true]{z-index:10000}.ngxsmk-select-container{cursor:pointer;position:relative;display:flex;width:100%;height:100%;min-height:100%;box-sizing:border-box;outline:none}.ngxsmk-select-container.is-open{z-index:10000}.ngxsmk-select-display{display:flex;align-items:center;justify-content:space-between;flex:1;width:100%;height:100%;min-height:var(--ngxsmk-touch-target);padding:0 var(--ngxsmk-space-md);background:var(--ngxsmk-color-surface);border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-sm);font-size:var(--ngxsmk-font-size-base);font-family:inherit;color:var(--ngxsmk-color-text-main);cursor:pointer;transition:var(--ngxsmk-transition);appearance:none;-webkit-appearance:none;gap:var(--ngxsmk-space-sm)}.ngxsmk-select-display:focus-within{outline:none;border-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary));box-shadow:var(--datepicker-shadow-focus)}.ngxsmk-select-display:disabled{background-color:var(--ngxsmk-color-surface-hover);cursor:not-allowed;opacity:.6}@media(hover:hover){.ngxsmk-select-display:hover:not(:disabled){background:var(--ngxsmk-color-surface-hover);border-color:var(--ngxsmk-color-text-muted)}}@media(min-width:1025px){.ngxsmk-select-display{min-height:36px;font-size:var(--ngxsmk-font-size-sm)}}.ngxsmk-arrow-icon{width:14px;height:14px;transition:transform var(--ngxsmk-transition-duration) ease;flex-shrink:0;color:var(--ngxsmk-color-text-muted)}.is-open .ngxsmk-arrow-icon{transform:rotate(180deg)}.ngxsmk-options-panel{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--ngxsmk-color-surface);border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-md);box-shadow:var(--ngxsmk-shadow-lg);max-height:200px;overflow-y:auto;z-index:10001;scrollbar-width:none}.ngxsmk-options-panel::-webkit-scrollbar{display:none}.ngxsmk-options-panel ul{list-style:none;padding:var(--ngxsmk-space-xs);margin:0}.ngxsmk-options-panel li{padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md);border-radius:var(--ngxsmk-radius-sm);cursor:pointer;transition:background-color .12s ease;font-size:var(--ngxsmk-font-size-sm);margin:2px 0;color:var(--ngxsmk-color-text-main)!important;opacity:1!important;visibility:visible!important}.ngxsmk-options-panel li:hover:not(.selected){background-color:var(--ngxsmk-color-surface-hover)}.ngxsmk-options-panel li.selected{background-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary));color:var(--datepicker-primary-contrast, var(--ngxsmk-color-on-primary))!important;font-weight:600}@media(max-width:768px){.ngxsmk-options-panel li{padding:var(--ngxsmk-space-md) var(--ngxsmk-space-lg);min-height:var(--ngxsmk-touch-target);display:flex;align-items:center}}.ngxsmk-header-title{font-size:var(--ngxsmk-font-size-lg);font-weight:600;color:var(--ngxsmk-color-text-main);text-align:center;flex-grow:1}.ngxsmk-nav-button{cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--ngxsmk-touch-target);height:var(--ngxsmk-touch-target);background:transparent;border:none;border-radius:var(--ngxsmk-radius-sm);color:var(--ngxsmk-color-text-main);transition:var(--ngxsmk-transition)}.ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-nav-button:hover:not(:disabled){background:var(--ngxsmk-color-surface-hover)}.ngxsmk-nav-button:disabled{opacity:.3;cursor:not-allowed}@media(min-width:1025px){.ngxsmk-nav-button{width:32px;height:32px}}:root{--ngxsmk-space-xs: .25rem;--ngxsmk-space-sm: .5rem;--ngxsmk-space-md: .75rem;--ngxsmk-space-lg: 1rem;--ngxsmk-space-xl: 1.5rem;--ngxsmk-space-2xl: 2rem;--ngxsmk-touch-target: 44px;--ngxsmk-cell-size-desktop: 40px;--ngxsmk-font-size-xs: .625rem;--ngxsmk-font-size-sm: .75rem;--ngxsmk-font-size-base: 1rem;--ngxsmk-font-size-lg: 1.125rem;--ngxsmk-font-size-xl: 1.25rem;--ngxsmk-line-height: 1.5;--ngxsmk-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--ion-color-primary-contrast, #ffffff);--ngxsmk-color-range-bg: var(--ion-color-primary-tint, #f5f3ff);--ngxsmk-color-surface: var(--ion-background-color, #ffffff);--ngxsmk-color-surface-hover: #f3f4f6;--ngxsmk-color-text-main: var(--ion-text-color, #1f2937);--ngxsmk-color-text-muted: var(--ion-text-color-step-400, #6b7280);--ngxsmk-color-border: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--ngxsmk-radius-sm: 6px;--ngxsmk-radius-md: 8px;--ngxsmk-radius-lg: 12px;--ngxsmk-radius-xl: 16px;--ngxsmk-radius-popup: 16px;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ngxsmk-transition-duration: .15s;--ngxsmk-transition-easing: cubic-bezier(.4, 0, .2, 1);--ngxsmk-transition: all var(--ngxsmk-transition-duration) var(--ngxsmk-transition-easing);--ngxsmk-z-backdrop: 2147483646;--ngxsmk-z-popover: 2147483647;--datepicker-primary-color: var(--ngxsmk-color-primary);--datepicker-primary-contrast: var(--ngxsmk-color-on-primary);--datepicker-range-background: var(--ngxsmk-color-range-bg);--datepicker-background: var(--ngxsmk-color-surface);--datepicker-hover-background: var(--ngxsmk-color-surface-hover);--datepicker-text-color: var(--ngxsmk-color-text-main);--datepicker-subtle-text-color: var(--ngxsmk-color-text-muted);--datepicker-border-color: var(--ngxsmk-color-border);--datepicker-radius-sm: var(--ngxsmk-radius-sm);--datepicker-radius-md: var(--ngxsmk-radius-md);--datepicker-radius-lg: var(--ngxsmk-radius-lg);--datepicker-border-radius: var(--ngxsmk-radius-lg);--datepicker-font-size-base: var(--ngxsmk-font-size-base);--datepicker-font-size-lg: var(--ngxsmk-font-size-lg);--datepicker-line-height: var(--ngxsmk-line-height);--datepicker-spacing-xs: var(--ngxsmk-space-xs);--datepicker-spacing-sm: var(--ngxsmk-space-sm);--datepicker-spacing-md: var(--ngxsmk-space-md);--datepicker-spacing-lg: var(--ngxsmk-space-lg);--datepicker-transition: var(--ngxsmk-transition)}.ngxsmk-popover-container{position:fixed;bottom:0;left:0;width:100%;max-height:90dvb;background:var(--ngxsmk-color-surface);border-radius:var(--ngxsmk-radius-popup) var(--ngxsmk-radius-popup) 0 0;z-index:var(--ngxsmk-z-popover);padding-top:max(0,env(safe-area-inset-top));padding-right:max(0,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(0,env(safe-area-inset-left));box-shadow:var(--ngxsmk-shadow-xl);border:unset!important;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}.ngxsmk-popover-container.ngxsmk-popover-open{visibility:visible;opacity:1}.ngxsmk-popover-container.ngxsmk-inline-container{position:static!important;width:100%;margin:0;transform:none!important;box-shadow:none!important;border:none;background:transparent;padding:0;max-height:none}@media(min-width:768px){.ngxsmk-popover-container{top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);width:clamp(320px,80vw,500px);border-radius:var(--ngxsmk-radius-popup);border:unset!important;max-height:calc(100vh - 64px);padding:0}}@media(min-width:1025px){.ngxsmk-popover-container{position:absolute;transform:none;width:max-content;min-width:360px;max-height:none;border-radius:var(--ngxsmk-radius-md);box-shadow:var(--ngxsmk-shadow-lg);border:unset!important}}.ngxsmk-calendar-container{display:flex;flex-direction:column;width:100%}@media(min-width:1025px){.ngxsmk-calendar-container.ngxsmk-has-multi-calendar{flex-direction:column;align-items:stretch;min-width:600px}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar>ngxsmk-calendar-header,.ngxsmk-calendar-container.ngxsmk-has-multi-calendar>.ngxsmk-multi-calendar-container{width:100%;max-width:100%;min-width:0}}\n"] }]
13341
+ `, styles: ["ngxsmk-datepicker,.ngxsmk-popover-container,.ngxsmk-backdrop{--datepicker-primary-color: var(--ion-color-primary, #6d28d9);--datepicker-primary-contrast: var(--ion-color-primary-contrast, #ffffff);--datepicker-range-background: var(--ion-color-primary-tint, #f5f3ff);--datepicker-background: var(--ion-background-color, #ffffff);--datepicker-text-color: var(--ion-text-color, #1f2937);--datepicker-subtle-text-color: var(--ion-text-color-step-400, #6b7280);--datepicker-border-color: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--datepicker-hover-background: #f3f4f6;--datepicker-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--datepicker-primary-color) 15%, transparent);--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--datepicker-primary-contrast);--ngxsmk-color-range-bg: var(--datepicker-range-background);--ngxsmk-color-surface: var(--datepicker-background);--ngxsmk-color-surface-hover: var(--datepicker-hover-background);--ngxsmk-color-text-main: var(--datepicker-text-color);--ngxsmk-color-text-muted: var(--datepicker-subtle-text-color);--ngxsmk-color-border: var(--datepicker-border-color);--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--datepicker-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--datepicker-font-size-xs: 10px;--datepicker-font-size-sm: 12px;--datepicker-font-size-base: 14px;--datepicker-font-size-lg: 16px;--datepicker-font-size-xl: 18px;--datepicker-line-height: 1.5;--datepicker-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--datepicker-spacing-xs: 4px;--datepicker-spacing-sm: 8px;--datepicker-spacing-md: 12px;--datepicker-spacing-lg: 16px;--datepicker-spacing-xl: 20px;--datepicker-spacing-2xl: 24px;--datepicker-radius-sm: 6px;--datepicker-radius-md: 8px;--datepicker-radius-lg: 12px;--datepicker-radius-xl: 16px;--datepicker-border-radius: var(--datepicker-radius-lg);--datepicker-transition-duration: .15s;--datepicker-transition-easing: cubic-bezier(.4, 0, .2, 1);--datepicker-transition-property: all;--datepicker-transition: var(--datepicker-transition-property) var(--datepicker-transition-duration) var(--datepicker-transition-easing);--datepicker-z-index-base: 2147483647;--datepicker-z-index-backdrop: 2147483646}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151;--datepicker-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--datepicker-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--datepicker-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.dark-theme *{--datepicker-range-background: rgba(139, 92, 246, .15);--datepicker-background: #1f2937;--datepicker-text-color: #f3f4f6;--datepicker-subtle-text-color: #9ca3af;--datepicker-border-color: #374151;--datepicker-hover-background: #374151}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--datepicker-background: rgba(255, 255, 255, .7);--datepicker-border-color: rgba(255, 255, 255, .3);--datepicker-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--datepicker-border-color)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--datepicker-background: rgba(31, 41, 55, .7);--datepicker-border-color: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--datepicker-primary-color: #6750a4;--datepicker-radius-lg: 28px;--datepicker-font-family: \"Roboto\", sans-serif;--datepicker-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}@media(prefers-contrast:high){ngxsmk-datepicker{--datepicker-border-color: #000000;--datepicker-text-color: #000000;--datepicker-subtle-text-color: #000000;--datepicker-background: #ffffff;--datepicker-hover-background: #f0f0f0;--datepicker-primary-color: #0000ff;--datepicker-primary-contrast: #ffffff;--datepicker-range-background: #e0e0e0;--datepicker-focus-outline: #000000}ngxsmk-datepicker.dark-theme{--datepicker-border-color: #ffffff;--datepicker-text-color: #ffffff;--datepicker-subtle-text-color: #ffffff;--datepicker-background: #000000;--datepicker-hover-background: #333333;--datepicker-primary-color: #ffffff;--datepicker-primary-contrast: #000000;--datepicker-range-background: #333333;--datepicker-focus-outline: #ffffff}ngxsmk-datepicker *{border-color:var(--datepicker-border-color)!important}.ngxsmk-day-cell{border:2px solid transparent!important}.ngxsmk-day-cell:not(.disabled):not(.empty):hover{border-color:var(--datepicker-border-color)!important;background-color:var(--datepicker-hover-background)!important}.ngxsmk-day-cell.disabled{opacity:.5!important;border-color:#ccc!important}.ngxsmk-day-cell.selected,.ngxsmk-day-cell.start-date,.ngxsmk-day-cell.end-date{border:3px solid var(--datepicker-border-color)!important;background-color:var(--datepicker-primary-color)!important;color:var(--datepicker-primary-contrast)!important}.ngxsmk-day-cell.focused,.ngxsmk-day-cell:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-nav-button.focused,.ngxsmk-nav-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-input-group{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-border-color)!important;outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-clear-button,.ngxsmk-calendar-button{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-clear-button.focused,.ngxsmk-clear-button:focus-visible,.ngxsmk-calendar-button.focused,.ngxsmk-calendar-button:focus-visible{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-popover-container{border:3px solid var(--datepicker-border-color)!important;box-shadow:0 4px 8px #0000004d!important}.ngxsmk-day-cell.in-range{background-color:var(--datepicker-range-background)!important;border-color:var(--datepicker-border-color)!important}.ngxsmk-custom-select{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-custom-select.focused,.ngxsmk-custom-select:focus-within{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}.ngxsmk-time-input{border:2px solid var(--datepicker-border-color)!important}.ngxsmk-time-input.focused,.ngxsmk-time-input:focus{outline:3px solid var(--datepicker-focus-outline)!important;outline-offset:2px!important}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker{--datepicker-transition: none}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}\n", "ngxsmk-datepicker{display:block;width:100%;position:relative;font-family:var(--datepicker-font-family);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:visible}ngxsmk-datepicker:has(.ngxsmk-calendar-open){z-index:1000!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open{z-index:var(--datepicker-z-index-base);position:relative;isolation:isolate}@media(max-width:1023px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode){isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important;overflow:visible!important;clip-path:none!important;clip:auto!important;position:static!important;z-index:auto!important}ngxsmk-datepicker{display:block!important;width:100%!important;overflow:visible!important;position:relative!important;isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important}ngxsmk-datepicker:has(.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:visible!important;isolation:auto!important;transform:none!important;-webkit-transform:none!important;contain:none!important;z-index:auto!important}}@media(min-width:1024px){.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;position:fixed!important;inset:0;background:transparent!important;z-index:var(--datepicker-z-index-backdrop)!important;pointer-events:auto!important}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}@media(max-width:1023px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:var(--datepicker-z-index-backdrop)!important;background:#0000008c!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;-webkit-tap-highlight-color:transparent!important;-ms-tap-highlight-color:transparent!important;pointer-events:auto!important}.ngxsmk-datepicker-wrapper:not(.ngxsmk-calendar-open) .ngxsmk-backdrop,.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open.ngxsmk-inline-mode .ngxsmk-backdrop{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)),html:has(.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode)){overflow:hidden!important}.ngxsmk-backdrop.ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}.ngxsmk-input-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;width:100%;border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);background:var(--datepicker-background);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);position:relative;overflow:hidden;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-input-group:focus-within{border-color:var(--datepicker-primary-color);-webkit-box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);-moz-box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);box-shadow:var(--datepicker-shadow-focus),var(--datepicker-shadow-md);outline:none}.ngxsmk-input-group:hover:not(.disabled){border-color:var(--datepicker-primary-color);-webkit-box-shadow:var(--datepicker-shadow-md);-moz-box-shadow:var(--datepicker-shadow-md);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-input-group.disabled{cursor:not-allowed;opacity:.6;background:var(--datepicker-hover-background)}.ngxsmk-native-input-group{cursor:default}.ngxsmk-native-input-group .ngxsmk-native-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;margin-left:4px}.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-inner-spin-button,.ngxsmk-native-input-group .ngxsmk-native-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ngxsmk-display-input{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:100%;padding:var(--datepicker-spacing-md) var(--datepicker-spacing-lg);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);background:transparent;border:none;outline:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);min-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-display-input:disabled{cursor:not-allowed;opacity:.6}.ngxsmk-display-input::placeholder{color:var(--datepicker-subtle-text-color);font-weight:400}.ngxsmk-clear-button{background:none;border:none;padding:var(--datepicker-spacing-sm);margin-right:var(--datepicker-spacing-sm);cursor:pointer;color:var(--datepicker-subtle-text-color);line-height:1;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;will-change:background-color;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-clear-button:hover:not(:disabled){color:var(--datepicker-text-color);background:var(--datepicker-hover-background)}.ngxsmk-clear-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-calendar-button{background:none;border:none;padding:var(--datepicker-spacing-sm);margin-right:var(--datepicker-spacing-sm);cursor:pointer;color:var(--datepicker-subtle-text-color);line-height:1;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;flex-shrink:0}.ngxsmk-calendar-button svg{width:18px;height:18px}.ngxsmk-calendar-button:hover:not(:disabled){color:var(--datepicker-primary-color);background:var(--datepicker-hover-background)}.ngxsmk-calendar-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-calendar-button:disabled{cursor:not-allowed;opacity:.6}.ngxsmk-popover-container{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--datepicker-z-index-base);width:100%;min-width:100%;max-width:100%;overflow:visible;display:block;visibility:visible;opacity:1;pointer-events:auto}.ngxsmk-popover-container.ngxsmk-inline-container{position:static!important;top:0;left:0;margin:0;transform:none!important;box-shadow:none!important;animation:none!important;width:auto;min-width:0;max-width:100%;display:inline-block}.ngxsmk-popover-container.ngxsmk-popover-open{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.ngxsmk-popover-container.ngxsmk-popover-open .ngxsmk-calendar-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open{height:auto!important;max-height:none!important;overflow:visible!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open .ngxsmk-calendar-container{overflow:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection){max-height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection)>*{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-datepicker-container{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-multi-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-calendar-month{min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-time-only-popover):not(.ngxsmk-has-time-selection) .ngxsmk-days-grid-wrapper{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.ngxsmk-popover-container.ngxsmk-align-left{left:0!important;right:auto!important;transform:none!important}.ngxsmk-popover-container.ngxsmk-align-right{left:auto!important;right:0!important;transform:none!important}.ngxsmk-popover-container.ngxsmk-align-center{left:50%!important;right:auto!important;transform:translate(-50%)!important;-webkit-transform:translateX(-50%)!important}@media(max-width:1023px){.ngxsmk-popover-container:not(.ngxsmk-inline-container){isolation:auto!important;contain:none!important;clip-path:none!important;clip:auto!important;overflow:visible!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;z-index:2147483647!important;pointer-events:none!important;width:calc(100% - 12px)!important;min-width:280px!important;max-width:480px!important;max-height:calc(100vh - 48px)!important;max-height:calc(100dvh - 48px)!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){height:auto!important;max-height:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto!important;-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-multi-calendar-container{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-month{min-height:0!important;overflow:hidden!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-days-grid-wrapper{-webkit-box-flex:1!important;-webkit-flex:1 1 auto!important;-ms-flex:1 1 auto!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}.ngxsmk-input-and-error{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;gap:4px}.ngxsmk-validation-error{font-size:var(--datepicker-font-size-sm, 12px);color:var(--datepicker-error-color, #b00020);margin-top:2px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-datepicker-container,.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-calendar-container{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-cell{pointer-events:auto!important;min-width:44px;min-height:44px;margin:2px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-day-number{pointer-events:auto!important;font-size:16px}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop{pointer-events:auto!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){inset:auto 0 0!important;transform:none!important;width:100%!important;max-width:100%!important;border-radius:20px 20px 0 0!important;margin:0!important;-webkit-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important;-moz-animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important;animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1)!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){inset:0!important;transform:none!important;width:100%!important;height:100%!important;max-height:100%!important;max-width:100%!important;border-radius:0!important;margin:0!important;-webkit-animation:fadeInScale .2s ease-out!important;-moz-animation:fadeInScale .2s ease-out!important;animation:fadeInScale .2s ease-out!important}.ngxsmk-datepicker-container{width:100%!important;max-width:100%!important;overflow:visible!important}.ngxsmk-calendar-container{padding:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}.ngxsmk-header,.ngxsmk-header>*,.ngxsmk-month-year-selects,.ngxsmk-month-year-selects>*,.ngxsmk-nav-buttons,.ngxsmk-nav-buttons>*{margin:0!important}.ngxsmk-header{display:flex!important;width:100%!important;gap:4px!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important;display:flex!important;gap:4px!important}.ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important}.ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto!important;display:flex!important;gap:4px!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important;box-sizing:border-box!important}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:44px!important;min-height:44px!important}.ngxsmk-month-year-selects ngxsmk-custom-select{flex:1 1 0%!important;min-width:0!important}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%!important;min-height:100%!important;box-sizing:border-box!important}.ngxsmk-footer,.ngxsmk-footer>*{margin:0!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{height:44px!important;min-height:44px!important;box-sizing:border-box!important;padding:10px 16px!important}.ngxsmk-days-grid{gap:2px!important;margin:0!important}.ngxsmk-days-grid>*{margin:0!important}.ngxsmk-day-name{font-size:13px!important;width:100%!important}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-moz-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-8px,0);-moz-transform:translate3d(0,-8px,0);-ms-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}}@-webkit-keyframes fadeInDownMobile{0%{opacity:0;-webkit-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-moz-keyframes fadeInDownMobile{0%{opacity:0;-moz-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-moz-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@keyframes fadeInDownMobile{0%{opacity:0;-webkit-transform:translate3d(-50%,-8px,0);-moz-transform:translate3d(-50%,-8px,0);-ms-transform:translate3d(-50%,-8px,0);transform:translate3d(-50%,-8px,0)}to{opacity:1;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}@-webkit-keyframes fadeInScale{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-moz-keyframes fadeInScale{0%{opacity:0;-moz-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-moz-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes fadeInScale{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.95);-moz-transform:translate(-50%,-50%) scale(.95);-ms-transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) scale(.95)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@-moz-keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}ngxsmk-datepicker.ngxsmk-inline{display:block;width:fit-content;max-width:100%}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode{display:block;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-popover-container.ngxsmk-inline-container{overflow:visible;position:static!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-datepicker-container{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;overflow:visible;margin-top:0!important;position:static!important;z-index:0;width:auto!important;min-width:0!important;max-width:100%!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-calendar-container{width:auto!important;min-width:0!important;max-width:100%!important}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container,.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container ul{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:visible}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;position:relative;z-index:var(--datepicker-z-index-base);pointer-events:auto;background:var(--datepicker-background);-webkit-box-shadow:var(--datepicker-shadow-lg);-moz-box-shadow:var(--datepicker-shadow-lg);box-shadow:var(--datepicker-shadow-lg);border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-border-radius);-moz-border-radius:var(--datepicker-border-radius);border-radius:var(--datepicker-border-radius)}.ngxsmk-calendar-loading{position:absolute;inset:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--datepicker-spacing-md, 12px);background:var(--datepicker-background);opacity:.95;z-index:100}.ngxsmk-calendar-loading-spinner{width:28px;height:28px;border:3px solid var(--datepicker-border-color);border-top-color:var(--datepicker-accent-color, #1976d2);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:ngxsmk-spin .7s linear infinite;-moz-animation:ngxsmk-spin .7s linear infinite;animation:ngxsmk-spin .7s linear infinite}.ngxsmk-calendar-loading-text{font-size:var(--datepicker-font-size-sm, 14px);color:var(--datepicker-text-secondary, #666)}@-webkit-keyframes ngxsmk-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes ngxsmk-spin{to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ngxsmk-spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.ngxsmk-calendar-container{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);padding:var(--datepicker-spacing-xs);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;padding:var(--datepicker-spacing-xs);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-calendar-container.ngxsmk-time-only-mode{padding:var(--datepicker-spacing-xl)!important;min-width:320px;overflow:visible!important}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection{overflow:visible!important;align-items:baseline;position:relative;z-index:1;margin-top:0;padding-top:0;border-top:none}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection ngxsmk-custom-select{position:relative;z-index:10}.ngxsmk-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000000!important}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;padding:var(--datepicker-spacing-lg);background:var(--datepicker-hover-background);border-radius:var(--datepicker-radius-lg);border:1px solid var(--datepicker-border-color);box-sizing:border-box;flex-shrink:0;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-ranges-container ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--datepicker-spacing-sm);list-style:none;padding:0;margin:calc(var(--datepicker-spacing-sm) / -2);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;overflow:visible}.ngxsmk-ranges-container ul>*{margin:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);font-size:var(--datepicker-font-size-sm);line-height:var(--datepicker-line-height);border:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);cursor:pointer;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background:var(--datepicker-background);font-weight:500;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-ranges-container li:hover:not(.disabled){background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color);-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);will-change:transform}.ngxsmk-ranges-container li.disabled{cursor:not-allowed;opacity:.5;background-color:transparent!important;color:var(--datepicker-subtle-text-color)}.ngxsmk-ranges-container li.ngxsmk-preset-active{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color);font-weight:700}.ngxsmk-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--datepicker-spacing-lg);position:relative;z-index:2;gap:var(--datepicker-spacing-md);padding-bottom:var(--datepicker-spacing-md);border-bottom:1px solid var(--datepicker-border-color);margin-left:calc(var(--datepicker-spacing-md) / -2);margin-right:calc(var(--datepicker-spacing-md) / -2)}.ngxsmk-header>*{margin-left:calc(var(--datepicker-spacing-md) / 2);margin-right:calc(var(--datepicker-spacing-md) / 2)}.ngxsmk-month-year-selects{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--datepicker-spacing-sm);-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-month-year-selects>*{margin:calc(var(--datepicker-spacing-sm) / 2);cursor:pointer}.ngxsmk-month-year-selects ngxsmk-custom-select{cursor:pointer;flex:1;min-width:0;height:40px;min-height:40px}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%;min-height:100%;box-sizing:border-box}.ngxsmk-nav-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--datepicker-spacing-xs);margin:calc(var(--datepicker-spacing-xs) / -2)}.ngxsmk-nav-buttons>*{margin:calc(var(--datepicker-spacing-xs) / 2)}.ngxsmk-nav-button{padding:var(--datepicker-spacing-sm);border:1px solid transparent;-webkit-border-radius:var(--datepicker-border-radius);-moz-border-radius:var(--datepicker-border-radius);border-radius:var(--datepicker-border-radius);background:#00000008;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;will-change:transform;backface-visibility:hidden;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:var(--datepicker-text-color);-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);min-width:36px;width:40px;height:40px;min-height:40px;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-nav-button:hover:not(:disabled){background-color:var(--datepicker-hover-background);border-color:#0000000d;-webkit-transform:scale3d(1.05,1.05,1);-moz-transform:scale3d(1.05,1.05,1);-ms-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);will-change:transform}.ngxsmk-nav-button:active:not(:disabled){-webkit-transform:scale3d(.95,.95,1);-moz-transform:scale3d(.95,.95,1);-ms-transform:scale3d(.95,.95,1);transform:scale3d(.95,.95,1)}.ngxsmk-nav-button:disabled{cursor:not-allowed;opacity:.4}.ngxsmk-nav-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}.ngxsmk-nav-button svg{width:18px;height:18px;stroke-width:32}.ngxsmk-days-grid-wrapper{margin-top:var(--datepicker-spacing-md);overflow:visible;position:relative;touch-action:pan-y;-webkit-overflow-scrolling:touch}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%}.ngxsmk-days-grid{display:grid;grid-template-columns:repeat(7,1fr);-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;gap:var(--datepicker-spacing-xs);width:100%;position:relative;isolation:isolate;-ms-touch-action:manipulation;touch-action:manipulation;margin:calc(var(--datepicker-spacing-xs) / -2);contain:layout style;will-change:contents;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%}.ngxsmk-days-grid>*{margin:calc(var(--datepicker-spacing-xs) / 2)}.ngxsmk-day-name{font-size:var(--datepicker-font-size-sm);padding:var(--datepicker-spacing-md) 0;color:var(--datepicker-subtle-text-color);font-weight:600;line-height:var(--datepicker-line-height);text-transform:uppercase;letter-spacing:.5px;width:100%;box-sizing:border-box}.ngxsmk-day-cell{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);-webkit-transition:background-color .15s cubic-bezier(.4,0,.2,1);-moz-transition:background-color .15s cubic-bezier(.4,0,.2,1);-o-transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color .15s cubic-bezier(.4,0,.2,1);background-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:visible;z-index:1;margin:0 auto;contain:layout style;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto;-webkit-touch-callout:none}@media(max-width:1024px){.ngxsmk-day-cell{width:100%;height:auto;aspect-ratio:1/1;min-width:0;max-width:none;min-height:0;max-height:none}.ngxsmk-day-number{width:100%;height:100%;min-width:0;max-width:none;min-height:0;max-height:none;font-size:14px}.ngxsmk-nav-button{min-width:40px;min-height:40px;height:40px;padding:8px}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:40px!important;min-height:40px!important}.ngxsmk-month-year-selects .ngxsmk-select-display{min-height:100%;height:100%;box-sizing:border-box}.ngxsmk-clear-button,.ngxsmk-close-button,.ngxsmk-clear-button-footer{min-height:40px;padding:8px 12px}.ngxsmk-input-group{min-width:100%}.ngxsmk-display-input{min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:var(--datepicker-spacing-xs);margin-right:var(--datepicker-spacing-xs)}.ngxsmk-calendar-button{display:none!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}}.ngxsmk-day-number{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);position:relative;z-index:2;font-weight:500;-webkit-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .15s cubic-bezier(.4,0,.2,1);-moz-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-moz-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),-moz-box-shadow .15s cubic-bezier(.4,0,.2,1);-o-transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),-o-transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;contain:layout style;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ngxsmk-day-cell:not(.disabled):not(.empty):hover .ngxsmk-day-number{background-color:var(--datepicker-hover-background);color:var(--datepicker-primary-color);-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1);-ms-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);will-change:transform}.ngxsmk-day-cell.focused{z-index:10}.ngxsmk-day-cell.focused .ngxsmk-day-number{outline:2px solid var(--datepicker-primary-color);outline-offset:2px;background-color:var(--datepicker-hover-background);z-index:11}.ngxsmk-day-cell.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range){z-index:3}.ngxsmk-day-cell.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:4}.ngxsmk-day-cell.start-date:not(.in-range):not(.preview-range):not(.end-date),.ngxsmk-day-cell.end-date:not(.in-range):not(.preview-range):not(.start-date){z-index:3}.ngxsmk-day-cell.start-date:not(.in-range):not(.preview-range):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.end-date:not(.in-range):not(.preview-range):not(.start-date) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:4;border:none}.ngxsmk-day-cell.multiple-selected .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;border:2px solid var(--datepicker-primary-contrast);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.in-range,.ngxsmk-day-cell.preview-range{background-color:var(--datepicker-range-background);z-index:1}.ngxsmk-day-cell.start-date.in-range,.ngxsmk-day-cell.end-date.in-range,.ngxsmk-day-cell.start-date.preview-range,.ngxsmk-day-cell.end-date.preview-range{background-color:var(--datepicker-range-background);z-index:2}.ngxsmk-day-cell.start-date.in-range .ngxsmk-day-number,.ngxsmk-day-cell.end-date.in-range .ngxsmk-day-number,.ngxsmk-day-cell.start-date.preview-range .ngxsmk-day-number,.ngxsmk-day-cell.end-date.preview-range .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:7}.ngxsmk-day-cell.start-date.end-date:not(.in-range) .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.start-date.end-date.in-range{background-color:var(--datepicker-range-background)}.ngxsmk-day-cell.holiday:not(.selected):not(.start-date):not(.end-date) .ngxsmk-day-number{color:#f97316;font-weight:600;position:relative}.ngxsmk-day-cell.holiday:not(.selected):not(.start-date):not(.end-date) .ngxsmk-day-number:after{content:\"\";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:#f97316;border-radius:50%}.ngxsmk-day-cell.start-date.end-date.in-range .ngxsmk-day-number{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);position:relative;z-index:2}.ngxsmk-day-cell.disabled{background-color:transparent!important;color:var(--datepicker-subtle-text-color);cursor:not-allowed;pointer-events:none;opacity:.4}.ngxsmk-day-cell.disabled.in-range,.ngxsmk-day-cell.disabled.preview-range{background-color:transparent!important}.ngxsmk-day-cell.disabled.in-range .ngxsmk-day-number,.ngxsmk-day-cell.disabled.preview-range .ngxsmk-day-number{text-decoration:line-through;text-decoration-color:var(--datepicker-error-color, #ef4444);text-decoration-thickness:2px}.ngxsmk-day-cell.empty{opacity:.3;cursor:default}.ngxsmk-day-cell.empty .ngxsmk-day-number{color:var(--datepicker-subtle-text-color)}.ngxsmk-day-cell.today:not(.selected):not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected){z-index:5}.ngxsmk-day-cell.today:not(.selected):not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected) .ngxsmk-day-number{border:2px solid var(--datepicker-primary-color);font-weight:600;background-color:transparent;color:var(--datepicker-primary-color);z-index:6;box-sizing:border-box}.ngxsmk-day-cell.today.selected:not(.start-date):not(.end-date):not(.in-range):not(.preview-range):not(.multiple-selected) .ngxsmk-day-number{border:none;background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);z-index:4}.ngxsmk-day-cell.today.start-date:not(.in-range):not(.preview-range):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.today.end-date:not(.in-range):not(.preview-range):not(.start-date) .ngxsmk-day-number{border:none;background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);font-weight:600;-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);z-index:4}.ngxsmk-day-cell.today.in-range:not(.start-date):not(.end-date) .ngxsmk-day-number,.ngxsmk-day-cell.today.preview-range:not(.start-date):not(.end-date) .ngxsmk-day-number{background-color:transparent;border:2px solid var(--datepicker-primary-color);color:var(--datepicker-primary-color);font-weight:600;box-sizing:border-box}.ngxsmk-day-cell.holiday .ngxsmk-day-number{color:var(--datepicker-primary-color);position:relative}.ngxsmk-day-cell.holiday .ngxsmk-day-number:after{content:\"\";position:absolute;bottom:2px;left:50%;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);width:4px;height:4px;background:var(--datepicker-primary-color);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.ngxsmk-time-selection{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm);-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-top:var(--datepicker-spacing-lg);padding-top:var(--datepicker-spacing-lg);border-top:1px solid var(--datepicker-border-color);width:100%;overflow:visible!important;position:relative;z-index:1;min-width:0;margin-left:calc(var(--datepicker-spacing-sm) / -2);margin-right:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-time-selection>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:10;cursor:pointer}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000000!important;position:relative}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10000001!important;position:absolute!important}.ngxsmk-popover-container.ngxsmk-has-time-selection,.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container{overflow:visible!important}.ngxsmk-time-label{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);font-weight:500;margin-right:var(--datepicker-spacing-xs);white-space:nowrap;flex-shrink:0}.ngxsmk-time-separator{font-weight:600;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-lg);white-space:nowrap;flex-shrink:0}.ngxsmk-timezone-selection{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm);margin-top:var(--datepicker-spacing-md);padding-top:var(--datepicker-spacing-md);border-top:1px solid var(--datepicker-border-color);width:100%}.ngxsmk-timezone-label{font-size:var(--datepicker-font-size-base);color:var(--datepicker-text-color);font-weight:500;white-space:nowrap}.ngxsmk-timezone-selection ngxsmk-custom-select{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.ngxsmk-time-range-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--datepicker-spacing-md);width:100%;margin-top:var(--datepicker-spacing-lg);padding-top:var(--datepicker-spacing-lg);border-top:1px solid var(--datepicker-border-color)}.ngxsmk-time-range-start,.ngxsmk-time-range-end{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:var(--datepicker-spacing-sm)}.ngxsmk-time-range-label{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);color:var(--datepicker-text-color);font-weight:500;white-space:nowrap;min-width:40px}.ngxsmk-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;gap:var(--datepicker-spacing-sm);margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);border-top:1px solid var(--datepicker-border-color);margin-left:calc(var(--datepicker-spacing-sm) / -2);margin-right:calc(var(--datepicker-spacing-sm) / -2)}.ngxsmk-footer>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:var(--datepicker-spacing-xs) var(--datepicker-spacing-md);-webkit-border-radius:var(--datepicker-radius-md);-moz-border-radius:var(--datepicker-radius-md);border-radius:var(--datepicker-radius-md);font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);cursor:pointer;-webkit-transition:var(--datepicker-transition);-moz-transition:var(--datepicker-transition);-o-transition:var(--datepicker-transition);transition:var(--datepicker-transition);border:1px solid var(--datepicker-border-color);font-weight:500;min-height:40px;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent}.ngxsmk-clear-button-footer{background:var(--datepicker-background);color:var(--datepicker-text-color)}.ngxsmk-clear-button-footer:hover:not(:disabled){background-color:var(--datepicker-hover-background);border-color:var(--datepicker-border-color)}.ngxsmk-close-button{background-color:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-close-button:hover:not(:disabled){background-color:var(--datepicker-primary-color);opacity:.9;-webkit-transform:translate3d(0,-1px,0);-moz-transform:translate3d(0,-1px,0);-ms-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0);-webkit-box-shadow:var(--datepicker-shadow-sm);-moz-box-shadow:var(--datepicker-shadow-sm);box-shadow:var(--datepicker-shadow-sm);will-change:transform}.ngxsmk-close-button:active:not(:disabled){-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}.ngxsmk-clear-button-footer:focus-visible,.ngxsmk-close-button:focus-visible{outline:2px solid var(--datepicker-primary-color);outline-offset:2px}@media(min-width:320px)and (max-width:1023px){.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):not(.ngxsmk-bottom-sheet):not(.ngxsmk-fullscreen){position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:100%!important;min-width:280px!important;max-width:min(100vw - 32px,500px)!important;max-height:calc(100vh - 64px)!important;max-height:calc(100dvh - 64px)!important;z-index:2147483647!important;margin:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-bottom-sheet:not(.ngxsmk-inline-container){position:fixed!important;inset:auto 0 0!important;-webkit-transform:translateY(0)!important;-moz-transform:translateY(0)!important;-ms-transform:translateY(0)!important;-o-transform:translateY(0)!important;transform:translateY(0)!important;width:100%!important;max-width:100%!important;max-height:min(90dvh,90dvh - env(safe-area-inset-bottom,0px))!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;border-radius:16px 16px 0 0!important;margin:0!important;z-index:2147483647!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important;-webkit-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;-moz-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;-o-transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-popover-container.ngxsmk-popover-open.ngxsmk-fullscreen:not(.ngxsmk-inline-container){position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;max-height:100vh!important;max-height:100dvh!important;padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;border-radius:0!important;margin:0!important;z-index:2147483647!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;display:block!important;visibility:visible!important;opacity:1!important;will-change:transform,opacity!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(100vw - 32px,500px)!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;max-height:calc(100vh - 64px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(100vw - 32px,800px)!important;overflow-x:visible!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-display-input{padding:10px 12px;min-height:44px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:8px;margin-right:8px}.ngxsmk-calendar-button{display:none!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-day-cell{width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-width:0!important;max-width:48px!important;min-height:0!important;max-height:48px!important;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.ngxsmk-day-number{width:85%!important;height:85%!important;min-width:30px!important;max-width:38px!important;min-height:30px!important;max-height:38px!important;font-size:var(--datepicker-font-size-base)!important;display:flex!important;align-items:center!important;justify-content:center!important}.ngxsmk-day-name{font-size:11px!important;font-weight:700!important;padding:8px 0!important;width:100%!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important;display:flex!important;align-items:center!important;justify-content:center!important}.ngxsmk-calendar-container{padding:0!important;width:100%!important;min-width:0!important;max-width:100%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:var(--datepicker-spacing-xs) auto 0;padding:0}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-xs) 0 0 0}.ngxsmk-days-grid{gap:4px;padding:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%!important;max-width:100%!important;margin:0 auto}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-header,.ngxsmk-header>*,.ngxsmk-month-year-selects,.ngxsmk-month-year-selects>*,.ngxsmk-nav-buttons,.ngxsmk-nav-buttons>*{margin:0!important}.ngxsmk-header{display:flex!important;padding:4px!important;margin-bottom:var(--datepicker-spacing-sm);width:100%!important;max-width:100%!important;margin-left:0;margin-right:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:2px;box-sizing:border-box!important;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.ngxsmk-month-year-selects{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;width:auto;gap:4px;min-width:0;display:flex!important}.ngxsmk-month-year-selects>*{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%!important;min-width:0!important}.ngxsmk-nav-buttons{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto!important;display:flex!important;gap:2px}.ngxsmk-month-year-selects ngxsmk-custom-select,.ngxsmk-month-year-selects .ngxsmk-select-container{height:36px!important;min-height:36px!important}.ngxsmk-nav-button{width:36px!important;height:36px!important;padding:6px!important;min-height:36px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-month-year-selects .ngxsmk-select-container,.ngxsmk-month-year-selects .ngxsmk-select-display{height:100%!important;min-height:100%!important;box-sizing:border-box!important}.ngxsmk-select-display{padding:0 6px!important;font-size:13px!important;min-width:0!important}.ngxsmk-arrow-icon{width:12px!important;height:12px!important;margin-left:2px!important}.ngxsmk-time-selection{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%!important;max-width:100%!important;margin-left:auto;margin-right:auto;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;justify-content:center!important;gap:2px;overflow:visible!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:0!important;padding-right:0!important}.ngxsmk-time-selection>*{-webkit-flex-shrink:1!important;-ms-flex-negative:1!important;flex-shrink:1!important;min-width:0}.ngxsmk-time-selection ngxsmk-custom-select{height:44px!important}.ngxsmk-time-separator{font-size:20px!important;padding:0 4px!important}.ngxsmk-time-label{font-size:12px!important;font-weight:600!important;color:var(--datepicker-text-color)!important;white-space:nowrap;margin-right:2px!important}.ngxsmk-footer,.ngxsmk-footer>*{margin:0!important}.ngxsmk-footer{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-clear-button-footer,.ngxsmk-close-button{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;height:36px!important;min-height:36px!important;padding:6px 12px;font-size:14px;font-weight:600;border-radius:12px;box-sizing:border-box!important}.ngxsmk-ranges-container{width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible}.ngxsmk-ranges-container ul{flex-wrap:wrap!important;justify-content:center!important;gap:8px 6px;overflow:visible;width:100%!important;min-width:0!important;max-width:100%!important}.ngxsmk-ranges-container li{flex-shrink:0!important;white-space:nowrap;min-width:fit-content}.ngxsmk-datepicker-container{width:100%!important;min-width:0!important;max-width:100%!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;z-index:var(--datepicker-z-index-base)}.ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}}@media(min-width:600px)and (max-width:767px){.ngxsmk-display-input{font-size:15px!important;padding:12px 16px!important;min-height:44px!important;line-height:1.5}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:360px!important;max-width:min(90vw,550px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:20px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;z-index:2147483647!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-datepicker-container,.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container) .ngxsmk-calendar-container{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-popover-container:not(.ngxsmk-inline-container)>*,.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container)>*{pointer-events:auto!important}.ngxsmk-popover-container:not(.ngxsmk-popover-open):not(.ngxsmk-inline-container){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:20px!important;max-width:100%!important;width:100%!important;border-radius:20px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:16px!important;overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-has-time-selection .ngxsmk-calendar-container,.ngxsmk-calendar-container.ngxsmk-time-only-mode{overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-ranges-container{padding:16px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:12px 18px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{width:100%!important;padding:16px 12px!important;margin-bottom:16px!important;gap:16px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:12px!important;font-size:15px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:15px!important}.ngxsmk-nav-buttons{gap:10px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:22px!important;height:22px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:6px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:13px!important;font-weight:600!important;padding:12px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:12px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-size:15px!important;font-weight:500!important;border-radius:12px!important}.ngxsmk-time-selection{gap:12px!important;padding:20px 12px!important;margin-top:16px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-size:15px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 80px !important;min-width:80px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:22px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 8px!important}.ngxsmk-footer{gap:12px!important;padding:20px 12px 16px!important;margin-top:16px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:14px 24px!important;font-size:15px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:140px!important;border-radius:12px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:24px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:20px!important;padding:0 12px!important;scroll-snap-type:x mandatory!important;flex-wrap:nowrap!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:320px!important;max-width:340px!important;flex-shrink:0!important}.ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 12px)!important;max-width:calc(50% - 12px)!important;width:calc(50% - 12px)!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:16px!important;font-weight:600!important;padding:16px 12px!important;margin-bottom:16px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:20px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(90vw,800px)!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:12px!important;padding:16px 12px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:14px 18px!important;font-size:15px!important;border-radius:12px!important}.ngxsmk-timeline-view{padding:16px 12px!important}.ngxsmk-timeline-header{padding:16px 12px!important;margin-bottom:16px!important}.ngxsmk-timeline-controls{gap:14px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important}.ngxsmk-timeline-range{font-size:15px!important;padding:14px 18px!important}.ngxsmk-timeline-container{padding:16px 12px!important}.ngxsmk-timeline-month{min-height:80px!important;padding:14px!important;border-radius:12px!important}.ngxsmk-time-slider-view{padding:16px 12px!important;gap:20px!important}.ngxsmk-time-slider-header{padding:16px 12px!important;gap:14px!important}.ngxsmk-time-slider-label{font-size:15px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:18px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:16px 12px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:1024px){.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){position:absolute!important;top:calc(100% + 8px)!important;left:0!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:min(90vw,500px)!important;max-height:none!important;z-index:2147483647!important;margin:0!important;overflow:visible!important;overflow-y:visible!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-wrapper .ngxsmk-calendar-container{padding:var(--datepicker-spacing-md);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:100%;margin:0 auto}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;margin:0;padding:var(--datepicker-spacing-md, 16px);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-days-grid-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:var(--datepicker-spacing-sm) auto 0}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper{width:100%;max-width:100%;margin:var(--datepicker-spacing-sm) 0 0 0}.ngxsmk-days-grid{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%;max-width:100%;margin:0}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--datepicker-spacing-lg);border-right:none;border-bottom:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-radius-lg) var(--datepicker-radius-lg) 0 0;background:var(--datepicker-hover-background)}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container{width:100%!important;max-width:100%!important;min-width:0!important}.ngxsmk-ranges-container ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--datepicker-spacing-xs);width:100%;min-width:100%;max-width:100%;overflow:visible}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);margin-bottom:0;border:none;font-size:var(--datepicker-font-size-sm);width:auto;text-align:center;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.ngxsmk-day-cell{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px}.ngxsmk-day-number{width:36px;height:36px;min-width:36px;max-width:36px;min-height:36px;max-height:36px;font-size:var(--datepicker-font-size-base)}.ngxsmk-header{width:100%;margin-left:auto;margin-right:auto}.ngxsmk-datepicker-container .ngxsmk-calendar-container{padding-left:var(--datepicker-spacing-sm);padding-right:var(--datepicker-spacing-sm)}.ngxsmk-time-selection{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.ngxsmk-day-name{width:auto!important;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}}@media(min-width:1024px){.ngxsmk-popover-container:not(.ngxsmk-inline-container){width:auto;min-width:600px;max-width:800px}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:min(95vw,1400px)!important}.ngxsmk-datepicker-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;min-width:0;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngxsmk-datepicker-container:has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0}.ngxsmk-datepicker-wrapper .ngxsmk-calendar-container{padding:var(--datepicker-spacing-2xl);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%;padding:var(--datepicker-spacing-md, 16px);box-sizing:border-box}.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:auto!important;max-width:100%!important}.ngxsmk-ranges-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--datepicker-spacing-xl);border-right:1px solid var(--datepicker-border-color);-webkit-border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);-moz-border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);border-radius:var(--datepicker-radius-lg) 0 0 var(--datepicker-radius-lg);background:var(--datepicker-hover-background)}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-ranges-container{width:100%!important;max-width:100%!important;min-width:0!important;border-right:none!important;border-bottom:1px solid var(--datepicker-border-color)!important;border-radius:var(--datepicker-radius-lg) var(--datepicker-radius-lg) 0 0!important}.ngxsmk-ranges-container ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--datepicker-spacing-xs);width:100%;min-width:100%;max-width:100%;overflow:visible}.ngxsmk-ranges-container li{padding:var(--datepicker-spacing-md) var(--datepicker-spacing-lg);margin-bottom:0;border:none;font-size:var(--datepicker-font-size-base);width:100%;text-align:left}.ngxsmk-day-cell{width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px}.ngxsmk-day-number{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;font-size:var(--datepicker-font-size-base)}}@media(hover:none)and (pointer:coarse){.ngxsmk-nav-button:hover:not(:disabled){background-color:transparent;transform:none}.ngxsmk-day-cell:not(.disabled):not(.empty):hover .ngxsmk-day-number{background-color:transparent;color:var(--datepicker-text-color);transform:none}.ngxsmk-clear-button:hover:not(:disabled){color:var(--datepicker-subtle-text-color);background:transparent}.ngxsmk-ranges-container li:hover:not(.disabled){background-color:var(--datepicker-background);color:var(--datepicker-text-color);border-color:var(--datepicker-border-color);transform:none;box-shadow:none}.ngxsmk-close-button:hover:not(:disabled){transform:none;box-shadow:none}}@media print{.ngxsmk-datepicker-wrapper{display:none}}.ngxsmk-day-cell:focus-visible{outline:none}.ngxsmk-day-cell:focus-visible .ngxsmk-day-number{outline:2px solid var(--datepicker-primary-color);outline-offset:2px;background-color:var(--datepicker-hover-background)}.ngxsmk-ranges-container::-webkit-scrollbar{width:6px}.ngxsmk-ranges-container::-webkit-scrollbar-track{background:var(--datepicker-hover-background);border-radius:var(--datepicker-radius-sm)}.ngxsmk-ranges-container::-webkit-scrollbar-thumb{background:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm)}.ngxsmk-ranges-container::-webkit-scrollbar-thumb:hover{background:var(--datepicker-text-color)}.ngxsmk-year-grid-container,.ngxsmk-decade-grid-container{overflow-y:auto;overflow-x:hidden;position:relative;will-change:transform;scroll-behavior:smooth}.ngxsmk-year-grid-container::-webkit-scrollbar,.ngxsmk-decade-grid-container::-webkit-scrollbar{width:8px}.ngxsmk-year-grid-container::-webkit-scrollbar-track,.ngxsmk-decade-grid-container::-webkit-scrollbar-track{background:var(--datepicker-bg-color)}.ngxsmk-year-grid-container::-webkit-scrollbar-thumb,.ngxsmk-decade-grid-container::-webkit-scrollbar-thumb{background:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm)}.ngxsmk-year-grid-container::-webkit-scrollbar-thumb:hover,.ngxsmk-decade-grid-container::-webkit-scrollbar-thumb:hover{background:var(--datepicker-text-color)}.ngxsmk-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--datepicker-spacing-sm);padding:var(--datepicker-spacing-md)}.ngxsmk-decade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--datepicker-spacing-sm);padding:var(--datepicker-spacing-md)}.ngxsmk-year-cell,.ngxsmk-decade-cell{padding:var(--datepicker-spacing-md);border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);font-weight:500;cursor:pointer;transition:var(--datepicker-transition);text-align:center}.ngxsmk-decade-cell{padding:var(--datepicker-spacing-lg)}.ngxsmk-year-cell:hover:not(:disabled),.ngxsmk-decade-cell:hover:not(:disabled){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-year-cell.selected,.ngxsmk-decade-cell.selected{background:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-year-cell.today{border-color:var(--datepicker-primary-color);font-weight:600}.ngxsmk-year-cell:disabled,.ngxsmk-decade-cell:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-year-display,.ngxsmk-decade-display{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--datepicker-font-size-base);font-weight:600;color:var(--datepicker-text-color)}.ngxsmk-view-toggle{background:transparent;border:none;color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-base);font-weight:600;cursor:pointer;padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-md);border-radius:var(--datepicker-border-radius);transition:var(--datepicker-transition)}.ngxsmk-view-toggle:hover:not(:disabled){background:var(--datepicker-hover-background)}.ngxsmk-view-toggle:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-timeline-view{padding:var(--datepicker-spacing-md)}.ngxsmk-timeline-header{margin-bottom:var(--datepicker-spacing-md)}.ngxsmk-timeline-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--datepicker-spacing-md)}.ngxsmk-timeline-zoom-in,.ngxsmk-timeline-zoom-out{width:32px;height:32px;border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);font-size:var(--datepicker-font-size-lg);font-weight:600;cursor:pointer;transition:var(--datepicker-transition);display:flex;align-items:center;justify-content:center}.ngxsmk-timeline-zoom-in:hover:not(:disabled),.ngxsmk-timeline-zoom-out:hover:not(:disabled){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-zoom-in:disabled,.ngxsmk-timeline-zoom-out:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-timeline-range{font-size:var(--datepicker-font-size-sm);color:var(--datepicker-subtle-text-color);font-weight:500}.ngxsmk-timeline-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ngxsmk-timeline-track{display:flex;gap:var(--datepicker-spacing-xs);min-width:max-content;padding:var(--datepicker-spacing-sm) 0}.ngxsmk-timeline-month{min-width:80px;padding:var(--datepicker-spacing-md);border:1px solid var(--datepicker-border-color);border-radius:var(--datepicker-border-radius);background:var(--datepicker-background);color:var(--datepicker-text-color);cursor:pointer;transition:var(--datepicker-transition);text-align:center;display:flex;flex-direction:column;gap:var(--datepicker-spacing-xs)}.ngxsmk-timeline-month:hover:not(.selected){background:var(--datepicker-hover-background);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-month.selected{background:var(--datepicker-primary-color);color:var(--datepicker-primary-contrast);border-color:var(--datepicker-primary-color)}.ngxsmk-timeline-month-label{font-size:var(--datepicker-font-size-sm);font-weight:600;text-transform:uppercase}.ngxsmk-timeline-month-year{font-size:var(--datepicker-font-size-xs);opacity:.8}.ngxsmk-time-slider-view{padding:var(--datepicker-spacing-lg)}.ngxsmk-time-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--datepicker-spacing-sm)}.ngxsmk-time-slider-label{font-size:var(--datepicker-font-size-sm);font-weight:600;color:var(--datepicker-text-color)}.ngxsmk-time-slider-value{font-size:var(--datepicker-font-size-base);font-weight:600;color:var(--datepicker-primary-color);font-variant-numeric:tabular-nums}.ngxsmk-time-slider-container{margin-bottom:var(--datepicker-spacing-lg)}.ngxsmk-time-slider{width:100%;height:8px;border-radius:4px;background:var(--datepicker-hover-background);outline:none;-webkit-appearance:none;appearance:none}.ngxsmk-time-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--datepicker-primary-color);cursor:pointer;transition:var(--datepicker-transition)}.ngxsmk-time-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-time-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--datepicker-primary-color);cursor:pointer;border:none;transition:var(--datepicker-transition)}.ngxsmk-time-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--datepicker-shadow-md)}.ngxsmk-time-slider:disabled{opacity:.5;cursor:not-allowed}.ngxsmk-time-slider:disabled::-webkit-slider-thumb,.ngxsmk-time-slider:disabled::-moz-range-thumb{cursor:not-allowed}.ngxsmk-datepicker-wrapper[dir=rtl],.ngxsmk-datepicker-wrapper.ngxsmk-rtl{direction:rtl}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-input-group,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-input-group{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-clear-button,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-calendar-button,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-calendar-button{margin-right:0;margin-left:var(--datepicker-spacing-sm)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-popover-container,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-popover-container{left:auto;right:0}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-header,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-header,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-buttons,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-buttons{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-button:first-child svg,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-button:first-child svg{transform:scaleX(-1)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-nav-button:last-child svg,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-nav-button:last-child svg{transform:scaleX(-1)}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-days-grid,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-days-grid{direction:rtl}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-time-selection,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-time-selection,.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-footer,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-footer{flex-direction:row-reverse}.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-ranges-container ul,.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-ranges-container ul{direction:rtl;text-align:right}@media(max-width:1023px){.ngxsmk-datepicker-wrapper[dir=rtl] .ngxsmk-popover-container:not(.ngxsmk-inline-container),.ngxsmk-datepicker-wrapper.ngxsmk-rtl .ngxsmk-popover-container:not(.ngxsmk-inline-container){left:auto!important;right:auto!important}}.ngxsmk-multi-calendar-container{display:flex;flex-direction:column;gap:var(--datepicker-spacing-xl, 32px);width:100%;align-items:stretch}.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;gap:var(--datepicker-spacing-xl, 32px)}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--datepicker-spacing-xl, 32px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;flex-wrap:nowrap!important;width:100%!important;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:var(--datepicker-spacing-xl, 32px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{width:100%!important;max-width:100%!important;min-width:100%!important;margin:0!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row;flex-wrap:wrap;width:100%}.ngxsmk-calendar-month{width:100%;flex-shrink:0;display:flex;flex-direction:column}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{flex:0 0 auto;min-width:280px;width:auto;display:flex;flex-direction:column;margin:0;padding:0;box-sizing:border-box}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{flex:0 0 auto!important;margin:0!important;box-sizing:border-box!important}.ngxsmk-calendar-month .ngxsmk-days-grid-wrapper,.ngxsmk-calendar-month .ngxsmk-days-grid{width:100%;max-width:100%}.ngxsmk-calendar-month-header{padding:var(--datepicker-spacing-sm, 8px) var(--datepicker-spacing-md, 12px);text-align:center;font-weight:600;font-size:var(--datepicker-font-size-base, 14px);color:var(--datepicker-text-color, #1f2937);border-bottom:1px solid var(--datepicker-border-color, #e5e7eb);margin-bottom:var(--datepicker-spacing-sm, 8px)}.ngxsmk-calendar-month-title{display:block}@media(min-width:768px)and (max-width:1023px){.ngxsmk-display-input{font-size:15px!important;padding:12px 16px!important;min-height:44px!important;line-height:1.5}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:20px!important;height:20px!important;min-width:20px;min-height:20px;max-width:20px;max-height:20px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:400px!important;max-width:min(90vw,600px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important;z-index:2147483647!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-has-multi-calendar){min-width:400px!important;max-width:min(95vw,900px)!important}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){min-width:400px!important;max-width:min(95vw,1000px)!important;overflow-x:visible!important}.ngxsmk-popover-container.ngxsmk-has-time-selection.ngxsmk-popover-open:not(.ngxsmk-inline-container),.ngxsmk-popover-container.ngxsmk-time-only-popover.ngxsmk-popover-open:not(.ngxsmk-inline-container){overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-datepicker-container{padding:0!important;width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:24px!important;max-width:100%!important;width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:20px!important;overflow:visible!important;overflow-y:visible!important;max-height:none!important;-webkit-overflow-scrolling:auto!important}.ngxsmk-ranges-container{padding:20px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;gap:12px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:14px 20px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{padding:20px 16px!important;margin-bottom:20px!important;gap:20px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:14px!important;font-size:16px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:16px!important}.ngxsmk-nav-buttons{gap:12px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:24px!important;height:24px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:8px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-weight:600!important;padding:14px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:48px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:12px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:48px!important;max-height:none!important;font-size:16px!important;font-weight:500!important;border-radius:12px!important}.ngxsmk-time-selection{gap:14px!important;padding:24px 16px!important;margin-top:20px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-size:16px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 90px !important;min-width:90px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:24px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 10px!important}.ngxsmk-footer{gap:14px!important;padding:24px 16px 20px!important;margin-top:20px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:16px 28px!important;font-size:16px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:160px!important;border-radius:12px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:wrap!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:28px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:24px!important;padding:0 16px!important;scroll-snap-type:x mandatory!important;flex-wrap:nowrap!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:360px!important;max-width:380px!important;flex-shrink:0!important}.ngxsmk-multi-calendar-container:not(.ngxsmk-calendar-vertical) .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(50% - 14px)!important;max-width:calc(50% - 14px)!important;width:calc(50% - 14px)!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid-wrapper,.ngxsmk-calendar-month.ngxsmk-calendar-month-multi .ngxsmk-days-grid{width:100%!important;max-width:100%!important;margin:0!important}.ngxsmk-calendar-month-header{font-size:17px!important;font-weight:600!important;padding:18px 16px!important;margin-bottom:18px!important;text-align:center!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:min(95vw,1000px)!important;overflow-x:visible!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:24px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-datepicker-wrapper .ngxsmk-multi-calendar-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media(min-width:768px)and (max-width:1023px)and (orientation:landscape){.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){max-width:min(95vw,800px)!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto{flex-direction:row!important;flex-wrap:nowrap!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:calc(33.333% - 19px)!important;max-width:calc(33.333% - 19px)!important;width:calc(33.333% - 19px)!important}}@media(min-width:768px)and (max-width:1023px){.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:14px!important;padding:20px 16px!important;grid-template-columns:repeat(5,1fr)!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:16px 20px!important;font-size:16px!important;border-radius:12px!important}.ngxsmk-timeline-view{padding:20px 16px!important}.ngxsmk-timeline-header{padding:20px 16px!important;margin-bottom:20px!important}.ngxsmk-timeline-controls{gap:16px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!important}.ngxsmk-timeline-range{font-size:16px!important;padding:16px 20px!important}.ngxsmk-timeline-container{padding:20px 16px!important}.ngxsmk-timeline-month{min-height:90px!important;padding:16px!important;border-radius:12px!important}.ngxsmk-time-slider-view{padding:20px 16px!important;gap:24px!important}.ngxsmk-time-slider-header{padding:20px 16px!important;gap:16px!important}.ngxsmk-time-slider-label{font-size:16px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:20px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:20px 16px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:769px)and (max-width:1024px){.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:260px;max-width:300px}}@media(min-width:480px)and (max-width:599px){.ngxsmk-display-input{padding:10px 14px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:10px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:320px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 40px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:16px!important;max-width:100%!important;width:100%!important;border-radius:16px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:12px!important}.ngxsmk-ranges-container{padding:12px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;overflow-x:visible!important;overflow-y:visible!important;padding-bottom:0!important}.ngxsmk-ranges-container li{padding:12px 16px!important;font-size:13px!important;line-height:1.4!important;min-height:44px!important;white-space:nowrap!important;text-align:center!important;border-radius:10px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important}.ngxsmk-header{align-items:center;padding:12px 8px!important;margin-bottom:12px!important;gap:12px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:10px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important}.ngxsmk-nav-buttons{gap:8px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px!important;height:20px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:5px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:12px!important;font-weight:600!important;padding:10px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:10px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-weight:500!important;border-radius:10px!important}.ngxsmk-time-selection{gap:10px!important;align-items:baseline;padding:16px 8px!important;margin-top:12px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:visible!important;overflow-y:hidden!important}.ngxsmk-time-label{font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 75px !important;min-width:75px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:20px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 6px!important}.ngxsmk-footer{gap:12px!important;padding:16px 8px 12px!important;margin-top:12px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 20px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:0!important;-webkit-flex:0 0 auto!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important;min-width:120px!important;border-radius:10px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:20px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:20px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:16px!important;padding:0 8px!important;scroll-snap-type:x mandatory!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:300px!important;max-width:320px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:15px!important;font-weight:600!important;padding:12px 8px!important;margin-bottom:12px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:16px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:10px!important;padding:12px 8px!important;grid-template-columns:repeat(3,1fr)!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:12px 16px!important;border-radius:10px!important}.ngxsmk-timeline-view{padding:12px 8px!important}.ngxsmk-timeline-header{padding:12px 8px!important;margin-bottom:12px!important}.ngxsmk-timeline-controls{gap:12px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-timeline-range{padding:12px 16px!important}.ngxsmk-timeline-container{padding:12px 8px!important}.ngxsmk-timeline-month{min-height:70px!important;padding:12px!important;border-radius:10px!important}.ngxsmk-time-slider-view{padding:12px 8px!important;gap:16px!important}.ngxsmk-time-slider-header{padding:12px 8px!important;gap:12px!important}.ngxsmk-time-slider-label{font-weight:500!important}.ngxsmk-time-slider-value{font-size:16px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:12px 8px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(min-width:375px)and (max-width:479px){.ngxsmk-display-input{padding:10px 12px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:8px!important;margin-right:8px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;max-height:18px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:300px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 48px)!important;position:fixed!important;inset:50% auto auto 50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:16px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important}.ngxsmk-calendar-container{padding:12px!important;max-width:100%!important;width:100%!important;border-radius:16px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:10px!important}.ngxsmk-ranges-container{padding:10px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important}.ngxsmk-ranges-container li{padding:10px 16px!important;font-size:13px!important;line-height:1.4!important;flex-shrink:0!important;white-space:nowrap!important;min-height:44px!important;scroll-snap-align:start!important;border-radius:8px!important}.ngxsmk-header{padding:10px 6px!important;margin-bottom:10px!important;gap:10px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.ngxsmk-month-year-selects{gap:8px!important;font-size:13px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;min-height:44px!important;font-size:13px!important}.ngxsmk-nav-buttons{gap:6px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:20px!important;height:20px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:4px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:11px!important;font-weight:600!important;padding:8px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:44px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:10px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:44px!important;max-height:none!important;font-weight:500!important;border-radius:10px!important}.ngxsmk-time-selection{gap:8px!important;margin-top:10px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-time-label{font-size:13px!important;font-weight:500!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:18px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 4px!important}.ngxsmk-footer{gap:10px!important;padding:14px 6px 10px!important;margin-top:10px!important;border-top:1px solid var(--datepicker-border-color)!important;-webkit-flex-wrap:wrap!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;-webkit-box-pack:stretch!important;-webkit-justify-content:stretch!important;-ms-flex-pack:stretch!important;justify-content:stretch!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 18px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:1!important;-webkit-flex:1 1 calc(50% - 5px)!important;-ms-flex:1 1 calc(50% - 5px)!important;flex:1 1 calc(50% - 5px)!important;min-width:0!important;border-radius:10px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:18px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:18px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:14px!important;padding:0 6px!important;scroll-snap-type:x mandatory!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:280px!important;max-width:300px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-weight:600!important;padding:10px 6px!important;margin-bottom:10px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:12px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:8px!important;padding:10px 6px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:12px 16px!important;border-radius:10px!important}.ngxsmk-timeline-view{padding:10px 6px!important}.ngxsmk-timeline-header{padding:10px 6px!important;margin-bottom:10px!important}.ngxsmk-timeline-controls{gap:10px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-timeline-range{font-size:13px!important;padding:10px 14px!important}.ngxsmk-timeline-container{padding:10px 6px!important}.ngxsmk-timeline-month{min-height:64px!important;padding:10px!important;border-radius:10px!important}.ngxsmk-time-slider-view{padding:10px 6px!important;gap:14px!important}.ngxsmk-time-slider-header{padding:10px 6px!important;gap:10px!important}.ngxsmk-time-slider-label{font-size:13px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-size:15px!important;font-weight:600!important}.ngxsmk-time-slider-container{padding:10px 6px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(max-width:374px){.ngxsmk-input-group{min-width:100%;width:100%}.ngxsmk-display-input{font-size:13px!important;padding:8px 10px!important;min-height:44px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input::placeholder{font-size:13px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-display-input:not(:placeholder-shown){font-size:13px!important;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.ngxsmk-clear-button{padding:8px!important;margin-right:6px!important;min-width:44px!important;min-height:44px!important}.ngxsmk-clear-button svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px}.ngxsmk-popover-container.ngxsmk-popover-open:not(.ngxsmk-inline-container){width:calc(100% - 20px)!important;min-width:280px!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;position:fixed!important;inset:0!important;margin:auto!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important;border-radius:12px!important;padding:0!important;overflow-y:auto!important;overflow-x:visible!important;-webkit-overflow-scrolling:touch!important}.ngxsmk-datepicker-container{padding:0!important;width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;overflow:visible!important}.ngxsmk-calendar-container{padding:6px 4px!important;max-width:100%!important;width:100%!important;border-radius:0!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:2px!important;overflow:visible!important}.ngxsmk-ranges-container{padding:8px!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--datepicker-border-color)!important;background:var(--datepicker-background)!important;order:-1!important}.ngxsmk-ranges-container ul{flex-wrap:nowrap!important;justify-content:flex-start!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scroll-snap-type:x mandatory!important;-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important}.ngxsmk-ranges-container li{padding:10px 14px!important;font-size:12px!important;line-height:1.4!important;flex-shrink:0!important;white-space:nowrap!important;min-height:44px!important;scroll-snap-align:start!important;border-radius:8px!important}.ngxsmk-header{padding:4px 6px 10px!important;margin-bottom:6px!important;gap:4px!important;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;border-bottom:1px solid var(--datepicker-border-color)!important;-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important;align-items:center!important}.ngxsmk-month-year-selects{gap:6px!important;font-size:12px!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;min-width:0!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:40px!important;min-height:40px!important;font-size:12px!important}.ngxsmk-nav-buttons{gap:4px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-nav-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:8px!important;border-radius:8px!important;box-sizing:border-box!important}.ngxsmk-nav-button svg{width:18px!important;height:18px!important}.ngxsmk-days-grid-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.ngxsmk-days-grid{gap:3px!important;width:100%!important;max-width:100%!important;padding:0!important}.ngxsmk-day-name{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;font-size:10px!important;font-weight:600!important;padding:6px 0!important;text-align:center!important;color:var(--datepicker-subtle-text-color)!important}.ngxsmk-day-cell{width:auto!important;min-width:0!important;-webkit-box-flex:1!important;-webkit-flex:1!important;-ms-flex:1!important;flex:1!important;aspect-ratio:1!important;min-height:40px!important;max-height:none!important;margin:0!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;border-radius:8px!important}.ngxsmk-day-number{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:40px!important;max-height:none!important;font-size:13px!important;font-weight:500!important;border-radius:8px!important}.ngxsmk-time-selection{display:flex!important;gap:8px!important;padding:12px 4px!important;margin-top:8px!important;border-top:1px solid var(--datepicker-border-color)!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;overflow:visible!important;position:relative!important;z-index:100!important}.ngxsmk-time-label{font-size:13px!important;font-weight:600!important;flex-shrink:0!important;margin:0!important}.ngxsmk-time-selection ngxsmk-custom-select{--custom-select-width: 70px !important;min-width:70px!important;flex-shrink:0!important;position:relative!important;z-index:auto!important}.ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true]{z-index:10000!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001!important;top:auto!important;bottom:calc(100% + 4px)!important;transform-origin:bottom center!important;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-time-separator{font-size:18px!important;font-weight:700!important;flex-shrink:0!important;padding:0 4px!important;line-height:1!important}.ngxsmk-footer{gap:8px!important;padding:12px 4px 8px!important;margin-top:0!important;border-top:1px solid var(--datepicker-border-color)!important;flex-wrap:nowrap!important;justify-content:stretch!important;position:relative!important;z-index:1!important}.ngxsmk-clear-button-footer,.ngxsmk-close-button{padding:12px 16px!important;font-size:13px!important;font-weight:500!important;min-height:44px!important;-webkit-box-flex:1!important;-webkit-flex:1 1 calc(50% - 4px)!important;-ms-flex:1 1 calc(50% - 4px)!important;flex:1 1 calc(50% - 4px)!important;min-width:0!important;border-radius:8px!important}.ngxsmk-multi-calendar-container{width:100%!important;max-width:100%!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;gap:16px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-auto,.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-vertical{flex-direction:column!important;gap:16px!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;gap:12px!important;padding:0 4px!important;scroll-snap-type:x mandatory!important}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi,.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar.ngxsmk-calendar-horizontal .ngxsmk-calendar-month.ngxsmk-calendar-month-multi{scroll-snap-align:start!important;min-width:260px!important;max-width:280px!important;flex-shrink:0!important}.ngxsmk-calendar-month.ngxsmk-calendar-month-multi{min-width:100%!important;max-width:100%!important;width:100%!important;flex-shrink:0!important}.ngxsmk-calendar-month-header{font-size:13px!important;font-weight:600!important;padding:8px 4px!important;margin-bottom:8px!important;text-align:center!important}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar,.ngxsmk-calendar-container:has(.ngxsmk-multi-calendar-container.ngxsmk-multi-calendar){padding:8px!important;max-width:100%!important;width:100%!important;overflow-x:visible!important;overflow-y:visible!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal),.ngxsmk-popover-container:not(.ngxsmk-inline-container):has(.ngxsmk-calendar-container.ngxsmk-calendar-layout-horizontal){max-width:100vw!important;overflow-x:visible!important}.ngxsmk-year-grid,.ngxsmk-decade-grid{gap:6px!important;padding:8px 4px!important}.ngxsmk-year-cell,.ngxsmk-decade-cell{min-height:44px!important;padding:10px 12px!important;font-size:13px!important;border-radius:8px!important}.ngxsmk-timeline-view{padding:8px 4px!important}.ngxsmk-timeline-header{padding:8px 4px!important;margin-bottom:8px!important}.ngxsmk-timeline-controls{gap:8px!important}.ngxsmk-timeline-zoom-out,.ngxsmk-timeline-zoom-in{min-width:44px!important;min-height:44px!important;padding:8px!important;border-radius:8px!important}.ngxsmk-timeline-range{font-size:12px!important;padding:8px 12px!important}.ngxsmk-timeline-container{padding:8px 4px!important}.ngxsmk-timeline-month{min-height:60px!important;padding:8px!important;border-radius:8px!important}.ngxsmk-time-slider-view{padding:8px 4px!important;gap:12px!important}.ngxsmk-time-slider-header{padding:8px 4px!important;gap:8px!important}.ngxsmk-time-slider-label{font-size:12px!important;font-weight:500!important}.ngxsmk-time-slider-value{font-weight:600!important}.ngxsmk-time-slider-container{padding:8px 4px!important}.ngxsmk-time-slider{width:100%!important;height:44px!important}}@media(max-width:991px){.ngxsmk-time-selection{position:relative!important;z-index:100!important;overflow:visible!important}.ngxsmk-time-selection ngxsmk-custom-select[data-open=true] .ngxsmk-options-panel{z-index:10001!important;top:auto!important;bottom:calc(100% + 4px)!important;transform-origin:bottom center!important;animation:fadeInUp .12s cubic-bezier(.4,0,.2,1)!important}.ngxsmk-time-selection:has(ngxsmk-custom-select[data-open=true]){z-index:1000!important}.ngxsmk-footer{position:relative!important;z-index:1!important}}.ngxsmk-datepicker-inner-content{display:flex!important;flex-direction:row!important;width:100%;flex:1 1 auto}@media(max-width:1023px){.ngxsmk-datepicker-inner-content{flex-direction:column!important}}.md3-theme .ngxsmk-day-number{border-radius:12px;transition:all .2s cubic-bezier(0,0,.2,1)}.md3-theme .ngxsmk-day-cell.selected .ngxsmk-day-number,.md3-theme .ngxsmk-day-cell.start-date .ngxsmk-day-number,.md3-theme .ngxsmk-day-cell.end-date .ngxsmk-day-number{border-radius:12px;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,4px,0)}to{opacity:1;transform:translateZ(0)}}@media(min-width:992px){.ngxsmk-datepicker-container{display:grid!important;grid-template-areas:\"header header\" \"ranges calendar\" \"time time\" \"footer footer\";grid-template-columns:auto auto;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.ngxsmk-range-duration-header{grid-area:header}.ngxsmk-ranges-container{grid-area:ranges}.ngxsmk-calendar-container{grid-area:calendar}.ngxsmk-footer{grid-area:footer}ngxsmk-time-selection{grid-area:time}}.ngxsmk-multi-calendar-container.ngxsmk-sync-scroll-enabled{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--datepicker-calendar-gap, 16px);align-items:start}.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--datepicker-calendar-gap, 16px);align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;position:relative}.ngxsmk-multi-calendar-container.ngxsmk-calendar-vertical.ngxsmk-sync-scroll-enabled{display:flex;flex-direction:column;gap:var(--datepicker-calendar-gap, 16px);align-items:stretch;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled .ngxsmk-calendar-month{min-width:320px;width:100%;flex-basis:100%}.ngxsmk-multi-calendar.ngxsmk-sync-scroll-enabled{overflow:hidden}.ngxsmk-multi-calendar-container.ngxsmk-sync-scroll-enabled:focus-within{outline:2px solid var(--datepicker-focus-color, #4a90e2);outline-offset:2px;border-radius:4px}@media(max-width:768px){.ngxsmk-multi-calendar-container.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled{flex-direction:column;overflow-x:hidden;overflow-y:auto}.ngxsmk-calendar-horizontal.ngxsmk-sync-scroll-enabled .ngxsmk-calendar-month{min-width:100%;width:100%}}ngxsmk-datepicker{display:block;width:100%;position:relative;font-family:var(--ngxsmk-font-family);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:visible}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}ngxsmk-datepicker:has(.ngxsmk-calendar-open){z-index:var(--ngxsmk-z-popover)!important}.ngxsmk-datepicker-wrapper{position:relative;width:100%;z-index:1;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open{z-index:var(--ngxsmk-z-popover);position:relative;isolation:isolate}.ngxsmk-datepicker-container,.ngxsmk-calendar-container{border-radius:var(--ngxsmk-radius-lg)!important;overflow:hidden!important}.ngxsmk-datepicker-container .ngxsmk-calendar-container{border-radius:inherit!important}.ngxsmk-backdrop{display:none}@media(min-width:1025px){.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;position:fixed!important;inset:0;background:transparent!important;z-index:var(--ngxsmk-z-backdrop)!important;pointer-events:auto!important}.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop).ngxsmk-backdrop-allow-modal-scroll{pointer-events:none!important}}@media(max-width:1024px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-backdrop,.ngxsmk-backdrop:not(.ngxsmk-inline-backdrop){display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;inset:0!important;background:#0006!important;z-index:var(--ngxsmk-z-backdrop)!important;pointer-events:auto!important;transition:opacity .3s ease-out!important}}@media(prefers-reduced-motion:reduce){ngxsmk-datepicker{--ngxsmk-transition: none}ngxsmk-datepicker *,ngxsmk-datepicker *:before,ngxsmk-datepicker *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}ngxsmk-datepicker.dark-theme,.ngxsmk-popover-container.dark-theme,.ngxsmk-backdrop.dark-theme{--ngxsmk-color-range-bg: rgba(139, 92, 246, .15);--ngxsmk-color-surface: #1f2937;--ngxsmk-color-text-main: #f3f4f6;--ngxsmk-color-text-muted: #9ca3af;--ngxsmk-color-border: #374151;--ngxsmk-color-surface-hover: #374151;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}ngxsmk-datepicker.glass-theme,.ngxsmk-popover-container.glass-theme{--ngxsmk-color-surface: rgba(255, 255, 255, .7);--ngxsmk-color-border: rgba(255, 255, 255, .3);--ngxsmk-shadow-lg: 0 8px 32px 0 rgba(31, 38, 135, .37);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--ngxsmk-color-border)}ngxsmk-datepicker.glass-theme.dark-theme,.ngxsmk-popover-container.glass-theme.dark-theme{--ngxsmk-color-surface: rgba(31, 41, 55, .7);--ngxsmk-color-border: rgba(255, 255, 255, .1)}ngxsmk-datepicker.md3-theme{--ngxsmk-color-primary: #6750a4;--ngxsmk-radius-lg: 28px;--ngxsmk-font-family: \"Roboto\", sans-serif;--ngxsmk-shadow-md: 0px 1px 3px 1px rgba(0, 0, 0, .15), 0px 1px 2px rgba(0, 0, 0, .3)}.ngxsmk-input-group{display:flex;align-items:center;position:relative;width:100%;border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-md);background:var(--ngxsmk-color-surface);transition:var(--ngxsmk-transition);min-height:44px}.ngxsmk-input-group:focus-within{border-color:var(--ngxsmk-color-primary);box-shadow:var(--datepicker-shadow-focus)}.ngxsmk-input-group.disabled{opacity:.6;background:var(--ngxsmk-color-surface-hover);cursor:not-allowed}.ngxsmk-display-input{flex-grow:1;width:100%;padding:var(--ngxsmk-space-md) var(--ngxsmk-space-lg);font-size:var(--ngxsmk-font-size-base);line-height:var(--ngxsmk-line-height);color:var(--ngxsmk-color-text-main);background:transparent;border:none;outline:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ngxsmk-display-input:disabled{cursor:not-allowed}.ngxsmk-calendar-button,.ngxsmk-clear-button{display:flex;align-items:center;justify-content:center;width:var(--ngxsmk-touch-target);height:var(--ngxsmk-touch-target);background:transparent;border:none;cursor:pointer;color:var(--ngxsmk-color-text-muted);transition:var(--ngxsmk-transition);border-radius:var(--ngxsmk-radius-md)}.ngxsmk-calendar-button svg,.ngxsmk-clear-button svg{width:20px;height:20px;fill:currentColor}@media(hover:hover){.ngxsmk-calendar-button:hover:not(:disabled),.ngxsmk-clear-button:hover:not(:disabled){color:var(--ngxsmk-color-primary);background:var(--ngxsmk-color-surface-hover)}}.ngxsmk-calendar-button:focus-visible,.ngxsmk-clear-button:focus-visible{outline:2px solid var(--ngxsmk-color-primary);outline-offset:-2px}.ngxsmk-calendar-button:disabled,.ngxsmk-clear-button:disabled{cursor:not-allowed;opacity:.5}.ngxsmk-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--ngxsmk-space-xs);padding:0 var(--ngxsmk-space-md) var(--ngxsmk-space-md);width:100%}.ngxsmk-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--ngxsmk-space-xs);padding:var(--ngxsmk-space-md);border-bottom:1px solid var(--ngxsmk-color-border);margin-bottom:var(--ngxsmk-space-sm)}.ngxsmk-weekdays .ngxsmk-weekday{text-align:center;font-size:var(--ngxsmk-font-size-xs);font-weight:600;color:var(--ngxsmk-color-text-muted);text-transform:uppercase;letter-spacing:.05em}.ngxsmk-day-cell{min-width:var(--ngxsmk-touch-target);min-height:var(--ngxsmk-touch-target);width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}@media(min-width:1025px){.ngxsmk-day-cell{width:var(--ngxsmk-cell-size-desktop);height:var(--ngxsmk-cell-size-desktop);min-width:0;min-height:0}}.ngxsmk-month-grid,.ngxsmk-year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ngxsmk-space-sm);padding:var(--ngxsmk-space-md)}.ngxsmk-month-grid .ngxsmk-grid-cell,.ngxsmk-year-grid .ngxsmk-grid-cell{min-height:var(--ngxsmk-touch-target);padding:var(--ngxsmk-space-md) var(--ngxsmk-space-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--ngxsmk-radius-sm);font-size:var(--ngxsmk-font-size-base);color:var(--ngxsmk-color-text-main);background:transparent;border:1px solid transparent;cursor:pointer;transition:var(--ngxsmk-transition)}@media(hover:hover){.ngxsmk-month-grid .ngxsmk-grid-cell:hover:not(.disabled),.ngxsmk-year-grid .ngxsmk-grid-cell:hover:not(.disabled){background:var(--ngxsmk-color-surface-hover);border-color:var(--ngxsmk-color-border)}}.ngxsmk-month-grid .ngxsmk-grid-cell.selected,.ngxsmk-year-grid .ngxsmk-grid-cell.selected{background:var(--datepicker-primary-color, var(--ngxsmk-color-primary));color:var(--datepicker-primary-contrast, var(--ngxsmk-color-on-primary));font-weight:600;border-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary))}.ngxsmk-month-grid .ngxsmk-grid-cell.disabled,.ngxsmk-year-grid .ngxsmk-grid-cell.disabled{color:var(--ngxsmk-color-text-muted);opacity:.5;cursor:not-allowed}@media(min-width:768px){.ngxsmk-month-grid .ngxsmk-grid-cell,.ngxsmk-year-grid .ngxsmk-grid-cell{padding:var(--ngxsmk-space-lg) var(--ngxsmk-space-sm)}}.ngxsmk-year-grid{grid-template-columns:repeat(4,1fr)}.ngxsmk-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md) var(--ngxsmk-space-xs);width:100%;gap:var(--ngxsmk-space-sm)}@media(min-width:1025px){.ngxsmk-header{padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md)}}.ngxsmk-month-year-selects{display:flex;align-items:center;gap:var(--ngxsmk-space-xs);flex:1;min-width:0}.ngxsmk-month-year-selects .month-select{flex:1.5}.ngxsmk-month-year-selects .year-select{flex:1}.ngxsmk-nav-buttons{display:flex;align-items:center;gap:var(--ngxsmk-space-xs)}ngxsmk-custom-select{position:relative;display:flex;flex:1;min-width:0;-webkit-user-select:none;user-select:none;box-sizing:border-box;z-index:1}ngxsmk-custom-select[data-open=true]{z-index:10000}.ngxsmk-select-container{cursor:pointer;position:relative;display:flex;width:100%;height:100%;min-height:100%;box-sizing:border-box;outline:none}.ngxsmk-select-container.is-open{z-index:10000}.ngxsmk-select-display{display:flex;align-items:center;justify-content:space-between;flex:1;width:100%;height:100%;min-height:var(--ngxsmk-touch-target);padding:0 var(--ngxsmk-space-md);background:var(--ngxsmk-color-surface);border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-sm);font-size:var(--ngxsmk-font-size-base);font-family:inherit;color:var(--ngxsmk-color-text-main);cursor:pointer;transition:var(--ngxsmk-transition);appearance:none;-webkit-appearance:none;gap:var(--ngxsmk-space-sm)}.ngxsmk-select-display:focus-within{outline:none;border-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary));box-shadow:var(--datepicker-shadow-focus)}.ngxsmk-select-display:disabled{background-color:var(--ngxsmk-color-surface-hover);cursor:not-allowed;opacity:.6}@media(hover:hover){.ngxsmk-select-display:hover:not(:disabled){background:var(--ngxsmk-color-surface-hover);border-color:var(--ngxsmk-color-text-muted)}}@media(min-width:1025px){.ngxsmk-select-display{min-height:36px;font-size:var(--ngxsmk-font-size-sm)}}.ngxsmk-arrow-icon{width:14px;height:14px;transition:transform var(--ngxsmk-transition-duration) ease;flex-shrink:0;color:var(--ngxsmk-color-text-muted)}.is-open .ngxsmk-arrow-icon{transform:rotate(180deg)}.ngxsmk-options-panel{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--ngxsmk-color-surface);border:1px solid var(--ngxsmk-color-border);border-radius:var(--ngxsmk-radius-md);box-shadow:var(--ngxsmk-shadow-lg);max-height:200px;overflow-y:auto;z-index:10001;scrollbar-width:none}.ngxsmk-options-panel::-webkit-scrollbar{display:none}.ngxsmk-options-panel ul{list-style:none;padding:var(--ngxsmk-space-xs);margin:0}.ngxsmk-options-panel li{padding:var(--ngxsmk-space-sm) var(--ngxsmk-space-md);border-radius:var(--ngxsmk-radius-sm);cursor:pointer;transition:background-color .12s ease;font-size:var(--ngxsmk-font-size-sm);margin:2px 0;color:var(--ngxsmk-color-text-main)!important;opacity:1!important;visibility:visible!important}.ngxsmk-options-panel li:hover:not(.selected){background-color:var(--ngxsmk-color-surface-hover)}.ngxsmk-options-panel li.selected{background-color:var(--datepicker-primary-color, var(--ngxsmk-color-primary));color:var(--datepicker-primary-contrast, var(--ngxsmk-color-on-primary))!important;font-weight:600}@media(max-width:768px){.ngxsmk-options-panel li{padding:var(--ngxsmk-space-md) var(--ngxsmk-space-lg);min-height:var(--ngxsmk-touch-target);display:flex;align-items:center}}.ngxsmk-header-title{font-size:var(--ngxsmk-font-size-lg);font-weight:600;color:var(--ngxsmk-color-text-main);text-align:center;flex-grow:1}.ngxsmk-nav-button{cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--ngxsmk-touch-target);height:var(--ngxsmk-touch-target);background:transparent;border:none;border-radius:var(--ngxsmk-radius-sm);color:var(--ngxsmk-color-text-main);transition:var(--ngxsmk-transition)}.ngxsmk-nav-button svg{width:20px;height:20px}.ngxsmk-nav-button:hover:not(:disabled){background:var(--ngxsmk-color-surface-hover)}.ngxsmk-nav-button:disabled{opacity:.3;cursor:not-allowed}@media(min-width:1025px){.ngxsmk-nav-button{width:32px;height:32px}}:root{--ngxsmk-space-xs: .25rem;--ngxsmk-space-sm: .5rem;--ngxsmk-space-md: .75rem;--ngxsmk-space-lg: 1rem;--ngxsmk-space-xl: 1.5rem;--ngxsmk-space-2xl: 2rem;--ngxsmk-touch-target: 44px;--ngxsmk-cell-size-desktop: 40px;--ngxsmk-font-size-xs: .625rem;--ngxsmk-font-size-sm: .75rem;--ngxsmk-font-size-base: 1rem;--ngxsmk-font-size-lg: 1.125rem;--ngxsmk-font-size-xl: 1.25rem;--ngxsmk-line-height: 1.5;--ngxsmk-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;--ngxsmk-color-primary: var(--datepicker-primary-color);--ngxsmk-color-on-primary: var(--ion-color-primary-contrast, #ffffff);--ngxsmk-color-range-bg: var(--ion-color-primary-tint, #f5f3ff);--ngxsmk-color-surface: var(--ion-background-color, #ffffff);--ngxsmk-color-surface-hover: #f3f4f6;--ngxsmk-color-text-main: var(--ion-text-color, #1f2937);--ngxsmk-color-text-muted: var(--ion-text-color-step-400, #6b7280);--ngxsmk-color-border: var(--ion-item-border-color, var(--ion-border-color, #e5e7eb));--ngxsmk-radius-sm: 6px;--ngxsmk-radius-md: 8px;--ngxsmk-radius-lg: 12px;--ngxsmk-radius-xl: 16px;--ngxsmk-radius-popup: 16px;--ngxsmk-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ngxsmk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ngxsmk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ngxsmk-transition-duration: .15s;--ngxsmk-transition-easing: cubic-bezier(.4, 0, .2, 1);--ngxsmk-transition: all var(--ngxsmk-transition-duration) var(--ngxsmk-transition-easing);--ngxsmk-z-backdrop: 2147483646;--ngxsmk-z-popover: 2147483647;--datepicker-primary-color: var(--ngxsmk-color-primary);--datepicker-primary-contrast: var(--ngxsmk-color-on-primary);--datepicker-range-background: var(--ngxsmk-color-range-bg);--datepicker-background: var(--ngxsmk-color-surface);--datepicker-hover-background: var(--ngxsmk-color-surface-hover);--datepicker-text-color: var(--ngxsmk-color-text-main);--datepicker-subtle-text-color: var(--ngxsmk-color-text-muted);--datepicker-border-color: var(--ngxsmk-color-border);--datepicker-radius-sm: var(--ngxsmk-radius-sm);--datepicker-radius-md: var(--ngxsmk-radius-md);--datepicker-radius-lg: var(--ngxsmk-radius-lg);--datepicker-border-radius: var(--ngxsmk-radius-lg);--datepicker-font-size-base: var(--ngxsmk-font-size-base);--datepicker-font-size-lg: var(--ngxsmk-font-size-lg);--datepicker-line-height: var(--ngxsmk-line-height);--datepicker-spacing-xs: var(--ngxsmk-space-xs);--datepicker-spacing-sm: var(--ngxsmk-space-sm);--datepicker-spacing-md: var(--ngxsmk-space-md);--datepicker-spacing-lg: var(--ngxsmk-space-lg);--datepicker-transition: var(--ngxsmk-transition)}.ngxsmk-popover-container{position:fixed;bottom:0;left:0;width:100%;max-height:90dvb;background:var(--ngxsmk-color-surface);border-radius:var(--ngxsmk-radius-popup) var(--ngxsmk-radius-popup) 0 0;z-index:var(--ngxsmk-z-popover);padding-top:max(0,env(safe-area-inset-top));padding-right:max(0,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(0,env(safe-area-inset-left));box-shadow:var(--ngxsmk-shadow-xl);border:unset!important;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}.ngxsmk-popover-container.ngxsmk-popover-open{visibility:visible;opacity:1}.ngxsmk-popover-container.ngxsmk-inline-container{position:static!important;width:100%;margin:0;transform:none!important;box-shadow:none!important;border:none;background:transparent;padding:0;max-height:none}@media(min-width:768px){.ngxsmk-popover-container{top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);width:clamp(320px,80vw,500px);border-radius:var(--ngxsmk-radius-popup);border:unset!important;max-height:calc(100vh - 64px);padding:0}}@media(min-width:1025px){.ngxsmk-popover-container{position:absolute;transform:none;width:max-content;min-width:360px;max-height:none;border-radius:var(--ngxsmk-radius-md);box-shadow:var(--ngxsmk-shadow-lg);border:unset!important}}.ngxsmk-calendar-container{display:flex;flex-direction:column;width:100%}@media(min-width:1025px){.ngxsmk-calendar-container.ngxsmk-has-multi-calendar{flex-direction:column;align-items:stretch;min-width:600px}.ngxsmk-calendar-container.ngxsmk-has-multi-calendar>ngxsmk-calendar-header,.ngxsmk-calendar-container.ngxsmk-has-multi-calendar>.ngxsmk-multi-calendar-container{width:100%;max-width:100%;min-width:0}}\n"] }]
12901
13342
  }], ctorParameters: () => [], propDecorators: { mode: [{
12902
13343
  type: Input
12903
13344
  }], calendarViewMode: [{
@@ -12980,6 +13421,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
12980
13421
  type: Input
12981
13422
  }], allowTyping: [{
12982
13423
  type: Input
13424
+ }], enableNaturalLanguage: [{
13425
+ type: Input
13426
+ }], naturalLanguagePreviewTemplate: [{
13427
+ type: Input
13428
+ }], naturalLanguageResolved: [{
13429
+ type: Output
13430
+ }], calendars: [{
13431
+ type: Input
13432
+ }], rangePresetFactory: [{
13433
+ type: Input
13434
+ }], invalidRange: [{
13435
+ type: Output
13436
+ }], showTimezoneSelector: [{
13437
+ type: Input
13438
+ }], defaultTimezone: [{
13439
+ type: Input
13440
+ }], timezoneChange: [{
13441
+ type: Output
12983
13442
  }], calendarCount: [{
12984
13443
  type: Input
12985
13444
  }], calendarLayout: [{