ngxsmk-datepicker 2.0.5 → 2.0.7

package/README.md

@@ -7,7 +7,7 @@
 
 **npm i ngxsmk-datepicker**
 
-> **Stable Version**: `2.0.5` is the current stable release. For production use, install the latest version from npm.
+> **Stable Version**: `2.0.7` is the current stable release. For production use, install the latest version from npm.
 > 
 > ⚠️ **Warning**: Version `1.9.26` contains broken styles. If you are using `1.9.26`, please upgrade to `1.9.28` or downgrade to `1.9.25` immediately.
 
@@ -42,7 +42,7 @@ Built with Angular Signals for optimal performance and a clean, declarative API.
 * **Date & Time Selection**: Supports optional time inputs with configurable minute and second intervals.
 * **Seconds Selection**: Optional seconds picker with `showSeconds` input and configurable `secondInterval`.
 * **Time-Only Mode**: Display only time picker without calendar using `[timeOnly]="true"`.
-* **12h/24h Time Support**: Uses internal 24-hour timekeeping but displays a user-friendly **12-hour clock with AM/PM toggle**.
+* **12h/24h Time Support**: Supports both **12-hour clock with AM/PM toggle** and **24-hour military time** (via `use24Hour` input).
 * **Mobile-Native Integration**: Automatic native date picker on mobile devices with `useNativePicker` input.
 * **Mobile Gestures**: Enhanced touch support with double-tap selection, swipe navigation, and haptic feedback.
 * **Mobile Modal Styles**: Bottom sheet, center, and fullscreen modal options for mobile devices.
@@ -128,7 +128,7 @@ For details, see [CONTRIBUTING.md](https://github.com/NGXSMK/ngxsmk-datepicker/b
 
 Install the package using npm:
 
-    npm install ngxsmk-datepicker@2.0.5  
+    npm install ngxsmk-datepicker@2.0.7  
 
 ## **Usage**
 
@@ -527,6 +527,7 @@ By default, the datepicker input is `readonly` to prevent invalid date strings a
 | minuteInterval | number                                             | 1                     | Interval for minute dropdown options.                                                                         |
 | showTime       | boolean                                            | false                 | Enables the hour/minute/AM/PM selection section.                                                              |
 | timeOnly       | boolean                                            | false                 | Display time picker only (no calendar). Automatically enables `showTime`. Perfect for time selection scenarios. |
+| use24Hour      | boolean                                            | false                 | Enable 24-hour time format (00-23) and hide AM/PM selector. |
 | allowTyping    | boolean                                            | false                 | Enable manual typing in the input field. Required for native validation. | `[allowTyping]="true"` |
 | displayFormat  | string                                             | null                  | Custom date format string (e.g., 'MM/DD/YYYY'). | `displayFormat="DD.MM.YYYY"` |
 | showCalendarButton | boolean                                        | false                 | Show/hide the calendar icon button. When `false`, users can still open calendar by clicking the input field. |

package/fesm2022/ngxsmk-datepicker.mjs

@@ -321,11 +321,16 @@ function generateYearOptions(currentYear, range = 10) {
     }
     return options;
 }
-function generateTimeOptions(minuteInterval = 1, secondInterval = 1, includeSeconds = false) {
-    const hourOptions = Array.from({ length: 12 }).map((_, i) => ({
-        label: (i + 1).toString().padStart(2, '0'),
-        value: i + 1,
-    }));
+function generateTimeOptions(minuteInterval = 1, secondInterval = 1, includeSeconds = false, use24Hour = false) {
+    const hourOptions = use24Hour
+        ? Array.from({ length: 24 }).map((_, i) => ({
+            label: i.toString().padStart(2, '0'),
+            value: i,
+        }))
+        : Array.from({ length: 12 }).map((_, i) => ({
+            label: (i + 1).toString().padStart(2, '0'),
+            value: i + 1,
+        }));
     const minuteOptions = [];
     for (let i = 0; i < 60; i += minuteInterval) {
         minuteOptions.push({
@@ -1334,6 +1339,7 @@ class TimeSelectionComponent {
         this.disabled = false;
         this.timeLabel = 'Time';
         this.showSeconds = false;
+        this.showAmpm = true;
         this.timeChange = new EventEmitter();
         this.currentDisplayHourChange = new EventEmitter();
         this.currentMinuteChange = new EventEmitter();
@@ -1341,7 +1347,7 @@ class TimeSelectionComponent {
         this.isPmChange = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TimeSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: TimeSelectionComponent, isStandalone: true, selector: "ngxsmk-time-selection", inputs: { hourOptions: "hourOptions", minuteOptions: "minuteOptions", secondOptions: "secondOptions", ampmOptions: "ampmOptions", currentDisplayHour: "currentDisplayHour", currentMinute: "currentMinute", currentSecond: "currentSecond", isPm: "isPm", disabled: "disabled", timeLabel: "timeLabel", showSeconds: "showSeconds" }, outputs: { timeChange: "timeChange", currentDisplayHourChange: "currentDisplayHourChange", currentMinuteChange: "currentMinuteChange", currentSecondChange: "currentSecondChange", isPmChange: "isPmChange" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: TimeSelectionComponent, isStandalone: true, selector: "ngxsmk-time-selection", inputs: { hourOptions: "hourOptions", minuteOptions: "minuteOptions", secondOptions: "secondOptions", ampmOptions: "ampmOptions", currentDisplayHour: "currentDisplayHour", currentMinute: "currentMinute", currentSecond: "currentSecond", isPm: "isPm", disabled: "disabled", timeLabel: "timeLabel", showSeconds: "showSeconds", showAmpm: "showAmpm" }, outputs: { timeChange: "timeChange", currentDisplayHourChange: "currentDisplayHourChange", currentMinuteChange: "currentMinuteChange", currentSecondChange: "currentSecondChange", isPmChange: "isPmChange" }, ngImport: i0, template: `
     <div class="ngxsmk-time-selection">
       <span class="ngxsmk-time-label">{{ timeLabel }}</span>
       <ngxsmk-custom-select
@@ -1368,13 +1374,15 @@ class TimeSelectionComponent {
           [disabled]="disabled">
         </ngxsmk-custom-select>
       }
-      <ngxsmk-custom-select
-        class="ampm-select"
-        [options]="ampmOptions"
-        [(value)]="isPm"
-        (valueChange)="isPmChange.emit($any($event)); timeChange.emit()"
-        [disabled]="disabled">
-      </ngxsmk-custom-select>
+      @if (showAmpm) {
+        <ngxsmk-custom-select
+          class="ampm-select"
+          [options]="ampmOptions"
+          [(value)]="isPm"
+          (valueChange)="isPmChange.emit($any($event)); timeChange.emit()"
+          [disabled]="disabled">
+        </ngxsmk-custom-select>
+      }
     </div>
   `, isInline: true, dependencies: [{ kind: "component", type: CustomSelectComponent, selector: "ngxsmk-custom-select", inputs: ["options", "value", "disabled"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -1412,13 +1420,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
           [disabled]="disabled">
         </ngxsmk-custom-select>
       }
-      <ngxsmk-custom-select
-        class="ampm-select"
-        [options]="ampmOptions"
-        [(value)]="isPm"
-        (valueChange)="isPmChange.emit($any($event)); timeChange.emit()"
-        [disabled]="disabled">
-      </ngxsmk-custom-select>
+      @if (showAmpm) {
+        <ngxsmk-custom-select
+          class="ampm-select"
+          [options]="ampmOptions"
+          [(value)]="isPm"
+          (valueChange)="isPmChange.emit($any($event)); timeChange.emit()"
+          [disabled]="disabled">
+        </ngxsmk-custom-select>
+      }
     </div>
   `
                 }]
@@ -1444,6 +1454,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
                 type: Input
             }], showSeconds: [{
                 type: Input
+            }], showAmpm: [{
+                type: Input
             }], timeChange: [{
                 type: Output
             }], currentDisplayHourChange: [{
@@ -3589,6 +3601,7 @@ class NgxsmkDatepickerComponent {
         this.timeOnly = false;
         this.showCalendarButton = false;
         this.minuteInterval = 1;
+        this.use24Hour = false;
         this.secondInterval = 1;
         this.showSeconds = false;
         this.holidayProvider = null;
@@ -6090,8 +6103,11 @@ class NgxsmkDatepickerComponent {
             else {
                 needsChangeDetection = true;
             }
-            if (changes['minuteInterval']) {
+            if (changes['minuteInterval'] || changes['use24Hour']) {
                 this.generateTimeOptions();
+                if (changes['use24Hour']) {
+                    this.update12HourState(this.currentHour);
+                }
             }
         }
         if (changes['minuteInterval']) {
@@ -6100,6 +6116,11 @@ class NgxsmkDatepickerComponent {
             this.timeChange();
             needsChangeDetection = false; // Already handled
         }
+        if (changes['use24Hour']) {
+            this.generateTimeOptions();
+            this.update12HourState(this.currentHour);
+            needsChangeDetection = true;
+        }
         if (changes['yearRange']) {
             this.generateDropdownOptions();
             needsChangeDetection = true;
@@ -6263,12 +6284,23 @@ class NgxsmkDatepickerComponent {
         return get24Hour(displayHour, isPm);
     }
     update12HourState(fullHour) {
-        const state = update12HourState(fullHour);
-        this.isPm = state.isPm;
-        this.currentDisplayHour = state.displayHour;
+        if (this.use24Hour) {
+            this.currentDisplayHour = fullHour;
+            this.isPm = false;
+        }
+        else {
+            const state = update12HourState(fullHour);
+            this.isPm = state.isPm;
+            this.currentDisplayHour = state.displayHour;
+        }
     }
     applyCurrentTime(date) {
-        this.currentHour = this.get24Hour(this.currentDisplayHour, this.isPm);
+        if (this.use24Hour) {
+            this.currentHour = this.currentDisplayHour;
+        }
+        else {
+            this.currentHour = this.get24Hour(this.currentDisplayHour, this.isPm);
+        }
         const newDate = new Date(date);
         newDate.setHours(this.currentHour, this.currentMinute, 0, 0);
         return newDate;
@@ -6842,12 +6874,6 @@ class NgxsmkDatepickerComponent {
                 digitIndex += Math.min(2, digits.length - digitIndex);
                 i += 2;
             }
-            else if (format[i] === 'Y' || format[i] === 'M' || format[i] === 'D' ||
-                format[i] === 'H' || format[i] === 'h' || format[i] === 'm' || format[i] === 's') {
-                masked += digits[digitIndex] || '';
-                digitIndex++;
-                i++;
-            }
             else {
                 masked += format[i];
                 i++;
@@ -6947,7 +6973,7 @@ class NgxsmkDatepickerComponent {
         }
     }
     generateTimeOptions() {
-        const result = generateTimeOptions(this.minuteInterval, this.secondInterval, this.showSeconds);
+        const result = generateTimeOptions(this.minuteInterval, this.secondInterval, this.showSeconds, this.use24Hour);
         this.hourOptions = result.hourOptions;
         this.minuteOptions = result.minuteOptions;
         if (result.secondOptions) {
@@ -7233,13 +7259,27 @@ class NgxsmkDatepickerComponent {
             }
             const dayTime = getStartOfDay(day).getTime();
             const startTime = this.startDate ? getStartOfDay(this.startDate).getTime() : null;
-            // Check if clicking on start date when both start and end dates exist
+            const endTime = this.endDate ? getStartOfDay(this.endDate).getTime() : null;
             if (this.startDate && this.endDate && dayTime === startTime) {
-                // Clear the end date, keep the start date
                 this.endDate = null;
                 this.hoveredDate = null;
                 this._invalidateMemoCache();
-                // Emit the partial range (start only, no end)
+                this.emitValue({ start: this.startDate, end: null });
+                this.scheduleChangeDetection();
+            }
+            else if (this.startDate && this.endDate && dayTime === endTime) {
+                this.startDate = this.applyTimeIfNeeded(day);
+                this.endDate = null;
+                this.hoveredDate = null;
+                this._invalidateMemoCache();
+                this.emitValue({ start: this.startDate, end: null });
+                this.scheduleChangeDetection();
+            }
+            else if (this.startDate && this.endDate && dayTime > startTime && dayTime < endTime) {
+                this.startDate = this.applyTimeIfNeeded(day);
+                this.endDate = null;
+                this.hoveredDate = null;
+                this._invalidateMemoCache();
                 this.emitValue({ start: this.startDate, end: null });
                 this.scheduleChangeDetection();
             }
@@ -8500,7 +8540,7 @@ class NgxsmkDatepickerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxsmkDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: NgxsmkDatepickerComponent, isStandalone: true, selector: "ngxsmk-datepicker", inputs: { mode: "mode", calendarViewMode: "calendarViewMode", isInvalidDate: "isInvalidDate", showRanges: "showRanges", showTime: "showTime", timeOnly: "timeOnly", showCalendarButton: "showCalendarButton", minuteInterval: "minuteInterval", secondInterval: "secondInterval", showSeconds: "showSeconds", holidayProvider: "holidayProvider", disableHolidays: "disableHolidays", disabledDates: "disabledDates", disabledRanges: "disabledRanges", recurringPattern: "recurringPattern", 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", displayFormat: "displayFormat", allowTyping: "allowTyping", calendarCount: "calendarCount", calendarLayout: "calendarLayout", defaultMonthOffset: "defaultMonthOffset", 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", rtl: "rtl", classes: "classes", disabledState: "disabledState", required: "required", errorState: "errorState", minDate: "minDate", maxDate: "maxDate", ranges: "ranges" }, outputs: { valueChange: "valueChange", action: "action" }, host: { listeners: { "document:click": "onDocumentClick($event)", "document:touchstart": "onDocumentTouchStart($event)", "keydown": "onKeyDown($event)" }, properties: { "class.dark-theme": "this.isDarkMode", "class.ngxsmk-rtl": "this.rtlClass" } }, providers: [{
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: NgxsmkDatepickerComponent, isStandalone: true, selector: "ngxsmk-datepicker", inputs: { mode: "mode", calendarViewMode: "calendarViewMode", isInvalidDate: "isInvalidDate", showRanges: "showRanges", showTime: "showTime", timeOnly: "timeOnly", showCalendarButton: "showCalendarButton", minuteInterval: "minuteInterval", use24Hour: "use24Hour", secondInterval: "secondInterval", showSeconds: "showSeconds", holidayProvider: "holidayProvider", disableHolidays: "disableHolidays", disabledDates: "disabledDates", disabledRanges: "disabledRanges", recurringPattern: "recurringPattern", 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", displayFormat: "displayFormat", allowTyping: "allowTyping", calendarCount: "calendarCount", calendarLayout: "calendarLayout", defaultMonthOffset: "defaultMonthOffset", 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", rtl: "rtl", classes: "classes", disabledState: "disabledState", required: "required", errorState: "errorState", minDate: "minDate", maxDate: "maxDate", ranges: "ranges" }, outputs: { valueChange: "valueChange", action: "action" }, host: { listeners: { "document:click": "onDocumentClick($event)", "document:touchstart": "onDocumentTouchStart($event)", "keydown": "onKeyDown($event)" }, properties: { "class.dark-theme": "this.isDarkMode", "class.ngxsmk-rtl": "this.rtlClass" } }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => NgxsmkDatepickerComponent),
                 multi: true
@@ -8801,6 +8841,7 @@ class NgxsmkDatepickerComponent {
                     [showSeconds]="showSeconds"
                     [disabled]="disabled"
                     [timeLabel]="getTranslation('time')"
+                    [showAmpm]="!use24Hour"
                     (timeChange)="timeChange()">
                   </ngxsmk-time-selection>
                 }
@@ -8886,7 +8927,7 @@ class NgxsmkDatepickerComponent {
         </div>
       }
     </div>
-  `, isInline: true, styles: ["ngxsmk-datepicker{--datepicker-primary-color: #6d28d9;--datepicker-primary-contrast: #ffffff;--datepicker-range-background: #f5f3ff;--datepicker-background: #ffffff;--datepicker-text-color: #1f2937;--datepicker-subtle-text-color: #6b7280;--datepicker-border-color: #e5e7eb;--datepicker-hover-background: #f3f4f6;--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-md);--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{--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}@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:inline-block;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-wrapper{position:relative;width:100%;z-index:1;overflow:visible}.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}}.ngxsmk-backdrop{display:none}@media(max-width:1023px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-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:#00000080!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;position:fixed!important;width:100%!important;height:100%!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%;min-width:200px;border:1.5px 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:0 0 0 3px rgba(109,40,217,.1),var(--datepicker-shadow-md);-moz-box-shadow:0 0 0 3px rgba(109,40,217,.1),var(--datepicker-shadow-md);box-shadow:0 0 0 3px #6d28d91a,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;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;-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);-webkit-animation:fadeInDown var(--datepicker-transition-duration) var(--datepicker-transition-easing);-moz-animation:fadeInDown var(--datepicker-transition-duration) var(--datepicker-transition-easing);-o-animation:fadeInDown var(--datepicker-transition-duration) var(--datepicker-transition-easing);animation:fadeInDown var(--datepicker-transition-duration) var(--datepicker-transition-easing);width:100%;min-width:100%;max-width:100%;overflow:visible;will-change:transform,opacity;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);isolation:isolate;display:block;visibility:visible;opacity:1;pointer-events:auto}.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}@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:block!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% - 32px)!important;min-width:280px!important;max-width:400px!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!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}.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}.ngxsmk-calendar-container{padding:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;padding:10px!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;flex:1!important;min-width:0!important}.ngxsmk-header,.ngxsmk-month-year-selects{gap:4px!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-popover-container.ngxsmk-inline-container{position:static;margin-top:0;animation:none;width:100%;min-width:100%;max-width:100%;left:0;transform:none}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode{display:block;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-popover-container.ngxsmk-inline-container{overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-datepicker-container{box-shadow:none;overflow:visible}.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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;min-width:0;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:visible;-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}.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-calendar-container{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);-webkit-border-radius:var(--datepicker-radius-lg);-moz-border-radius:var(--datepicker-radius-lg);border-radius:var(--datepicker-radius-lg);padding:var(--datepicker-spacing-xl);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);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;overflow:visible}.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-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;position:relative;z-index:1}.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}.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);background:none;border:none;cursor:pointer;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-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;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;min-height:36px;-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);-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)}.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}@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;padding:8px}.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-cell{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}.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.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-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection{margin-top:0;padding-top:0;border-top:none}.ngxsmk-time-selection>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-time-selection>*{-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-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-lg);padding-top:var(--datepicker-spacing-lg);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-sm) var(--datepicker-spacing-lg);-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:1.5px 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(calc(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:90vh!important;max-height:90dvh!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;max-height:calc(90vh - env(safe-area-inset-bottom,0px))!important;max-height:calc(90dvh - 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(calc(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(calc(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:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.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-day-name{font-size:10px;padding:8px 0;width:auto!important;min-width:fit-content}.ngxsmk-calendar-container{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-xs);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:calc(100vw - 16px);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto}.ngxsmk-days-grid-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;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:-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-header{padding:0;margin-bottom:var(--datepicker-spacing-xs);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px}.ngxsmk-month-year-selects{width:auto;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-bottom:0;gap:8px}.ngxsmk-nav-button{padding:8px;min-width:40px;min-height:40px}.ngxsmk-nav-button svg{width:18px;height:18px}.ngxsmk-time-selection{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.ngxsmk-time-selection>*{-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-time-label{font-size:12px;white-space:nowrap}.ngxsmk-footer{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px}.ngxsmk-clear-button-footer,.ngxsmk-close-button{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:auto;padding:12px 16px;font-size:13px;min-height:44px}.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%;overflow:visible}.ngxsmk-ranges-container ul{flex-wrap:nowrap!important;justify-content:flex-start;gap:var(--datepicker-spacing-xs);overflow:visible;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%}.ngxsmk-ranges-container li{flex-shrink:0!important;white-space:nowrap;min-width:fit-content}.ngxsmk-datepicker-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%;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: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: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{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!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;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-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-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-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-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-nav-button{will-change:transform;backface-visibility:hidden}.ngxsmk-clear-button{will-change:background-color}.ngxsmk-days-grid{contain:layout style;will-change:contents;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.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{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;border-radius:24px!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;border-radius:24px!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{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!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-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-multi-calendar-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@media(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}}.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: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: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{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{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!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;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: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: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{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!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;padding:14px 6px!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:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 32px)!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: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}.ngxsmk-calendar-container{padding:8px!important;max-width:100%!important;width:100%!important;border-radius:12px!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:8px!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:8px 4px!important;margin-bottom:8px!important;gap:6px!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: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{min-width:40px!important;min-height:40px!important;padding:8px!important;border-radius:8px!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{gap:6px!important;padding:12px 4px!important;margin-top:8px!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:12px!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: 65px !important;min-width:65px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:16px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 2px!important}.ngxsmk-footer{gap:8px!important;padding:12px 4px 8px!important;margin-top:8px!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 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}}\n", ".ngxsmk-keyboard-help-dialog{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--datepicker-background);border-radius:var(--datepicker-radius-lg);box-shadow:var(--datepicker-shadow-lg);z-index:calc(var(--datepicker-z-index-backdrop) + 10);padding:20px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;color:var(--datepicker-text-color);animation:fadeInScale .2s ease-out}.ngxsmk-keyboard-help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid var(--datepicker-border-color);padding-bottom:10px}.ngxsmk-keyboard-help-title{font-size:18px;font-weight:600;margin:0}.ngxsmk-keyboard-help-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm);display:flex;align-items:center;justify-content:center}.ngxsmk-keyboard-help-close:hover{background:var(--datepicker-hover-background);color:var(--datepicker-text-color)}.ngxsmk-keyboard-help-list{list-style:none;padding:0;margin:0;font-size:14px}.ngxsmk-keyboard-help-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--datepicker-border-color)}.ngxsmk-keyboard-help-item:last-child{border-bottom:none}.ngxsmk-keyboard-key{background:var(--datepicker-hover-background);border:1px solid var(--datepicker-border-color);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px;display:inline-block;min-width:20px;text-align:center;margin-left:4px}.ngxsmk-keyboard-help-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:var(--datepicker-z-index-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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", "mode", "selectedDate", "startDate", "endDate", "focusedDate", "today", "currentMonth", "currentYear", "ariaLabel", "isDateDisabled", "isSameDay", "isHoliday", "isMultipleSelected", "isInRange", "isPreviewInRange", "getAriaLabel", "getDayCellCustomClasses", "getDayCellTooltip", "formatDayNumber"], outputs: ["dateClick", "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", "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"], outputs: ["timeChange", "currentDisplayHourChange", "currentMinuteChange", "currentSecondChange", "isPmChange"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["ngxsmk-datepicker{--datepicker-primary-color: #6d28d9;--datepicker-primary-contrast: #ffffff;--datepicker-range-background: #f5f3ff;--datepicker-background: #ffffff;--datepicker-text-color: #1f2937;--datepicker-subtle-text-color: #6b7280;--datepicker-border-color: #e5e7eb;--datepicker-hover-background: #f3f4f6;--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-md);--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{--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}@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:inline-block;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-wrapper{position:relative;width:100%;z-index:1;overflow:visible}.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}}.ngxsmk-backdrop{display:none}@media(max-width:1023px){.ngxsmk-datepicker-wrapper.ngxsmk-calendar-open:not(.ngxsmk-inline-mode) .ngxsmk-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:#00000080!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;position:fixed!important;width:100%!important;height:100%!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%;min-width:200px;border:1.5px 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:0 0 0 3px rgba(109,40,217,.1),var(--datepicker-shadow-md);-moz-box-shadow:0 0 0 3px rgba(109,40,217,.1),var(--datepicker-shadow-md);box-shadow:0 0 0 3px #6d28d91a,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;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;-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);-webkit-animation:fadeInDown var(--datepicker-transition-duration) var(--datepicker-transition-easing);-moz-animation:fadeInDown var(--datepicker-transition-duration) var(--datepicker-transition-easing);-o-animation:fadeInDown var(--datepicker-transition-duration) var(--datepicker-transition-easing);animation:fadeInDown var(--datepicker-transition-duration) var(--datepicker-transition-easing);width:100%;min-width:100%;max-width:100%;overflow:visible;will-change:transform,opacity;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);isolation:isolate;display:block;visibility:visible;opacity:1;pointer-events:auto}.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}@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:block!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% - 32px)!important;min-width:280px!important;max-width:400px!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!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}.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}.ngxsmk-calendar-container{padding:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.ngxsmk-nav-button{width:44px!important;height:44px!important;padding:10px!important}.ngxsmk-month-year-selects ngxsmk-custom-select{height:44px!important;flex:1!important;min-width:0!important}.ngxsmk-header,.ngxsmk-month-year-selects{gap:4px!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-popover-container.ngxsmk-inline-container{position:static;margin-top:0;animation:none;width:100%;min-width:100%;max-width:100%;left:0;transform:none}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode{display:block;overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-popover-container.ngxsmk-inline-container{overflow:visible}.ngxsmk-datepicker-wrapper.ngxsmk-inline-mode .ngxsmk-datepicker-container{box-shadow:none;overflow:visible}.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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;min-width:0;max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:visible;-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}.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-calendar-container{font-size:var(--datepicker-font-size-base);line-height:var(--datepicker-line-height);-webkit-border-radius:var(--datepicker-radius-lg);-moz-border-radius:var(--datepicker-radius-lg);border-radius:var(--datepicker-radius-lg);padding:var(--datepicker-spacing-xl);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);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;overflow:visible}.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-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;position:relative;z-index:1}.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}.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);background:none;border:none;cursor:pointer;-webkit-border-radius:var(--datepicker-radius-sm);-moz-border-radius:var(--datepicker-radius-sm);border-radius:var(--datepicker-radius-sm);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-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;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;min-height:36px;-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);-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)}.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}@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;padding:8px}.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-cell{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}.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.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-calendar-container.ngxsmk-time-only-mode .ngxsmk-time-selection{margin-top:0;padding-top:0;border-top:none}.ngxsmk-time-selection>*{margin-left:calc(var(--datepicker-spacing-sm) / 2);margin-right:calc(var(--datepicker-spacing-sm) / 2)}.ngxsmk-time-selection>*{-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-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-lg);padding-top:var(--datepicker-spacing-lg);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-sm) var(--datepicker-spacing-lg);-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:1.5px 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(calc(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:90vh!important;max-height:90dvh!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;max-height:calc(90vh - env(safe-area-inset-bottom,0px))!important;max-height:calc(90dvh - 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(calc(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(calc(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:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.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-day-name{font-size:10px;padding:8px 0;width:auto!important;min-width:fit-content}.ngxsmk-calendar-container{padding:var(--datepicker-spacing-sm) var(--datepicker-spacing-xs);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:calc(100vw - 16px);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto}.ngxsmk-days-grid-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;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:-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-header{padding:0;margin-bottom:var(--datepicker-spacing-xs);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px}.ngxsmk-month-year-selects{width:auto;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-bottom:0;gap:8px}.ngxsmk-nav-button{padding:8px;min-width:40px;min-height:40px}.ngxsmk-nav-button svg{width:18px;height:18px}.ngxsmk-time-selection{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;-webkit-flex-wrap:nowrap!important;-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.ngxsmk-time-selection>*{-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.ngxsmk-time-label{font-size:12px;white-space:nowrap}.ngxsmk-footer{margin-top:var(--datepicker-spacing-sm);padding-top:var(--datepicker-spacing-sm);width:100%;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px}.ngxsmk-clear-button-footer,.ngxsmk-close-button{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:auto;padding:12px 16px;font-size:13px;min-height:44px}.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%;overflow:visible}.ngxsmk-ranges-container ul{flex-wrap:nowrap!important;justify-content:flex-start;gap:var(--datepicker-spacing-xs);overflow:visible;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:100%}.ngxsmk-ranges-container li{flex-shrink:0!important;white-space:nowrap;min-width:fit-content}.ngxsmk-datepicker-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%;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: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: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{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!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;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-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-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-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-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-nav-button{will-change:transform;backface-visibility:hidden}.ngxsmk-clear-button{will-change:background-color}.ngxsmk-days-grid{contain:layout style;will-change:contents;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.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{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;border-radius:24px!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;border-radius:24px!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{min-width:44px!important;min-height:44px!important;padding:12px!important;border-radius:12px!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-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-multi-calendar-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}@media(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}}.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: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: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{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{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!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;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: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: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{min-width:44px!important;min-height:44px!important;padding:10px!important;border-radius:10px!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;padding:14px 6px!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:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;min-width:280px!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 32px)!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: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}.ngxsmk-calendar-container{padding:8px!important;max-width:100%!important;width:100%!important;border-radius:12px!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:8px!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:8px 4px!important;margin-bottom:8px!important;gap:6px!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: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{min-width:40px!important;min-height:40px!important;padding:8px!important;border-radius:8px!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{gap:6px!important;padding:12px 4px!important;margin-top:8px!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:12px!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: 65px !important;min-width:65px!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important}.ngxsmk-time-separator{font-size:16px!important;font-weight:600!important;-webkit-flex-shrink:0!important;-ms-flex-negative:0!important;flex-shrink:0!important;padding:0 2px!important}.ngxsmk-footer{gap:8px!important;padding:12px 4px 8px!important;margin-top:8px!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 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}}\n", ".ngxsmk-keyboard-help-dialog{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--datepicker-background);border-radius:var(--datepicker-radius-lg);box-shadow:var(--datepicker-shadow-lg);z-index:calc(var(--datepicker-z-index-backdrop) + 10);padding:20px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;color:var(--datepicker-text-color);animation:fadeInScale .2s ease-out}.ngxsmk-keyboard-help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid var(--datepicker-border-color);padding-bottom:10px}.ngxsmk-keyboard-help-title{font-size:18px;font-weight:600;margin:0}.ngxsmk-keyboard-help-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--datepicker-subtle-text-color);border-radius:var(--datepicker-radius-sm);display:flex;align-items:center;justify-content:center}.ngxsmk-keyboard-help-close:hover{background:var(--datepicker-hover-background);color:var(--datepicker-text-color)}.ngxsmk-keyboard-help-list{list-style:none;padding:0;margin:0;font-size:14px}.ngxsmk-keyboard-help-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--datepicker-border-color)}.ngxsmk-keyboard-help-item:last-child{border-bottom:none}.ngxsmk-keyboard-key{background:var(--datepicker-hover-background);border:1px solid var(--datepicker-border-color);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px;display:inline-block;min-width:20px;text-align:center;margin-left:4px}.ngxsmk-keyboard-help-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:var(--datepicker-z-index-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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", "mode", "selectedDate", "startDate", "endDate", "focusedDate", "today", "currentMonth", "currentYear", "ariaLabel", "isDateDisabled", "isSameDay", "isHoliday", "isMultipleSelected", "isInRange", "isPreviewInRange", "getAriaLabel", "getDayCellCustomClasses", "getDayCellTooltip", "formatDayNumber"], outputs: ["dateClick", "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", "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: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: NgxsmkDatepickerComponent, decorators: [{
             type: Component,
@@ -9199,6 +9240,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
                     [showSeconds]="showSeconds"
                     [disabled]="disabled"
                     [timeLabel]="getTranslation('time')"
+                    [showAmpm]="!use24Hour"
                     (timeChange)="timeChange()">
                   </ngxsmk-time-selection>
                 }
@@ -9301,6 +9343,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
                 type: Input
             }], minuteInterval: [{
                 type: Input
+            }], use24Hour: [{
+                type: Input
             }], secondInterval: [{
                 type: Input
             }], showSeconds: [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngxsmk-datepicker",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "author": {
     "name": "Sachin Dilshan",
     "url": "https://www.linkedin.com/in/sachindilshan/"

package/types/ngxsmk-datepicker.d.ts

@@ -36,7 +36,7 @@ declare function generateYearOptions(currentYear: number, range?: number): {
     label: string;
     value: number;
 }[];
-declare function generateTimeOptions(minuteInterval?: number, secondInterval?: number, includeSeconds?: boolean): {
+declare function generateTimeOptions(minuteInterval?: number, secondInterval?: number, includeSeconds?: boolean, use24Hour?: boolean): {
     hourOptions: {
         label: string;
         value: number;
@@ -314,6 +314,7 @@ declare class NgxsmkDatepickerComponent implements OnInit, OnChanges, OnDestroy,
     timeOnly: boolean;
     showCalendarButton: boolean;
     minuteInterval: number;
+    use24Hour: boolean;
     secondInterval: number;
     showSeconds: boolean;
     holidayProvider: HolidayProvider | null;
@@ -1357,7 +1358,7 @@ declare class NgxsmkDatepickerComponent implements OnInit, OnChanges, OnDestroy,
     private isIonicEnvironment;
     private removeFocusTrap;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxsmkDatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgxsmkDatepickerComponent, "ngxsmk-datepicker", never, { "mode": { "alias": "mode"; "required": false; }; "calendarViewMode": { "alias": "calendarViewMode"; "required": false; }; "isInvalidDate": { "alias": "isInvalidDate"; "required": false; }; "showRanges": { "alias": "showRanges"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "timeOnly": { "alias": "timeOnly"; "required": false; }; "showCalendarButton": { "alias": "showCalendarButton"; "required": false; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; }; "secondInterval": { "alias": "secondInterval"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "holidayProvider": { "alias": "holidayProvider"; "required": false; }; "disableHolidays": { "alias": "disableHolidays"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledRanges": { "alias": "disabledRanges"; "required": false; }; "recurringPattern": { "alias": "recurringPattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "translations": { "alias": "translations"; "required": false; }; "translationService": { "alias": "translationService"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "closeLabel": { "alias": "closeLabel"; "required": false; }; "prevMonthAriaLabel": { "alias": "prevMonthAriaLabel"; "required": false; }; "nextMonthAriaLabel": { "alias": "nextMonthAriaLabel"; "required": false; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; "weekStart": { "alias": "weekStart"; "required": false; }; "yearRange": { "alias": "yearRange"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "hooks": { "alias": "hooks"; "required": false; }; "enableKeyboardShortcuts": { "alias": "enableKeyboardShortcuts"; "required": false; }; "customShortcuts": { "alias": "customShortcuts"; "required": false; }; "autoApplyClose": { "alias": "autoApplyClose"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "allowTyping": { "alias": "allowTyping"; "required": false; }; "calendarCount": { "alias": "calendarCount"; "required": false; }; "calendarLayout": { "alias": "calendarLayout"; "required": false; }; "defaultMonthOffset": { "alias": "defaultMonthOffset"; "required": false; }; "useNativePicker": { "alias": "useNativePicker"; "required": false; }; "enableHapticFeedback": { "alias": "enableHapticFeedback"; "required": false; }; "mobileModalStyle": { "alias": "mobileModalStyle"; "required": false; }; "mobileTimePickerStyle": { "alias": "mobileTimePickerStyle"; "required": false; }; "enablePullToRefresh": { "alias": "enablePullToRefresh"; "required": false; }; "mobileTheme": { "alias": "mobileTheme"; "required": false; }; "enableVoiceInput": { "alias": "enableVoiceInput"; "required": false; }; "autoDetectMobile": { "alias": "autoDetectMobile"; "required": false; }; "disableFocusTrap": { "alias": "disableFocusTrap"; "required": false; }; "appendToBody": { "alias": "appendToBody"; "required": false; }; "value": { "alias": "value"; "required": false; }; "field": { "alias": "field"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "classes": { "alias": "classes"; "required": false; }; "disabledState": { "alias": "disabledState"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorState": { "alias": "errorState"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "ranges": { "alias": "ranges"; "required": false; }; }, { "valueChange": "valueChange"; "action": "action"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxsmkDatepickerComponent, "ngxsmk-datepicker", never, { "mode": { "alias": "mode"; "required": false; }; "calendarViewMode": { "alias": "calendarViewMode"; "required": false; }; "isInvalidDate": { "alias": "isInvalidDate"; "required": false; }; "showRanges": { "alias": "showRanges"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "timeOnly": { "alias": "timeOnly"; "required": false; }; "showCalendarButton": { "alias": "showCalendarButton"; "required": false; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; }; "use24Hour": { "alias": "use24Hour"; "required": false; }; "secondInterval": { "alias": "secondInterval"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; "holidayProvider": { "alias": "holidayProvider"; "required": false; }; "disableHolidays": { "alias": "disableHolidays"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledRanges": { "alias": "disabledRanges"; "required": false; }; "recurringPattern": { "alias": "recurringPattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "translations": { "alias": "translations"; "required": false; }; "translationService": { "alias": "translationService"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "closeLabel": { "alias": "closeLabel"; "required": false; }; "prevMonthAriaLabel": { "alias": "prevMonthAriaLabel"; "required": false; }; "nextMonthAriaLabel": { "alias": "nextMonthAriaLabel"; "required": false; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; "weekStart": { "alias": "weekStart"; "required": false; }; "yearRange": { "alias": "yearRange"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "hooks": { "alias": "hooks"; "required": false; }; "enableKeyboardShortcuts": { "alias": "enableKeyboardShortcuts"; "required": false; }; "customShortcuts": { "alias": "customShortcuts"; "required": false; }; "autoApplyClose": { "alias": "autoApplyClose"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "allowTyping": { "alias": "allowTyping"; "required": false; }; "calendarCount": { "alias": "calendarCount"; "required": false; }; "calendarLayout": { "alias": "calendarLayout"; "required": false; }; "defaultMonthOffset": { "alias": "defaultMonthOffset"; "required": false; }; "useNativePicker": { "alias": "useNativePicker"; "required": false; }; "enableHapticFeedback": { "alias": "enableHapticFeedback"; "required": false; }; "mobileModalStyle": { "alias": "mobileModalStyle"; "required": false; }; "mobileTimePickerStyle": { "alias": "mobileTimePickerStyle"; "required": false; }; "enablePullToRefresh": { "alias": "enablePullToRefresh"; "required": false; }; "mobileTheme": { "alias": "mobileTheme"; "required": false; }; "enableVoiceInput": { "alias": "enableVoiceInput"; "required": false; }; "autoDetectMobile": { "alias": "autoDetectMobile"; "required": false; }; "disableFocusTrap": { "alias": "disableFocusTrap"; "required": false; }; "appendToBody": { "alias": "appendToBody"; "required": false; }; "value": { "alias": "value"; "required": false; }; "field": { "alias": "field"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "classes": { "alias": "classes"; "required": false; }; "disabledState": { "alias": "disabledState"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorState": { "alias": "errorState"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "ranges": { "alias": "ranges"; "required": false; }; }, { "valueChange": "valueChange"; "action": "action"; }, never, never, true, never>;
 }
 
 interface ExportOptions {