@lucca-front/ng 21.3.0-rc.5 → 22.0.0-rc.2

package/fesm2022/lucca-front-ng-date2.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, LOCALE_ID, TemplateRef, ViewContainerRef, Input, Directive, ElementRef, input, computed, HostListener, HostBinding, booleanAttribute, model, output, viewChildren, effect, ChangeDetectionStrategy, ViewEncapsulation, Component, signal, Injector, viewChild, untracked, forwardRef } from '@angular/core';
-import { isNil, intlInputOptions, LuClass, ɵeffectWithDeps as _effectWithDeps, PortalDirective } from '@lucca-front/ng/core';
+import { InjectionToken, inject, LOCALE_ID, TemplateRef, ViewContainerRef, input, Directive, ElementRef, computed, booleanAttribute, model, output, viewChildren, effect, ChangeDetectionStrategy, ViewEncapsulation, Component, signal, Injector, viewChild, untracked, forwardRef } from '@angular/core';
+import { ɵeffectWithDeps as _effectWithDeps, isNil, intlInputOptions, isNotNil, LuClass, PortalDirective } from '@lucca-front/ng/core';
 import { LuTooltipTriggerDirective } from '@lucca-front/ng/tooltip';
 import { isSameYear, isSameMonth, isSameDay, startOfDecade, startOfYear, startOfMonth, parse, format, addYears, addMonths, subYears, subMonths, endOfWeek, startOfWeek, sub, add, eachDayOfInterval, endOfMonth, lastDayOfMonth, eachMonthOfInterval, endOfYear, eachYearOfInterval, endOfDecade, startOfDay, endOfDay, isAfter, isWithinInterval, addHours, isBefore, startOfQuarter, subQuarters, endOfQuarter, subWeeks } from 'date-fns';
 import { getLocaleWeekEndRange, getLocaleFirstDayOfWeek, NgTemplateOutlet } from '@angular/common';
@@ -16,8 +16,6 @@ import { BreakpointObserver, LayoutModule } from '@angular/cdk/layout';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { map } from 'rxjs';
 
-const CALENDAR_MODE = ['day', 'month', 'year'];
-
 const WEEK_INFO = new InjectionToken('Calendar2:WeekInfo', {
     factory: () => {
         const locale = inject(LOCALE_ID);
@@ -68,34 +66,27 @@ class RepeatTimesDirective {
     constructor() {
         this.templateRef = inject(TemplateRef);
         this.viewContainerRef = inject(ViewContainerRef);
-    }
-    set repeatTimes(times) {
-        this.viewContainerRef.clear();
-        for (let i = 0; i < times; i++) {
-            this.viewContainerRef.createEmbeddedView(this.templateRef);
-        }
+        this.repeatTimes = input(0, { ...(ngDevMode ? { debugName: "repeatTimes" } : /* istanbul ignore next */ {}), alias: 'luRepeatTimes' });
+        _effectWithDeps([this.repeatTimes], (times) => {
+            this.viewContainerRef.clear();
+            for (let i = 0; i < times; i++) {
+                this.viewContainerRef.createEmbeddedView(this.templateRef);
+            }
+        });
     }
     static ngTemplateContextGuard(_dir, _ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: RepeatTimesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: RepeatTimesDirective, isStandalone: true, selector: "[luRepeatTimes]", inputs: { repeatTimes: ["luRepeatTimes", "repeatTimes"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: RepeatTimesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: RepeatTimesDirective, isStandalone: true, selector: "[luRepeatTimes]", inputs: { repeatTimes: { classPropertyName: "repeatTimes", publicName: "luRepeatTimes", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: RepeatTimesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: RepeatTimesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luRepeatTimes]',
                 }]
-        }], propDecorators: { repeatTimes: [{
-                type: Input,
-                args: ['luRepeatTimes']
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { repeatTimes: [{ type: i0.Input, args: [{ isSignal: true, alias: "luRepeatTimes", required: false }] }] } });
 
-/**
- * Available DateComponent Types
- */
-const DATE2_CLEAR_BEHAVIOR = ['clear', 'reset'];
-const DATE_FORMAT_CONST = ['date', 'date-iso'];
 const DATE_FORMAT = {
     DATE: 'date',
     DATE_ISO: 'date-iso',
@@ -124,13 +115,13 @@ const modeToPeriodStart = {
     year: startOfDecade,
 };
 function comparePeriods(mode, a, b) {
-    return modeToComparator[mode](a, b);
+    return mode ? modeToComparator[mode](a, b) : false;
 }
 function compareCalendarPeriods(mode, a, b) {
-    return modeToCalendarComparator[mode](a, b);
+    return mode ? modeToCalendarComparator[mode](a, b) : false;
 }
 function startOfPeriod(mode, date) {
-    return modeToPeriodStart[mode](date);
+    return mode ? modeToPeriodStart[mode](date) : date;
 }
 function stringToDateISO(value) {
     const res = parse(value, DATE_ISO_FORMAT, new Date());
@@ -164,17 +155,19 @@ function transformDateRangeInputToDateRange(value) {
     if (!isDateRangeInput(value)) {
         return value;
     }
+    const valueEnd = value.end ? transformDateInputToDate(value.end) : null;
     return {
         ...value,
         start: transformDateInputToDate(value.start),
-        end: transformDateInputToDate(value.end),
+        end: valueEnd,
     };
 }
 function transformDateRangeToDateRangeInput(value) {
+    const valueEnd = value.end ? transformDateToDateISO(value.end) : null;
     return {
         ...value,
         start: transformDateToDateISO(value.start),
-        end: transformDateToDateISO(value.end),
+        end: valueEnd,
     };
 }
 
@@ -269,23 +262,21 @@ class Calendar2CellDirective {
     blur() {
         this.#host.nativeElement.blur();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: Calendar2CellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.15", type: Calendar2CellDirective, isStandalone: true, selector: "[luCalendar2Cell]", inputs: { luCalendar2Cell: { classPropertyName: "luCalendar2Cell", publicName: "luCalendar2Cell", isSignal: true, isRequired: true, transformFunction: null }, luCalendar2Mode: { classPropertyName: "luCalendar2Mode", publicName: "luCalendar2Mode", isSignal: true, isRequired: true, transformFunction: null }, luCalendar2Date: { classPropertyName: "luCalendar2Date", publicName: "luCalendar2Date", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "keydown": "keydown($event)" }, properties: { "tabindex": "this.tabindex" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: Calendar2CellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: Calendar2CellDirective, isStandalone: true, selector: "[luCalendar2Cell]", inputs: { luCalendar2Cell: { classPropertyName: "luCalendar2Cell", publicName: "luCalendar2Cell", isSignal: true, isRequired: true, transformFunction: null }, luCalendar2Mode: { classPropertyName: "luCalendar2Mode", publicName: "luCalendar2Mode", isSignal: true, isRequired: true, transformFunction: null }, luCalendar2Date: { classPropertyName: "luCalendar2Date", publicName: "luCalendar2Date", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "keydown": "keydown($event)" }, properties: { "tabindex": "tabindex" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: Calendar2CellDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: Calendar2CellDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luCalendar2Cell]',
+                    host: {
+                        '[tabindex]': 'tabindex',
+                        '(keydown)': 'keydown($event)',
+                    },
                 }]
-        }], propDecorators: { luCalendar2Cell: [{ type: i0.Input, args: [{ isSignal: true, alias: "luCalendar2Cell", required: true }] }], luCalendar2Mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "luCalendar2Mode", required: true }] }], luCalendar2Date: [{ type: i0.Input, args: [{ isSignal: true, alias: "luCalendar2Date", required: true }] }], tabindex: [{
-                type: HostBinding,
-                args: ['tabindex']
-            }], keydown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }] } });
+        }], propDecorators: { luCalendar2Cell: [{ type: i0.Input, args: [{ isSignal: true, alias: "luCalendar2Cell", required: true }] }], luCalendar2Mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "luCalendar2Mode", required: true }] }], luCalendar2Date: [{ type: i0.Input, args: [{ isSignal: true, alias: "luCalendar2Date", required: true }] }] } });
 
-const MODE_HIERARCHY = ['day', 'month', 'year'];
+const MODE_HIERARCHY = ['day', 'month', 'year', null];
 class Calendar2Component {
     #locale;
     #weekInfo;
@@ -405,7 +396,6 @@ class Calendar2Component {
             return monthsOfYear
                 .map((month) => {
                 return {
-                    date: month,
                     short: this.#intlMonthsShort.format(month),
                     long: this.#intlMonthsLong.format(month),
                     ...this.dateToCellInfo(month),
@@ -426,7 +416,6 @@ class Calendar2Component {
             return yearsOfDecade
                 .map((year) => {
                 return {
-                    date: year,
                     ...this.dateToCellInfo(year),
                     name: this.#intlDateYear.format(year),
                     isCurrent: isSameYear(new Date(), year),
@@ -517,7 +506,7 @@ class Calendar2Component {
         // Is it weekend day? for is-dayOff class toggle
         const isWeekend = isDayMode && this.#weekInfo.weekend.includes(getIntlWeekDay(date)) && !this.hideWeekend();
         // Is it first day of month? Mostly used for overflow display logic
-        const isFirstDayOfMonth = isDayMode && isSameDay(startOfMonth(date), rangeInfo?.range.start);
+        const isFirstDayOfMonth = isDayMode && rangeInfo && isSameDay(startOfMonth(date), rangeInfo.range.start);
         // Is this the current period? Will match if same day as today, or same month in month display, or same year if year display
         const isCurrent = comparePeriods(this.displayMode(), new Date(), date) && !this.hideToday();
         // Are we currently in a range that's being created (start date selected, end date is being hovered)
@@ -537,7 +526,7 @@ class Calendar2Component {
             }
             const hoveredRange = {
                 start,
-                end: startOfDay(this.dateHovered()),
+                end: startOfDay(this.dateHovered() ?? 0),
             };
             // If start is after end, fix this by inverting the two, we always want to work with start before end
             if (isAfter(hoveredRange.start, hoveredRange.end)) {
@@ -560,8 +549,8 @@ class Calendar2Component {
             isProgressStart = !isOverflow && comparePeriods(this.displayMode(), date, hoveredRange.start);
             isProgressEnd = !isOverflow && comparePeriods(this.displayMode(), date, hoveredRange.end);
             // This is the case where you clicked a first date and then are hovering it, which requires a specific case for CSS
-            if (isSameDay(rangeInfo.range.start, this.dateHovered())) {
-                isSingleDayInProgress = !isOverflow && isSameDay(hoveredRange.start, hoveredRange.end) && isSameDay(hoveredRange.start, this.dateHovered());
+            if (isSameDay(rangeInfo.range.start, this.dateHovered() ?? 0)) {
+                isSingleDayInProgress = !isOverflow && isSameDay(hoveredRange.start, hoveredRange.end) && isSameDay(hoveredRange.start, this.dateHovered() ?? 0);
             }
         }
         const isSelected = status.selected || (!!rangeInfo?.range && !isInProgress);
@@ -582,8 +571,8 @@ class Calendar2Component {
                 'is-daysOff': isWeekend,
                 'is-overflow': isOverflow,
                 'is-current': isCurrent,
-                'is-start': !isOverflow && (rangeInfo?.isStart || status.selected) && !isInProgress,
-                'is-end': !isOverflow && (rangeInfo?.isEnd || status.selected) && !isInProgress,
+                'is-start': Boolean(!isOverflow && (rangeInfo?.isStart || status.selected) && !isInProgress),
+                'is-end': Boolean(!isOverflow && (rangeInfo?.isEnd || status.selected) && !isInProgress),
                 'is-selected': isSelected,
                 // Range in progress statuses
                 'is-selectionInProgress': isProgressBody,
@@ -606,16 +595,16 @@ class Calendar2Component {
                 }
                 else if (this.dateHovered() !== null) {
                     // Nominal case: end is after start
-                    if (isAfter(this.dateHovered(), startOfDay(range.start))) {
+                    if (isAfter(this.dateHovered() ?? 0, startOfDay(range.start))) {
                         return isWithinInterval(date, {
                             start: startOfDay(range.start),
-                            end: endOfDay(this.dateHovered()),
+                            end: endOfDay(this.dateHovered() ?? 0),
                         });
                     }
                     else {
                         // When user clicked end date first and now wants to select a start date
                         return isWithinInterval(date, {
-                            start: startOfDay(this.dateHovered()),
+                            start: startOfDay(this.dateHovered() ?? 0),
                             end: endOfDay(range.start),
                         });
                     }
@@ -637,7 +626,7 @@ class Calendar2Component {
             return null;
         }
         const isStart = range && isSameDay(date, range.start);
-        const isEnd = range && range.end && isSameDay(date, range.end);
+        const isEnd = Boolean(range && range.end && isSameDay(date, range.end));
         return {
             range,
             isStart,
@@ -646,8 +635,8 @@ class Calendar2Component {
             class: range?.class,
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: Calendar2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: Calendar2Component, isStandalone: true, selector: "lu-calendar2", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, showOverflow: { classPropertyName: "showOverflow", publicName: "showOverflow", isSignal: true, isRequired: false, transformFunction: null }, enableOverflow: { classPropertyName: "enableOverflow", publicName: "enableOverflow", isSignal: true, isRequired: false, transformFunction: null }, removeYearOverflow: { classPropertyName: "removeYearOverflow", publicName: "removeYearOverflow", isSignal: true, isRequired: false, transformFunction: null }, hideToday: { classPropertyName: "hideToday", publicName: "hideToday", isSignal: true, isRequired: false, transformFunction: null }, hasTodayButton: { classPropertyName: "hasTodayButton", publicName: "hasTodayButton", isSignal: true, isRequired: false, transformFunction: null }, hideWeekend: { classPropertyName: "hideWeekend", publicName: "hideWeekend", isSignal: true, isRequired: false, transformFunction: null }, disableModeChange: { classPropertyName: "disableModeChange", publicName: "disableModeChange", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, tabbableDate: { classPropertyName: "tabbableDate", publicName: "tabbableDate", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, ranges: { classPropertyName: "ranges", publicName: "ranges", isSignal: true, isRequired: false, transformFunction: null }, getCellInfo: { classPropertyName: "getCellInfo", publicName: "getCellInfo", isSignal: true, isRequired: false, transformFunction: null }, dateHovered: { classPropertyName: "dateHovered", publicName: "dateHovered", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { date: "dateChange", tabbableDate: "tabbableDateChange", mode: "modeChange", displayMode: "displayModeChange", nextPage: "nextPage", previousPage: "previousPage", dateClicked: "dateClicked", dateHovered: "dateHoveredChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: Calendar2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: Calendar2Component, isStandalone: true, selector: "lu-calendar2", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, showOverflow: { classPropertyName: "showOverflow", publicName: "showOverflow", isSignal: true, isRequired: false, transformFunction: null }, enableOverflow: { classPropertyName: "enableOverflow", publicName: "enableOverflow", isSignal: true, isRequired: false, transformFunction: null }, removeYearOverflow: { classPropertyName: "removeYearOverflow", publicName: "removeYearOverflow", isSignal: true, isRequired: false, transformFunction: null }, hideToday: { classPropertyName: "hideToday", publicName: "hideToday", isSignal: true, isRequired: false, transformFunction: null }, hasTodayButton: { classPropertyName: "hasTodayButton", publicName: "hasTodayButton", isSignal: true, isRequired: false, transformFunction: null }, hideWeekend: { classPropertyName: "hideWeekend", publicName: "hideWeekend", isSignal: true, isRequired: false, transformFunction: null }, disableModeChange: { classPropertyName: "disableModeChange", publicName: "disableModeChange", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null }, tabbableDate: { classPropertyName: "tabbableDate", publicName: "tabbableDate", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, ranges: { classPropertyName: "ranges", publicName: "ranges", isSignal: true, isRequired: false, transformFunction: null }, getCellInfo: { classPropertyName: "getCellInfo", publicName: "getCellInfo", isSignal: true, isRequired: false, transformFunction: null }, dateHovered: { classPropertyName: "dateHovered", publicName: "dateHovered", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { date: "dateChange", tabbableDate: "tabbableDateChange", mode: "modeChange", displayMode: "displayModeChange", nextPage: "nextPage", previousPage: "previousPage", dateClicked: "dateClicked", dateHovered: "dateHoveredChange" }, providers: [
             {
                 provide: CALENDAR_CELLS,
                 useFactory: () => inject(Calendar2Component).calendar2CellInstances,
@@ -658,7 +647,7 @@ class Calendar2Component {
             },
         ], viewQueries: [{ propertyName: "calendar2CellInstances", predicate: Calendar2CellDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"calendar\">\n\t@switch (displayMode()) {\n\t\t@case (\"day\") {\n\t\t\t<div class=\"calendar-name\" id=\"calendar-name\" aria-live=\"polite\">\n\t\t\t\t@if (disableModeChange()) {\n\t\t\t\t\t{{ currentMonthLabel() }}&ngsp; {{ currentYearLabel() }}\n\t\t\t\t} @else {\n\t\t\t\t\t<button type=\"button\" class=\"calendar-name-button\" (click)=\"displayMode.set('month')\">{{ currentMonthLabel() }}</button>&ngsp;\n\t\t\t\t\t<button type=\"button\" class=\"calendar-name-button\" (click)=\"displayMode.set('year')\">{{ currentYearLabel() }}</button>\n\t\t\t\t}\n\t\t\t\t<span class=\"pr-u-mask\">{{ intl().directionKeysTip }} </span>\n\t\t\t</div>\n\t\t\t<table class=\"calendar-table\" role=\"grid\" aria-labelledby=\"calendar-name\">\n\t\t\t\t<thead class=\"calendar-table-head\">\n\t\t\t\t\t<tr class=\"calendar-table-head-row\">\n\t\t\t\t\t\t@for (day of daysOfWeek; track day.long) {\n\t\t\t\t\t\t\t<th class=\"calendar-table-head-row-cell\" scope=\"col\">\n\t\t\t\t\t\t\t\t<span [attr.data-content-after]=\"day.short.substring(0, 1)\" aria-hidden=\"true\"></span>\n\t\t\t\t\t\t\t\t<span class=\"pr-u-mask\">{{ day.long }}</span>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t}\n\t\t\t\t\t</tr>\n\t\t\t\t</thead>\n\t\t\t\t<tbody class=\"calendar-table-body\">\n\t\t\t\t\t@for (week of monthGridDisplay(); track $index; let isLastWeek = $last) {\n\t\t\t\t\t\t<tr class=\"calendar-table-body-row\">\n\t\t\t\t\t\t\t@for (day of week; track dayIndex; let dayIndex = $index) {\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"calendar-table-body-row-cell\"\n\t\t\t\t\t\t\t\t\t(mouseenter)=\"day.isOverflow ? null : dateHovered.set(day.date)\"\n\t\t\t\t\t\t\t\t\t(mouseleave)=\"day.isOverflow ? null : dateHovered.set(null)\"\n\t\t\t\t\t\t\t\t\t[attr.aria-selected]=\"day.isSelected && !day.isOverflow\"\n\t\t\t\t\t\t\t\t\t[class]=\"day.classes\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@if (!day.noButton) {\n\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t[luCalendar2Cell]=\"dayIndex\"\n\t\t\t\t\t\t\t\t\t\t\t[luCalendar2Date]=\"day.date\"\n\t\t\t\t\t\t\t\t\t\t\tluCalendar2Mode=\"day\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"calendar-table-body-row-cell-action\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t[attr.aria-disabled]=\"day.disabled ? 'true' : null\"\n\t\t\t\t\t\t\t\t\t\t\t(click)=\"day.disabled ? null : onCellClicked(day.date)\"\n\t\t\t\t\t\t\t\t\t\t\t(keydown.space)=\"day.disabled ? null : onCellClicked(day.date)\"\n\t\t\t\t\t\t\t\t\t\t\t(focus)=\"day.isOverflow ? null : dateHovered.set(day.date)\"\n\t\t\t\t\t\t\t\t\t\t\t(blur)=\"day.isOverflow ? null : dateHovered.set(null)\"\n\t\t\t\t\t\t\t\t\t\t\t[luTooltip]=\"day.label\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{{ day.day }}\n\t\t\t\t\t\t\t\t\t\t\t@if (day.isCurrent) {\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pr-u-mask\">({{ todayLabel }})</span>\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t@if (day.isWeekend) {\n\t\t\t\t\t\t\t\t\t\t\t\t<svg class=\"calendar-table-body-row-cell-action-stripes\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<use href=\"#calendar-stripes-symbol\" />\n\t\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<td class=\"calendar-table-body-row-cell is-overflow\" *luRepeatTimes=\"isLastWeek ? 7 - week.length : 0\"></td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t}\n\t\t\t\t\t<tr class=\"calendar-table-body-row\" *luRepeatTimes=\"6 - monthGridDisplay().length\">\n\t\t\t\t\t\t<td class=\"calendar-table-body-row-cell is-overflow\" *luRepeatTimes=\"7\"></td>\n\t\t\t\t\t</tr>\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t\t@if (hasTodayButton()) {\n\t\t\t\t<div class=\"calendar-divider divider\"></div>\n\t\t\t\t<button class=\"calendar-todayLink link\" type=\"button\" (click)=\"clickToday()\">{{ todayLabel }}</button>\n\t\t\t}\n\t\t\t<svg class=\"calendar-stripes\" xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" aria-hidden=\"true\">\n\t\t\t\t<symbol id=\"calendar-stripes-symbol\" viewBox=\"0 0 60 60\">\n\t\t\t\t\t<path\n\t\t\t\t\t\tclass=\"calendar-stripes-symbol-path\"\n\t\t\t\t\t\td=\"m-41.82 43.03 84.85-84.85.53.53-84.85 84.85zm2.12 2.12L45.15-39.7l.53.53-84.85 84.85zm2.12 2.12\n\t\t\t84.85-84.85.53.53-84.85 84.85zm2.12 2.13L49.4-35.47l.53.53-84.85 84.85zm2.12 2.11\n\t\t\t84.85-84.85.54.53-84.86 84.86zm2.12 2.13 84.86-84.86.53.53-84.86 84.86zm2.12\n\t\t\t2.12L55.76-29.1l.53.53-84.86 84.86zm2.13 2.12 84.85-84.85.53.53-84.85 84.85zm2.12\n\t\t\t2.12L60-24.85l.53.53-84.85 84.85zm2.12 2.12 84.85-84.85.53.53-84.85 84.85zm2.12\n\t\t\t2.12L64.24-20.6l.53.53-84.85 84.85zm2.12 2.12 84.85-84.85.53.53-84.85 84.85zm2.12\n\t\t\t2.13L68.5-16.37l.53.53-84.86 84.86zm2.12 2.11 84.86-84.85.53.53-84.86 84.86zm2.13 2.13\n\t\t\t84.85-84.85.53.53-84.85 84.85zm2.12 2.12L74.85-10l.53.53-84.85 84.85zm2.12\n\t\t\t2.12L76.97-7.88l.53.53L-7.35 77.5zm2.12 2.13L79.09-5.77l.53.53-84.85 84.85zm2.12\n\t\t\t2.11L81.21-3.64l.53.53L-3.1 81.74zm2.12 2.12L83.33-1.52l.53.53L-.99\n\t\t\t83.86zM.6 85.46 85.46.6l.53.53L1.13 86zm2.12 2.12L87.58 2.72l.53.53L3.25 88.11zm2.13 2.12L89.7\n\t\t\t4.85l.53.53L5.38 90.23zm2.12 2.12L91.82 6.97l.53.53L7.5 92.35zm2.12 2.12L93.94 9.1l.53.53L9.62\n\t\t\t94.47zm2.12 2.12 84.85-84.85.53.53-84.85 84.85zm2.12 2.12 84.85-84.85.53.53-84.85 84.85zm2.12\n\t\t\t2.12 84.86-84.85.53.53-84.86 84.86z\"\n\t\t\t\t\t/>\n\t\t\t\t</symbol>\n\t\t\t</svg>\n\t\t}\n\t\t@case (\"month\") {\n\t\t\t<div class=\"calendar-name\" id=\"calendar-year-name\">\n\t\t\t\t@if (disableModeChange()) {\n\t\t\t\t\t{{ currentYearLabel() }}\n\t\t\t\t} @else {\n\t\t\t\t\t<button type=\"button\" class=\"calendar-name-button\" (click)=\"displayMode.set('year')\">{{ currentYearLabel() }}</button>\n\t\t\t\t}\n\t\t\t\t<span class=\"pr-u-mask\">{{ intl().directionKeysTip }} </span>\n\t\t\t</div>\n\t\t\t<table class=\"calendar-table\" role=\"grid\" aria-labelledby=\"calendar-year-name\">\n\t\t\t\t<tbody class=\"calendar-table-body\">\n\t\t\t\t\t@for (quarter of yearGridDisplay(); track $index) {\n\t\t\t\t\t\t<tr class=\"calendar-table-body-row\">\n\t\t\t\t\t\t\t@for (month of quarter; track month.date.getTime(); let index = $index) {\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"calendar-table-body-row-cell\"\n\t\t\t\t\t\t\t\t\t[attr.aria-selected]=\"month.status.selected || !!month.rangeInfo?.range\"\n\t\t\t\t\t\t\t\t\t(mouseenter)=\"dateHovered.set(month.date)\"\n\t\t\t\t\t\t\t\t\t(mouseleave)=\"dateHovered.set(null)\"\n\t\t\t\t\t\t\t\t\t[class]=\"month.classes\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclass=\"calendar-table-body-row-cell-action\"\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t[attr.data-content-after]=\"month.short\"\n\t\t\t\t\t\t\t\t\t\t[luCalendar2Cell]=\"index\"\n\t\t\t\t\t\t\t\t\t\t[luCalendar2Date]=\"month.date\"\n\t\t\t\t\t\t\t\t\t\t[disabled]=\"month.status.disabled\"\n\t\t\t\t\t\t\t\t\t\t(focus)=\"dateHovered.set(month.date)\"\n\t\t\t\t\t\t\t\t\t\t(blur)=\"dateHovered.set(null)\"\n\t\t\t\t\t\t\t\t\t\t(click)=\"onCellClicked(month.date)\"\n\t\t\t\t\t\t\t\t\t\t(keydown.space)=\"onCellClicked(month.date)\"\n\t\t\t\t\t\t\t\t\t\tluCalendar2Mode=\"month\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span class=\"pr-u-mask\">{{ month.long }}</span>\n\t\t\t\t\t\t\t\t\t\t@if (month.isCurrent) {\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"pr-u-mask\">({{ thisMonthLabel }})</span>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t}\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t}\n\t\t@case (\"year\") {\n\t\t\t<div class=\"calendar-name\" id=\"calendar-decade-name\">\n\t\t\t\t{{ currentDecadeLabel() }}\n\t\t\t\t<span class=\"pr-u-mask\">{{ intl().directionKeysTip }} </span>\n\t\t\t</div>\n\t\t\t<table class=\"calendar-table\" role=\"grid\" aria-labelledby=\"calendar-decade-name\">\n\t\t\t\t<tbody class=\"calendar-table-body\">\n\t\t\t\t\t@for (row of decadeGridDisplay(); track $index) {\n\t\t\t\t\t\t<tr class=\"calendar-table-body-row\">\n\t\t\t\t\t\t\t@for (year of row; track year.date.getTime(); let index = $index) {\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"calendar-table-body-row-cell\"\n\t\t\t\t\t\t\t\t\t[attr.aria-selected]=\"year.status.selected || !!year.rangeInfo?.range\"\n\t\t\t\t\t\t\t\t\t(mouseenter)=\"dateHovered.set(year.date)\"\n\t\t\t\t\t\t\t\t\t(mouseleave)=\"dateHovered.set(null)\"\n\t\t\t\t\t\t\t\t\t[class]=\"year.classes\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclass=\"calendar-table-body-row-cell-action\"\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t[luCalendar2Cell]=\"index\"\n\t\t\t\t\t\t\t\t\t\t[disabled]=\"year.status.disabled\"\n\t\t\t\t\t\t\t\t\t\t[luCalendar2Date]=\"year.date\"\n\t\t\t\t\t\t\t\t\t\tluCalendar2Mode=\"year\"\n\t\t\t\t\t\t\t\t\t\t(focus)=\"dateHovered.set(year.date)\"\n\t\t\t\t\t\t\t\t\t\t(blur)=\"dateHovered.set(null)\"\n\t\t\t\t\t\t\t\t\t\t(click)=\"onCellClicked(year.date)\"\n\t\t\t\t\t\t\t\t\t\t(keydown.space)=\"onCellClicked(year.date)\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{{ year.name }}\n\t\t\t\t\t\t\t\t\t\t@if (year.isCurrent) {\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"pr-u-mask\">({{ thisYearLabel }})</span>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t}\n\t\t\t\t</tbody>\n\t\t\t</table>\n\t\t}\n\t}\n</div>\n", styles: ["@layer components{.calendarWrapper{--components-calendarWrapperWidth: 17.25rem;--components-calendarWrapperBackground: transparent;--components-calendarWrapper-navigationBackground: var(--palettes-neutral-0)}}@layer mods{.calendarWrapper.mod-daysOffHidden .calendar-table-body-row-cell-action-stripes{--components-calendar-table-body-row-cell-action-stripesDisplay: none}.calendarWrapper.mod-daysOverflowingHidden .calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionDisplay: none}}@layer components{.calendar{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-neutral-200);--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionFontWeight: 400;--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text);--components-calendar-table-body-row-cell-actionOutlineWidth: 2px;--components-calendar-table-body-row-cell-actionOutlineOffset: -1px;--components-calendar-table-body-row-cell-actionCursor: pointer;--components-calendar-table-body-row-cell-actionTextDecoration: none;--components-calendar-table-body-row-cellSelectedBeforeContent: none;--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0;--components-calendar-table-body-row-cell-actionDisplay: block;--components-calendar-table-body-row-cell-action-stripesDisplay: block;--components-calendarBackground: var(--components-calendarWrapperBackground, var(--palettes-neutral-0));--components-calendarWidth: var(--components-calendarWrapperWidth, 17.25rem);--components-calendarBorderSpacing: 0;inline-size:var(--components-calendarWidth)}.calendarShortcutsOptional{display:flex}.calendarShortcuts{margin:0;padding:0;list-style-type:none;inline-size:13.5rem;border-inline-end:1px solid var(--palettes-neutral-100);padding:var(--pr-t-spacings-50);overflow:auto;position:relative;z-index:1;border-radius:var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendarShortcuts:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarShortcuts.mod-day{max-block-size:19.25rem}.calendarShortcuts.mod-day:has(+.calendarWrapper .calendar-todayLink){max-block-size:21.75rem}.calendarShortcuts.mod-month,.calendarShortcuts.mod-year{max-block-size:18rem}.calendarShortcutsButton-item-button.button{--components-button-width: 100%;--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarShortcutsButton-item-button.button:hover,.calendarShortcutsButton-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarShortcutsButton-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarShortcutsButton-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarShortcutsButton-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.calendarShortcutsButton-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.calendarShortcutsButton-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button{justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-regular);white-space:wrap;text-align:start}.calendar-table{border-spacing:var(--components-calendarBorderSpacing);border:var(--pr-t-spacings-150) solid transparent;border-block-start:0;table-layout:fixed;background-color:var(--components-calendarBackground);scroll-snap-align:start end;flex-shrink:0;flex-grow:0;inline-size:100%;empty-cells:hide}.calendarWrapper{background-color:var(--components-calendarWrapperBackground);position:relative}.calendarWrapper:has(.calendar-table-body-row-cell-action:focus-visible):has(.calendar-table-body-row-cell-action:hover) .calendar-table-body-row-cell-action:hover:not(:focus-visible){outline:none}.calendarWrapper-content{display:flex;overflow:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.calendarWrapper-content::-webkit-scrollbar{display:none}.calendarWrapper-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarWrapper-navigation{position:absolute;inset-block-start:0;background-color:var(--components-calendarWrapper-navigationBackground);border-width:var(--pr-t-spacings-150);border-style:solid;border-color:var(--components-calendarWrapper-navigationBackground);border-radius:var(--pr-t-border-radius-default)}.calendarWrapper-navigation-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarWrapper-navigation-button.button:hover,.calendarWrapper-navigation-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarWrapper-navigation-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarWrapper-navigation-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarWrapper-navigation-button.button{--components-button-padding: var(--pr-t-spacings-50)}.calendar-stripes{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.calendar-divider.divider{margin:0}.calendar-todayLink.link{text-transform:capitalize;display:block;margin:auto;padding:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);--components-link-textDecoration: none;--components-link-text-textDecoration: none}.calendar-todayLink.link:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:8px}.calendar-stripes-symbol-path{fill:var(--components-calendar-table-body-row-cell-action-stripesColor)}.calendar-name{font:var(--pr-t-font-heading-3);padding-block:var(--pr-t-spacings-50);padding-inline:calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-100));border:var(--pr-t-spacings-150) solid transparent;border-block-end:var(--pr-t-spacings-100) solid transparent;text-transform:lowercase;background-color:var(--components-calendarBackground);text-align:center}.calendar-name-button{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);text-align:inherit;inline-size:fit-content;display:inline-block;padding:var(--pr-t-spacings-50);margin-block:calc(var(--pr-t-spacings-50) * -1)}.calendar-name-button:hover{color:var(--palettes-700, var(--palettes-product-700))}.calendar-name-button:active{color:var(--palettes-800, var(--palettes-product-800))}.calendar-name-button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.calendar-name-button+.calendar-name-button{margin-inline-start:calc(var(--pr-t-spacings-100) * -1)}.calendar-table-head-row-cell,.calendar-table-body-row-cell{padding:var(--pr-t-spacings-25);block-size:var(--pr-t-spacings-400);box-sizing:content-box}.calendar-table-head-row-cell{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);text-transform:uppercase;border-block-end:var(--pr-t-spacings-50) solid transparent}.calendar-table-body-row-cell{position:relative;color:var(--palettes-neutral-700)}.calendar-table-body-row-cell:before{background-color:var(--palettes-50, var(--palettes-product-50));position:absolute;inset:var(--pr-t-spacings-25) 0;content:var(--components-calendar-table-body-row-cellSelectedBeforeContent);border-radius:var(--components-calendar-table-body-row-cellSelectedBeforeBorderRadius)}.calendar-table-body-row-cell-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);position:relative;z-index:1;text-align:center;overflow:hidden;font-weight:var(--components-calendar-table-body-row-cell-actionFontWeight);color:var(--components-calendar-table-body-row-cell-actionColor);background-color:var(--components-calendar-table-body-row-cell-actionHighlight);display:var(--components-calendar-table-body-row-cell-actionDisplay);block-size:100%;text-transform:lowercase;cursor:var(--components-calendar-table-body-row-cell-actionCursor);text-decoration:var(--components-calendar-table-body-row-cell-actionTextDecoration);box-shadow:0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight),0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight) inset}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):hover{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{outline:2px solid var(--palettes-800, var(--palettes-product-800));background-color:var(--palettes-800, var(--palettes-product-800));color:var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action-stripes{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:60px;block-size:60px;z-index:-1;display:var(--components-calendar-table-body-row-cell-action-stripesDisplay)}}@layer mods{.calendar:has(.calendar-table-body-row-cell:nth-child(3):last-child){--components-calendarBorderSpacing: 0 var(--pr-t-spacings-200)}}@layer components{@media not all and (min-width:50em){.calendarShortcuts{display:none}}}@layer mods{.calendar-table-body-row-cell.is-daysOff .calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-product-900)}.calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text-subtle)}.calendar-table-body-row-cell.is-current .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionFontWeight: 600;--components-calendar-table-body-row-cell-actionColor: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-selected:not(.is-overflow):before,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow):before{--components-calendar-table-body-row-cellSelectedBeforeContent: \"\"}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:hover,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:focus-visible,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-singleDayInProgress.is-selected .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-singleDayInProgress.is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-singleDayInProgress:before,.calendar-table-body-row-cell.is-start:before{inset-inline-start:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-end.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-end.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-end:before{inset-inline-end:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):before{inset-inline-end:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress:before{--components-calendar-table-body-row-cellSelectedBeforeContent: none}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):before{inset-inline-start:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell .calendar-table-body-row-cell-action:disabled,.calendar-table-body-row-cell .calendar-table-body-row-cell-action[aria-disabled=true]{--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-500);--components-calendar-table-body-row-cell-actionTextDecoration: line-through;--components-calendar-table-body-row-cell-actionCursor: default}}\n"], dependencies: [{ kind: "directive", type: RepeatTimesDirective, selector: "[luRepeatTimes]", inputs: ["luRepeatTimes"] }, { kind: "directive", type: Calendar2CellDirective, selector: "[luCalendar2Cell]", inputs: ["luCalendar2Cell", "luCalendar2Mode", "luCalendar2Date"] }, { kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: Calendar2Component, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: Calendar2Component, decorators: [{
             type: Component,
             args: [{ selector: 'lu-calendar2', imports: [RepeatTimesDirective, Calendar2CellDirective, LuTooltipTriggerDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -749,7 +738,7 @@ class AbstractDateComponent {
         this.min = input(new Date('1/1/1000'), { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), transform: transformDateInputToDate });
         this.max = input(null, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), transform: transformDateInputToDate });
         this.focusedDate = input(null, { ...(ngDevMode ? { debugName: "focusedDate" } : /* istanbul ignore next */ {}), transform: transformDateInputToDate });
-        this.calendarMode = model(...(ngDevMode ? [undefined, { debugName: "calendarMode" }] : /* istanbul ignore next */ []));
+        this.calendarMode = model(null, ...(ngDevMode ? [{ debugName: "calendarMode" }] : /* istanbul ignore next */ []));
         this.panelOpened = output();
         this.panelClosed = output();
         this.dateFormatLocalized = computed(() => getLocalizedDateFormat(this.locale, this.mode()), ...(ngDevMode ? [{ debugName: "dateFormatLocalized" }] : /* istanbul ignore next */ []));
@@ -766,37 +755,39 @@ class AbstractDateComponent {
         return this.isAfterMin(date, mode) && this.isBeforeMax(date, mode);
     }
     isAfterMin(date, mode) {
-        if (!this.min()) {
+        const min = this.min();
+        if (!min) {
             return true;
         }
         switch (mode) {
             case 'day':
-                return this.min().getTime() <= date.getTime();
+                return min.getTime() <= date.getTime();
             case 'month':
-                return isBefore(startOfMonth(this.min()), startOfMonth(date)) || isSameMonth(this.min(), date);
+                return isBefore(startOfMonth(min), startOfMonth(date)) || isSameMonth(min, date);
             case 'year':
-                return this.min().getFullYear() <= date.getFullYear();
+                return min.getFullYear() <= date.getFullYear();
             default:
                 return true;
         }
     }
     isBeforeMax(date, mode) {
-        if (!this.max()) {
-            return true;
-        }
-        switch (mode) {
-            case 'day':
-                return this.max().getTime() >= date.getTime();
-            case 'month':
-                return isAfter(startOfMonth(this.max()), startOfMonth(date)) || isSameMonth(this.max(), date);
-            case 'year':
-                return this.max().getFullYear() >= date.getFullYear();
-            default:
-                return true;
+        const max = this.max();
+        if (max) {
+            switch (mode) {
+                case 'day':
+                    return max.getTime() >= date.getTime();
+                case 'month':
+                    return isAfter(startOfMonth(max), startOfMonth(date)) || isSameMonth(max, date);
+                case 'year':
+                    return max.getFullYear() >= date.getFullYear();
+                default:
+                    return true;
+            }
         }
+        return true;
     }
     isValidDate(date) {
-        return !!date && !isNaN(date.getTime());
+        return isNotNil(date) && !isNaN(date.getTime());
     }
     prev(mode) {
         this.move(-1, mode);
@@ -814,22 +805,22 @@ class AbstractDateComponent {
         switch (mode) {
             case 'year':
                 this.currentDate.set(addYears(this.currentDate(), direction * 10));
-                this.tabbableDate.set(addYears(this.tabbableDate(), direction * 10));
+                this.tabbableDate.set(addYears(this.tabbableDate() ?? 0, direction * 10));
                 break;
             case 'month':
                 this.currentDate.set(addYears(this.currentDate(), direction));
-                this.tabbableDate.set(addYears(this.tabbableDate(), direction));
+                this.tabbableDate.set(addYears(this.tabbableDate() ?? 0, direction));
                 break;
             case 'day':
                 this.currentDate.set(addMonths(this.currentDate(), direction));
-                this.tabbableDate.set(addMonths(this.tabbableDate(), direction));
+                this.tabbableDate.set(addMonths(this.tabbableDate() ?? 0, direction));
                 break;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: AbstractDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: AbstractDateComponent, isStandalone: true, selector: "ng-component", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, ranges: { classPropertyName: "ranges", publicName: "ranges", isSignal: true, isRequired: false, transformFunction: null }, hideToday: { classPropertyName: "hideToday", publicName: "hideToday", isSignal: true, isRequired: false, transformFunction: null }, hasTodayButton: { classPropertyName: "hasTodayButton", publicName: "hasTodayButton", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, clearBehavior: { classPropertyName: "clearBehavior", publicName: "clearBehavior", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hideWeekend: { classPropertyName: "hideWeekend", publicName: "hideWeekend", isSignal: true, isRequired: false, transformFunction: null }, getCellInfo: { classPropertyName: "getCellInfo", publicName: "getCellInfo", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, focusedDate: { classPropertyName: "focusedDate", publicName: "focusedDate", isSignal: true, isRequired: false, transformFunction: null }, calendarMode: { classPropertyName: "calendarMode", publicName: "calendarMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { calendarMode: "calendarModeChange", panelOpened: "panelOpened", panelClosed: "panelClosed" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: AbstractDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: AbstractDateComponent, isStandalone: true, selector: "ng-component", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, ranges: { classPropertyName: "ranges", publicName: "ranges", isSignal: true, isRequired: false, transformFunction: null }, hideToday: { classPropertyName: "hideToday", publicName: "hideToday", isSignal: true, isRequired: false, transformFunction: null }, hasTodayButton: { classPropertyName: "hasTodayButton", publicName: "hasTodayButton", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, clearBehavior: { classPropertyName: "clearBehavior", publicName: "clearBehavior", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hideWeekend: { classPropertyName: "hideWeekend", publicName: "hideWeekend", isSignal: true, isRequired: false, transformFunction: null }, getCellInfo: { classPropertyName: "getCellInfo", publicName: "getCellInfo", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, focusedDate: { classPropertyName: "focusedDate", publicName: "focusedDate", isSignal: true, isRequired: false, transformFunction: null }, calendarMode: { classPropertyName: "calendarMode", publicName: "calendarMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { calendarMode: "calendarModeChange", panelOpened: "panelOpened", panelClosed: "panelClosed" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: AbstractDateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: AbstractDateComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '',
@@ -849,7 +840,7 @@ class DateInputComponent extends AbstractDateComponent {
     #defaultClearable;
     #defaultFilterPillClearable;
     get isNavigationButtonFocused() {
-        return [this.previousButton()?.nativeElement, this.nextButton()?.nativeElement].includes(document.activeElement);
+        return [this.previousButton()?.nativeElement, this.nextButton()?.nativeElement].includes(document.activeElement || undefined);
     }
     constructor() {
         super();
@@ -883,7 +874,8 @@ class DateInputComponent extends AbstractDateComponent {
                     return textInput;
                 }
             }
-            if (this.selectedDate() && this.isValidDate(this.selectedDate())) {
+            const selectedDate = this.selectedDate();
+            if (selectedDate && this.isValidDate(selectedDate)) {
                 let formatter;
                 switch (this.mode()) {
                     case 'day':
@@ -896,7 +888,7 @@ class DateInputComponent extends AbstractDateComponent {
                         formatter = this.intlDateTimeFormatYear;
                         break;
                 }
-                return formatter.format(this.selectedDate());
+                return formatter.format(selectedDate);
             }
             // If we are initializing the component, we don't want to display the value
             if (textInput === 'ɵ') {
@@ -908,10 +900,11 @@ class DateInputComponent extends AbstractDateComponent {
         this.userTextInput = signal('ɵ', ...(ngDevMode ? [{ debugName: "userTextInput" }] : /* istanbul ignore next */ []));
         this.combinedGetCellInfo = (date, mode) => {
             const infoFromInput = this.getCellInfo()?.(date, mode);
+            const selectedDate = this.selectedDate();
             return {
                 classes: [...(infoFromInput?.classes || [])],
                 disabled: infoFromInput?.disabled || !this.isInMinMax(date, mode),
-                selected: this.selectedDate() && this.calendarMode() === mode && comparePeriods(mode, date, this.selectedDate()),
+                selected: isNotNil(selectedDate) && this.calendarMode() === mode && comparePeriods(mode, date, selectedDate),
                 label: infoFromInput?.label,
             };
         };
@@ -949,6 +942,7 @@ class DateInputComponent extends AbstractDateComponent {
                 }
                 catch {
                     /* not a correct date */
+                    parsed = null;
                 }
                 if (parsed instanceof Date && parsed.getFullYear() > 999) {
                     this.selectedDate.set(startOfDay(parsed));
@@ -982,8 +976,8 @@ class DateInputComponent extends AbstractDateComponent {
             }
         });
         _effectWithDeps([this.calendarMode, this.tabbableDate], (calendarMode, tabbableDate) => {
-            if (tabbableDate && !comparePeriods(calendarMode, tabbableDate, this.currentDate())) {
-                this.currentDate.set(startOfPeriod(calendarMode, tabbableDate));
+            if (tabbableDate && !comparePeriods(calendarMode ?? null, tabbableDate, this.currentDate())) {
+                this.currentDate.set(startOfPeriod(calendarMode ?? null, tabbableDate));
             }
             if (!this.isNavigationButtonFocused && !this.inputFocused()) {
                 this.calendar()?.blurTabbableDate();
@@ -1043,7 +1037,7 @@ class DateInputComponent extends AbstractDateComponent {
     validate(control) {
         // null is not an error but means we'll skip everything else, we'll let the presence of a
         // Validators.required (or not) decide if it's an error.
-        if (control.value === null || control.value === undefined) {
+        if (isNil(control.value)) {
             return null;
         }
         const date = transformDateInputToDate(control.value);
@@ -1079,7 +1073,7 @@ class DateInputComponent extends AbstractDateComponent {
         if (this.initialValue() === undefined) {
             this.initialValue.set(_date);
         }
-        if (date != null) {
+        if (isNotNil(date) && isNotNil(_date)) {
             const start = startOfDay(_date);
             this.dateFromWriteValue.set(start);
             this.selectedDate.set(start);
@@ -1096,10 +1090,10 @@ class DateInputComponent extends AbstractDateComponent {
     }
     setDisabledState(isDisabled) {
         this.filterPillDisabled.set(isDisabled);
-        super.setDisabledState(isDisabled);
+        super.setDisabledState?.(isDisabled);
     }
     reset() {
-        const newValue = this.clearBehavior() === 'reset' ? this.initialValue() : null;
+        const newValue = this.clearBehavior() === 'reset' ? (this.initialValue() ?? null) : null;
         this.dateFromWriteValue.set(newValue);
         this.selectedDate.set(newValue);
         return newValue;
@@ -1128,8 +1122,8 @@ class DateInputComponent extends AbstractDateComponent {
         this.inputFocused.set(false);
         this.userTextInput.set('ɵ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DateInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: DateInputComponent, isStandalone: true, selector: "lu-date-input", inputs: { autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disableOverflow: { classPropertyName: "disableOverflow", publicName: "disableOverflow", isSignal: true, isRequired: false, transformFunction: null }, hideOverflow: { classPropertyName: "hideOverflow", publicName: "hideOverflow", isSignal: true, isRequired: false, transformFunction: null }, widthAuto: { classPropertyName: "widthAuto", publicName: "widthAuto", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-filterPill": "this.isFilterPill", "class.mod-auto": "this.isWidthAuto" }, classAttribute: "dateField" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DateInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: DateInputComponent, isStandalone: true, selector: "lu-date-input", inputs: { autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disableOverflow: { classPropertyName: "disableOverflow", publicName: "disableOverflow", isSignal: true, isRequired: false, transformFunction: null }, hideOverflow: { classPropertyName: "hideOverflow", publicName: "hideOverflow", isSignal: true, isRequired: false, transformFunction: null }, widthAuto: { classPropertyName: "widthAuto", publicName: "widthAuto", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-filterPill": "isFilterPill", "class.mod-auto": "isWidthAuto" }, classAttribute: "dateField" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DateInputComponent),
@@ -1145,12 +1139,14 @@ class DateInputComponent extends AbstractDateComponent {
                 useExisting: forwardRef(() => DateInputComponent),
             },
             LuClass,
-        ], viewQueries: [{ propertyName: "calendar", first: true, predicate: Calendar2Component, descendants: true, isSignal: true }, { propertyName: "inputRef", first: true, predicate: ["date"], descendants: true, isSignal: true }, { propertyName: "previousButton", first: true, predicate: ["previousButtonRef"], descendants: true, isSignal: true }, { propertyName: "nextButton", first: true, predicate: ["nextButtonRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (isFilterPill) {\n\t<label for=\"dateInput\" class=\"pr-u-mask\">{{ intl().pickDate }}</label>\n}\n<div class=\"textField dateField-textField\" #popoverAnchor>\n\t<div class=\"textField-input\">\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\tid=\"dateInput\"\n\t\t\t#date\n\t\t\tluInput\n\t\t\tclass=\"textField-input-value\"\n\t\t\t(input)=\"userTextInput.set(date.value)\"\n\t\t\t(blur)=\"inputBlurred()\"\n\t\t\t(focus)=\"inputFocused.set(true)\"\n\t\t\taria-haspopup=\"true\"\n\t\t\trole=\"combobox\"\n\t\t\t(click)=\"popoverRef.openPopover(true, true)\"\n\t\t\t(keydown.arrowDown)=\"arrowDown(popoverRef)\"\n\t\t\t(keydown.escape)=\"popoverRef.close()\"\n\t\t\t(keydown.space)=\"spaceDown($event, popoverRef)\"\n\t\t\t[disabled]=\"disabled()\"\n\t\t\t[attr.placeholder]=\"placeholder() || dateFormatLocalized()\"\n\t\t\t[attr.autocomplete]=\"autocomplete()\"\n\t\t\tdata-testid=\"lu-date-input\"\n\t\t/>\n\n\t\t<div class=\"textField-input-affix\">\n\t\t\t@if (clearable() && !disabled() && (clearBehavior() === \"clear\" ? date.value !== \"\" : selectedDate() !== initialValue())) {\n\t\t\t\t<lu-clear class=\"textField-input-affix-clear\" (onClear)=\"clear(); date.focus()\">{{ intl().clear }}</lu-clear>\n\t\t\t}\n\t\t\t@if (isFilterPill && !isFilterPillEmpty()) {\n\t\t\t\t<lu-clear class=\"textField-input-affix-clear\" (onClear)=\"clear(); date.focus()\">{{ intl().clear }}</lu-clear>\n\t\t\t}\n\t\t\t<button\n\t\t\t\t[luPopover2]=\"calendar\"\n\t\t\t\t[luPopoverAnchor]=\"popoverAnchor\"\n\t\t\t\t[disabled]=\"disabled()\"\n\t\t\t\t[luPopoverNoCloseButton]=\"true\"\n\t\t\t\t[luPopoverDisabled]=\"isFilterPill\"\n\t\t\t\t#popoverRef=\"luPopover2\"\n\t\t\t\t[customPositions]=\"popoverPositions\"\n\t\t\t\t(luPopoverClosed)=\"panelClosed.emit()\"\n\t\t\t\t(luPopoverOpened)=\"panelOpened.emit()\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=\"button mod-onlyIcon mod-ghost textField-input-affix-toggle\"\n\t\t\t>\n\t\t\t\t<lu-icon [icon]=\"'calendarDate'\" [alt]=\"intl().pickDate\" />\n\t\t\t</button>\n\t\t</div>\n\t</div>\n</div>\n\n@if (isFilterPill) {\n\t<ng-container *ngTemplateOutlet=\"calendar\" />\n}\n\n<div *luFilterPillDisplayer>{{ displayValue() }}</div>\n\n<ng-template #calendar>\n\t<div class=\"calendarWrapper\">\n\t\t<div class=\"calendarWrapper-navigation pr-u-left0\">\n\t\t\t<button class=\"calendarWrapper-navigation-button button\" type=\"button\" (click)=\"prev(calendarMode())\" #previousButtonRef>\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronLeft\"></span><span class=\"pr-u-mask\">{{ intl().previous }}</span>\n\t\t\t</button>\n\t\t</div>\n\t\t<div class=\"calendarWrapper-navigation pr-u-right0\">\n\t\t\t<button class=\"calendarWrapper-navigation-button button\" type=\"button\" (click)=\"next(calendarMode())\" #nextButtonRef>\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronRight\"></span><span class=\"pr-u-mask\"> {{ intl().next }}</span>\n\t\t\t</button>\n\t\t</div>\n\t\t<div class=\"calendarWrapper-content\" tabindex=\"-1\">\n\t\t\t<lu-calendar2\n\t\t\t\t[enableOverflow]=\"!disableOverflow()\"\n\t\t\t\t[showOverflow]=\"!hideOverflow()\"\n\t\t\t\t[hideToday]=\"hideToday()\"\n\t\t\t\t[hasTodayButton]=\"hasTodayButton()\"\n\t\t\t\t[date]=\"currentDate()\"\n\t\t\t\t(dateChange)=\"currentDateChangeFromCalendar($event)\"\n\t\t\t\t[(tabbableDate)]=\"tabbableDate\"\n\t\t\t\t[getCellInfo]=\"combinedGetCellInfo\"\n\t\t\t\t[ranges]=\"ranges()\"\n\t\t\t\t(dateClicked)=\"dateClicked($event, popoverRef)\"\n\t\t\t\t(nextPage)=\"move(1, calendarMode())\"\n\t\t\t\t(previousPage)=\"move(-1, calendarMode())\"\n\t\t\t\t[(displayMode)]=\"calendarMode\"\n\t\t\t\t[mode]=\"mode()\"\n\t\t\t\t[hideWeekend]=\"hideWeekend()\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</ng-template>\n\n<ng-container *luPresentationDisplay>{{ displayValue() }}</ng-container>\n", styles: ["@charset \"UTF-8\";@layer components{.calendarWrapper{--components-calendarWrapperWidth: 17.25rem;--components-calendarWrapperBackground: transparent;--components-calendarWrapper-navigationBackground: var(--palettes-neutral-0)}}@layer mods{.calendarWrapper.mod-daysOffHidden .calendar-table-body-row-cell-action-stripes{--components-calendar-table-body-row-cell-action-stripesDisplay: none}.calendarWrapper.mod-daysOverflowingHidden .calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionDisplay: none}}@layer components{.calendar{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-neutral-200);--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionFontWeight: 400;--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text);--components-calendar-table-body-row-cell-actionOutlineWidth: 2px;--components-calendar-table-body-row-cell-actionOutlineOffset: -1px;--components-calendar-table-body-row-cell-actionCursor: pointer;--components-calendar-table-body-row-cell-actionTextDecoration: none;--components-calendar-table-body-row-cellSelectedBeforeContent: none;--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0;--components-calendar-table-body-row-cell-actionDisplay: block;--components-calendar-table-body-row-cell-action-stripesDisplay: block;--components-calendarBackground: var(--components-calendarWrapperBackground, var(--palettes-neutral-0));--components-calendarWidth: var(--components-calendarWrapperWidth, 17.25rem);--components-calendarBorderSpacing: 0;inline-size:var(--components-calendarWidth)}.calendarShortcutsOptional{display:flex}.calendarShortcuts{margin:0;padding:0;list-style-type:none;inline-size:13.5rem;border-inline-end:1px solid var(--palettes-neutral-100);padding:var(--pr-t-spacings-50);overflow:auto;position:relative;z-index:1;border-radius:var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendarShortcuts:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarShortcuts.mod-day{max-block-size:19.25rem}.calendarShortcuts.mod-day:has(+.calendarWrapper .calendar-todayLink){max-block-size:21.75rem}.calendarShortcuts.mod-month,.calendarShortcuts.mod-year{max-block-size:18rem}.calendarShortcutsButton-item-button.button{--components-button-width: 100%;--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarShortcutsButton-item-button.button:hover,.calendarShortcutsButton-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarShortcutsButton-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarShortcutsButton-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarShortcutsButton-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.calendarShortcutsButton-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.calendarShortcutsButton-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button{justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-regular);white-space:wrap;text-align:start}.calendar-table{border-spacing:var(--components-calendarBorderSpacing);border:var(--pr-t-spacings-150) solid transparent;border-block-start:0;table-layout:fixed;background-color:var(--components-calendarBackground);scroll-snap-align:start end;flex-shrink:0;flex-grow:0;inline-size:100%;empty-cells:hide}.calendarWrapper{background-color:var(--components-calendarWrapperBackground);position:relative}.calendarWrapper:has(.calendar-table-body-row-cell-action:focus-visible):has(.calendar-table-body-row-cell-action:hover) .calendar-table-body-row-cell-action:hover:not(:focus-visible){outline:none}.calendarWrapper-content{display:flex;overflow:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.calendarWrapper-content::-webkit-scrollbar{display:none}.calendarWrapper-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarWrapper-navigation{position:absolute;inset-block-start:0;background-color:var(--components-calendarWrapper-navigationBackground);border-width:var(--pr-t-spacings-150);border-style:solid;border-color:var(--components-calendarWrapper-navigationBackground);border-radius:var(--pr-t-border-radius-default)}.calendarWrapper-navigation-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarWrapper-navigation-button.button:hover,.calendarWrapper-navigation-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarWrapper-navigation-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarWrapper-navigation-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarWrapper-navigation-button.button{--components-button-padding: var(--pr-t-spacings-50)}.calendar-stripes{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.calendar-divider.divider{margin:0}.calendar-todayLink.link{text-transform:capitalize;display:block;margin:auto;padding:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);--components-link-textDecoration: none;--components-link-text-textDecoration: none}.calendar-todayLink.link:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:8px}.calendar-stripes-symbol-path{fill:var(--components-calendar-table-body-row-cell-action-stripesColor)}.calendar-name{font:var(--pr-t-font-heading-3);padding-block:var(--pr-t-spacings-50);padding-inline:calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-100));border:var(--pr-t-spacings-150) solid transparent;border-block-end:var(--pr-t-spacings-100) solid transparent;text-transform:lowercase;background-color:var(--components-calendarBackground);text-align:center}.calendar-name-button{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);text-align:inherit;inline-size:fit-content;display:inline-block;padding:var(--pr-t-spacings-50);margin-block:calc(var(--pr-t-spacings-50) * -1)}.calendar-name-button:hover{color:var(--palettes-700, var(--palettes-product-700))}.calendar-name-button:active{color:var(--palettes-800, var(--palettes-product-800))}.calendar-name-button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.calendar-name-button+.calendar-name-button{margin-inline-start:calc(var(--pr-t-spacings-100) * -1)}.calendar-table-head-row-cell,.calendar-table-body-row-cell{padding:var(--pr-t-spacings-25);block-size:var(--pr-t-spacings-400);box-sizing:content-box}.calendar-table-head-row-cell{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);text-transform:uppercase;border-block-end:var(--pr-t-spacings-50) solid transparent}.calendar-table-body-row-cell{position:relative;color:var(--palettes-neutral-700)}.calendar-table-body-row-cell:before{background-color:var(--palettes-50, var(--palettes-product-50));position:absolute;inset:var(--pr-t-spacings-25) 0;content:var(--components-calendar-table-body-row-cellSelectedBeforeContent);border-radius:var(--components-calendar-table-body-row-cellSelectedBeforeBorderRadius)}.calendar-table-body-row-cell-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);position:relative;z-index:1;text-align:center;overflow:hidden;font-weight:var(--components-calendar-table-body-row-cell-actionFontWeight);color:var(--components-calendar-table-body-row-cell-actionColor);background-color:var(--components-calendar-table-body-row-cell-actionHighlight);display:var(--components-calendar-table-body-row-cell-actionDisplay);block-size:100%;text-transform:lowercase;cursor:var(--components-calendar-table-body-row-cell-actionCursor);text-decoration:var(--components-calendar-table-body-row-cell-actionTextDecoration);box-shadow:0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight),0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight) inset}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):hover{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{outline:2px solid var(--palettes-800, var(--palettes-product-800));background-color:var(--palettes-800, var(--palettes-product-800));color:var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action-stripes{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:60px;block-size:60px;z-index:-1;display:var(--components-calendar-table-body-row-cell-action-stripesDisplay)}}@layer mods{.calendar:has(.calendar-table-body-row-cell:nth-child(3):last-child){--components-calendarBorderSpacing: 0 var(--pr-t-spacings-200)}}@layer components{@media not all and (min-width:50em){.calendarShortcuts{display:none}}}@layer mods{.calendar-table-body-row-cell.is-daysOff .calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-product-900)}.calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text-subtle)}.calendar-table-body-row-cell.is-current .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionFontWeight: 600;--components-calendar-table-body-row-cell-actionColor: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-selected:not(.is-overflow):before,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow):before{--components-calendar-table-body-row-cellSelectedBeforeContent: \"\"}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:hover,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:focus-visible,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-singleDayInProgress.is-selected .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-singleDayInProgress.is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-singleDayInProgress:before,.calendar-table-body-row-cell.is-start:before{inset-inline-start:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-end.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-end.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-end:before{inset-inline-end:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):before{inset-inline-end:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress:before{--components-calendar-table-body-row-cellSelectedBeforeContent: none}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):before{inset-inline-start:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell .calendar-table-body-row-cell-action:disabled,.calendar-table-body-row-cell .calendar-table-body-row-cell-action[aria-disabled=true]{--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-500);--components-calendar-table-body-row-cell-actionTextDecoration: line-through;--components-calendar-table-body-row-cell-actionCursor: default}}@layer components{.dateField{--components-dateField-maxWidth: auto;--components-dateField-maxWidthDay: 10rem;--components-dateField-maxWidthMonth: var(--components-dateField-maxWidthDay);--components-dateField-maxWidthYear: var(--components-dateField-maxWidthDay);--components-dateField-maxWidthDayS: 9rem;--components-dateField-maxWidthMonthS: var(--components-dateField-maxWidthDayS);--components-dateField-maxWidthYearS: var(--components-dateField-maxWidthDayS);max-inline-size:var(--components-dateField-maxWidth);display:block}}@layer mods{.dateField.mod-filterPill{--components-dateField-maxWidth: none}.dateField.mod-filterPill .textField-input-affix-clear,.dateField.mod-filterPill .textField-input-affix-toggle{display:none}.dateField.mod-filterPill .dateField-textField.textField{position:relative;z-index:1;margin-block-start:var(--pr-t-spacings-50);margin-inline:var(--pr-t-spacings-50)}.dateField.mod-filterPill .calendarWrapper{margin-inline:calc(var(--pr-t-spacings-100) * -1);margin-block-end:calc(var(--pr-t-spacings-100) * -1)}.dateField:not(.mod-auto,.mod-filterPill).mod-day{--components-dateField-maxWidth: var(--components-dateField-maxWidthDay)}.form-field.mod-S .dateField:not(.mod-auto,.mod-filterPill).mod-day{--components-dateField-maxWidth: var(--components-dateField-maxWidthDayS)}.dateField:not(.mod-auto,.mod-filterPill).mod-month{--components-dateField-maxWidth: var(--components-dateField-maxWidthMonth)}.form-field.mod-S .dateField:not(.mod-auto,.mod-filterPill).mod-month{--components-dateField-maxWidth: var(--components-dateField-maxWidthMonthS)}.dateField:not(.mod-auto,.mod-filterPill).mod-year{--components-dateField-maxWidth: var(--components-dateField-maxWidthYear)}.form-field.mod-S .dateField:not(.mod-auto,.mod-filterPill).mod-year{--components-dateField-maxWidth: var(--components-dateField-maxWidthYearS)}}@layer components{.button{--components-button-font: var(--pr-t-font-body-M);--components-button-borderRadius: var(--pr-t-border-radius-default);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-paddingBlockStart: var(--components-button-paddingBlock);--components-button-paddingBlockEnd: var(--components-button-paddingBlock);--components-button-paddingInlineStart: var(--components-button-paddingInline);--components-button-paddingInlineEnd: var(--components-button-paddingInline);--components-button-padding: var(--components-button-paddingBlockStart) var(--components-button-paddingInlineEnd) var(--components-button-paddingBlockEnd) var(--components-button-paddingInlineStart);--components-button-gap: var(--pr-t-spacings-100);--components-button-opacity: 1;--components-button-cursor: pointer;--components-button-pointerEvents: auto;--components-button-width: auto;--components-button-minWidth: none;--components-button-userSelect: auto;--components-button-boxShadow: var(--pr-t-elevation-shadow-button);--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--components-button-arrow-transform: none;--components-button-AI-background-opacity: 25%;--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight);--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--components-button-borderRadius);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);inline-size:var(--components-button-width);min-inline-size:var(--components-button-minWidth);font:var(--components-button-font);font-size:var(--components-button-font-size);line-height:var(--components-button-line-height);font-weight:var(--pr-t-font-fontWeight-semibold);gap:var(--components-button-gap);pointer-events:var(--components-button-pointerEvents);-webkit-user-select:var(--components-button-userSelect);user-select:var(--components-button-userSelect);opacity:var(--components-button-opacity);cursor:var(--components-button-cursor);transition-timing-function:ease;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;text-wrap:balance;text-align:center;border:0}.button,.button:is(a){color:var(--components-button-color)}.button .lucca-icon{display:block}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined,.mod-outline) .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.button:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--components-button-borderRadius)}.button:active{--components-button-backgroundColor: var(--palettes-900, var(--palettes-product-900))}.button:disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button:disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer mods{.button.mod-AI:not(.invert){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-AI:not(.invert):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-AI:not(.invert):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-AI:not(.invert):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.button.mod-AI:not(.invert):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-AI:not(.invert):not(:disabled):before{content:\"\";pointer-events:none;position:absolute;inset:calc(var(--commons-divider-width) * -1);padding:var(--commons-divider-width);background-image:var(--pr-t-color-border-ai);border-radius:calc(var(--pr-t-border-radius-default) + var(--commons-divider-width));-webkit-mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));-webkit-mask-composite:xor;mask-composite:exclude}.button.mod-AI:not(.invert):not(:disabled):not(.mod-invert) .lucca-icon{background-image:var(--pr-t-color-icon-ai);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).mod-invert{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-0);background-image:linear-gradient(var(--palettes-ai-angle),color-mix(in srgb,var(--palettes-orchid-300) var(--components-button-AI-background-opacity),transparent),color-mix(in srgb,var(--palettes-brand-200) var(--components-button-AI-background-opacity),transparent))}.button.mod-AI:not(.invert).mod-invert:hover,.button.mod-AI:not(.invert).mod-invert:focus-visible{--components-button-AI-background-opacity: 15%;--components-button-color: var(--palettes-neutral-0)}.button.mod-AI:not(.invert).mod-invert:active{--components-button-AI-background-opacity: 5%}.button.mod-AI:not(.invert).is-success .lucca-icon{background-image:none}.button.mod-AI:not(.invert).is-success:before{content:none}.button.mod-AI:not(.invert).is-success:after{background-image:var(--pr-t-color-icon-ai);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).is-loading{--components-button-color: transparent;--components-button-backgroundColor: var(--palettes-neutral-0);--commons-loading-frontground: var(--palettes-neutral-300);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.mod-AI:not(.invert).is-loading .lucca-icon{background-image:none!important}.button.mod-AI:not(.invert).is-loading:before{content:none}.button.mod-block{--components-button-width: 100%}.button.mod-S{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.button.mod-S{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.button.mod-S:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.button.mod-XS{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.button.mod-XS{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.button.mod-XS:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.button.mod-disclosure{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-disclosure .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-button-arrow-transform)}.button.mod-disclosure[aria-expanded=true]{--components-button-arrow-transform: rotate(180deg)}.button.mod-outline:where(:not(.is-success,.is-error)),.button.mod-outlined:where(:not(.is-success,.is-error)){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-outline:where(:not(.is-success,.is-error)):hover,.button.mod-outlined:where(:not(.is-success,.is-error)):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-outline:where(:not(.is-success,.is-error)):active,.button.mod-outlined:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-outline:where(:not(.is-success,.is-error)):focus-visible,.button.mod-outlined:where(:not(.is-success,.is-error)):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.button.mod-outline:where(:not(.is-success,.is-error)):disabled,.button.mod-outlined:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-link:where(:not(.is-success,.is-error)),.button.mod-text:where(:not(.is-success,.is-error)),.button.mod-ghost:where(:not(.is-success,.is-error)){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.button.mod-link:where(:not(.is-success,.is-error)):hover,.button.mod-link:where(:not(.is-success,.is-error)):focus-visible,.button.mod-text:where(:not(.is-success,.is-error)):hover,.button.mod-text:where(:not(.is-success,.is-error)):focus-visible,.button.mod-ghost:where(:not(.is-success,.is-error)):hover,.button.mod-ghost:where(:not(.is-success,.is-error)):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-link:where(:not(.is-success,.is-error)):active,.button.mod-text:where(:not(.is-success,.is-error)):active,.button.mod-ghost:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-link:where(:not(.is-success,.is-error)):disabled,.button.mod-text:where(:not(.is-success,.is-error)):disabled,.button.mod-ghost:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-withIcon.mod-iconOnLeft{--components-button-paddingInlineStart: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnLeft.mod-S{--components-button-paddingInlineStart: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnLeft.mod-XS{--components-button-paddingInlineStart: var(--pr-t-spacings-50)}.button.mod-withIcon.mod-iconOnRight{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnRight.mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnRight.mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-onlyIcon{--components-button-padding: var(--pr-t-spacings-100)}.button.mod-onlyIcon.mod-S{--components-button-padding: var(--pr-t-spacings-75)}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--pr-t-spacings-50)}.button:has(.numericBadge){--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button:has(.numericBadge).mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button:has(.numericBadge).mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-delete:hover,.button.mod-critical:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete:active,.button.mod-critical:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-delete.mod-link:hover,.button.mod-delete.mod-link:focus-visible,.button.mod-delete.mod-text:hover,.button.mod-delete.mod-text:focus-visible,.button.mod-critical.mod-link:hover,.button.mod-critical.mod-link:focus-visible,.button.mod-critical.mod-text:hover,.button.mod-critical.mod-text:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete.mod-link:active,.button.mod-delete.mod-text:active,.button.mod-critical.mod-link:active,.button.mod-critical.mod-text:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-delete.mod-outline:hover,.button.mod-delete.mod-outlined:hover,.button.mod-critical.mod-outline:hover,.button.mod-critical.mod-outlined:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete.mod-outline:focus-visible,.button.mod-delete.mod-outlined:focus-visible,.button.mod-critical.mod-outline:focus-visible,.button.mod-critical.mod-outlined:focus-visible{--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700)}.button.mod-delete.mod-outline:active,.button.mod-delete.mod-outlined:active,.button.mod-critical.mod-outline:active,.button.mod-critical.mod-outlined:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-invert,.button.mod-inverted{--components-button-color: var(--palettes-neutral-0)}.button.mod-invert:hover,.button.mod-invert:focus-visible,.button.mod-inverted:hover,.button.mod-inverted:focus-visible{--components-button-color: var(--palettes-neutral-0);--components-button-backgroundColor: var(--palettes-neutral-900)}.button.mod-invert:active,.button.mod-inverted:active{--components-button-backgroundColor: var(--palettes-neutral-700)}.button.mod-more{--components-button-minWidth: 2rem;--components-button-padding: 0}.button.mod-more:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;block-size:0;order:-1;vertical-align:text-top}.button.mod-more.mod-S{--components-button-minWidth: 1.75rem}.button.mod-more.mod-XS{--components-button-minWidth: 1.5rem}.button.loading,.button.is-loading{--components-button-pointerEvents: none;--components-button-color: transparent;--components-button-userSelect: none;--components-button-boxShadow: none;--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--commons-loading-frontground: var(--palettes-50, var(--palettes-product-50))}.button.loading:after,.button.is-loading:after{content:\"\";inline-size:var(--pr-t-font-body-M-lineHeight);block-size:var(--pr-t-font-body-M-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}.button.loading .numericBadge,.button.is-loading .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.loading.mod-S:after,.button.is-loading.mod-S:after{content:\"\";inline-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}.button.loading.mod-XS:after,.button.is-loading.mod-XS:after{content:\"\";inline-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.loading.mod-XS,.button.is-loading.mod-XS{--commons-loading-borderWidth: 2px}.button.loading.mod-outlined,.button.is-loading.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--commons-loading-frontground: var(--palettes-neutral-300);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.loading.mod-ghost,.button.is-loading.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--commons-loading-frontground: var(--palettes-neutral-400)}.button.error,.button.is-error{animation-name:shake;animation-iteration-count:1;animation-duration:var(--commons-animations-durations-standard)}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-3px,0,0)}40%,80%{transform:translate3d(3px,0,0)}}.button.success,.button.is-success{--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.success:after,.button.is-success:after{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute}.button.success .numericBadge,.button.is-success .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.success.mod-AI,.button.success.mod-outlined,.button.is-success.mod-AI,.button.is-success.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.success.mod-AI:after,.button.success.mod-outlined:after,.button.is-success.mod-AI:after,.button.is-success.mod-outlined:after{color:var(--palettes-700, var(--palettes-product-700))}.button.success.mod-ghost,.button.is-success.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--components-button-boxShadow: none}.button.success.mod-ghost:after,.button.is-success.mod-ghost:after{color:var(--palettes-700, var(--palettes-product-700))}.button.disabled,.button.is-disabled,.button[aria-disabled=true]{--components-button-cursor: default;--components-button-color: var(--pr-t-color-text-disabled);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button.disabled .numericBadge,.button.is-disabled .numericBadge,.button[aria-disabled=true] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer components{.clear{--components-clear-display: grid;--components-clear-size: 1rem;--components-clear-background: var(--palettes-800, var(--palettes-neutral-800));--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:var(--components-clear-display);grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;inline-size:var(--components-clear-size);block-size:var(--components-clear-size);border-radius:var(--pr-t-border-radius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--pr-t-border-radius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background: var(--palettes-700, var(--palettes-neutral-700))}.clear:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-900, var(--palettes-neutral-900))}.clear .lucca-icon{display:none}}@layer mods{.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.mod-inverted{--components-clear-cross-color: var(--palettes-800, var(--palettes-neutral-800));--components-clear-background: var(--palettes-0, var(--palettes-neutral-0))}.clear.mod-inverted:hover{--components-clear-background: var(--palettes-50, var(--palettes-neutral-50))}.clear.mod-inverted:active{--components-clear-background: var(--palettes-100, var(--palettes-neutral-100))}.clear[disabled]{cursor:default;--components-clear-cross-color: var(--palettes-neutral-500)}.clear[disabled],.clear[disabled]:hover,.clear[disabled]:active{--components-clear-background: var(--palettes-neutral-300)}.clear[hidden],.filterPill[disabled] .clear,.filterPill:not(.is-filled) .clear,.textfield-input[disabled] .clear,.textfield-input:not(.is-filled) .clear{--components-clear-display: none}.multiSelect.is-selected:has(.multipleSelect-clear) .clear{--components-clear-display: grid}}\n"], dependencies: [{ kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["intl", "luPopover2", "luPopoverPosition", "overlayScrollStrategy", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverTriggerChange", "luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "component", type: Calendar2Component, selector: "lu-calendar2", inputs: ["intl", "showOverflow", "enableOverflow", "removeYearOverflow", "hideToday", "hasTodayButton", "hideWeekend", "disableModeChange", "date", "tabbableDate", "mode", "displayMode", "ranges", "getCellInfo", "dateHovered"], outputs: ["dateChange", "tabbableDateChange", "modeChange", "displayModeChange", "nextPage", "previousPage", "dateClicked", "dateHoveredChange"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FilterPillDisplayerDirective, selector: "[luFilterPillDisplayer]" }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "directive", type: PresentationDisplayDirective, selector: "[luPresentationDisplay]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "calendar", first: true, predicate: Calendar2Component, descendants: true, isSignal: true }, { propertyName: "inputRef", first: true, predicate: ["date"], descendants: true, isSignal: true }, { propertyName: "previousButton", first: true, predicate: ["previousButtonRef"], descendants: true, isSignal: true }, { propertyName: "nextButton", first: true, predicate: ["nextButtonRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (isFilterPill) {\n\t<label for=\"dateInput\" class=\"pr-u-mask\">{{ intl().pickDate }}</label>\n}\n<div class=\"textField dateField-textField\" #popoverAnchor>\n\t<div class=\"textField-input\">\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\tid=\"dateInput\"\n\t\t\t#date\n\t\t\tluInput\n\t\t\tclass=\"textField-input-value\"\n\t\t\t(input)=\"userTextInput.set(date.value)\"\n\t\t\t(blur)=\"inputBlurred()\"\n\t\t\t(focus)=\"inputFocused.set(true)\"\n\t\t\taria-haspopup=\"true\"\n\t\t\trole=\"combobox\"\n\t\t\t(click)=\"popoverRef.openPopover(true, true)\"\n\t\t\t(keydown.arrowDown)=\"arrowDown(popoverRef)\"\n\t\t\t(keydown.escape)=\"popoverRef.close()\"\n\t\t\t(keydown.space)=\"spaceDown($event, popoverRef)\"\n\t\t\t[disabled]=\"disabled()\"\n\t\t\t[attr.placeholder]=\"placeholder() || dateFormatLocalized()\"\n\t\t\t[attr.autocomplete]=\"autocomplete()\"\n\t\t\tdata-testid=\"lu-date-input\"\n\t\t/>\n\n\t\t<div class=\"textField-input-affix\">\n\t\t\t@if (clearable() && !disabled() && (clearBehavior() === \"clear\" ? date.value !== \"\" : selectedDate() !== initialValue())) {\n\t\t\t\t<lu-clear class=\"textField-input-affix-clear\" (onClear)=\"clear(); date.focus()\">{{ intl().clear }}</lu-clear>\n\t\t\t}\n\t\t\t@if (isFilterPill && !isFilterPillEmpty()) {\n\t\t\t\t<lu-clear class=\"textField-input-affix-clear\" (onClear)=\"clear(); date.focus()\">{{ intl().clear }}</lu-clear>\n\t\t\t}\n\t\t\t<button\n\t\t\t\t[luPopover2]=\"calendar\"\n\t\t\t\t[luPopoverAnchor]=\"popoverAnchor\"\n\t\t\t\t[disabled]=\"disabled()\"\n\t\t\t\t[luPopoverNoCloseButton]=\"true\"\n\t\t\t\t[luPopoverDisabled]=\"isFilterPill\"\n\t\t\t\t#popoverRef=\"luPopover2\"\n\t\t\t\t[customPositions]=\"popoverPositions\"\n\t\t\t\t(luPopoverClosed)=\"panelClosed.emit()\"\n\t\t\t\t(luPopoverOpened)=\"panelOpened.emit()\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=\"button mod-onlyIcon mod-ghost textField-input-affix-toggle\"\n\t\t\t>\n\t\t\t\t<lu-icon [icon]=\"'calendarDate'\" [alt]=\"intl().pickDate\" />\n\t\t\t</button>\n\t\t</div>\n\t</div>\n</div>\n\n@if (isFilterPill) {\n\t<ng-container *ngTemplateOutlet=\"calendar\" />\n}\n\n<div *luFilterPillDisplayer>{{ displayValue() }}</div>\n\n<ng-template #calendar>\n\t<div class=\"calendarWrapper\">\n\t\t<div class=\"calendarWrapper-navigation pr-u-left0\">\n\t\t\t<button class=\"calendarWrapper-navigation-button button\" type=\"button\" (click)=\"prev(calendarMode())\" #previousButtonRef>\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronLeft\"></span><span class=\"pr-u-mask\">{{ intl().previous }}</span>\n\t\t\t</button>\n\t\t</div>\n\t\t<div class=\"calendarWrapper-navigation pr-u-right0\">\n\t\t\t<button class=\"calendarWrapper-navigation-button button\" type=\"button\" (click)=\"next(calendarMode())\" #nextButtonRef>\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronRight\"></span><span class=\"pr-u-mask\"> {{ intl().next }}</span>\n\t\t\t</button>\n\t\t</div>\n\t\t<div class=\"calendarWrapper-content\" tabindex=\"-1\">\n\t\t\t<lu-calendar2\n\t\t\t\t[enableOverflow]=\"!disableOverflow()\"\n\t\t\t\t[showOverflow]=\"!hideOverflow()\"\n\t\t\t\t[hideToday]=\"hideToday()\"\n\t\t\t\t[hasTodayButton]=\"hasTodayButton()\"\n\t\t\t\t[date]=\"currentDate()\"\n\t\t\t\t(dateChange)=\"currentDateChangeFromCalendar($event)\"\n\t\t\t\t[(tabbableDate)]=\"tabbableDate\"\n\t\t\t\t[getCellInfo]=\"combinedGetCellInfo\"\n\t\t\t\t[ranges]=\"ranges()\"\n\t\t\t\t(dateClicked)=\"dateClicked($event, popoverRef)\"\n\t\t\t\t(nextPage)=\"move(1, calendarMode())\"\n\t\t\t\t(previousPage)=\"move(-1, calendarMode())\"\n\t\t\t\t[(displayMode)]=\"calendarMode\"\n\t\t\t\t[mode]=\"mode()\"\n\t\t\t\t[hideWeekend]=\"hideWeekend()\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</ng-template>\n\n<ng-container *luPresentationDisplay>{{ displayValue() }}</ng-container>\n", styles: ["@charset \"UTF-8\";@layer components{.calendarWrapper{--components-calendarWrapperWidth: 17.25rem;--components-calendarWrapperBackground: transparent;--components-calendarWrapper-navigationBackground: var(--palettes-neutral-0)}}@layer mods{.calendarWrapper.mod-daysOffHidden .calendar-table-body-row-cell-action-stripes{--components-calendar-table-body-row-cell-action-stripesDisplay: none}.calendarWrapper.mod-daysOverflowingHidden .calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionDisplay: none}}@layer components{.calendar{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-neutral-200);--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionFontWeight: 400;--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text);--components-calendar-table-body-row-cell-actionOutlineWidth: 2px;--components-calendar-table-body-row-cell-actionOutlineOffset: -1px;--components-calendar-table-body-row-cell-actionCursor: pointer;--components-calendar-table-body-row-cell-actionTextDecoration: none;--components-calendar-table-body-row-cellSelectedBeforeContent: none;--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0;--components-calendar-table-body-row-cell-actionDisplay: block;--components-calendar-table-body-row-cell-action-stripesDisplay: block;--components-calendarBackground: var(--components-calendarWrapperBackground, var(--palettes-neutral-0));--components-calendarWidth: var(--components-calendarWrapperWidth, 17.25rem);--components-calendarBorderSpacing: 0;inline-size:var(--components-calendarWidth)}.calendarShortcutsOptional{display:flex}.calendarShortcuts{margin:0;padding:0;list-style-type:none;inline-size:13.5rem;border-inline-end:1px solid var(--palettes-neutral-100);padding:var(--pr-t-spacings-50);overflow:auto;position:relative;z-index:1;border-radius:var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendarShortcuts:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarShortcuts.mod-day{max-block-size:19.25rem}.calendarShortcuts.mod-day:has(+.calendarWrapper .calendar-todayLink){max-block-size:21.75rem}.calendarShortcuts.mod-month,.calendarShortcuts.mod-year{max-block-size:18rem}.calendarShortcutsButton-item-button.button{--components-button-width: 100%;--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarShortcutsButton-item-button.button:hover,.calendarShortcutsButton-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarShortcutsButton-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarShortcutsButton-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarShortcutsButton-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.calendarShortcutsButton-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.calendarShortcutsButton-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button{justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-regular);white-space:wrap;text-align:start}.calendar-table{border-spacing:var(--components-calendarBorderSpacing);border:var(--pr-t-spacings-150) solid transparent;border-block-start:0;table-layout:fixed;background-color:var(--components-calendarBackground);scroll-snap-align:start end;flex-shrink:0;flex-grow:0;inline-size:100%;empty-cells:hide}.calendarWrapper{background-color:var(--components-calendarWrapperBackground);position:relative}.calendarWrapper:has(.calendar-table-body-row-cell-action:focus-visible):has(.calendar-table-body-row-cell-action:hover) .calendar-table-body-row-cell-action:hover:not(:focus-visible){outline:none}.calendarWrapper-content{display:flex;overflow:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.calendarWrapper-content::-webkit-scrollbar{display:none}.calendarWrapper-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarWrapper-navigation{position:absolute;inset-block-start:0;background-color:var(--components-calendarWrapper-navigationBackground);border-width:var(--pr-t-spacings-150);border-style:solid;border-color:var(--components-calendarWrapper-navigationBackground);border-radius:var(--pr-t-border-radius-default)}.calendarWrapper-navigation-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarWrapper-navigation-button.button:hover,.calendarWrapper-navigation-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarWrapper-navigation-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarWrapper-navigation-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarWrapper-navigation-button.button{--components-button-padding: var(--pr-t-spacings-50)}.calendar-stripes{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.calendar-divider.divider{margin:0}.calendar-todayLink.link{text-transform:capitalize;display:block;margin:auto;padding:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);--components-link-textDecoration: none;--components-link-text-textDecoration: none}.calendar-todayLink.link:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:8px}.calendar-stripes-symbol-path{fill:var(--components-calendar-table-body-row-cell-action-stripesColor)}.calendar-name{font:var(--pr-t-font-heading-3);padding-block:var(--pr-t-spacings-50);padding-inline:calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-100));border:var(--pr-t-spacings-150) solid transparent;border-block-end:var(--pr-t-spacings-100) solid transparent;text-transform:lowercase;background-color:var(--components-calendarBackground);text-align:center}.calendar-name-button{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);text-align:inherit;inline-size:fit-content;display:inline-block;padding:var(--pr-t-spacings-50);margin-block:calc(var(--pr-t-spacings-50) * -1)}.calendar-name-button:hover{color:var(--palettes-700, var(--palettes-product-700))}.calendar-name-button:active{color:var(--palettes-800, var(--palettes-product-800))}.calendar-name-button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.calendar-name-button+.calendar-name-button{margin-inline-start:calc(var(--pr-t-spacings-100) * -1)}.calendar-table-head-row-cell,.calendar-table-body-row-cell{padding:var(--pr-t-spacings-25);block-size:var(--pr-t-spacings-400);box-sizing:content-box}.calendar-table-head-row-cell{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);text-transform:uppercase;border-block-end:var(--pr-t-spacings-50) solid transparent}.calendar-table-body-row-cell{position:relative;color:var(--palettes-neutral-700)}.calendar-table-body-row-cell:before{background-color:var(--palettes-50, var(--palettes-product-50));position:absolute;inset:var(--pr-t-spacings-25) 0;content:var(--components-calendar-table-body-row-cellSelectedBeforeContent);border-radius:var(--components-calendar-table-body-row-cellSelectedBeforeBorderRadius)}.calendar-table-body-row-cell-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);position:relative;z-index:1;text-align:center;overflow:hidden;font-weight:var(--components-calendar-table-body-row-cell-actionFontWeight);color:var(--components-calendar-table-body-row-cell-actionColor);background-color:var(--components-calendar-table-body-row-cell-actionHighlight);display:var(--components-calendar-table-body-row-cell-actionDisplay);block-size:100%;text-transform:lowercase;cursor:var(--components-calendar-table-body-row-cell-actionCursor);text-decoration:var(--components-calendar-table-body-row-cell-actionTextDecoration);box-shadow:0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight),0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight) inset}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):hover{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{outline:2px solid var(--palettes-800, var(--palettes-product-800));background-color:var(--palettes-800, var(--palettes-product-800));color:var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action-stripes{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:60px;block-size:60px;z-index:-1;display:var(--components-calendar-table-body-row-cell-action-stripesDisplay)}}@layer mods{.calendar:has(.calendar-table-body-row-cell:nth-child(3):last-child){--components-calendarBorderSpacing: 0 var(--pr-t-spacings-200)}}@layer components{@media not all and (min-width:50em){.calendarShortcuts{display:none}}}@layer mods{.calendar-table-body-row-cell.is-daysOff .calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-product-900)}.calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text-subtle)}.calendar-table-body-row-cell.is-current .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionFontWeight: 600;--components-calendar-table-body-row-cell-actionColor: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-selected:not(.is-overflow):before,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow):before{--components-calendar-table-body-row-cellSelectedBeforeContent: \"\"}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:hover,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:focus-visible,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-singleDayInProgress.is-selected .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-singleDayInProgress.is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-singleDayInProgress:before,.calendar-table-body-row-cell.is-start:before{inset-inline-start:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-end.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-end.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-end:before{inset-inline-end:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):before{inset-inline-end:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress:before{--components-calendar-table-body-row-cellSelectedBeforeContent: none}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):before{inset-inline-start:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell .calendar-table-body-row-cell-action:disabled,.calendar-table-body-row-cell .calendar-table-body-row-cell-action[aria-disabled=true]{--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-500);--components-calendar-table-body-row-cell-actionTextDecoration: line-through;--components-calendar-table-body-row-cell-actionCursor: default}}@layer components{.dateField{--components-dateField-maxWidth: auto;--components-dateField-maxWidthDay: 10rem;--components-dateField-maxWidthMonth: var(--components-dateField-maxWidthDay);--components-dateField-maxWidthYear: var(--components-dateField-maxWidthDay);--components-dateField-maxWidthDayS: 9rem;--components-dateField-maxWidthMonthS: var(--components-dateField-maxWidthDayS);--components-dateField-maxWidthYearS: var(--components-dateField-maxWidthDayS);max-inline-size:var(--components-dateField-maxWidth);display:block}}@layer mods{.dateField.mod-filterPill{--components-dateField-maxWidth: none}.dateField.mod-filterPill .textField-input-affix-clear,.dateField.mod-filterPill .textField-input-affix-toggle{display:none}.dateField.mod-filterPill .dateField-textField.textField{position:relative;z-index:1;margin-block-start:var(--pr-t-spacings-50);margin-inline:var(--pr-t-spacings-50)}.dateField.mod-filterPill .calendarWrapper{margin-inline:calc(var(--pr-t-spacings-100) * -1);margin-block-end:calc(var(--pr-t-spacings-100) * -1)}.dateField:not(.mod-auto,.mod-filterPill).mod-day{--components-dateField-maxWidth: var(--components-dateField-maxWidthDay)}.form-field.mod-S .dateField:not(.mod-auto,.mod-filterPill).mod-day{--components-dateField-maxWidth: var(--components-dateField-maxWidthDayS)}.dateField:not(.mod-auto,.mod-filterPill).mod-month{--components-dateField-maxWidth: var(--components-dateField-maxWidthMonth)}.form-field.mod-S .dateField:not(.mod-auto,.mod-filterPill).mod-month{--components-dateField-maxWidth: var(--components-dateField-maxWidthMonthS)}.dateField:not(.mod-auto,.mod-filterPill).mod-year{--components-dateField-maxWidth: var(--components-dateField-maxWidthYear)}.form-field.mod-S .dateField:not(.mod-auto,.mod-filterPill).mod-year{--components-dateField-maxWidth: var(--components-dateField-maxWidthYearS)}}@layer components{.button{--components-button-font: var(--pr-t-font-body-M);--components-button-borderRadius: var(--pr-t-border-radius-default);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-paddingBlockStart: var(--components-button-paddingBlock);--components-button-paddingBlockEnd: var(--components-button-paddingBlock);--components-button-paddingInlineStart: var(--components-button-paddingInline);--components-button-paddingInlineEnd: var(--components-button-paddingInline);--components-button-padding: var(--components-button-paddingBlockStart) var(--components-button-paddingInlineEnd) var(--components-button-paddingBlockEnd) var(--components-button-paddingInlineStart);--components-button-gap: var(--pr-t-spacings-100);--components-button-opacity: 1;--components-button-cursor: pointer;--components-button-pointerEvents: auto;--components-button-width: auto;--components-button-minWidth: none;--components-button-userSelect: auto;--components-button-boxShadow: var(--pr-t-elevation-shadow-button);--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--components-button-arrow-transform: none;--components-button-AI-background-opacity: 25%;--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight);--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--components-button-borderRadius);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);inline-size:var(--components-button-width);min-inline-size:var(--components-button-minWidth);font:var(--components-button-font);font-size:var(--components-button-font-size);line-height:var(--components-button-line-height);font-weight:var(--pr-t-font-fontWeight-semibold);gap:var(--components-button-gap);pointer-events:var(--components-button-pointerEvents);-webkit-user-select:var(--components-button-userSelect);user-select:var(--components-button-userSelect);opacity:var(--components-button-opacity);cursor:var(--components-button-cursor);transition-timing-function:ease;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;text-wrap:balance;text-align:center;border:0}.button,.button:is(a){color:var(--components-button-color)}.button .lucca-icon{display:block}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined,.mod-outline) .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.button:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--components-button-borderRadius)}.button:active{--components-button-backgroundColor: var(--palettes-900, var(--palettes-product-900))}.button:disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button:disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer mods{.button.mod-AI:not(.invert){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-AI:not(.invert):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-AI:not(.invert):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-AI:not(.invert):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.button.mod-AI:not(.invert):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-AI:not(.invert):not(:disabled):before{content:\"\";pointer-events:none;position:absolute;inset:calc(var(--commons-divider-width) * -1);padding:var(--commons-divider-width);background-image:conic-gradient(from 135deg,var(--palettes-brand-400),var(--palettes-AI-500),var(--palettes-brand-400));border-radius:calc(var(--pr-t-border-radius-default) + var(--commons-divider-width));-webkit-mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));-webkit-mask-composite:xor;mask-composite:exclude}.button.mod-AI:not(.invert):not(:disabled):not(.mod-invert) .lucca-icon{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).mod-invert{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-0);background-image:linear-gradient(225deg,color-mix(in srgb,var(--palettes-AI-500) var(--components-button-AI-background-opacity),transparent),color-mix(in srgb,var(--palettes-brand-400) var(--components-button-AI-background-opacity),transparent))}.button.mod-AI:not(.invert).mod-invert:hover,.button.mod-AI:not(.invert).mod-invert:focus-visible{--components-button-AI-background-opacity: 15%;--components-button-color: var(--palettes-neutral-0)}.button.mod-AI:not(.invert).mod-invert:active{--components-button-AI-background-opacity: 5%}.button.mod-AI:not(.invert).is-success .lucca-icon{background-image:none}.button.mod-AI:not(.invert).is-success:before{content:none}.button.mod-AI:not(.invert).is-success:after{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).is-loading{--components-button-color: transparent;--components-button-backgroundColor: var(--palettes-neutral-0);--commons-loading-frontground: var(--palettes-neutral-300);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.mod-AI:not(.invert).is-loading .lucca-icon{background-image:none!important}.button.mod-AI:not(.invert).is-loading:before{content:none}.button.mod-block{--components-button-width: 100%}.button.mod-S{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.button.mod-S{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.button.mod-S:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.button.mod-XS{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.button.mod-XS{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.button.mod-XS:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.button.mod-disclosure{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-disclosure .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-button-arrow-transform)}.button.mod-disclosure[aria-expanded=true]{--components-button-arrow-transform: rotate(180deg)}.button.mod-outline:where(:not(.is-success,.is-error)),.button.mod-outlined:where(:not(.is-success,.is-error)){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-outline:where(:not(.is-success,.is-error)):hover,.button.mod-outlined:where(:not(.is-success,.is-error)):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-outline:where(:not(.is-success,.is-error)):active,.button.mod-outlined:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-outline:where(:not(.is-success,.is-error)):focus-visible,.button.mod-outlined:where(:not(.is-success,.is-error)):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.button.mod-outline:where(:not(.is-success,.is-error)):disabled,.button.mod-outlined:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-link:where(:not(.is-success,.is-error)),.button.mod-text:where(:not(.is-success,.is-error)),.button.mod-ghost:where(:not(.is-success,.is-error)){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.button.mod-link:where(:not(.is-success,.is-error)):hover,.button.mod-link:where(:not(.is-success,.is-error)):focus-visible,.button.mod-text:where(:not(.is-success,.is-error)):hover,.button.mod-text:where(:not(.is-success,.is-error)):focus-visible,.button.mod-ghost:where(:not(.is-success,.is-error)):hover,.button.mod-ghost:where(:not(.is-success,.is-error)):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-link:where(:not(.is-success,.is-error)):active,.button.mod-text:where(:not(.is-success,.is-error)):active,.button.mod-ghost:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-link:where(:not(.is-success,.is-error)):disabled,.button.mod-text:where(:not(.is-success,.is-error)):disabled,.button.mod-ghost:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-withIcon.mod-iconOnLeft{--components-button-paddingInlineStart: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnLeft.mod-S{--components-button-paddingInlineStart: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnLeft.mod-XS{--components-button-paddingInlineStart: var(--pr-t-spacings-50)}.button.mod-withIcon.mod-iconOnRight{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnRight.mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnRight.mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-onlyIcon{--components-button-padding: var(--pr-t-spacings-100)}.button.mod-onlyIcon.mod-S{--components-button-padding: var(--pr-t-spacings-75)}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--pr-t-spacings-50)}.button:has(.numericBadge){--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button:has(.numericBadge).mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button:has(.numericBadge).mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-delete:hover,.button.mod-critical:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete:active,.button.mod-critical:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-delete.mod-link:hover,.button.mod-delete.mod-link:focus-visible,.button.mod-delete.mod-text:hover,.button.mod-delete.mod-text:focus-visible,.button.mod-critical.mod-link:hover,.button.mod-critical.mod-link:focus-visible,.button.mod-critical.mod-text:hover,.button.mod-critical.mod-text:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete.mod-link:active,.button.mod-delete.mod-text:active,.button.mod-critical.mod-link:active,.button.mod-critical.mod-text:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-delete.mod-outline:hover,.button.mod-delete.mod-outlined:hover,.button.mod-critical.mod-outline:hover,.button.mod-critical.mod-outlined:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete.mod-outline:focus-visible,.button.mod-delete.mod-outlined:focus-visible,.button.mod-critical.mod-outline:focus-visible,.button.mod-critical.mod-outlined:focus-visible{--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700)}.button.mod-delete.mod-outline:active,.button.mod-delete.mod-outlined:active,.button.mod-critical.mod-outline:active,.button.mod-critical.mod-outlined:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-invert,.button.mod-inverted{--components-button-color: var(--palettes-neutral-0)}.button.mod-invert:hover,.button.mod-invert:focus-visible,.button.mod-inverted:hover,.button.mod-inverted:focus-visible{--components-button-color: var(--palettes-neutral-0);--components-button-backgroundColor: var(--palettes-neutral-900)}.button.mod-invert:active,.button.mod-inverted:active{--components-button-backgroundColor: var(--palettes-neutral-700)}.button.mod-more{--components-button-minWidth: 2rem;--components-button-padding: 0}.button.mod-more:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;block-size:0;order:-1;vertical-align:text-top}.button.mod-more.mod-S{--components-button-minWidth: 1.75rem}.button.mod-more.mod-XS{--components-button-minWidth: 1.5rem}.button.loading,.button.is-loading{--components-button-pointerEvents: none;--components-button-color: transparent;--components-button-userSelect: none;--components-button-boxShadow: none;--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--commons-loading-frontground: var(--palettes-50, var(--palettes-product-50))}.button.loading:after,.button.is-loading:after{content:\"\";inline-size:var(--pr-t-font-body-M-lineHeight);block-size:var(--pr-t-font-body-M-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}.button.loading .numericBadge,.button.is-loading .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.loading.mod-S:after,.button.is-loading.mod-S:after{content:\"\";inline-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}.button.loading.mod-XS:after,.button.is-loading.mod-XS:after{content:\"\";inline-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.loading.mod-XS,.button.is-loading.mod-XS{--commons-loading-borderWidth: 2px}.button.loading.mod-outlined,.button.is-loading.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--commons-loading-frontground: var(--palettes-neutral-300);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.loading.mod-ghost,.button.is-loading.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--commons-loading-frontground: var(--palettes-neutral-400)}.button.error,.button.is-error{animation-name:shake;animation-iteration-count:1;animation-duration:var(--commons-animations-durations-standard)}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-3px,0,0)}40%,80%{transform:translate3d(3px,0,0)}}.button.success,.button.is-success{--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.success:after,.button.is-success:after{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute}.button.success .numericBadge,.button.is-success .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.success.mod-AI,.button.success.mod-outlined,.button.is-success.mod-AI,.button.is-success.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.success.mod-AI:after,.button.success.mod-outlined:after,.button.is-success.mod-AI:after,.button.is-success.mod-outlined:after{color:var(--palettes-700, var(--palettes-product-700))}.button.success.mod-ghost,.button.is-success.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--components-button-boxShadow: none}.button.success.mod-ghost:after,.button.is-success.mod-ghost:after{color:var(--palettes-700, var(--palettes-product-700))}.button.disabled,.button.is-disabled,.button[aria-disabled=true]{--components-button-cursor: default;--components-button-color: var(--pr-t-color-text-disabled);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button.disabled .numericBadge,.button.is-disabled .numericBadge,.button[aria-disabled=true] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer components{.clear{--components-clear-display: grid;--components-clear-size: 1rem;--components-clear-background: var(--palettes-800, var(--palettes-neutral-800));--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:var(--components-clear-display);grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;inline-size:var(--components-clear-size);block-size:var(--components-clear-size);border-radius:var(--pr-t-border-radius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--pr-t-border-radius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background: var(--palettes-700, var(--palettes-neutral-700))}.clear:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-900, var(--palettes-neutral-900))}.clear .lucca-icon{display:none}}@layer mods{.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.mod-inverted{--components-clear-cross-color: var(--palettes-800, var(--palettes-neutral-800));--components-clear-background: var(--palettes-0, var(--palettes-neutral-0))}.clear.mod-inverted:hover{--components-clear-background: var(--palettes-50, var(--palettes-neutral-50))}.clear.mod-inverted:active{--components-clear-background: var(--palettes-100, var(--palettes-neutral-100))}.clear[disabled]{cursor:default;--components-clear-cross-color: var(--palettes-neutral-500)}.clear[disabled],.clear[disabled]:hover,.clear[disabled]:active{--components-clear-background: var(--palettes-neutral-300)}.clear[hidden],.filterPill[disabled] .clear,.filterPill:not(.is-filled) .clear,.textfield-input[disabled] .clear,.textfield-input:not(.is-filled) .clear{--components-clear-display: none}.multiSelect.is-selected:has(.multipleSelect-clear) .clear{--components-clear-display: grid}}\n"], dependencies: [{ kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["intl", "luPopover2", "luPopoverPosition", "overlayScrollStrategy", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverTriggerChange", "luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "component", type: Calendar2Component, selector: "lu-calendar2", inputs: ["intl", "showOverflow", "enableOverflow", "removeYearOverflow", "hideToday", "hasTodayButton", "hideWeekend", "disableModeChange", "date", "tabbableDate", "mode", "displayMode", "ranges", "getCellInfo", "dateHovered"], outputs: ["dateChange", "tabbableDateChange", "modeChange", "displayModeChange", "nextPage", "previousPage", "dateClicked", "dateHoveredChange"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FilterPillDisplayerDirective, selector: "[luFilterPillDisplayer]" }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "directive", type: PresentationDisplayDirective, selector: "[luPresentationDisplay]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DateInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DateInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-date-input', imports: [PopoverDirective, Calendar2Component, IconComponent, InputDirective, NgTemplateOutlet, FilterPillDisplayerDirective, ClearComponent, PresentationDisplayDirective], host: {
                         class: 'dateField',
+                        '[class.mod-filterPill]': 'isFilterPill',
+                        '[class.mod-auto]': 'isWidthAuto',
                     }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -1167,14 +1163,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                             useExisting: forwardRef(() => DateInputComponent),
                         },
                         LuClass,
-                    ], template: "@if (isFilterPill) {\n\t<label for=\"dateInput\" class=\"pr-u-mask\">{{ intl().pickDate }}</label>\n}\n<div class=\"textField dateField-textField\" #popoverAnchor>\n\t<div class=\"textField-input\">\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\tid=\"dateInput\"\n\t\t\t#date\n\t\t\tluInput\n\t\t\tclass=\"textField-input-value\"\n\t\t\t(input)=\"userTextInput.set(date.value)\"\n\t\t\t(blur)=\"inputBlurred()\"\n\t\t\t(focus)=\"inputFocused.set(true)\"\n\t\t\taria-haspopup=\"true\"\n\t\t\trole=\"combobox\"\n\t\t\t(click)=\"popoverRef.openPopover(true, true)\"\n\t\t\t(keydown.arrowDown)=\"arrowDown(popoverRef)\"\n\t\t\t(keydown.escape)=\"popoverRef.close()\"\n\t\t\t(keydown.space)=\"spaceDown($event, popoverRef)\"\n\t\t\t[disabled]=\"disabled()\"\n\t\t\t[attr.placeholder]=\"placeholder() || dateFormatLocalized()\"\n\t\t\t[attr.autocomplete]=\"autocomplete()\"\n\t\t\tdata-testid=\"lu-date-input\"\n\t\t/>\n\n\t\t<div class=\"textField-input-affix\">\n\t\t\t@if (clearable() && !disabled() && (clearBehavior() === \"clear\" ? date.value !== \"\" : selectedDate() !== initialValue())) {\n\t\t\t\t<lu-clear class=\"textField-input-affix-clear\" (onClear)=\"clear(); date.focus()\">{{ intl().clear }}</lu-clear>\n\t\t\t}\n\t\t\t@if (isFilterPill && !isFilterPillEmpty()) {\n\t\t\t\t<lu-clear class=\"textField-input-affix-clear\" (onClear)=\"clear(); date.focus()\">{{ intl().clear }}</lu-clear>\n\t\t\t}\n\t\t\t<button\n\t\t\t\t[luPopover2]=\"calendar\"\n\t\t\t\t[luPopoverAnchor]=\"popoverAnchor\"\n\t\t\t\t[disabled]=\"disabled()\"\n\t\t\t\t[luPopoverNoCloseButton]=\"true\"\n\t\t\t\t[luPopoverDisabled]=\"isFilterPill\"\n\t\t\t\t#popoverRef=\"luPopover2\"\n\t\t\t\t[customPositions]=\"popoverPositions\"\n\t\t\t\t(luPopoverClosed)=\"panelClosed.emit()\"\n\t\t\t\t(luPopoverOpened)=\"panelOpened.emit()\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=\"button mod-onlyIcon mod-ghost textField-input-affix-toggle\"\n\t\t\t>\n\t\t\t\t<lu-icon [icon]=\"'calendarDate'\" [alt]=\"intl().pickDate\" />\n\t\t\t</button>\n\t\t</div>\n\t</div>\n</div>\n\n@if (isFilterPill) {\n\t<ng-container *ngTemplateOutlet=\"calendar\" />\n}\n\n<div *luFilterPillDisplayer>{{ displayValue() }}</div>\n\n<ng-template #calendar>\n\t<div class=\"calendarWrapper\">\n\t\t<div class=\"calendarWrapper-navigation pr-u-left0\">\n\t\t\t<button class=\"calendarWrapper-navigation-button button\" type=\"button\" (click)=\"prev(calendarMode())\" #previousButtonRef>\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronLeft\"></span><span class=\"pr-u-mask\">{{ intl().previous }}</span>\n\t\t\t</button>\n\t\t</div>\n\t\t<div class=\"calendarWrapper-navigation pr-u-right0\">\n\t\t\t<button class=\"calendarWrapper-navigation-button button\" type=\"button\" (click)=\"next(calendarMode())\" #nextButtonRef>\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronRight\"></span><span class=\"pr-u-mask\"> {{ intl().next }}</span>\n\t\t\t</button>\n\t\t</div>\n\t\t<div class=\"calendarWrapper-content\" tabindex=\"-1\">\n\t\t\t<lu-calendar2\n\t\t\t\t[enableOverflow]=\"!disableOverflow()\"\n\t\t\t\t[showOverflow]=\"!hideOverflow()\"\n\t\t\t\t[hideToday]=\"hideToday()\"\n\t\t\t\t[hasTodayButton]=\"hasTodayButton()\"\n\t\t\t\t[date]=\"currentDate()\"\n\t\t\t\t(dateChange)=\"currentDateChangeFromCalendar($event)\"\n\t\t\t\t[(tabbableDate)]=\"tabbableDate\"\n\t\t\t\t[getCellInfo]=\"combinedGetCellInfo\"\n\t\t\t\t[ranges]=\"ranges()\"\n\t\t\t\t(dateClicked)=\"dateClicked($event, popoverRef)\"\n\t\t\t\t(nextPage)=\"move(1, calendarMode())\"\n\t\t\t\t(previousPage)=\"move(-1, calendarMode())\"\n\t\t\t\t[(displayMode)]=\"calendarMode\"\n\t\t\t\t[mode]=\"mode()\"\n\t\t\t\t[hideWeekend]=\"hideWeekend()\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</ng-template>\n\n<ng-container *luPresentationDisplay>{{ displayValue() }}</ng-container>\n", styles: ["@charset \"UTF-8\";@layer components{.calendarWrapper{--components-calendarWrapperWidth: 17.25rem;--components-calendarWrapperBackground: transparent;--components-calendarWrapper-navigationBackground: var(--palettes-neutral-0)}}@layer mods{.calendarWrapper.mod-daysOffHidden .calendar-table-body-row-cell-action-stripes{--components-calendar-table-body-row-cell-action-stripesDisplay: none}.calendarWrapper.mod-daysOverflowingHidden .calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionDisplay: none}}@layer components{.calendar{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-neutral-200);--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionFontWeight: 400;--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text);--components-calendar-table-body-row-cell-actionOutlineWidth: 2px;--components-calendar-table-body-row-cell-actionOutlineOffset: -1px;--components-calendar-table-body-row-cell-actionCursor: pointer;--components-calendar-table-body-row-cell-actionTextDecoration: none;--components-calendar-table-body-row-cellSelectedBeforeContent: none;--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0;--components-calendar-table-body-row-cell-actionDisplay: block;--components-calendar-table-body-row-cell-action-stripesDisplay: block;--components-calendarBackground: var(--components-calendarWrapperBackground, var(--palettes-neutral-0));--components-calendarWidth: var(--components-calendarWrapperWidth, 17.25rem);--components-calendarBorderSpacing: 0;inline-size:var(--components-calendarWidth)}.calendarShortcutsOptional{display:flex}.calendarShortcuts{margin:0;padding:0;list-style-type:none;inline-size:13.5rem;border-inline-end:1px solid var(--palettes-neutral-100);padding:var(--pr-t-spacings-50);overflow:auto;position:relative;z-index:1;border-radius:var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendarShortcuts:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarShortcuts.mod-day{max-block-size:19.25rem}.calendarShortcuts.mod-day:has(+.calendarWrapper .calendar-todayLink){max-block-size:21.75rem}.calendarShortcuts.mod-month,.calendarShortcuts.mod-year{max-block-size:18rem}.calendarShortcutsButton-item-button.button{--components-button-width: 100%;--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarShortcutsButton-item-button.button:hover,.calendarShortcutsButton-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarShortcutsButton-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarShortcutsButton-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarShortcutsButton-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.calendarShortcutsButton-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.calendarShortcutsButton-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button{justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-regular);white-space:wrap;text-align:start}.calendar-table{border-spacing:var(--components-calendarBorderSpacing);border:var(--pr-t-spacings-150) solid transparent;border-block-start:0;table-layout:fixed;background-color:var(--components-calendarBackground);scroll-snap-align:start end;flex-shrink:0;flex-grow:0;inline-size:100%;empty-cells:hide}.calendarWrapper{background-color:var(--components-calendarWrapperBackground);position:relative}.calendarWrapper:has(.calendar-table-body-row-cell-action:focus-visible):has(.calendar-table-body-row-cell-action:hover) .calendar-table-body-row-cell-action:hover:not(:focus-visible){outline:none}.calendarWrapper-content{display:flex;overflow:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.calendarWrapper-content::-webkit-scrollbar{display:none}.calendarWrapper-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarWrapper-navigation{position:absolute;inset-block-start:0;background-color:var(--components-calendarWrapper-navigationBackground);border-width:var(--pr-t-spacings-150);border-style:solid;border-color:var(--components-calendarWrapper-navigationBackground);border-radius:var(--pr-t-border-radius-default)}.calendarWrapper-navigation-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarWrapper-navigation-button.button:hover,.calendarWrapper-navigation-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarWrapper-navigation-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarWrapper-navigation-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarWrapper-navigation-button.button{--components-button-padding: var(--pr-t-spacings-50)}.calendar-stripes{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.calendar-divider.divider{margin:0}.calendar-todayLink.link{text-transform:capitalize;display:block;margin:auto;padding:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);--components-link-textDecoration: none;--components-link-text-textDecoration: none}.calendar-todayLink.link:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:8px}.calendar-stripes-symbol-path{fill:var(--components-calendar-table-body-row-cell-action-stripesColor)}.calendar-name{font:var(--pr-t-font-heading-3);padding-block:var(--pr-t-spacings-50);padding-inline:calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-100));border:var(--pr-t-spacings-150) solid transparent;border-block-end:var(--pr-t-spacings-100) solid transparent;text-transform:lowercase;background-color:var(--components-calendarBackground);text-align:center}.calendar-name-button{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);text-align:inherit;inline-size:fit-content;display:inline-block;padding:var(--pr-t-spacings-50);margin-block:calc(var(--pr-t-spacings-50) * -1)}.calendar-name-button:hover{color:var(--palettes-700, var(--palettes-product-700))}.calendar-name-button:active{color:var(--palettes-800, var(--palettes-product-800))}.calendar-name-button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.calendar-name-button+.calendar-name-button{margin-inline-start:calc(var(--pr-t-spacings-100) * -1)}.calendar-table-head-row-cell,.calendar-table-body-row-cell{padding:var(--pr-t-spacings-25);block-size:var(--pr-t-spacings-400);box-sizing:content-box}.calendar-table-head-row-cell{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);text-transform:uppercase;border-block-end:var(--pr-t-spacings-50) solid transparent}.calendar-table-body-row-cell{position:relative;color:var(--palettes-neutral-700)}.calendar-table-body-row-cell:before{background-color:var(--palettes-50, var(--palettes-product-50));position:absolute;inset:var(--pr-t-spacings-25) 0;content:var(--components-calendar-table-body-row-cellSelectedBeforeContent);border-radius:var(--components-calendar-table-body-row-cellSelectedBeforeBorderRadius)}.calendar-table-body-row-cell-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);position:relative;z-index:1;text-align:center;overflow:hidden;font-weight:var(--components-calendar-table-body-row-cell-actionFontWeight);color:var(--components-calendar-table-body-row-cell-actionColor);background-color:var(--components-calendar-table-body-row-cell-actionHighlight);display:var(--components-calendar-table-body-row-cell-actionDisplay);block-size:100%;text-transform:lowercase;cursor:var(--components-calendar-table-body-row-cell-actionCursor);text-decoration:var(--components-calendar-table-body-row-cell-actionTextDecoration);box-shadow:0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight),0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight) inset}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):hover{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{outline:2px solid var(--palettes-800, var(--palettes-product-800));background-color:var(--palettes-800, var(--palettes-product-800));color:var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action-stripes{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:60px;block-size:60px;z-index:-1;display:var(--components-calendar-table-body-row-cell-action-stripesDisplay)}}@layer mods{.calendar:has(.calendar-table-body-row-cell:nth-child(3):last-child){--components-calendarBorderSpacing: 0 var(--pr-t-spacings-200)}}@layer components{@media not all and (min-width:50em){.calendarShortcuts{display:none}}}@layer mods{.calendar-table-body-row-cell.is-daysOff .calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-product-900)}.calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text-subtle)}.calendar-table-body-row-cell.is-current .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionFontWeight: 600;--components-calendar-table-body-row-cell-actionColor: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-selected:not(.is-overflow):before,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow):before{--components-calendar-table-body-row-cellSelectedBeforeContent: \"\"}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:hover,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:focus-visible,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-singleDayInProgress.is-selected .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-singleDayInProgress.is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-singleDayInProgress:before,.calendar-table-body-row-cell.is-start:before{inset-inline-start:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-end.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-end.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-end:before{inset-inline-end:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):before{inset-inline-end:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress:before{--components-calendar-table-body-row-cellSelectedBeforeContent: none}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):before{inset-inline-start:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell .calendar-table-body-row-cell-action:disabled,.calendar-table-body-row-cell .calendar-table-body-row-cell-action[aria-disabled=true]{--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-500);--components-calendar-table-body-row-cell-actionTextDecoration: line-through;--components-calendar-table-body-row-cell-actionCursor: default}}@layer components{.dateField{--components-dateField-maxWidth: auto;--components-dateField-maxWidthDay: 10rem;--components-dateField-maxWidthMonth: var(--components-dateField-maxWidthDay);--components-dateField-maxWidthYear: var(--components-dateField-maxWidthDay);--components-dateField-maxWidthDayS: 9rem;--components-dateField-maxWidthMonthS: var(--components-dateField-maxWidthDayS);--components-dateField-maxWidthYearS: var(--components-dateField-maxWidthDayS);max-inline-size:var(--components-dateField-maxWidth);display:block}}@layer mods{.dateField.mod-filterPill{--components-dateField-maxWidth: none}.dateField.mod-filterPill .textField-input-affix-clear,.dateField.mod-filterPill .textField-input-affix-toggle{display:none}.dateField.mod-filterPill .dateField-textField.textField{position:relative;z-index:1;margin-block-start:var(--pr-t-spacings-50);margin-inline:var(--pr-t-spacings-50)}.dateField.mod-filterPill .calendarWrapper{margin-inline:calc(var(--pr-t-spacings-100) * -1);margin-block-end:calc(var(--pr-t-spacings-100) * -1)}.dateField:not(.mod-auto,.mod-filterPill).mod-day{--components-dateField-maxWidth: var(--components-dateField-maxWidthDay)}.form-field.mod-S .dateField:not(.mod-auto,.mod-filterPill).mod-day{--components-dateField-maxWidth: var(--components-dateField-maxWidthDayS)}.dateField:not(.mod-auto,.mod-filterPill).mod-month{--components-dateField-maxWidth: var(--components-dateField-maxWidthMonth)}.form-field.mod-S .dateField:not(.mod-auto,.mod-filterPill).mod-month{--components-dateField-maxWidth: var(--components-dateField-maxWidthMonthS)}.dateField:not(.mod-auto,.mod-filterPill).mod-year{--components-dateField-maxWidth: var(--components-dateField-maxWidthYear)}.form-field.mod-S .dateField:not(.mod-auto,.mod-filterPill).mod-year{--components-dateField-maxWidth: var(--components-dateField-maxWidthYearS)}}@layer components{.button{--components-button-font: var(--pr-t-font-body-M);--components-button-borderRadius: var(--pr-t-border-radius-default);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-paddingBlockStart: var(--components-button-paddingBlock);--components-button-paddingBlockEnd: var(--components-button-paddingBlock);--components-button-paddingInlineStart: var(--components-button-paddingInline);--components-button-paddingInlineEnd: var(--components-button-paddingInline);--components-button-padding: var(--components-button-paddingBlockStart) var(--components-button-paddingInlineEnd) var(--components-button-paddingBlockEnd) var(--components-button-paddingInlineStart);--components-button-gap: var(--pr-t-spacings-100);--components-button-opacity: 1;--components-button-cursor: pointer;--components-button-pointerEvents: auto;--components-button-width: auto;--components-button-minWidth: none;--components-button-userSelect: auto;--components-button-boxShadow: var(--pr-t-elevation-shadow-button);--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--components-button-arrow-transform: none;--components-button-AI-background-opacity: 25%;--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight);--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--components-button-borderRadius);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);inline-size:var(--components-button-width);min-inline-size:var(--components-button-minWidth);font:var(--components-button-font);font-size:var(--components-button-font-size);line-height:var(--components-button-line-height);font-weight:var(--pr-t-font-fontWeight-semibold);gap:var(--components-button-gap);pointer-events:var(--components-button-pointerEvents);-webkit-user-select:var(--components-button-userSelect);user-select:var(--components-button-userSelect);opacity:var(--components-button-opacity);cursor:var(--components-button-cursor);transition-timing-function:ease;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;text-wrap:balance;text-align:center;border:0}.button,.button:is(a){color:var(--components-button-color)}.button .lucca-icon{display:block}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined,.mod-outline) .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.button:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--components-button-borderRadius)}.button:active{--components-button-backgroundColor: var(--palettes-900, var(--palettes-product-900))}.button:disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button:disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer mods{.button.mod-AI:not(.invert){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-AI:not(.invert):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-AI:not(.invert):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-AI:not(.invert):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.button.mod-AI:not(.invert):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-AI:not(.invert):not(:disabled):before{content:\"\";pointer-events:none;position:absolute;inset:calc(var(--commons-divider-width) * -1);padding:var(--commons-divider-width);background-image:var(--pr-t-color-border-ai);border-radius:calc(var(--pr-t-border-radius-default) + var(--commons-divider-width));-webkit-mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));-webkit-mask-composite:xor;mask-composite:exclude}.button.mod-AI:not(.invert):not(:disabled):not(.mod-invert) .lucca-icon{background-image:var(--pr-t-color-icon-ai);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).mod-invert{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-0);background-image:linear-gradient(var(--palettes-ai-angle),color-mix(in srgb,var(--palettes-orchid-300) var(--components-button-AI-background-opacity),transparent),color-mix(in srgb,var(--palettes-brand-200) var(--components-button-AI-background-opacity),transparent))}.button.mod-AI:not(.invert).mod-invert:hover,.button.mod-AI:not(.invert).mod-invert:focus-visible{--components-button-AI-background-opacity: 15%;--components-button-color: var(--palettes-neutral-0)}.button.mod-AI:not(.invert).mod-invert:active{--components-button-AI-background-opacity: 5%}.button.mod-AI:not(.invert).is-success .lucca-icon{background-image:none}.button.mod-AI:not(.invert).is-success:before{content:none}.button.mod-AI:not(.invert).is-success:after{background-image:var(--pr-t-color-icon-ai);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).is-loading{--components-button-color: transparent;--components-button-backgroundColor: var(--palettes-neutral-0);--commons-loading-frontground: var(--palettes-neutral-300);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.mod-AI:not(.invert).is-loading .lucca-icon{background-image:none!important}.button.mod-AI:not(.invert).is-loading:before{content:none}.button.mod-block{--components-button-width: 100%}.button.mod-S{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.button.mod-S{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.button.mod-S:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.button.mod-XS{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.button.mod-XS{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.button.mod-XS:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.button.mod-disclosure{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-disclosure .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-button-arrow-transform)}.button.mod-disclosure[aria-expanded=true]{--components-button-arrow-transform: rotate(180deg)}.button.mod-outline:where(:not(.is-success,.is-error)),.button.mod-outlined:where(:not(.is-success,.is-error)){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-outline:where(:not(.is-success,.is-error)):hover,.button.mod-outlined:where(:not(.is-success,.is-error)):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-outline:where(:not(.is-success,.is-error)):active,.button.mod-outlined:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-outline:where(:not(.is-success,.is-error)):focus-visible,.button.mod-outlined:where(:not(.is-success,.is-error)):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.button.mod-outline:where(:not(.is-success,.is-error)):disabled,.button.mod-outlined:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-link:where(:not(.is-success,.is-error)),.button.mod-text:where(:not(.is-success,.is-error)),.button.mod-ghost:where(:not(.is-success,.is-error)){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.button.mod-link:where(:not(.is-success,.is-error)):hover,.button.mod-link:where(:not(.is-success,.is-error)):focus-visible,.button.mod-text:where(:not(.is-success,.is-error)):hover,.button.mod-text:where(:not(.is-success,.is-error)):focus-visible,.button.mod-ghost:where(:not(.is-success,.is-error)):hover,.button.mod-ghost:where(:not(.is-success,.is-error)):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-link:where(:not(.is-success,.is-error)):active,.button.mod-text:where(:not(.is-success,.is-error)):active,.button.mod-ghost:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-link:where(:not(.is-success,.is-error)):disabled,.button.mod-text:where(:not(.is-success,.is-error)):disabled,.button.mod-ghost:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-withIcon.mod-iconOnLeft{--components-button-paddingInlineStart: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnLeft.mod-S{--components-button-paddingInlineStart: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnLeft.mod-XS{--components-button-paddingInlineStart: var(--pr-t-spacings-50)}.button.mod-withIcon.mod-iconOnRight{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnRight.mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnRight.mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-onlyIcon{--components-button-padding: var(--pr-t-spacings-100)}.button.mod-onlyIcon.mod-S{--components-button-padding: var(--pr-t-spacings-75)}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--pr-t-spacings-50)}.button:has(.numericBadge){--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button:has(.numericBadge).mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button:has(.numericBadge).mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-delete:hover,.button.mod-critical:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete:active,.button.mod-critical:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-delete.mod-link:hover,.button.mod-delete.mod-link:focus-visible,.button.mod-delete.mod-text:hover,.button.mod-delete.mod-text:focus-visible,.button.mod-critical.mod-link:hover,.button.mod-critical.mod-link:focus-visible,.button.mod-critical.mod-text:hover,.button.mod-critical.mod-text:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete.mod-link:active,.button.mod-delete.mod-text:active,.button.mod-critical.mod-link:active,.button.mod-critical.mod-text:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-delete.mod-outline:hover,.button.mod-delete.mod-outlined:hover,.button.mod-critical.mod-outline:hover,.button.mod-critical.mod-outlined:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete.mod-outline:focus-visible,.button.mod-delete.mod-outlined:focus-visible,.button.mod-critical.mod-outline:focus-visible,.button.mod-critical.mod-outlined:focus-visible{--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700)}.button.mod-delete.mod-outline:active,.button.mod-delete.mod-outlined:active,.button.mod-critical.mod-outline:active,.button.mod-critical.mod-outlined:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-invert,.button.mod-inverted{--components-button-color: var(--palettes-neutral-0)}.button.mod-invert:hover,.button.mod-invert:focus-visible,.button.mod-inverted:hover,.button.mod-inverted:focus-visible{--components-button-color: var(--palettes-neutral-0);--components-button-backgroundColor: var(--palettes-neutral-900)}.button.mod-invert:active,.button.mod-inverted:active{--components-button-backgroundColor: var(--palettes-neutral-700)}.button.mod-more{--components-button-minWidth: 2rem;--components-button-padding: 0}.button.mod-more:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;block-size:0;order:-1;vertical-align:text-top}.button.mod-more.mod-S{--components-button-minWidth: 1.75rem}.button.mod-more.mod-XS{--components-button-minWidth: 1.5rem}.button.loading,.button.is-loading{--components-button-pointerEvents: none;--components-button-color: transparent;--components-button-userSelect: none;--components-button-boxShadow: none;--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--commons-loading-frontground: var(--palettes-50, var(--palettes-product-50))}.button.loading:after,.button.is-loading:after{content:\"\";inline-size:var(--pr-t-font-body-M-lineHeight);block-size:var(--pr-t-font-body-M-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}.button.loading .numericBadge,.button.is-loading .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.loading.mod-S:after,.button.is-loading.mod-S:after{content:\"\";inline-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}.button.loading.mod-XS:after,.button.is-loading.mod-XS:after{content:\"\";inline-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.loading.mod-XS,.button.is-loading.mod-XS{--commons-loading-borderWidth: 2px}.button.loading.mod-outlined,.button.is-loading.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--commons-loading-frontground: var(--palettes-neutral-300);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.loading.mod-ghost,.button.is-loading.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--commons-loading-frontground: var(--palettes-neutral-400)}.button.error,.button.is-error{animation-name:shake;animation-iteration-count:1;animation-duration:var(--commons-animations-durations-standard)}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-3px,0,0)}40%,80%{transform:translate3d(3px,0,0)}}.button.success,.button.is-success{--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.success:after,.button.is-success:after{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute}.button.success .numericBadge,.button.is-success .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.success.mod-AI,.button.success.mod-outlined,.button.is-success.mod-AI,.button.is-success.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.success.mod-AI:after,.button.success.mod-outlined:after,.button.is-success.mod-AI:after,.button.is-success.mod-outlined:after{color:var(--palettes-700, var(--palettes-product-700))}.button.success.mod-ghost,.button.is-success.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--components-button-boxShadow: none}.button.success.mod-ghost:after,.button.is-success.mod-ghost:after{color:var(--palettes-700, var(--palettes-product-700))}.button.disabled,.button.is-disabled,.button[aria-disabled=true]{--components-button-cursor: default;--components-button-color: var(--pr-t-color-text-disabled);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button.disabled .numericBadge,.button.is-disabled .numericBadge,.button[aria-disabled=true] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer components{.clear{--components-clear-display: grid;--components-clear-size: 1rem;--components-clear-background: var(--palettes-800, var(--palettes-neutral-800));--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:var(--components-clear-display);grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;inline-size:var(--components-clear-size);block-size:var(--components-clear-size);border-radius:var(--pr-t-border-radius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--pr-t-border-radius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background: var(--palettes-700, var(--palettes-neutral-700))}.clear:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-900, var(--palettes-neutral-900))}.clear .lucca-icon{display:none}}@layer mods{.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.mod-inverted{--components-clear-cross-color: var(--palettes-800, var(--palettes-neutral-800));--components-clear-background: var(--palettes-0, var(--palettes-neutral-0))}.clear.mod-inverted:hover{--components-clear-background: var(--palettes-50, var(--palettes-neutral-50))}.clear.mod-inverted:active{--components-clear-background: var(--palettes-100, var(--palettes-neutral-100))}.clear[disabled]{cursor:default;--components-clear-cross-color: var(--palettes-neutral-500)}.clear[disabled],.clear[disabled]:hover,.clear[disabled]:active{--components-clear-background: var(--palettes-neutral-300)}.clear[hidden],.filterPill[disabled] .clear,.filterPill:not(.is-filled) .clear,.textfield-input[disabled] .clear,.textfield-input:not(.is-filled) .clear{--components-clear-display: none}.multiSelect.is-selected:has(.multipleSelect-clear) .clear{--components-clear-display: grid}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disableOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableOverflow", required: false }] }], hideOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideOverflow", required: false }] }], widthAuto: [{ type: i0.Input, args: [{ isSignal: true, alias: "widthAuto", required: false }] }], calendar: [{ type: i0.ViewChild, args: [i0.forwardRef(() => Calendar2Component), { isSignal: true }] }], inputRef: [{ type: i0.ViewChild, args: ['date', { isSignal: true }] }], previousButton: [{ type: i0.ViewChild, args: ['previousButtonRef', { isSignal: true }] }], nextButton: [{ type: i0.ViewChild, args: ['nextButtonRef', { isSignal: true }] }], isFilterPill: [{
-                type: HostBinding,
-                args: ['class.mod-filterPill']
-            }], isWidthAuto: [{
-                type: HostBinding,
-                args: ['class.mod-auto']
-            }] } });
+                    ], template: "@if (isFilterPill) {\n\t<label for=\"dateInput\" class=\"pr-u-mask\">{{ intl().pickDate }}</label>\n}\n<div class=\"textField dateField-textField\" #popoverAnchor>\n\t<div class=\"textField-input\">\n\t\t<input\n\t\t\ttype=\"text\"\n\t\t\tid=\"dateInput\"\n\t\t\t#date\n\t\t\tluInput\n\t\t\tclass=\"textField-input-value\"\n\t\t\t(input)=\"userTextInput.set(date.value)\"\n\t\t\t(blur)=\"inputBlurred()\"\n\t\t\t(focus)=\"inputFocused.set(true)\"\n\t\t\taria-haspopup=\"true\"\n\t\t\trole=\"combobox\"\n\t\t\t(click)=\"popoverRef.openPopover(true, true)\"\n\t\t\t(keydown.arrowDown)=\"arrowDown(popoverRef)\"\n\t\t\t(keydown.escape)=\"popoverRef.close()\"\n\t\t\t(keydown.space)=\"spaceDown($event, popoverRef)\"\n\t\t\t[disabled]=\"disabled()\"\n\t\t\t[attr.placeholder]=\"placeholder() || dateFormatLocalized()\"\n\t\t\t[attr.autocomplete]=\"autocomplete()\"\n\t\t\tdata-testid=\"lu-date-input\"\n\t\t/>\n\n\t\t<div class=\"textField-input-affix\">\n\t\t\t@if (clearable() && !disabled() && (clearBehavior() === \"clear\" ? date.value !== \"\" : selectedDate() !== initialValue())) {\n\t\t\t\t<lu-clear class=\"textField-input-affix-clear\" (onClear)=\"clear(); date.focus()\">{{ intl().clear }}</lu-clear>\n\t\t\t}\n\t\t\t@if (isFilterPill && !isFilterPillEmpty()) {\n\t\t\t\t<lu-clear class=\"textField-input-affix-clear\" (onClear)=\"clear(); date.focus()\">{{ intl().clear }}</lu-clear>\n\t\t\t}\n\t\t\t<button\n\t\t\t\t[luPopover2]=\"calendar\"\n\t\t\t\t[luPopoverAnchor]=\"popoverAnchor\"\n\t\t\t\t[disabled]=\"disabled()\"\n\t\t\t\t[luPopoverNoCloseButton]=\"true\"\n\t\t\t\t[luPopoverDisabled]=\"isFilterPill\"\n\t\t\t\t#popoverRef=\"luPopover2\"\n\t\t\t\t[customPositions]=\"popoverPositions\"\n\t\t\t\t(luPopoverClosed)=\"panelClosed.emit()\"\n\t\t\t\t(luPopoverOpened)=\"panelOpened.emit()\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=\"button mod-onlyIcon mod-ghost textField-input-affix-toggle\"\n\t\t\t>\n\t\t\t\t<lu-icon [icon]=\"'calendarDate'\" [alt]=\"intl().pickDate\" />\n\t\t\t</button>\n\t\t</div>\n\t</div>\n</div>\n\n@if (isFilterPill) {\n\t<ng-container *ngTemplateOutlet=\"calendar\" />\n}\n\n<div *luFilterPillDisplayer>{{ displayValue() }}</div>\n\n<ng-template #calendar>\n\t<div class=\"calendarWrapper\">\n\t\t<div class=\"calendarWrapper-navigation pr-u-left0\">\n\t\t\t<button class=\"calendarWrapper-navigation-button button\" type=\"button\" (click)=\"prev(calendarMode())\" #previousButtonRef>\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronLeft\"></span><span class=\"pr-u-mask\">{{ intl().previous }}</span>\n\t\t\t</button>\n\t\t</div>\n\t\t<div class=\"calendarWrapper-navigation pr-u-right0\">\n\t\t\t<button class=\"calendarWrapper-navigation-button button\" type=\"button\" (click)=\"next(calendarMode())\" #nextButtonRef>\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronRight\"></span><span class=\"pr-u-mask\"> {{ intl().next }}</span>\n\t\t\t</button>\n\t\t</div>\n\t\t<div class=\"calendarWrapper-content\" tabindex=\"-1\">\n\t\t\t<lu-calendar2\n\t\t\t\t[enableOverflow]=\"!disableOverflow()\"\n\t\t\t\t[showOverflow]=\"!hideOverflow()\"\n\t\t\t\t[hideToday]=\"hideToday()\"\n\t\t\t\t[hasTodayButton]=\"hasTodayButton()\"\n\t\t\t\t[date]=\"currentDate()\"\n\t\t\t\t(dateChange)=\"currentDateChangeFromCalendar($event)\"\n\t\t\t\t[(tabbableDate)]=\"tabbableDate\"\n\t\t\t\t[getCellInfo]=\"combinedGetCellInfo\"\n\t\t\t\t[ranges]=\"ranges()\"\n\t\t\t\t(dateClicked)=\"dateClicked($event, popoverRef)\"\n\t\t\t\t(nextPage)=\"move(1, calendarMode())\"\n\t\t\t\t(previousPage)=\"move(-1, calendarMode())\"\n\t\t\t\t[(displayMode)]=\"calendarMode\"\n\t\t\t\t[mode]=\"mode()\"\n\t\t\t\t[hideWeekend]=\"hideWeekend()\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</ng-template>\n\n<ng-container *luPresentationDisplay>{{ displayValue() }}</ng-container>\n", styles: ["@charset \"UTF-8\";@layer components{.calendarWrapper{--components-calendarWrapperWidth: 17.25rem;--components-calendarWrapperBackground: transparent;--components-calendarWrapper-navigationBackground: var(--palettes-neutral-0)}}@layer mods{.calendarWrapper.mod-daysOffHidden .calendar-table-body-row-cell-action-stripes{--components-calendar-table-body-row-cell-action-stripesDisplay: none}.calendarWrapper.mod-daysOverflowingHidden .calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionDisplay: none}}@layer components{.calendar{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-neutral-200);--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionFontWeight: 400;--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text);--components-calendar-table-body-row-cell-actionOutlineWidth: 2px;--components-calendar-table-body-row-cell-actionOutlineOffset: -1px;--components-calendar-table-body-row-cell-actionCursor: pointer;--components-calendar-table-body-row-cell-actionTextDecoration: none;--components-calendar-table-body-row-cellSelectedBeforeContent: none;--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0;--components-calendar-table-body-row-cell-actionDisplay: block;--components-calendar-table-body-row-cell-action-stripesDisplay: block;--components-calendarBackground: var(--components-calendarWrapperBackground, var(--palettes-neutral-0));--components-calendarWidth: var(--components-calendarWrapperWidth, 17.25rem);--components-calendarBorderSpacing: 0;inline-size:var(--components-calendarWidth)}.calendarShortcutsOptional{display:flex}.calendarShortcuts{margin:0;padding:0;list-style-type:none;inline-size:13.5rem;border-inline-end:1px solid var(--palettes-neutral-100);padding:var(--pr-t-spacings-50);overflow:auto;position:relative;z-index:1;border-radius:var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendarShortcuts:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarShortcuts.mod-day{max-block-size:19.25rem}.calendarShortcuts.mod-day:has(+.calendarWrapper .calendar-todayLink){max-block-size:21.75rem}.calendarShortcuts.mod-month,.calendarShortcuts.mod-year{max-block-size:18rem}.calendarShortcutsButton-item-button.button{--components-button-width: 100%;--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarShortcutsButton-item-button.button:hover,.calendarShortcutsButton-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarShortcutsButton-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarShortcutsButton-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarShortcutsButton-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.calendarShortcutsButton-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.calendarShortcutsButton-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button{justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-regular);white-space:wrap;text-align:start}.calendar-table{border-spacing:var(--components-calendarBorderSpacing);border:var(--pr-t-spacings-150) solid transparent;border-block-start:0;table-layout:fixed;background-color:var(--components-calendarBackground);scroll-snap-align:start end;flex-shrink:0;flex-grow:0;inline-size:100%;empty-cells:hide}.calendarWrapper{background-color:var(--components-calendarWrapperBackground);position:relative}.calendarWrapper:has(.calendar-table-body-row-cell-action:focus-visible):has(.calendar-table-body-row-cell-action:hover) .calendar-table-body-row-cell-action:hover:not(:focus-visible){outline:none}.calendarWrapper-content{display:flex;overflow:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.calendarWrapper-content::-webkit-scrollbar{display:none}.calendarWrapper-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarWrapper-navigation{position:absolute;inset-block-start:0;background-color:var(--components-calendarWrapper-navigationBackground);border-width:var(--pr-t-spacings-150);border-style:solid;border-color:var(--components-calendarWrapper-navigationBackground);border-radius:var(--pr-t-border-radius-default)}.calendarWrapper-navigation-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarWrapper-navigation-button.button:hover,.calendarWrapper-navigation-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarWrapper-navigation-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarWrapper-navigation-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarWrapper-navigation-button.button{--components-button-padding: var(--pr-t-spacings-50)}.calendar-stripes{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.calendar-divider.divider{margin:0}.calendar-todayLink.link{text-transform:capitalize;display:block;margin:auto;padding:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);--components-link-textDecoration: none;--components-link-text-textDecoration: none}.calendar-todayLink.link:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:8px}.calendar-stripes-symbol-path{fill:var(--components-calendar-table-body-row-cell-action-stripesColor)}.calendar-name{font:var(--pr-t-font-heading-3);padding-block:var(--pr-t-spacings-50);padding-inline:calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-100));border:var(--pr-t-spacings-150) solid transparent;border-block-end:var(--pr-t-spacings-100) solid transparent;text-transform:lowercase;background-color:var(--components-calendarBackground);text-align:center}.calendar-name-button{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);text-align:inherit;inline-size:fit-content;display:inline-block;padding:var(--pr-t-spacings-50);margin-block:calc(var(--pr-t-spacings-50) * -1)}.calendar-name-button:hover{color:var(--palettes-700, var(--palettes-product-700))}.calendar-name-button:active{color:var(--palettes-800, var(--palettes-product-800))}.calendar-name-button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.calendar-name-button+.calendar-name-button{margin-inline-start:calc(var(--pr-t-spacings-100) * -1)}.calendar-table-head-row-cell,.calendar-table-body-row-cell{padding:var(--pr-t-spacings-25);block-size:var(--pr-t-spacings-400);box-sizing:content-box}.calendar-table-head-row-cell{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);text-transform:uppercase;border-block-end:var(--pr-t-spacings-50) solid transparent}.calendar-table-body-row-cell{position:relative;color:var(--palettes-neutral-700)}.calendar-table-body-row-cell:before{background-color:var(--palettes-50, var(--palettes-product-50));position:absolute;inset:var(--pr-t-spacings-25) 0;content:var(--components-calendar-table-body-row-cellSelectedBeforeContent);border-radius:var(--components-calendar-table-body-row-cellSelectedBeforeBorderRadius)}.calendar-table-body-row-cell-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);position:relative;z-index:1;text-align:center;overflow:hidden;font-weight:var(--components-calendar-table-body-row-cell-actionFontWeight);color:var(--components-calendar-table-body-row-cell-actionColor);background-color:var(--components-calendar-table-body-row-cell-actionHighlight);display:var(--components-calendar-table-body-row-cell-actionDisplay);block-size:100%;text-transform:lowercase;cursor:var(--components-calendar-table-body-row-cell-actionCursor);text-decoration:var(--components-calendar-table-body-row-cell-actionTextDecoration);box-shadow:0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight),0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight) inset}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):hover{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{outline:2px solid var(--palettes-800, var(--palettes-product-800));background-color:var(--palettes-800, var(--palettes-product-800));color:var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action-stripes{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:60px;block-size:60px;z-index:-1;display:var(--components-calendar-table-body-row-cell-action-stripesDisplay)}}@layer mods{.calendar:has(.calendar-table-body-row-cell:nth-child(3):last-child){--components-calendarBorderSpacing: 0 var(--pr-t-spacings-200)}}@layer components{@media not all and (min-width:50em){.calendarShortcuts{display:none}}}@layer mods{.calendar-table-body-row-cell.is-daysOff .calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-product-900)}.calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text-subtle)}.calendar-table-body-row-cell.is-current .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionFontWeight: 600;--components-calendar-table-body-row-cell-actionColor: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-selected:not(.is-overflow):before,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow):before{--components-calendar-table-body-row-cellSelectedBeforeContent: \"\"}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:hover,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:focus-visible,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-singleDayInProgress.is-selected .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-singleDayInProgress.is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-singleDayInProgress:before,.calendar-table-body-row-cell.is-start:before{inset-inline-start:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-end.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-end.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-end:before{inset-inline-end:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):before{inset-inline-end:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress:before{--components-calendar-table-body-row-cellSelectedBeforeContent: none}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):before{inset-inline-start:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell .calendar-table-body-row-cell-action:disabled,.calendar-table-body-row-cell .calendar-table-body-row-cell-action[aria-disabled=true]{--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-500);--components-calendar-table-body-row-cell-actionTextDecoration: line-through;--components-calendar-table-body-row-cell-actionCursor: default}}@layer components{.dateField{--components-dateField-maxWidth: auto;--components-dateField-maxWidthDay: 10rem;--components-dateField-maxWidthMonth: var(--components-dateField-maxWidthDay);--components-dateField-maxWidthYear: var(--components-dateField-maxWidthDay);--components-dateField-maxWidthDayS: 9rem;--components-dateField-maxWidthMonthS: var(--components-dateField-maxWidthDayS);--components-dateField-maxWidthYearS: var(--components-dateField-maxWidthDayS);max-inline-size:var(--components-dateField-maxWidth);display:block}}@layer mods{.dateField.mod-filterPill{--components-dateField-maxWidth: none}.dateField.mod-filterPill .textField-input-affix-clear,.dateField.mod-filterPill .textField-input-affix-toggle{display:none}.dateField.mod-filterPill .dateField-textField.textField{position:relative;z-index:1;margin-block-start:var(--pr-t-spacings-50);margin-inline:var(--pr-t-spacings-50)}.dateField.mod-filterPill .calendarWrapper{margin-inline:calc(var(--pr-t-spacings-100) * -1);margin-block-end:calc(var(--pr-t-spacings-100) * -1)}.dateField:not(.mod-auto,.mod-filterPill).mod-day{--components-dateField-maxWidth: var(--components-dateField-maxWidthDay)}.form-field.mod-S .dateField:not(.mod-auto,.mod-filterPill).mod-day{--components-dateField-maxWidth: var(--components-dateField-maxWidthDayS)}.dateField:not(.mod-auto,.mod-filterPill).mod-month{--components-dateField-maxWidth: var(--components-dateField-maxWidthMonth)}.form-field.mod-S .dateField:not(.mod-auto,.mod-filterPill).mod-month{--components-dateField-maxWidth: var(--components-dateField-maxWidthMonthS)}.dateField:not(.mod-auto,.mod-filterPill).mod-year{--components-dateField-maxWidth: var(--components-dateField-maxWidthYear)}.form-field.mod-S .dateField:not(.mod-auto,.mod-filterPill).mod-year{--components-dateField-maxWidth: var(--components-dateField-maxWidthYearS)}}@layer components{.button{--components-button-font: var(--pr-t-font-body-M);--components-button-borderRadius: var(--pr-t-border-radius-default);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-paddingBlockStart: var(--components-button-paddingBlock);--components-button-paddingBlockEnd: var(--components-button-paddingBlock);--components-button-paddingInlineStart: var(--components-button-paddingInline);--components-button-paddingInlineEnd: var(--components-button-paddingInline);--components-button-padding: var(--components-button-paddingBlockStart) var(--components-button-paddingInlineEnd) var(--components-button-paddingBlockEnd) var(--components-button-paddingInlineStart);--components-button-gap: var(--pr-t-spacings-100);--components-button-opacity: 1;--components-button-cursor: pointer;--components-button-pointerEvents: auto;--components-button-width: auto;--components-button-minWidth: none;--components-button-userSelect: auto;--components-button-boxShadow: var(--pr-t-elevation-shadow-button);--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--components-button-arrow-transform: none;--components-button-AI-background-opacity: 25%;--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight);--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--components-button-borderRadius);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);inline-size:var(--components-button-width);min-inline-size:var(--components-button-minWidth);font:var(--components-button-font);font-size:var(--components-button-font-size);line-height:var(--components-button-line-height);font-weight:var(--pr-t-font-fontWeight-semibold);gap:var(--components-button-gap);pointer-events:var(--components-button-pointerEvents);-webkit-user-select:var(--components-button-userSelect);user-select:var(--components-button-userSelect);opacity:var(--components-button-opacity);cursor:var(--components-button-cursor);transition-timing-function:ease;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;text-wrap:balance;text-align:center;border:0}.button,.button:is(a){color:var(--components-button-color)}.button .lucca-icon{display:block}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined,.mod-outline) .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.button:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:var(--components-button-borderRadius)}.button:active{--components-button-backgroundColor: var(--palettes-900, var(--palettes-product-900))}.button:disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button:disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer mods{.button.mod-AI:not(.invert){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-AI:not(.invert):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-AI:not(.invert):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-AI:not(.invert):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.button.mod-AI:not(.invert):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-AI:not(.invert):not(:disabled):before{content:\"\";pointer-events:none;position:absolute;inset:calc(var(--commons-divider-width) * -1);padding:var(--commons-divider-width);background-image:conic-gradient(from 135deg,var(--palettes-brand-400),var(--palettes-AI-500),var(--palettes-brand-400));border-radius:calc(var(--pr-t-border-radius-default) + var(--commons-divider-width));-webkit-mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));mask:linear-gradient(var(--palettes-neutral-0)) content-box,linear-gradient(var(--palettes-neutral-0));-webkit-mask-composite:xor;mask-composite:exclude}.button.mod-AI:not(.invert):not(:disabled):not(.mod-invert) .lucca-icon{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).mod-invert{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-neutral-0);background-image:linear-gradient(225deg,color-mix(in srgb,var(--palettes-AI-500) var(--components-button-AI-background-opacity),transparent),color-mix(in srgb,var(--palettes-brand-400) var(--components-button-AI-background-opacity),transparent))}.button.mod-AI:not(.invert).mod-invert:hover,.button.mod-AI:not(.invert).mod-invert:focus-visible{--components-button-AI-background-opacity: 15%;--components-button-color: var(--palettes-neutral-0)}.button.mod-AI:not(.invert).mod-invert:active{--components-button-AI-background-opacity: 5%}.button.mod-AI:not(.invert).is-success .lucca-icon{background-image:none}.button.mod-AI:not(.invert).is-success:before{content:none}.button.mod-AI:not(.invert).is-success:after{background-image:linear-gradient(135deg,var(--palettes-AI-600),var(--palettes-brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.button.mod-AI:not(.invert).is-loading{--components-button-color: transparent;--components-button-backgroundColor: var(--palettes-neutral-0);--commons-loading-frontground: var(--palettes-neutral-300);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.mod-AI:not(.invert).is-loading .lucca-icon{background-image:none!important}.button.mod-AI:not(.invert).is-loading:before{content:none}.button.mod-block{--components-button-width: 100%}.button.mod-S{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.button.mod-S{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.button.mod-S:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.button.mod-XS{--icon-size: 1rem;--components-button-font: var(--pr-t-font-body-XS);--components-button-paddingBlock: var(--pr-t-spacings-50);--components-button-paddingInline: var(--pr-t-spacings-75);--components-button-gap: var(--pr-t-spacings-50);--components-button-borderRadius: var(--pr-t-border-radius-small)}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.button.mod-XS{--components-button-font-size: var(--pr-t-font-body-XS-fontSize);--components-button-line-height: var(--pr-t-font-body-XS-lineHeight)}.button.mod-XS:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.button.mod-disclosure{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-disclosure .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:var(--components-button-arrow-transform)}.button.mod-disclosure[aria-expanded=true]{--components-button-arrow-transform: rotate(180deg)}.button.mod-outline:where(:not(.is-success,.is-error)),.button.mod-outlined:where(:not(.is-success,.is-error)){--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-neutral-200)}.button.mod-outline:where(:not(.is-success,.is-error)):hover,.button.mod-outlined:where(:not(.is-success,.is-error)):hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-300, var(--palettes-neutral-300));--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-outline:where(:not(.is-success,.is-error)):active,.button.mod-outlined:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-outline:where(:not(.is-success,.is-error)):focus-visible,.button.mod-outlined:where(:not(.is-success,.is-error)):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.button.mod-outline:where(:not(.is-success,.is-error)):disabled,.button.mod-outlined:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 1px var(--palettes-neutral-100);--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-link:where(:not(.is-success,.is-error)),.button.mod-text:where(:not(.is-success,.is-error)),.button.mod-ghost:where(:not(.is-success,.is-error)){--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.button.mod-link:where(:not(.is-success,.is-error)):hover,.button.mod-link:where(:not(.is-success,.is-error)):focus-visible,.button.mod-text:where(:not(.is-success,.is-error)):hover,.button.mod-text:where(:not(.is-success,.is-error)):focus-visible,.button.mod-ghost:where(:not(.is-success,.is-error)):hover,.button.mod-ghost:where(:not(.is-success,.is-error)):focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.button.mod-link:where(:not(.is-success,.is-error)):active,.button.mod-text:where(:not(.is-success,.is-error)):active,.button.mod-ghost:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-link:where(:not(.is-success,.is-error)):disabled,.button.mod-text:where(:not(.is-success,.is-error)):disabled,.button.mod-ghost:where(:not(.is-success,.is-error)):disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.button.mod-withIcon.mod-iconOnLeft{--components-button-paddingInlineStart: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnLeft.mod-S{--components-button-paddingInlineStart: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnLeft.mod-XS{--components-button-paddingInlineStart: var(--pr-t-spacings-50)}.button.mod-withIcon.mod-iconOnRight{--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button.mod-withIcon.mod-iconOnRight.mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button.mod-withIcon.mod-iconOnRight.mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-onlyIcon{--components-button-padding: var(--pr-t-spacings-100)}.button.mod-onlyIcon.mod-S{--components-button-padding: var(--pr-t-spacings-75)}.button.mod-onlyIcon.mod-XS{--components-button-padding: var(--pr-t-spacings-50)}.button:has(.numericBadge){--components-button-paddingInlineEnd: var(--pr-t-spacings-100)}.button:has(.numericBadge).mod-S{--components-button-paddingInlineEnd: var(--pr-t-spacings-75)}.button:has(.numericBadge).mod-XS{--components-button-paddingInlineEnd: var(--pr-t-spacings-50)}.button.mod-delete:hover,.button.mod-critical:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete:active,.button.mod-critical:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-delete.mod-link:hover,.button.mod-delete.mod-link:focus-visible,.button.mod-delete.mod-text:hover,.button.mod-delete.mod-text:focus-visible,.button.mod-critical.mod-link:hover,.button.mod-critical.mod-link:focus-visible,.button.mod-critical.mod-text:hover,.button.mod-critical.mod-text:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete.mod-link:active,.button.mod-delete.mod-text:active,.button.mod-critical.mod-link:active,.button.mod-critical.mod-text:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-delete.mod-outline:hover,.button.mod-delete.mod-outlined:hover,.button.mod-critical.mod-outline:hover,.button.mod-critical.mod-outlined:hover{--components-button-boxShadow: var(--pr-t-elevation-shadow-button), 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-delete.mod-outline:focus-visible,.button.mod-delete.mod-outlined:focus-visible,.button.mod-critical.mod-outline:focus-visible,.button.mod-critical.mod-outlined:focus-visible{--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400);--components-button-color: var(--palettes-error-700)}.button.mod-delete.mod-outline:active,.button.mod-delete.mod-outlined:active,.button.mod-critical.mod-outline:active,.button.mod-critical.mod-outlined:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-invert,.button.mod-inverted{--components-button-color: var(--palettes-neutral-0)}.button.mod-invert:hover,.button.mod-invert:focus-visible,.button.mod-inverted:hover,.button.mod-inverted:focus-visible{--components-button-color: var(--palettes-neutral-0);--components-button-backgroundColor: var(--palettes-neutral-900)}.button.mod-invert:active,.button.mod-inverted:active{--components-button-backgroundColor: var(--palettes-neutral-700)}.button.mod-more{--components-button-minWidth: 2rem;--components-button-padding: 0}.button.mod-more:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;block-size:0;order:-1;vertical-align:text-top}.button.mod-more.mod-S{--components-button-minWidth: 1.75rem}.button.mod-more.mod-XS{--components-button-minWidth: 1.5rem}.button.loading,.button.is-loading{--components-button-pointerEvents: none;--components-button-color: transparent;--components-button-userSelect: none;--components-button-boxShadow: none;--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--commons-loading-frontground: var(--palettes-50, var(--palettes-product-50))}.button.loading:after,.button.is-loading:after{content:\"\";inline-size:var(--pr-t-font-body-M-lineHeight);block-size:var(--pr-t-font-body-M-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}.button.loading .numericBadge,.button.is-loading .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.loading.mod-S:after,.button.is-loading.mod-S:after{content:\"\";inline-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}.button.loading.mod-XS:after,.button.is-loading.mod-XS:after{content:\"\";inline-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight);border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.loading.mod-XS,.button.is-loading.mod-XS{--commons-loading-borderWidth: 2px}.button.loading.mod-outlined,.button.is-loading.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--commons-loading-frontground: var(--palettes-neutral-300);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.loading.mod-ghost,.button.is-loading.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--commons-loading-frontground: var(--palettes-neutral-400)}.button.error,.button.is-error{animation-name:shake;animation-iteration-count:1;animation-duration:var(--commons-animations-durations-standard)}@keyframes shake{0%,to{transform:translateZ(0)}20%,60%{transform:translate3d(-3px,0,0)}40%,80%{transform:translate3d(3px,0,0)}}.button.success,.button.is-success{--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.success:after,.button.is-success:after{--icon-content: \"\\e97d\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-0);font-size:calc(1.5 * var(--pr-t-font-body-M-fontSize));block-size:var(--pr-t-font-body-M-lineHeight);inset:0;margin:auto;position:absolute}.button.success .numericBadge,.button.is-success .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.success.mod-AI,.button.success.mod-outlined,.button.is-success.mod-AI,.button.is-success.mod-outlined{--components-button-backgroundColor: var(--palettes-neutral-0);--components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-neutral-100)}.button.success.mod-AI:after,.button.success.mod-outlined:after,.button.is-success.mod-AI:after,.button.is-success.mod-outlined:after{color:var(--palettes-700, var(--palettes-product-700))}.button.success.mod-ghost,.button.is-success.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--components-button-boxShadow: none}.button.success.mod-ghost:after,.button.is-success.mod-ghost:after{color:var(--palettes-700, var(--palettes-product-700))}.button.disabled,.button.is-disabled,.button[aria-disabled=true]{--components-button-cursor: default;--components-button-color: var(--pr-t-color-text-disabled);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.button.disabled .numericBadge,.button.is-disabled .numericBadge,.button[aria-disabled=true] .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}}@layer components{.clear{--components-clear-display: grid;--components-clear-size: 1rem;--components-clear-background: var(--palettes-800, var(--palettes-neutral-800));--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:var(--components-clear-display);grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;inline-size:var(--components-clear-size);block-size:var(--components-clear-size);border-radius:var(--pr-t-border-radius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--pr-t-border-radius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background: var(--palettes-700, var(--palettes-neutral-700))}.clear:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-900, var(--palettes-neutral-900))}.clear .lucca-icon{display:none}}@layer mods{.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.mod-inverted{--components-clear-cross-color: var(--palettes-800, var(--palettes-neutral-800));--components-clear-background: var(--palettes-0, var(--palettes-neutral-0))}.clear.mod-inverted:hover{--components-clear-background: var(--palettes-50, var(--palettes-neutral-50))}.clear.mod-inverted:active{--components-clear-background: var(--palettes-100, var(--palettes-neutral-100))}.clear[disabled]{cursor:default;--components-clear-cross-color: var(--palettes-neutral-500)}.clear[disabled],.clear[disabled]:hover,.clear[disabled]:active{--components-clear-background: var(--palettes-neutral-300)}.clear[hidden],.filterPill[disabled] .clear,.filterPill:not(.is-filled) .clear,.textfield-input[disabled] .clear,.textfield-input:not(.is-filled) .clear{--components-clear-display: none}.multiSelect.is-selected:has(.multipleSelect-clear) .clear{--components-clear-display: grid}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disableOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableOverflow", required: false }] }], hideOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideOverflow", required: false }] }], widthAuto: [{ type: i0.Input, args: [{ isSignal: true, alias: "widthAuto", required: false }] }], calendar: [{ type: i0.ViewChild, args: [i0.forwardRef(() => Calendar2Component), { isSignal: true }] }], inputRef: [{ type: i0.ViewChild, args: ['date', { isSignal: true }] }], previousButton: [{ type: i0.ViewChild, args: ['previousButtonRef', { isSignal: true }] }], nextButton: [{ type: i0.ViewChild, args: ['nextButtonRef', { isSignal: true }] }] } });
 
 const PremadeShortcuts = {
     SinceStartOfWeek: (locale) => {
@@ -1254,7 +1244,7 @@ class DateRangeInputComponent extends AbstractDateComponent {
     #defaultClearable;
     #defaultFilterPillClearable;
     get isNavigationButtonFocused() {
-        return [this.previousButton()?.nativeElement, this.nextButton()?.nativeElement].includes(document.activeElement);
+        return [this.previousButton()?.nativeElement, this.nextButton()?.nativeElement].includes(document.activeElement ?? undefined);
     }
     constructor() {
         super();
@@ -1331,8 +1321,9 @@ class DateRangeInputComponent extends AbstractDateComponent {
             if (inputValue !== 'ɵ') {
                 return inputValue;
             }
-            if (this.selectedRange()?.start && this.isValidDate(this.selectedRange()?.start)) {
-                return this.getDateLabelForInput(this.selectedRange()?.start);
+            const range = this.selectedRange();
+            if (range?.start && this.isValidDate(range.start)) {
+                return this.getDateLabelForInput(range.start);
             }
             return '';
         }, ...(ngDevMode ? [{ debugName: "startLabel" }] : /* istanbul ignore next */ []));
@@ -1341,8 +1332,9 @@ class DateRangeInputComponent extends AbstractDateComponent {
             if (inputValue !== 'ɵ') {
                 return inputValue;
             }
-            if (this.selectedRange()?.end && this.isValidDate(this.selectedRange()?.end)) {
-                return this.getDateLabelForInput(this.selectedRange()?.end);
+            const range = this.selectedRange();
+            if (range?.end && this.isValidDate(range.end)) {
+                return this.getDateLabelForInput(range.end);
             }
             return '';
         }, ...(ngDevMode ? [{ debugName: "endLabel" }] : /* istanbul ignore next */ []));
@@ -1438,14 +1430,15 @@ class DateRangeInputComponent extends AbstractDateComponent {
         this.fixOrderIfNeeded();
     }
     fixOrderIfNeeded() {
-        if (this.selectedRange() && isAfter(this.selectedRange()?.start, this.selectedRange()?.end)) {
-            const range = this.selectedRange();
-            this.selectedRange.set({
+        const range = this.selectedRange();
+        if (range && range.end && isAfter(range.start, range.end)) {
+            const swappedRange = {
                 ...range,
                 end: range.start,
                 start: range.end,
-            });
-            this.#onChange?.(this.selectedRange());
+            };
+            this.selectedRange.set(swappedRange);
+            this.#onChange?.(swappedRange);
         }
     }
     tabbableDateChange(date, calendarIndex) {
@@ -1463,18 +1456,21 @@ class DateRangeInputComponent extends AbstractDateComponent {
         // Once popover is opened, aka in the next CD cycle, focus current tabbable date
         setTimeout(() => {
             this.focusedCalendarIndex.set(0);
-            if (propertyToFocus && this.selectedRange()?.[propertyToFocus]) {
+            const selectedRange = this.selectedRange();
+            if (propertyToFocus && selectedRange && selectedRange[propertyToFocus]) {
                 // Specific case: if range is on a single month, focus on it on left calendar
                 // Same goes for focus on start date, we want it on left panel
-                if (propertyToFocus === 'start' || compareCalendarPeriods(this.mode(), this.selectedRange()?.start, this.selectedRange()?.end)) {
-                    this.currentDate.set(this.selectedRange()?.[propertyToFocus]);
-                    this.tabbableDate.set(this.selectedRange()?.[propertyToFocus]);
+                if (propertyToFocus === 'start' || (selectedRange.end && compareCalendarPeriods(this.mode(), selectedRange.start, selectedRange.end))) {
+                    this.currentDate.set(selectedRange[propertyToFocus]);
+                    this.tabbableDate.set(selectedRange[propertyToFocus]);
                 }
                 else {
                     // Compute the date to use for proper focus on left panel, minus one calendar on focus date basically
-                    const leftPanelFocus = this.selectedRange()?.end;
-                    this.currentDate.set(leftPanelFocus);
-                    this.tabbableDate.set(leftPanelFocus);
+                    const leftPanelFocus = selectedRange.end;
+                    if (leftPanelFocus) {
+                        this.currentDate.set(leftPanelFocus);
+                        this.tabbableDate.set(leftPanelFocus);
+                    }
                 }
             }
             if (focusTabbableDate) {
@@ -1483,11 +1479,14 @@ class DateRangeInputComponent extends AbstractDateComponent {
         });
     }
     dateClicked(date, popoverRef) {
-        if (this.selectedRange() === null) {
-            this.selectedRange.set({
+        const selectedRange = this.selectedRange();
+        let newRange;
+        if (selectedRange === null) {
+            newRange = {
                 start: date,
                 scope: this.mode(),
-            });
+            };
+            this.selectedRange.set(newRange);
             this.editedField.set(1);
             this.highlightedField.set(1);
         }
@@ -1495,20 +1494,21 @@ class DateRangeInputComponent extends AbstractDateComponent {
             // If we're editing end field
             if (this.editedField() === 1) {
                 // If end is before start, invert them
-                if (isBefore(date, this.selectedRange()?.start)) {
-                    this.selectedRange.set({
+                if (isBefore(date, selectedRange.start)) {
+                    newRange = {
                         start: date,
                         scope: this.mode(),
-                        end: this.selectedRange().start,
-                    });
+                        end: selectedRange.start,
+                    };
                 }
                 else {
-                    this.selectedRange.set({
-                        ...this.selectedRange(),
+                    newRange = {
+                        ...selectedRange,
                         scope: this.mode(),
                         end: date,
-                    });
+                    };
                 }
+                this.selectedRange.set(newRange);
                 popoverRef?.close();
                 this.filterPillPopoverCloseFn?.();
                 this.endTextInputRef()?.nativeElement.focus();
@@ -1518,25 +1518,26 @@ class DateRangeInputComponent extends AbstractDateComponent {
             else {
                 // Else, we're editing start field
                 // If start is after end, invert them
-                if (isAfter(date, this.selectedRange()?.end)) {
-                    this.selectedRange.set({
+                if (selectedRange.end && isAfter(date, selectedRange.end)) {
+                    newRange = {
                         start: date,
                         scope: this.mode(),
-                    });
+                    };
                 }
                 else {
-                    this.selectedRange.set({
-                        ...this.selectedRange(),
+                    newRange = {
+                        ...selectedRange,
                         start: date,
                         scope: this.mode(),
-                    });
+                    };
                 }
+                this.selectedRange.set(newRange);
                 this.editedField.set(1);
                 this.highlightedField.set(1);
                 this.dateHovered.set(null);
             }
         }
-        this.#onChange?.(this.selectedRange());
+        this.#onChange?.(newRange);
     }
     arrowDown(popoverRef, fieldToFocus) {
         this.openPopover(popoverRef, fieldToFocus, true);
@@ -1562,9 +1563,9 @@ class DateRangeInputComponent extends AbstractDateComponent {
         }
         const _dateRange = transformDateRangeInputToDateRange(dateRange);
         if (isNil(this.initialValue())) {
-            this.selectedRange.set(this.clearBehavior() === 'reset' ? this.initialValue() : _dateRange);
+            this.selectedRange.set(this.clearBehavior() === 'reset' ? (this.initialValue() ?? null) : _dateRange);
         }
-        if (dateRange != null) {
+        if (isNotNil(dateRange)) {
             this.selectedRange.set(_dateRange);
             this.currentDate.set(startOfDay(dateRange.start));
         }
@@ -1576,10 +1577,10 @@ class DateRangeInputComponent extends AbstractDateComponent {
     }
     setDisabledState(isDisabled) {
         this.filterPillDisabled.set(isDisabled);
-        super.setDisabledState(isDisabled);
+        super.setDisabledState?.(isDisabled);
     }
     clear() {
-        const newValue = this.clearBehavior() === 'reset' ? this.initialValue() : null;
+        const newValue = this.clearBehavior() === 'reset' ? (this.initialValue() ?? null) : null;
         this.selectedRange.set(newValue);
         this.#onChange?.(this.selectedRange());
         this.onTouched?.();
@@ -1665,8 +1666,8 @@ class DateRangeInputComponent extends AbstractDateComponent {
         }
         this.#onChange?.(this.selectedRange());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DateRangeInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: DateRangeInputComponent, isStandalone: true, selector: "lu-date-range-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, widthAuto: { classPropertyName: "widthAuto", publicName: "widthAuto", isSignal: true, isRequired: false, transformFunction: null }, shortcuts: { classPropertyName: "shortcuts", publicName: "shortcuts", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-filterPill": "this.isFilterPill", "class.mod-auto": "this.isWidthAuto" }, classAttribute: "dateRangeField" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DateRangeInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: DateRangeInputComponent, isStandalone: true, selector: "lu-date-range-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, widthAuto: { classPropertyName: "widthAuto", publicName: "widthAuto", isSignal: true, isRequired: false, transformFunction: null }, shortcuts: { classPropertyName: "shortcuts", publicName: "shortcuts", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-filterPill": "isFilterPill", "class.mod-auto": "isWidthAuto" }, classAttribute: "dateRangeField" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DateRangeInputComponent),
@@ -1682,9 +1683,9 @@ class DateRangeInputComponent extends AbstractDateComponent {
                 useExisting: forwardRef(() => DateRangeInputComponent),
             },
             LuClass,
-        ], viewQueries: [{ propertyName: "startTextInputRef", first: true, predicate: ["start"], descendants: true, isSignal: true }, { propertyName: "endTextInputRef", first: true, predicate: ["end"], descendants: true, isSignal: true }, { propertyName: "calendars", predicate: Calendar2Component, descendants: true, isSignal: true }, { propertyName: "previousButton", first: true, predicate: ["previousButtonRef"], descendants: true, isSignal: true }, { propertyName: "nextButton", first: true, predicate: ["nextButtonRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<fieldset class=\"dateRangeField-fieldset\">\n\t<legend>\n\t\t<span class=\"pr-u-mask\">\n\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t</span>\n\t</legend>\n\t<div class=\"dateRangeField-fieldset-textField textField\" #popoverAnchor>\n\t\t<div class=\"textField-input\">\n\t\t\t<div class=\"dateRangeField-fieldset-content mod-start\" [class.is-highlighted]=\"highlightedField() === 0\">\n\t\t\t\t<label for=\"range-input-start-{{ idSuffix }}\" class=\"pr-u-mask\">Start</label>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t#start\n\t\t\t\t\tid=\"range-input-start-{{ idSuffix }}\"\n\t\t\t\t\tattr.aria-describedby=\"range-input-start-{{ idSuffix }}-message\"\n\t\t\t\t\tluInput\n\t\t\t\t\tluInputStandalone\n\t\t\t\t\tclass=\"textField-input-value dateRangeField-fieldset-input-value\"\n\t\t\t\t\t[ngModel]=\"startLabel()\"\n\t\t\t\t\t(input)=\"textInputChange(start.value, 'start')\"\n\t\t\t\t\t(blur)=\"inputBlur()\"\n\t\t\t\t\t(focus)=\"inputFocused.set(true); editedField.set(0); highlightedField.set(0)\"\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t(click)=\"editedField.set(0); openPopover(popoverRef, 'start')\"\n\t\t\t\t\t(keydown.arrowDown)=\"arrowDown(popoverRef, 'start')\"\n\t\t\t\t\t(keydown.escape)=\"popoverRef.close()\"\n\t\t\t\t\t[disabled]=\"disabled()\"\n\t\t\t\t\t[attr.placeholder]=\"dateFormatLocalized()\"\n\t\t\t\t\t[attr.autocomplete]=\"autocomplete()\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div class=\"dateRangeField-fieldset-content mod-end\" [class.is-highlighted]=\"highlightedField() === 1\">\n\t\t\t\t<label for=\"range-input-end-{{ idSuffix }}\" class=\"pr-u-mask\">End</label>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t#end\n\t\t\t\t\tid=\"range-input-end-{{ idSuffix }}\"\n\t\t\t\t\tattr.aria-describedby=\"range-input-end-{{ idSuffix }}-message\"\n\t\t\t\t\tluInput\n\t\t\t\t\tluInputStandalone\n\t\t\t\t\tclass=\"textField-input-value dateRangeField-fieldset-input-value\"\n\t\t\t\t\t[ngModel]=\"endLabel()\"\n\t\t\t\t\t(input)=\"textInputChange(end.value, 'end')\"\n\t\t\t\t\t(blur)=\"inputBlur()\"\n\t\t\t\t\t(focus)=\"inputFocused.set(true); editedField.set(1); highlightedField.set(1)\"\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t(click)=\"editedField.set(1); openPopover(popoverRef, 'end')\"\n\t\t\t\t\t(keydown.arrowDown)=\"arrowDown(popoverRef, 'end')\"\n\t\t\t\t\t(keydown.escape)=\"popoverRef.close()\"\n\t\t\t\t\t[disabled]=\"disabled()\"\n\t\t\t\t\t[attr.placeholder]=\"dateFormatLocalized()\"\n\t\t\t\t\t[attr.autocomplete]=\"autocomplete()\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<lu-icon [icon]=\"'arrowRight'\" [alt]=\"''\" class=\"dateRangeField-fieldset-arrow\" />\n\t\t\t<div class=\"textField-input-affix\">\n\t\t\t\t@if (!isFilterPill) {\n\t\t\t\t\t@if (clearable() && (start.value !== \"\" || end.value !== \"\")) {\n\t\t\t\t\t\t<lu-clear class=\"textField-input-affix-clear\" (onClear)=\"clear(); start.focus()\">{{ intl().clear }}</lu-clear>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t<button\n\t\t\t\t\t[luPopover2]=\"calendar\"\n\t\t\t\t\t[disabled]=\"disabled()\"\n\t\t\t\t\t[luPopoverNoCloseButton]=\"true\"\n\t\t\t\t\t[luPopoverAnchor]=\"popoverAnchor\"\n\t\t\t\t\t#popoverRef=\"luPopover2\"\n\t\t\t\t\t[customPositions]=\"popoverPositions\"\n\t\t\t\t\t(luPopoverClosed)=\"popoverClosed()\"\n\t\t\t\t\t(luPopoverOpened)=\"panelOpened.emit()\"\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"button mod-onlyIcon mod-ghost textField-input-affix-toggle\"\n\t\t\t\t\t(click)=\"editedField.set(0)\"\n\t\t\t\t>\n\t\t\t\t\t<lu-icon [icon]=\"'calendarPlanning'\" [alt]=\"intl().pickDate\" />\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</fieldset>\n\n<ng-template #calendar>\n\t<div class=\"calendarShortcutsOptional\">\n\t\t@if (shortcuts()?.length > 0) {\n\t\t\t<ul\n\t\t\t\tclass=\"calendarShortcuts\"\n\t\t\t\t[class.mod-day]=\"mode() === 'day'\"\n\t\t\t\t[class.mod-month]=\"mode() === 'month'\"\n\t\t\t\t[class.mod-year]=\"mode() === 'year'\"\n\t\t\t>\n\t\t\t\t@for (shortcut of shortcuts(); track $index) {\n\t\t\t\t\t<li class=\"calendarShortcutsButton-item\">\n\t\t\t\t\t\t<button type=\"button\" class=\"calendarShortcutsButton-item-button button\" (click)=\"selectShortcut(shortcut, popoverRef)\">\n\t\t\t\t\t\t\t{{ shortcut.label }}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</li>\n\t\t\t\t}\n\t\t\t</ul>\n\t\t}\n\t\t<div class=\"calendarWrapper\">\n\t\t\t<div class=\"calendarWrapper-navigation pr-u-left0\">\n\t\t\t\t<button class=\"calendarWrapper-navigation-button button\" type=\"button\" (click)=\"prev(mode())\" #previousButtonRef>\n\t\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronLeft\"></span><span class=\"pr-u-mask\">{{ intl().previous }}</span>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div class=\"calendarWrapper-navigation pr-u-right0\">\n\t\t\t\t<button class=\"calendarWrapper-navigation-button button\" type=\"button\" (click)=\"next(mode())\" #nextButtonRef>\n\t\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronRight\"></span><span class=\"pr-u-mask\"> {{ intl().next }}</span>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div class=\"calendarWrapper-content\" tabindex=\"-1\">\n\t\t\t\t<lu-calendar2\n\t\t\t\t\t[removeYearOverflow]=\"true\"\n\t\t\t\t\t[hideToday]=\"hideToday()\"\n\t\t\t\t\t[date]=\"currentDate()\"\n\t\t\t\t\t(dateChange)=\"currentDateChangeFromCalendar($event)\"\n\t\t\t\t\t[tabbableDate]=\"tabbableDate()\"\n\t\t\t\t\t(tabbableDateChange)=\"tabbableDateChange($event, 0)\"\n\t\t\t\t\t[getCellInfo]=\"combinedGetCellInfo\"\n\t\t\t\t\t[(dateHovered)]=\"dateHovered\"\n\t\t\t\t\t[ranges]=\"calendarRanges()\"\n\t\t\t\t\t(dateClicked)=\"dateClicked($event, popoverRef)\"\n\t\t\t\t\t(nextPage)=\"move(1, mode())\"\n\t\t\t\t\t(previousPage)=\"move(-1, mode())\"\n\t\t\t\t\t[mode]=\"mode()\"\n\t\t\t\t\t[hideWeekend]=\"hideWeekend()\"\n\t\t\t\t\t[disableModeChange]=\"true\"\n\t\t\t\t/>\n\t\t\t\t@if (hasTwoCalendars()) {\n\t\t\t\t\t<lu-calendar2\n\t\t\t\t\t\t[removeYearOverflow]=\"true\"\n\t\t\t\t\t\t[hideToday]=\"hideToday()\"\n\t\t\t\t\t\t[date]=\"currentRightDate()\"\n\t\t\t\t\t\t(dateChange)=\"currentDateChangeFromCalendar($event)\"\n\t\t\t\t\t\t[tabbableDate]=\"tabbableDate()\"\n\t\t\t\t\t\t(tabbableDateChange)=\"tabbableDateChange($event, 1)\"\n\t\t\t\t\t\t[getCellInfo]=\"combinedGetCellInfo\"\n\t\t\t\t\t\t[(dateHovered)]=\"dateHovered\"\n\t\t\t\t\t\t[ranges]=\"calendarRanges()\"\n\t\t\t\t\t\t(dateClicked)=\"dateClicked($event, popoverRef)\"\n\t\t\t\t\t\t(nextPage)=\"move(1, mode())\"\n\t\t\t\t\t\t(previousPage)=\"move(-1, mode())\"\n\t\t\t\t\t\t[mode]=\"mode()\"\n\t\t\t\t\t\t[hideWeekend]=\"hideWeekend()\"\n\t\t\t\t\t\t[disableModeChange]=\"true\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</ng-template>\n\n@if (isFilterPill) {\n\t<ng-container *ngTemplateOutlet=\"calendar\" />\n}\n\n<ng-container *luFilterPillDisplayer=\"let empty = isEmpty\">\n\t@if (!empty) {\n\t\t<span class=\"pr-u-mask\">{{ intl().from }}</span>\n\t\t{{ startLabel() }}\n\t\t<lu-icon [icon]=\"'arrowRight'\" size=\"XS\" [alt]=\"intl().to\" />\n\t\t{{ endLabel() }}\n\t}\n</ng-container>\n\n<ng-container *luPresentationDisplayDefault>\n\t{{ intl().from }}\n\t@if (startLabel()) {\n\t\t{{ startLabel() }}\n\t} @else {\n\t\t<span aria-hidden=\"true\" data-content-before=\"\u2013\"></span>\n\t}\n\t{{ intl().to }}\n\t@if (endLabel()) {\n\t\t{{ endLabel() }}\n\t} @else {\n\t\t<span aria-hidden=\"true\" data-content-before=\"\u2013\"></span>\n\t}\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer components{.calendarWrapper{--components-calendarWrapperWidth: 17.25rem;--components-calendarWrapperBackground: transparent;--components-calendarWrapper-navigationBackground: var(--palettes-neutral-0)}}@layer mods{.calendarWrapper.mod-daysOffHidden .calendar-table-body-row-cell-action-stripes{--components-calendar-table-body-row-cell-action-stripesDisplay: none}.calendarWrapper.mod-daysOverflowingHidden .calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionDisplay: none}}@layer components{.calendar{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-neutral-200);--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionFontWeight: 400;--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text);--components-calendar-table-body-row-cell-actionOutlineWidth: 2px;--components-calendar-table-body-row-cell-actionOutlineOffset: -1px;--components-calendar-table-body-row-cell-actionCursor: pointer;--components-calendar-table-body-row-cell-actionTextDecoration: none;--components-calendar-table-body-row-cellSelectedBeforeContent: none;--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0;--components-calendar-table-body-row-cell-actionDisplay: block;--components-calendar-table-body-row-cell-action-stripesDisplay: block;--components-calendarBackground: var(--components-calendarWrapperBackground, var(--palettes-neutral-0));--components-calendarWidth: var(--components-calendarWrapperWidth, 17.25rem);--components-calendarBorderSpacing: 0;inline-size:var(--components-calendarWidth)}.calendarShortcutsOptional{display:flex}.calendarShortcuts{margin:0;padding:0;list-style-type:none;inline-size:13.5rem;border-inline-end:1px solid var(--palettes-neutral-100);padding:var(--pr-t-spacings-50);overflow:auto;position:relative;z-index:1;border-radius:var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendarShortcuts:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarShortcuts.mod-day{max-block-size:19.25rem}.calendarShortcuts.mod-day:has(+.calendarWrapper .calendar-todayLink){max-block-size:21.75rem}.calendarShortcuts.mod-month,.calendarShortcuts.mod-year{max-block-size:18rem}.calendarShortcutsButton-item-button.button{--components-button-width: 100%;--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarShortcutsButton-item-button.button:hover,.calendarShortcutsButton-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarShortcutsButton-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarShortcutsButton-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarShortcutsButton-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.calendarShortcutsButton-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.calendarShortcutsButton-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button{justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-regular);white-space:wrap;text-align:start}.calendar-table{border-spacing:var(--components-calendarBorderSpacing);border:var(--pr-t-spacings-150) solid transparent;border-block-start:0;table-layout:fixed;background-color:var(--components-calendarBackground);scroll-snap-align:start end;flex-shrink:0;flex-grow:0;inline-size:100%;empty-cells:hide}.calendarWrapper{background-color:var(--components-calendarWrapperBackground);position:relative}.calendarWrapper:has(.calendar-table-body-row-cell-action:focus-visible):has(.calendar-table-body-row-cell-action:hover) .calendar-table-body-row-cell-action:hover:not(:focus-visible){outline:none}.calendarWrapper-content{display:flex;overflow:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.calendarWrapper-content::-webkit-scrollbar{display:none}.calendarWrapper-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarWrapper-navigation{position:absolute;inset-block-start:0;background-color:var(--components-calendarWrapper-navigationBackground);border-width:var(--pr-t-spacings-150);border-style:solid;border-color:var(--components-calendarWrapper-navigationBackground);border-radius:var(--pr-t-border-radius-default)}.calendarWrapper-navigation-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarWrapper-navigation-button.button:hover,.calendarWrapper-navigation-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarWrapper-navigation-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarWrapper-navigation-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarWrapper-navigation-button.button{--components-button-padding: var(--pr-t-spacings-50)}.calendar-stripes{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.calendar-divider.divider{margin:0}.calendar-todayLink.link{text-transform:capitalize;display:block;margin:auto;padding:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);--components-link-textDecoration: none;--components-link-text-textDecoration: none}.calendar-todayLink.link:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:8px}.calendar-stripes-symbol-path{fill:var(--components-calendar-table-body-row-cell-action-stripesColor)}.calendar-name{font:var(--pr-t-font-heading-3);padding-block:var(--pr-t-spacings-50);padding-inline:calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-100));border:var(--pr-t-spacings-150) solid transparent;border-block-end:var(--pr-t-spacings-100) solid transparent;text-transform:lowercase;background-color:var(--components-calendarBackground);text-align:center}.calendar-name-button{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);text-align:inherit;inline-size:fit-content;display:inline-block;padding:var(--pr-t-spacings-50);margin-block:calc(var(--pr-t-spacings-50) * -1)}.calendar-name-button:hover{color:var(--palettes-700, var(--palettes-product-700))}.calendar-name-button:active{color:var(--palettes-800, var(--palettes-product-800))}.calendar-name-button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.calendar-name-button+.calendar-name-button{margin-inline-start:calc(var(--pr-t-spacings-100) * -1)}.calendar-table-head-row-cell,.calendar-table-body-row-cell{padding:var(--pr-t-spacings-25);block-size:var(--pr-t-spacings-400);box-sizing:content-box}.calendar-table-head-row-cell{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);text-transform:uppercase;border-block-end:var(--pr-t-spacings-50) solid transparent}.calendar-table-body-row-cell{position:relative;color:var(--palettes-neutral-700)}.calendar-table-body-row-cell:before{background-color:var(--palettes-50, var(--palettes-product-50));position:absolute;inset:var(--pr-t-spacings-25) 0;content:var(--components-calendar-table-body-row-cellSelectedBeforeContent);border-radius:var(--components-calendar-table-body-row-cellSelectedBeforeBorderRadius)}.calendar-table-body-row-cell-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);position:relative;z-index:1;text-align:center;overflow:hidden;font-weight:var(--components-calendar-table-body-row-cell-actionFontWeight);color:var(--components-calendar-table-body-row-cell-actionColor);background-color:var(--components-calendar-table-body-row-cell-actionHighlight);display:var(--components-calendar-table-body-row-cell-actionDisplay);block-size:100%;text-transform:lowercase;cursor:var(--components-calendar-table-body-row-cell-actionCursor);text-decoration:var(--components-calendar-table-body-row-cell-actionTextDecoration);box-shadow:0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight),0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight) inset}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):hover{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{outline:2px solid var(--palettes-800, var(--palettes-product-800));background-color:var(--palettes-800, var(--palettes-product-800));color:var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action-stripes{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:60px;block-size:60px;z-index:-1;display:var(--components-calendar-table-body-row-cell-action-stripesDisplay)}}@layer mods{.calendar:has(.calendar-table-body-row-cell:nth-child(3):last-child){--components-calendarBorderSpacing: 0 var(--pr-t-spacings-200)}}@layer components{@media not all and (min-width:50em){.calendarShortcuts{display:none}}}@layer mods{.calendar-table-body-row-cell.is-daysOff .calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-product-900)}.calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text-subtle)}.calendar-table-body-row-cell.is-current .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionFontWeight: 600;--components-calendar-table-body-row-cell-actionColor: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-selected:not(.is-overflow):before,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow):before{--components-calendar-table-body-row-cellSelectedBeforeContent: \"\"}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:hover,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:focus-visible,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-singleDayInProgress.is-selected .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-singleDayInProgress.is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-singleDayInProgress:before,.calendar-table-body-row-cell.is-start:before{inset-inline-start:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-end.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-end.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-end:before{inset-inline-end:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):before{inset-inline-end:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress:before{--components-calendar-table-body-row-cellSelectedBeforeContent: none}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):before{inset-inline-start:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell .calendar-table-body-row-cell-action:disabled,.calendar-table-body-row-cell .calendar-table-body-row-cell-action[aria-disabled=true]{--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-500);--components-calendar-table-body-row-cell-actionTextDecoration: line-through;--components-calendar-table-body-row-cell-actionCursor: default}}@layer components{.textField{--component-textField-font: var(--pr-t-font-body-M);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder);--component-textField-background: var(--pr-t-color-input-background);--component-textField-border: var(--pr-t-color-input-border);--component-textField-borderHover: var(--pr-t-color-input-border-hover);--component-textField-color: var(--pr-t-color-input-text);--component-textField-textDecoration: none;--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);--component-textField-affix-size: 1.75rem;--component-textField-scrollMargin: 88rem;--component-textField-maxHeight: 90dvh;--component-textField-maxHeightFallback: 90vh;--component-textField-borderRadius: var(--pr-t-border-radius-input);--component-textField-width: auto;--component-textField-fontSize: var(--pr-t-font-body-M-fontSize);--component-textField-lineHeight: var(--pr-t-font-body-M-lineHeight);display:flex;align-items:stretch;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border);inline-size:var(--component-textField-width)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.textField .textField-input-affix-toggle{pointer-events:auto;inline-size:var(--component-textField-affix-size);block-size:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;inline-size:100%;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);position:relative}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-toggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-toggle){--component-textField-affix-padding: 4.5rem}.textField-input-valueClone,.textField-input-value{border:0;outline:none;font:var(--component-textField-font);inline-size:100%;padding-block:var(--component-textField-padding) var(--component-textField-padding);padding-inline:var(--component-textField-padding) var(--component-textField-affix-padding);background-color:transparent;color:var(--component-textField-color);text-decoration:var(--component-textField-textDecoration);text-overflow:ellipsis}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-block-size:var(--component-textField-maxHeight)}@supports not (height: 1dvh){.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){--component-textField-maxHeight: var(--component-textField-maxHeightFallback)}}.textField-input-valueClone::placeholder,.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-valueClone:is(textarea),.textField-input-value:is(textarea){resize:block;min-block-size:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){block-size:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-block-size:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;inset-inline-end:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--pr-t-color-input-icon);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-prefix{display:inline-flex;padding-inline-start:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-start-radius:var(--pr-t-border-radius-input);border-end-start-radius:var(--pr-t-border-radius-input);flex-shrink:0}.textField-prefix~.textField-input{border-start-start-radius:0;border-end-start-radius:0}.textField-suffix{display:inline-flex;padding-inline-end:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-end-radius:var(--pr-t-border-radius-input);border-end-end-radius:var(--pr-t-border-radius-input);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-start-end-radius:0;border-end-end-radius:0}}@layer mods{.textField:hover{--component-textField-border: var(--component-textField-borderHover)}.textField.mod-S{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-S .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-S .textField-input-affix-clear.clear,.textField.mod-S .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-XS{--component-textField-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear.clear,.textField.mod-XS .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-valueAlignRight .textField-input-value{text-align:end}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--pr-t-color-input-border-critical);--component-textField-background: var(--pr-t-color-input-background-critical);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.textField.is-invalid:hover,.textField:has(.textField-input-value[aria-invalid=true]):hover{--component-textField-border: var(--pr-t-color-input-border-critical-hover)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-background: var(--pr-t-color-input-background-disabled);--component-textField-color: var(--pr-t-color-input-text-disabled)}.textField.mod-autoResize .textField-input{display:grid;align-items:normal;min-inline-size:0;scroll-margin-block-end:var(--component-textField-scrollMargin)}.textField.mod-autoResize .textField-input-valueClone,.textField.mod-autoResize .textField-input-value{white-space:pre-wrap;overflow-wrap:break-word;grid-area:1/1/2/2;resize:none;min-inline-size:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\"\\a0\"/\"\"}.textField.mod-filterPill{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-filterPill .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-filterPill .textField-input-affix-clear.clear,.textField.mod-filterPill .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-filterPill .textField-input-affix-icon{--icon-size: 1.25rem}}.textField.is-lineThrough{--component-textField-color: var(--pr-t-color-text-subtle);--component-textField-textDecoration: line-through}@layer components{.dateRangeField{--components-dateRangeField-maxWidth: auto;--components-dateRangeField-maxWidthDay: 18rem;--components-dateRangeField-maxWidthMonth: 16rem;--components-dateRangeField-maxWidthYear: 12rem;--components-dateRangeField-maxWidthDayS: 16.5rem;--components-dateRangeField-maxWidthMonthS: 13.5rem;--components-dateRangeField-maxWidthYearS: 10.25rem;--components-dateRangeField-content-inlineStart: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25));--components-dateRangeField-content-width: calc(50% + var(--pr-t-spacings-300) + var(--pr-t-spacings-50));--components-dateRangeField-content-inlineEnd: calc(var(--pr-t-spacings-800) + var(--pr-t-spacings-150));--components-dateRangeField-content-background: transparent;--components-dateRangeField-content-placeholderColor: var(--palettes-neutral-400);display:block;max-inline-size:var(--components-dateRangeField-maxWidth)}.dateRangeField-fieldset{margin:0;padding:0;border:0}.dateRangeField-fieldset-content{position:relative;inline-size:var(--components-dateRangeField-content-width)}.dateRangeField-fieldset-content:before{content:\"\";position:absolute;background-color:var(--components-dateRangeField-content-background);border-radius:var(--pr-t-border-radius-50);pointer-events:none;inset:var(--pr-t-spacings-50);inset-inline-end:calc(var(--components-dateRangeField-content-inlineEnd) - var(--pr-t-spacings-50))}.dateRangeField-fieldset-content.is-highlighted{--components-dateRangeField-content-background: var(--palettes-product-100);--components-dateRangeField-content-placeholderColor: var(--palettes-product-400)}.form-field:has(.dateRangeField-fieldset-input-value[aria-invalid=true]) .dateRangeField-fieldset-content.is-highlighted{--components-dateRangeField-content-background: var(--palettes-critical-100)}.form-field:has(.dateRangeField-fieldset-input-value[aria-invalid=true]) .dateRangeField-fieldset-content{--components-dateRangeField-content-placeholderColor: var(--palettes-critical-400)}.dateRangeField-fieldset-content.mod-start{--components-dateRangeField-content-width: calc(50% - var(--pr-t-spacings-300) - var(--pr-t-spacings-50));--components-dateRangeField-content-inlineEnd: var(--pr-t-spacings-250)}.dateRangeField-fieldset-input-value.textField-input-value{position:relative;padding-inline-start:var(--components-dateRangeField-content-inlineStart);padding-inline-end:var(--components-dateRangeField-content-inlineEnd)}.dateRangeField-fieldset-input-value.textField-input-value::placeholder{color:var(--components-dateRangeField-content-placeholderColor)}.form-field.mod-S .dateRangeField-fieldset-input-value.textField-input-value{--components-dateRangeField-content-inlineStart: var(--pr-t-spacings-100)}.dateRangeField-fieldset-arrow{position:absolute;inset-inline-start:calc(50% - (var(--pr-t-spacings-400) + var(--pr-t-spacings-150)));color:var(--palettes-neutral-700);pointer-events:none;border-radius:var(--pr-t-border-radius-default);--icon-size: 1.25rem}}@layer mods{.form-field.mod-S .dateRangeField .dateRangeField-fieldset-arrow{--icon-size: 1rem}.dateRangeField.mod-filterPill{--components-dateRangeField-maxWidth: none}.dateRangeField.mod-filterPill .dateRangeField-fieldset-content{--components-dateRangeField-content-inlineEnd: var(--pr-t-spacings-100);--components-dateRangeField-content-width: calc(50% - var(--pr-t-spacings-100))}.dateRangeField.mod-filterPill .dateRangeField-fieldset-content.mod-start{--components-dateRangeField-content-width: calc(50% + var(--pr-t-spacings-100));--components-dateRangeField-content-inlineEnd: var(--pr-t-spacings-300)}.dateRangeField.mod-filterPill .textField-input-affix-toggle{display:none}.dateRangeField.mod-filterPill .dateRangeField-fieldset-arrow{left:calc(50% - var(--pr-t-spacings-100) - var(--pr-t-spacings-25))}.dateRangeField.mod-filterPill .dateRangeField-fieldset-textField.textField{position:relative;z-index:1;margin-block-start:var(--pr-t-spacings-50);margin-inline:var(--pr-t-spacings-50)}.dateRangeField.mod-filterPill .calendarWrapper{margin-inline:calc(var(--pr-t-spacings-100) * -1);margin-block-end:calc(var(--pr-t-spacings-100) * -1)}@media not all and (min-width:40em){.dateRangeField.mod-filterPill{--components-dateRangeField-maxWidth: 17.25rem}}.dateRangeField:not(.mod-auto,.mod-filterPill).mod-day{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthDay)}.form-field.mod-S .dateRangeField:not(.mod-auto,.mod-filterPill).mod-day{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthDayS)}.dateRangeField:not(.mod-auto,.mod-filterPill).mod-month{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthMonth)}.form-field.mod-S .dateRangeField:not(.mod-auto,.mod-filterPill).mod-month{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthMonthS)}.dateRangeField:not(.mod-auto,.mod-filterPill).mod-year{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthYear)}.form-field.mod-S .dateRangeField:not(.mod-auto,.mod-filterPill).mod-year{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthYearS)}}@layer components{.clear{--components-clear-display: grid;--components-clear-size: 1rem;--components-clear-background: var(--palettes-800, var(--palettes-neutral-800));--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:var(--components-clear-display);grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;inline-size:var(--components-clear-size);block-size:var(--components-clear-size);border-radius:var(--pr-t-border-radius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--pr-t-border-radius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background: var(--palettes-700, var(--palettes-neutral-700))}.clear:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-900, var(--palettes-neutral-900))}.clear .lucca-icon{display:none}}@layer mods{.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.mod-inverted{--components-clear-cross-color: var(--palettes-800, var(--palettes-neutral-800));--components-clear-background: var(--palettes-0, var(--palettes-neutral-0))}.clear.mod-inverted:hover{--components-clear-background: var(--palettes-50, var(--palettes-neutral-50))}.clear.mod-inverted:active{--components-clear-background: var(--palettes-100, var(--palettes-neutral-100))}.clear[disabled]{cursor:default;--components-clear-cross-color: var(--palettes-neutral-500)}.clear[disabled],.clear[disabled]:hover,.clear[disabled]:active{--components-clear-background: var(--palettes-neutral-300)}.clear[hidden],.filterPill[disabled] .clear,.filterPill:not(.is-filled) .clear,.textfield-input[disabled] .clear,.textfield-input:not(.is-filled) .clear{--components-clear-display: none}.multiSelect.is-selected:has(.multipleSelect-clear) .clear{--components-clear-display: grid}}\n"], dependencies: [{ kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["intl", "luPopover2", "luPopoverPosition", "overlayScrollStrategy", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverTriggerChange", "luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "component", type: Calendar2Component, selector: "lu-calendar2", inputs: ["intl", "showOverflow", "enableOverflow", "removeYearOverflow", "hideToday", "hasTodayButton", "hideWeekend", "disableModeChange", "date", "tabbableDate", "mode", "displayMode", "ranges", "getCellInfo", "dateHovered"], outputs: ["dateChange", "tabbableDateChange", "modeChange", "displayModeChange", "nextPage", "previousPage", "dateClicked", "dateHoveredChange"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "ngmodule", type: LayoutModule }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FilterPillDisplayerDirective, selector: "[luFilterPillDisplayer]" }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "directive", type: _PresentationDisplayDefaultDirective, selector: "[luPresentationDisplayDefault]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "startTextInputRef", first: true, predicate: ["start"], descendants: true, isSignal: true }, { propertyName: "endTextInputRef", first: true, predicate: ["end"], descendants: true, isSignal: true }, { propertyName: "calendars", predicate: Calendar2Component, descendants: true, isSignal: true }, { propertyName: "previousButton", first: true, predicate: ["previousButtonRef"], descendants: true, isSignal: true }, { propertyName: "nextButton", first: true, predicate: ["nextButtonRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<fieldset class=\"dateRangeField-fieldset\">\n\t<legend>\n\t\t<span class=\"pr-u-mask\">\n\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t</span>\n\t</legend>\n\t<div class=\"dateRangeField-fieldset-textField textField\" #popoverAnchor>\n\t\t<div class=\"textField-input\">\n\t\t\t<div class=\"dateRangeField-fieldset-content mod-start\" [class.is-highlighted]=\"highlightedField() === 0\">\n\t\t\t\t<label for=\"range-input-start-{{ idSuffix }}\" class=\"pr-u-mask\">Start</label>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t#start\n\t\t\t\t\tid=\"range-input-start-{{ idSuffix }}\"\n\t\t\t\t\tattr.aria-describedby=\"range-input-start-{{ idSuffix }}-message\"\n\t\t\t\t\tluInput\n\t\t\t\t\tluInputStandalone\n\t\t\t\t\tclass=\"textField-input-value dateRangeField-fieldset-input-value\"\n\t\t\t\t\t[ngModel]=\"startLabel()\"\n\t\t\t\t\t(input)=\"textInputChange(start.value, 'start')\"\n\t\t\t\t\t(blur)=\"inputBlur()\"\n\t\t\t\t\t(focus)=\"inputFocused.set(true); editedField.set(0); highlightedField.set(0)\"\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t(click)=\"editedField.set(0); openPopover(popoverRef, 'start')\"\n\t\t\t\t\t(keydown.arrowDown)=\"arrowDown(popoverRef, 'start')\"\n\t\t\t\t\t(keydown.escape)=\"popoverRef.close()\"\n\t\t\t\t\t[disabled]=\"disabled()\"\n\t\t\t\t\t[attr.placeholder]=\"dateFormatLocalized()\"\n\t\t\t\t\t[attr.autocomplete]=\"autocomplete()\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div class=\"dateRangeField-fieldset-content mod-end\" [class.is-highlighted]=\"highlightedField() === 1\">\n\t\t\t\t<label for=\"range-input-end-{{ idSuffix }}\" class=\"pr-u-mask\">End</label>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t#end\n\t\t\t\t\tid=\"range-input-end-{{ idSuffix }}\"\n\t\t\t\t\tattr.aria-describedby=\"range-input-end-{{ idSuffix }}-message\"\n\t\t\t\t\tluInput\n\t\t\t\t\tluInputStandalone\n\t\t\t\t\tclass=\"textField-input-value dateRangeField-fieldset-input-value\"\n\t\t\t\t\t[ngModel]=\"endLabel()\"\n\t\t\t\t\t(input)=\"textInputChange(end.value, 'end')\"\n\t\t\t\t\t(blur)=\"inputBlur()\"\n\t\t\t\t\t(focus)=\"inputFocused.set(true); editedField.set(1); highlightedField.set(1)\"\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t(click)=\"editedField.set(1); openPopover(popoverRef, 'end')\"\n\t\t\t\t\t(keydown.arrowDown)=\"arrowDown(popoverRef, 'end')\"\n\t\t\t\t\t(keydown.escape)=\"popoverRef.close()\"\n\t\t\t\t\t[disabled]=\"disabled()\"\n\t\t\t\t\t[attr.placeholder]=\"dateFormatLocalized()\"\n\t\t\t\t\t[attr.autocomplete]=\"autocomplete()\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<lu-icon [icon]=\"'arrowRight'\" [alt]=\"''\" class=\"dateRangeField-fieldset-arrow\" />\n\t\t\t<div class=\"textField-input-affix\">\n\t\t\t\t@if (!isFilterPill) {\n\t\t\t\t\t@if (clearable() && (start.value !== \"\" || end.value !== \"\")) {\n\t\t\t\t\t\t<lu-clear class=\"textField-input-affix-clear\" (onClear)=\"clear(); start.focus()\">{{ intl().clear }}</lu-clear>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t<button\n\t\t\t\t\t[luPopover2]=\"calendar\"\n\t\t\t\t\t[disabled]=\"disabled()\"\n\t\t\t\t\t[luPopoverNoCloseButton]=\"true\"\n\t\t\t\t\t[luPopoverAnchor]=\"popoverAnchor\"\n\t\t\t\t\t#popoverRef=\"luPopover2\"\n\t\t\t\t\t[customPositions]=\"popoverPositions\"\n\t\t\t\t\t(luPopoverClosed)=\"popoverClosed()\"\n\t\t\t\t\t(luPopoverOpened)=\"panelOpened.emit()\"\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"button mod-onlyIcon mod-ghost textField-input-affix-toggle\"\n\t\t\t\t\t(click)=\"editedField.set(0)\"\n\t\t\t\t>\n\t\t\t\t\t<lu-icon [icon]=\"'calendarPlanning'\" [alt]=\"intl().pickDate\" />\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</fieldset>\n\n<ng-template #calendar>\n\t<div class=\"calendarShortcutsOptional\">\n\t\t@if (shortcuts()?.length > 0) {\n\t\t\t<ul\n\t\t\t\tclass=\"calendarShortcuts\"\n\t\t\t\t[class.mod-day]=\"mode() === 'day'\"\n\t\t\t\t[class.mod-month]=\"mode() === 'month'\"\n\t\t\t\t[class.mod-year]=\"mode() === 'year'\"\n\t\t\t>\n\t\t\t\t@for (shortcut of shortcuts(); track $index) {\n\t\t\t\t\t<li class=\"calendarShortcutsButton-item\">\n\t\t\t\t\t\t<button type=\"button\" class=\"calendarShortcutsButton-item-button button\" (click)=\"selectShortcut(shortcut, popoverRef)\">\n\t\t\t\t\t\t\t{{ shortcut.label }}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</li>\n\t\t\t\t}\n\t\t\t</ul>\n\t\t}\n\t\t<div class=\"calendarWrapper\">\n\t\t\t<div class=\"calendarWrapper-navigation pr-u-left0\">\n\t\t\t\t<button class=\"calendarWrapper-navigation-button button\" type=\"button\" (click)=\"prev(mode())\" #previousButtonRef>\n\t\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronLeft\"></span><span class=\"pr-u-mask\">{{ intl().previous }}</span>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div class=\"calendarWrapper-navigation pr-u-right0\">\n\t\t\t\t<button class=\"calendarWrapper-navigation-button button\" type=\"button\" (click)=\"next(mode())\" #nextButtonRef>\n\t\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronRight\"></span><span class=\"pr-u-mask\"> {{ intl().next }}</span>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div class=\"calendarWrapper-content\" tabindex=\"-1\">\n\t\t\t\t<lu-calendar2\n\t\t\t\t\t[removeYearOverflow]=\"true\"\n\t\t\t\t\t[hideToday]=\"hideToday()\"\n\t\t\t\t\t[date]=\"currentDate()\"\n\t\t\t\t\t(dateChange)=\"currentDateChangeFromCalendar($event)\"\n\t\t\t\t\t[tabbableDate]=\"tabbableDate()\"\n\t\t\t\t\t(tabbableDateChange)=\"tabbableDateChange($event, 0)\"\n\t\t\t\t\t[getCellInfo]=\"combinedGetCellInfo\"\n\t\t\t\t\t[(dateHovered)]=\"dateHovered\"\n\t\t\t\t\t[ranges]=\"calendarRanges()\"\n\t\t\t\t\t(dateClicked)=\"dateClicked($event, popoverRef)\"\n\t\t\t\t\t(nextPage)=\"move(1, mode())\"\n\t\t\t\t\t(previousPage)=\"move(-1, mode())\"\n\t\t\t\t\t[mode]=\"mode()\"\n\t\t\t\t\t[hideWeekend]=\"hideWeekend()\"\n\t\t\t\t\t[disableModeChange]=\"true\"\n\t\t\t\t/>\n\t\t\t\t@if (hasTwoCalendars()) {\n\t\t\t\t\t<lu-calendar2\n\t\t\t\t\t\t[removeYearOverflow]=\"true\"\n\t\t\t\t\t\t[hideToday]=\"hideToday()\"\n\t\t\t\t\t\t[date]=\"currentRightDate()\"\n\t\t\t\t\t\t(dateChange)=\"currentDateChangeFromCalendar($event)\"\n\t\t\t\t\t\t[tabbableDate]=\"tabbableDate()\"\n\t\t\t\t\t\t(tabbableDateChange)=\"tabbableDateChange($event, 1)\"\n\t\t\t\t\t\t[getCellInfo]=\"combinedGetCellInfo\"\n\t\t\t\t\t\t[(dateHovered)]=\"dateHovered\"\n\t\t\t\t\t\t[ranges]=\"calendarRanges()\"\n\t\t\t\t\t\t(dateClicked)=\"dateClicked($event, popoverRef)\"\n\t\t\t\t\t\t(nextPage)=\"move(1, mode())\"\n\t\t\t\t\t\t(previousPage)=\"move(-1, mode())\"\n\t\t\t\t\t\t[mode]=\"mode()\"\n\t\t\t\t\t\t[hideWeekend]=\"hideWeekend()\"\n\t\t\t\t\t\t[disableModeChange]=\"true\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</ng-template>\n\n@if (isFilterPill) {\n\t<ng-container *ngTemplateOutlet=\"calendar\" />\n}\n\n<ng-container *luFilterPillDisplayer=\"let empty = isEmpty\">\n\t@if (!empty) {\n\t\t<span class=\"pr-u-mask\">{{ intl().from }}</span>\n\t\t{{ startLabel() }}\n\t\t<lu-icon [icon]=\"'arrowRight'\" size=\"XS\" [alt]=\"intl().to\" />\n\t\t{{ endLabel() }}\n\t}\n</ng-container>\n\n<ng-container *luPresentationDisplayDefault>\n\t<span class=\"pr-u-mask\">{{ intl().from }}</span>\n\t@if (startLabel()) {\n\t\t{{ startLabel() }}\n\t} @else {\n\t\t<span aria-hidden=\"true\" data-content-before=\"\u2013\"></span>\n\t}\n\t<lu-icon [icon]=\"'arrowRight'\" size=\"XS\" [alt]=\"intl().to\" />\n\t@if (endLabel()) {\n\t\t{{ endLabel() }}\n\t} @else {\n\t\t<span aria-hidden=\"true\" data-content-before=\"\u2013\"></span>\n\t}\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer components{.calendarWrapper{--components-calendarWrapperWidth: 17.25rem;--components-calendarWrapperBackground: transparent;--components-calendarWrapper-navigationBackground: var(--palettes-neutral-0)}}@layer mods{.calendarWrapper.mod-daysOffHidden .calendar-table-body-row-cell-action-stripes{--components-calendar-table-body-row-cell-action-stripesDisplay: none}.calendarWrapper.mod-daysOverflowingHidden .calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionDisplay: none}}@layer components{.calendar{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-neutral-200);--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionFontWeight: 400;--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text);--components-calendar-table-body-row-cell-actionOutlineWidth: 2px;--components-calendar-table-body-row-cell-actionOutlineOffset: -1px;--components-calendar-table-body-row-cell-actionCursor: pointer;--components-calendar-table-body-row-cell-actionTextDecoration: none;--components-calendar-table-body-row-cellSelectedBeforeContent: none;--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0;--components-calendar-table-body-row-cell-actionDisplay: block;--components-calendar-table-body-row-cell-action-stripesDisplay: block;--components-calendarBackground: var(--components-calendarWrapperBackground, var(--palettes-neutral-0));--components-calendarWidth: var(--components-calendarWrapperWidth, 17.25rem);--components-calendarBorderSpacing: 0;inline-size:var(--components-calendarWidth)}.calendarShortcutsOptional{display:flex}.calendarShortcuts{margin:0;padding:0;list-style-type:none;inline-size:13.5rem;border-inline-end:1px solid var(--palettes-neutral-100);padding:var(--pr-t-spacings-50);overflow:auto;position:relative;z-index:1;border-radius:var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendarShortcuts:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarShortcuts.mod-day{max-block-size:19.25rem}.calendarShortcuts.mod-day:has(+.calendarWrapper .calendar-todayLink){max-block-size:21.75rem}.calendarShortcuts.mod-month,.calendarShortcuts.mod-year{max-block-size:18rem}.calendarShortcutsButton-item-button.button{--components-button-width: 100%;--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarShortcutsButton-item-button.button:hover,.calendarShortcutsButton-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarShortcutsButton-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarShortcutsButton-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarShortcutsButton-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.calendarShortcutsButton-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.calendarShortcutsButton-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button{justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-regular);white-space:wrap;text-align:start}.calendar-table{border-spacing:var(--components-calendarBorderSpacing);border:var(--pr-t-spacings-150) solid transparent;border-block-start:0;table-layout:fixed;background-color:var(--components-calendarBackground);scroll-snap-align:start end;flex-shrink:0;flex-grow:0;inline-size:100%;empty-cells:hide}.calendarWrapper{background-color:var(--components-calendarWrapperBackground);position:relative}.calendarWrapper:has(.calendar-table-body-row-cell-action:focus-visible):has(.calendar-table-body-row-cell-action:hover) .calendar-table-body-row-cell-action:hover:not(:focus-visible){outline:none}.calendarWrapper-content{display:flex;overflow:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.calendarWrapper-content::-webkit-scrollbar{display:none}.calendarWrapper-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarWrapper-navigation{position:absolute;inset-block-start:0;background-color:var(--components-calendarWrapper-navigationBackground);border-width:var(--pr-t-spacings-150);border-style:solid;border-color:var(--components-calendarWrapper-navigationBackground);border-radius:var(--pr-t-border-radius-default)}.calendarWrapper-navigation-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarWrapper-navigation-button.button:hover,.calendarWrapper-navigation-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarWrapper-navigation-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarWrapper-navigation-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarWrapper-navigation-button.button{--components-button-padding: var(--pr-t-spacings-50)}.calendar-stripes{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.calendar-divider.divider{margin:0}.calendar-todayLink.link{text-transform:capitalize;display:block;margin:auto;padding:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);--components-link-textDecoration: none;--components-link-text-textDecoration: none}.calendar-todayLink.link:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:8px}.calendar-stripes-symbol-path{fill:var(--components-calendar-table-body-row-cell-action-stripesColor)}.calendar-name{font:var(--pr-t-font-heading-3);padding-block:var(--pr-t-spacings-50);padding-inline:calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-100));border:var(--pr-t-spacings-150) solid transparent;border-block-end:var(--pr-t-spacings-100) solid transparent;text-transform:lowercase;background-color:var(--components-calendarBackground);text-align:center}.calendar-name-button{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);text-align:inherit;inline-size:fit-content;display:inline-block;padding:var(--pr-t-spacings-50);margin-block:calc(var(--pr-t-spacings-50) * -1)}.calendar-name-button:hover{color:var(--palettes-700, var(--palettes-product-700))}.calendar-name-button:active{color:var(--palettes-800, var(--palettes-product-800))}.calendar-name-button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.calendar-name-button+.calendar-name-button{margin-inline-start:calc(var(--pr-t-spacings-100) * -1)}.calendar-table-head-row-cell,.calendar-table-body-row-cell{padding:var(--pr-t-spacings-25);block-size:var(--pr-t-spacings-400);box-sizing:content-box}.calendar-table-head-row-cell{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);text-transform:uppercase;border-block-end:var(--pr-t-spacings-50) solid transparent}.calendar-table-body-row-cell{position:relative;color:var(--palettes-neutral-700)}.calendar-table-body-row-cell:before{background-color:var(--palettes-50, var(--palettes-product-50));position:absolute;inset:var(--pr-t-spacings-25) 0;content:var(--components-calendar-table-body-row-cellSelectedBeforeContent);border-radius:var(--components-calendar-table-body-row-cellSelectedBeforeBorderRadius)}.calendar-table-body-row-cell-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);position:relative;z-index:1;text-align:center;overflow:hidden;font-weight:var(--components-calendar-table-body-row-cell-actionFontWeight);color:var(--components-calendar-table-body-row-cell-actionColor);background-color:var(--components-calendar-table-body-row-cell-actionHighlight);display:var(--components-calendar-table-body-row-cell-actionDisplay);block-size:100%;text-transform:lowercase;cursor:var(--components-calendar-table-body-row-cell-actionCursor);text-decoration:var(--components-calendar-table-body-row-cell-actionTextDecoration);box-shadow:0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight),0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight) inset}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):hover{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{outline:2px solid var(--palettes-800, var(--palettes-product-800));background-color:var(--palettes-800, var(--palettes-product-800));color:var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action-stripes{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:60px;block-size:60px;z-index:-1;display:var(--components-calendar-table-body-row-cell-action-stripesDisplay)}}@layer mods{.calendar:has(.calendar-table-body-row-cell:nth-child(3):last-child){--components-calendarBorderSpacing: 0 var(--pr-t-spacings-200)}}@layer components{@media not all and (min-width:50em){.calendarShortcuts{display:none}}}@layer mods{.calendar-table-body-row-cell.is-daysOff .calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-product-900)}.calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text-subtle)}.calendar-table-body-row-cell.is-current .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionFontWeight: 600;--components-calendar-table-body-row-cell-actionColor: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-selected:not(.is-overflow):before,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow):before{--components-calendar-table-body-row-cellSelectedBeforeContent: \"\"}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:hover,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:focus-visible,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-singleDayInProgress.is-selected .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-singleDayInProgress.is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-singleDayInProgress:before,.calendar-table-body-row-cell.is-start:before{inset-inline-start:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-end.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-end.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-end:before{inset-inline-end:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):before{inset-inline-end:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress:before{--components-calendar-table-body-row-cellSelectedBeforeContent: none}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):before{inset-inline-start:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell .calendar-table-body-row-cell-action:disabled,.calendar-table-body-row-cell .calendar-table-body-row-cell-action[aria-disabled=true]{--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-500);--components-calendar-table-body-row-cell-actionTextDecoration: line-through;--components-calendar-table-body-row-cell-actionCursor: default}}@layer components{.textField{--component-textField-font: var(--pr-t-font-body-M);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder);--component-textField-background: var(--pr-t-color-input-background);--component-textField-border: var(--pr-t-color-input-border);--component-textField-borderHover: var(--pr-t-color-input-border-hover);--component-textField-color: var(--pr-t-color-input-text);--component-textField-textDecoration: none;--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);--component-textField-affix-size: 1.75rem;--component-textField-scrollMargin: 88rem;--component-textField-maxHeight: 90dvh;--component-textField-maxHeightFallback: 90vh;--component-textField-borderRadius: var(--pr-t-border-radius-input);--component-textField-width: auto;--component-textField-fontSize: var(--pr-t-font-body-M-fontSize);--component-textField-lineHeight: var(--pr-t-font-body-M-lineHeight);display:flex;align-items:stretch;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border);inline-size:var(--component-textField-width)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.textField .textField-input-affix-toggle{pointer-events:auto;inline-size:var(--component-textField-affix-size);block-size:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;inline-size:100%;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);position:relative}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-toggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-toggle){--component-textField-affix-padding: 4.5rem}.textField-input-valueClone,.textField-input-value{border:0;outline:none;font:var(--component-textField-font);inline-size:100%;padding-block:var(--component-textField-padding) var(--component-textField-padding);padding-inline:var(--component-textField-padding) var(--component-textField-affix-padding);background-color:transparent;color:var(--component-textField-color);text-decoration:var(--component-textField-textDecoration);text-overflow:ellipsis}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-block-size:var(--component-textField-maxHeight)}@supports not (height: 1dvh){.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){--component-textField-maxHeight: var(--component-textField-maxHeightFallback)}}.textField-input-valueClone::placeholder,.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-valueClone:is(textarea),.textField-input-value:is(textarea){resize:block;min-block-size:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){block-size:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-block-size:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;inset-inline-end:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--pr-t-color-input-icon);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-prefix{display:inline-flex;padding-inline-start:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-start-radius:var(--pr-t-border-radius-input);border-end-start-radius:var(--pr-t-border-radius-input);flex-shrink:0}.textField-prefix~.textField-input{border-start-start-radius:0;border-end-start-radius:0}.textField-suffix{display:inline-flex;padding-inline-end:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-end-radius:var(--pr-t-border-radius-input);border-end-end-radius:var(--pr-t-border-radius-input);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-start-end-radius:0;border-end-end-radius:0}}@layer mods{.textField:hover{--component-textField-border: var(--component-textField-borderHover)}.textField.mod-S{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-S .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-S .textField-input-affix-clear.clear,.textField.mod-S .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-XS{--component-textField-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear.clear,.textField.mod-XS .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-valueAlignRight .textField-input-value{text-align:end}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--pr-t-color-input-border-critical);--component-textField-background: var(--pr-t-color-input-background-critical);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.textField.is-invalid:hover,.textField:has(.textField-input-value[aria-invalid=true]):hover{--component-textField-border: var(--pr-t-color-input-border-critical-hover)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-background: var(--pr-t-color-input-background-disabled);--component-textField-color: var(--pr-t-color-input-text-disabled)}.textField.mod-autoResize .textField-input{display:grid;align-items:normal;min-inline-size:0;scroll-margin-block-end:var(--component-textField-scrollMargin)}.textField.mod-autoResize .textField-input-valueClone,.textField.mod-autoResize .textField-input-value{white-space:pre-wrap;overflow-wrap:break-word;grid-area:1/1/2/2;resize:none;min-inline-size:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\"\\a0\"/\"\"}.textField.mod-filterPill{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-filterPill .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-filterPill .textField-input-affix-clear.clear,.textField.mod-filterPill .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-filterPill .textField-input-affix-icon{--icon-size: 1.25rem}}.textField.is-lineThrough{--component-textField-color: var(--pr-t-color-text-subtle);--component-textField-textDecoration: line-through}@layer components{.dateRangeField{--components-dateRangeField-maxWidth: auto;--components-dateRangeField-maxWidthDay: 18rem;--components-dateRangeField-maxWidthMonth: 16rem;--components-dateRangeField-maxWidthYear: 12rem;--components-dateRangeField-maxWidthDayS: 16.5rem;--components-dateRangeField-maxWidthMonthS: 13.5rem;--components-dateRangeField-maxWidthYearS: 10.25rem;--components-dateRangeField-content-inlineStart: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25));--components-dateRangeField-content-width: calc(50% + var(--pr-t-spacings-300) + var(--pr-t-spacings-50));--components-dateRangeField-content-inlineEnd: calc(var(--pr-t-spacings-800) + var(--pr-t-spacings-150));--components-dateRangeField-content-background: transparent;--components-dateRangeField-content-placeholderColor: var(--palettes-neutral-400);display:block;max-inline-size:var(--components-dateRangeField-maxWidth)}.dateRangeField-fieldset{margin:0;padding:0;border:0}.dateRangeField-fieldset-content{position:relative;inline-size:var(--components-dateRangeField-content-width)}.dateRangeField-fieldset-content:before{content:\"\";position:absolute;background-color:var(--components-dateRangeField-content-background);border-radius:var(--pr-t-border-radius-50);pointer-events:none;inset:var(--pr-t-spacings-50);inset-inline-end:calc(var(--components-dateRangeField-content-inlineEnd) - var(--pr-t-spacings-50))}.dateRangeField-fieldset-content.is-highlighted{--components-dateRangeField-content-background: var(--palettes-product-100);--components-dateRangeField-content-placeholderColor: var(--palettes-product-400)}.form-field:has(.dateRangeField-fieldset-input-value[aria-invalid=true]) .dateRangeField-fieldset-content.is-highlighted{--components-dateRangeField-content-background: var(--palettes-critical-100)}.form-field:has(.dateRangeField-fieldset-input-value[aria-invalid=true]) .dateRangeField-fieldset-content{--components-dateRangeField-content-placeholderColor: var(--palettes-critical-400)}.dateRangeField-fieldset-content.mod-start{--components-dateRangeField-content-width: calc(50% - var(--pr-t-spacings-300) - var(--pr-t-spacings-50));--components-dateRangeField-content-inlineEnd: var(--pr-t-spacings-250)}.dateRangeField-fieldset-input-value.textField-input-value{position:relative;padding-inline-start:var(--components-dateRangeField-content-inlineStart);padding-inline-end:var(--components-dateRangeField-content-inlineEnd)}.dateRangeField-fieldset-input-value.textField-input-value::placeholder{color:var(--components-dateRangeField-content-placeholderColor)}.form-field.mod-S .dateRangeField-fieldset-input-value.textField-input-value{--components-dateRangeField-content-inlineStart: var(--pr-t-spacings-100)}.dateRangeField-fieldset-arrow{position:absolute;inset-inline-start:calc(50% - (var(--pr-t-spacings-400) + var(--pr-t-spacings-150)));color:var(--palettes-neutral-700);pointer-events:none;border-radius:var(--pr-t-border-radius-default);--icon-size: 1.25rem}}@layer mods{.form-field.mod-S .dateRangeField .dateRangeField-fieldset-arrow{--icon-size: 1rem}.dateRangeField.mod-filterPill{--components-dateRangeField-maxWidth: none}.dateRangeField.mod-filterPill .dateRangeField-fieldset-content{--components-dateRangeField-content-inlineEnd: var(--pr-t-spacings-100);--components-dateRangeField-content-width: calc(50% - var(--pr-t-spacings-100))}.dateRangeField.mod-filterPill .dateRangeField-fieldset-content.mod-start{--components-dateRangeField-content-width: calc(50% + var(--pr-t-spacings-100));--components-dateRangeField-content-inlineEnd: var(--pr-t-spacings-300)}.dateRangeField.mod-filterPill .textField-input-affix-toggle{display:none}.dateRangeField.mod-filterPill .dateRangeField-fieldset-arrow{left:calc(50% - var(--pr-t-spacings-100) - var(--pr-t-spacings-25))}.dateRangeField.mod-filterPill .dateRangeField-fieldset-textField.textField{position:relative;z-index:1;margin-block-start:var(--pr-t-spacings-50);margin-inline:var(--pr-t-spacings-50)}.dateRangeField.mod-filterPill .calendarWrapper{margin-inline:calc(var(--pr-t-spacings-100) * -1);margin-block-end:calc(var(--pr-t-spacings-100) * -1)}@media not all and (min-width:40em){.dateRangeField.mod-filterPill{--components-dateRangeField-maxWidth: 17.25rem}}.dateRangeField:not(.mod-auto,.mod-filterPill).mod-day{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthDay)}.form-field.mod-S .dateRangeField:not(.mod-auto,.mod-filterPill).mod-day{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthDayS)}.dateRangeField:not(.mod-auto,.mod-filterPill).mod-month{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthMonth)}.form-field.mod-S .dateRangeField:not(.mod-auto,.mod-filterPill).mod-month{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthMonthS)}.dateRangeField:not(.mod-auto,.mod-filterPill).mod-year{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthYear)}.form-field.mod-S .dateRangeField:not(.mod-auto,.mod-filterPill).mod-year{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthYearS)}}@layer components{.clear{--components-clear-display: grid;--components-clear-size: 1rem;--components-clear-background: var(--palettes-800, var(--palettes-neutral-800));--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:var(--components-clear-display);grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;inline-size:var(--components-clear-size);block-size:var(--components-clear-size);border-radius:var(--pr-t-border-radius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--pr-t-border-radius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background: var(--palettes-700, var(--palettes-neutral-700))}.clear:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-900, var(--palettes-neutral-900))}.clear .lucca-icon{display:none}}@layer mods{.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.mod-inverted{--components-clear-cross-color: var(--palettes-800, var(--palettes-neutral-800));--components-clear-background: var(--palettes-0, var(--palettes-neutral-0))}.clear.mod-inverted:hover{--components-clear-background: var(--palettes-50, var(--palettes-neutral-50))}.clear.mod-inverted:active{--components-clear-background: var(--palettes-100, var(--palettes-neutral-100))}.clear[disabled]{cursor:default;--components-clear-cross-color: var(--palettes-neutral-500)}.clear[disabled],.clear[disabled]:hover,.clear[disabled]:active{--components-clear-background: var(--palettes-neutral-300)}.clear[hidden],.filterPill[disabled] .clear,.filterPill:not(.is-filled) .clear,.textfield-input[disabled] .clear,.textfield-input:not(.is-filled) .clear{--components-clear-display: none}.multiSelect.is-selected:has(.multipleSelect-clear) .clear{--components-clear-display: grid}}\n"], dependencies: [{ kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["intl", "luPopover2", "luPopoverPosition", "overlayScrollStrategy", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverTriggerChange", "luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "component", type: Calendar2Component, selector: "lu-calendar2", inputs: ["intl", "showOverflow", "enableOverflow", "removeYearOverflow", "hideToday", "hasTodayButton", "hideWeekend", "disableModeChange", "date", "tabbableDate", "mode", "displayMode", "ranges", "getCellInfo", "dateHovered"], outputs: ["dateChange", "tabbableDateChange", "modeChange", "displayModeChange", "nextPage", "previousPage", "dateClicked", "dateHoveredChange"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone"] }, { kind: "ngmodule", type: LayoutModule }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FilterPillDisplayerDirective, selector: "[luFilterPillDisplayer]" }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "directive", type: _PresentationDisplayDefaultDirective, selector: "[luPresentationDisplayDefault]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DateRangeInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: DateRangeInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-date-range-input', imports: [
                         PopoverDirective,
@@ -1700,6 +1701,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                         FormsModule,
                     ], host: {
                         class: 'dateRangeField',
+                        '[class.mod-filterPill]': 'isFilterPill',
+                        '[class.mod-auto]': 'isWidthAuto',
                     }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -1716,18 +1719,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                             useExisting: forwardRef(() => DateRangeInputComponent),
                         },
                         LuClass,
-                    ], template: "<fieldset class=\"dateRangeField-fieldset\">\n\t<legend>\n\t\t<span class=\"pr-u-mask\">\n\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t</span>\n\t</legend>\n\t<div class=\"dateRangeField-fieldset-textField textField\" #popoverAnchor>\n\t\t<div class=\"textField-input\">\n\t\t\t<div class=\"dateRangeField-fieldset-content mod-start\" [class.is-highlighted]=\"highlightedField() === 0\">\n\t\t\t\t<label for=\"range-input-start-{{ idSuffix }}\" class=\"pr-u-mask\">Start</label>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t#start\n\t\t\t\t\tid=\"range-input-start-{{ idSuffix }}\"\n\t\t\t\t\tattr.aria-describedby=\"range-input-start-{{ idSuffix }}-message\"\n\t\t\t\t\tluInput\n\t\t\t\t\tluInputStandalone\n\t\t\t\t\tclass=\"textField-input-value dateRangeField-fieldset-input-value\"\n\t\t\t\t\t[ngModel]=\"startLabel()\"\n\t\t\t\t\t(input)=\"textInputChange(start.value, 'start')\"\n\t\t\t\t\t(blur)=\"inputBlur()\"\n\t\t\t\t\t(focus)=\"inputFocused.set(true); editedField.set(0); highlightedField.set(0)\"\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t(click)=\"editedField.set(0); openPopover(popoverRef, 'start')\"\n\t\t\t\t\t(keydown.arrowDown)=\"arrowDown(popoverRef, 'start')\"\n\t\t\t\t\t(keydown.escape)=\"popoverRef.close()\"\n\t\t\t\t\t[disabled]=\"disabled()\"\n\t\t\t\t\t[attr.placeholder]=\"dateFormatLocalized()\"\n\t\t\t\t\t[attr.autocomplete]=\"autocomplete()\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div class=\"dateRangeField-fieldset-content mod-end\" [class.is-highlighted]=\"highlightedField() === 1\">\n\t\t\t\t<label for=\"range-input-end-{{ idSuffix }}\" class=\"pr-u-mask\">End</label>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t#end\n\t\t\t\t\tid=\"range-input-end-{{ idSuffix }}\"\n\t\t\t\t\tattr.aria-describedby=\"range-input-end-{{ idSuffix }}-message\"\n\t\t\t\t\tluInput\n\t\t\t\t\tluInputStandalone\n\t\t\t\t\tclass=\"textField-input-value dateRangeField-fieldset-input-value\"\n\t\t\t\t\t[ngModel]=\"endLabel()\"\n\t\t\t\t\t(input)=\"textInputChange(end.value, 'end')\"\n\t\t\t\t\t(blur)=\"inputBlur()\"\n\t\t\t\t\t(focus)=\"inputFocused.set(true); editedField.set(1); highlightedField.set(1)\"\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t(click)=\"editedField.set(1); openPopover(popoverRef, 'end')\"\n\t\t\t\t\t(keydown.arrowDown)=\"arrowDown(popoverRef, 'end')\"\n\t\t\t\t\t(keydown.escape)=\"popoverRef.close()\"\n\t\t\t\t\t[disabled]=\"disabled()\"\n\t\t\t\t\t[attr.placeholder]=\"dateFormatLocalized()\"\n\t\t\t\t\t[attr.autocomplete]=\"autocomplete()\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<lu-icon [icon]=\"'arrowRight'\" [alt]=\"''\" class=\"dateRangeField-fieldset-arrow\" />\n\t\t\t<div class=\"textField-input-affix\">\n\t\t\t\t@if (!isFilterPill) {\n\t\t\t\t\t@if (clearable() && (start.value !== \"\" || end.value !== \"\")) {\n\t\t\t\t\t\t<lu-clear class=\"textField-input-affix-clear\" (onClear)=\"clear(); start.focus()\">{{ intl().clear }}</lu-clear>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t<button\n\t\t\t\t\t[luPopover2]=\"calendar\"\n\t\t\t\t\t[disabled]=\"disabled()\"\n\t\t\t\t\t[luPopoverNoCloseButton]=\"true\"\n\t\t\t\t\t[luPopoverAnchor]=\"popoverAnchor\"\n\t\t\t\t\t#popoverRef=\"luPopover2\"\n\t\t\t\t\t[customPositions]=\"popoverPositions\"\n\t\t\t\t\t(luPopoverClosed)=\"popoverClosed()\"\n\t\t\t\t\t(luPopoverOpened)=\"panelOpened.emit()\"\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"button mod-onlyIcon mod-ghost textField-input-affix-toggle\"\n\t\t\t\t\t(click)=\"editedField.set(0)\"\n\t\t\t\t>\n\t\t\t\t\t<lu-icon [icon]=\"'calendarPlanning'\" [alt]=\"intl().pickDate\" />\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</fieldset>\n\n<ng-template #calendar>\n\t<div class=\"calendarShortcutsOptional\">\n\t\t@if (shortcuts()?.length > 0) {\n\t\t\t<ul\n\t\t\t\tclass=\"calendarShortcuts\"\n\t\t\t\t[class.mod-day]=\"mode() === 'day'\"\n\t\t\t\t[class.mod-month]=\"mode() === 'month'\"\n\t\t\t\t[class.mod-year]=\"mode() === 'year'\"\n\t\t\t>\n\t\t\t\t@for (shortcut of shortcuts(); track $index) {\n\t\t\t\t\t<li class=\"calendarShortcutsButton-item\">\n\t\t\t\t\t\t<button type=\"button\" class=\"calendarShortcutsButton-item-button button\" (click)=\"selectShortcut(shortcut, popoverRef)\">\n\t\t\t\t\t\t\t{{ shortcut.label }}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</li>\n\t\t\t\t}\n\t\t\t</ul>\n\t\t}\n\t\t<div class=\"calendarWrapper\">\n\t\t\t<div class=\"calendarWrapper-navigation pr-u-left0\">\n\t\t\t\t<button class=\"calendarWrapper-navigation-button button\" type=\"button\" (click)=\"prev(mode())\" #previousButtonRef>\n\t\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronLeft\"></span><span class=\"pr-u-mask\">{{ intl().previous }}</span>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div class=\"calendarWrapper-navigation pr-u-right0\">\n\t\t\t\t<button class=\"calendarWrapper-navigation-button button\" type=\"button\" (click)=\"next(mode())\" #nextButtonRef>\n\t\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronRight\"></span><span class=\"pr-u-mask\"> {{ intl().next }}</span>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div class=\"calendarWrapper-content\" tabindex=\"-1\">\n\t\t\t\t<lu-calendar2\n\t\t\t\t\t[removeYearOverflow]=\"true\"\n\t\t\t\t\t[hideToday]=\"hideToday()\"\n\t\t\t\t\t[date]=\"currentDate()\"\n\t\t\t\t\t(dateChange)=\"currentDateChangeFromCalendar($event)\"\n\t\t\t\t\t[tabbableDate]=\"tabbableDate()\"\n\t\t\t\t\t(tabbableDateChange)=\"tabbableDateChange($event, 0)\"\n\t\t\t\t\t[getCellInfo]=\"combinedGetCellInfo\"\n\t\t\t\t\t[(dateHovered)]=\"dateHovered\"\n\t\t\t\t\t[ranges]=\"calendarRanges()\"\n\t\t\t\t\t(dateClicked)=\"dateClicked($event, popoverRef)\"\n\t\t\t\t\t(nextPage)=\"move(1, mode())\"\n\t\t\t\t\t(previousPage)=\"move(-1, mode())\"\n\t\t\t\t\t[mode]=\"mode()\"\n\t\t\t\t\t[hideWeekend]=\"hideWeekend()\"\n\t\t\t\t\t[disableModeChange]=\"true\"\n\t\t\t\t/>\n\t\t\t\t@if (hasTwoCalendars()) {\n\t\t\t\t\t<lu-calendar2\n\t\t\t\t\t\t[removeYearOverflow]=\"true\"\n\t\t\t\t\t\t[hideToday]=\"hideToday()\"\n\t\t\t\t\t\t[date]=\"currentRightDate()\"\n\t\t\t\t\t\t(dateChange)=\"currentDateChangeFromCalendar($event)\"\n\t\t\t\t\t\t[tabbableDate]=\"tabbableDate()\"\n\t\t\t\t\t\t(tabbableDateChange)=\"tabbableDateChange($event, 1)\"\n\t\t\t\t\t\t[getCellInfo]=\"combinedGetCellInfo\"\n\t\t\t\t\t\t[(dateHovered)]=\"dateHovered\"\n\t\t\t\t\t\t[ranges]=\"calendarRanges()\"\n\t\t\t\t\t\t(dateClicked)=\"dateClicked($event, popoverRef)\"\n\t\t\t\t\t\t(nextPage)=\"move(1, mode())\"\n\t\t\t\t\t\t(previousPage)=\"move(-1, mode())\"\n\t\t\t\t\t\t[mode]=\"mode()\"\n\t\t\t\t\t\t[hideWeekend]=\"hideWeekend()\"\n\t\t\t\t\t\t[disableModeChange]=\"true\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</ng-template>\n\n@if (isFilterPill) {\n\t<ng-container *ngTemplateOutlet=\"calendar\" />\n}\n\n<ng-container *luFilterPillDisplayer=\"let empty = isEmpty\">\n\t@if (!empty) {\n\t\t<span class=\"pr-u-mask\">{{ intl().from }}</span>\n\t\t{{ startLabel() }}\n\t\t<lu-icon [icon]=\"'arrowRight'\" size=\"XS\" [alt]=\"intl().to\" />\n\t\t{{ endLabel() }}\n\t}\n</ng-container>\n\n<ng-container *luPresentationDisplayDefault>\n\t{{ intl().from }}\n\t@if (startLabel()) {\n\t\t{{ startLabel() }}\n\t} @else {\n\t\t<span aria-hidden=\"true\" data-content-before=\"\u2013\"></span>\n\t}\n\t{{ intl().to }}\n\t@if (endLabel()) {\n\t\t{{ endLabel() }}\n\t} @else {\n\t\t<span aria-hidden=\"true\" data-content-before=\"\u2013\"></span>\n\t}\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer components{.calendarWrapper{--components-calendarWrapperWidth: 17.25rem;--components-calendarWrapperBackground: transparent;--components-calendarWrapper-navigationBackground: var(--palettes-neutral-0)}}@layer mods{.calendarWrapper.mod-daysOffHidden .calendar-table-body-row-cell-action-stripes{--components-calendar-table-body-row-cell-action-stripesDisplay: none}.calendarWrapper.mod-daysOverflowingHidden .calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionDisplay: none}}@layer components{.calendar{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-neutral-200);--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionFontWeight: 400;--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text);--components-calendar-table-body-row-cell-actionOutlineWidth: 2px;--components-calendar-table-body-row-cell-actionOutlineOffset: -1px;--components-calendar-table-body-row-cell-actionCursor: pointer;--components-calendar-table-body-row-cell-actionTextDecoration: none;--components-calendar-table-body-row-cellSelectedBeforeContent: none;--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0;--components-calendar-table-body-row-cell-actionDisplay: block;--components-calendar-table-body-row-cell-action-stripesDisplay: block;--components-calendarBackground: var(--components-calendarWrapperBackground, var(--palettes-neutral-0));--components-calendarWidth: var(--components-calendarWrapperWidth, 17.25rem);--components-calendarBorderSpacing: 0;inline-size:var(--components-calendarWidth)}.calendarShortcutsOptional{display:flex}.calendarShortcuts{margin:0;padding:0;list-style-type:none;inline-size:13.5rem;border-inline-end:1px solid var(--palettes-neutral-100);padding:var(--pr-t-spacings-50);overflow:auto;position:relative;z-index:1;border-radius:var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendarShortcuts:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarShortcuts.mod-day{max-block-size:19.25rem}.calendarShortcuts.mod-day:has(+.calendarWrapper .calendar-todayLink){max-block-size:21.75rem}.calendarShortcuts.mod-month,.calendarShortcuts.mod-year{max-block-size:18rem}.calendarShortcutsButton-item-button.button{--components-button-width: 100%;--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarShortcutsButton-item-button.button:hover,.calendarShortcutsButton-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarShortcutsButton-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarShortcutsButton-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarShortcutsButton-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.calendarShortcutsButton-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.calendarShortcutsButton-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button{justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-regular);white-space:wrap;text-align:start}.calendar-table{border-spacing:var(--components-calendarBorderSpacing);border:var(--pr-t-spacings-150) solid transparent;border-block-start:0;table-layout:fixed;background-color:var(--components-calendarBackground);scroll-snap-align:start end;flex-shrink:0;flex-grow:0;inline-size:100%;empty-cells:hide}.calendarWrapper{background-color:var(--components-calendarWrapperBackground);position:relative}.calendarWrapper:has(.calendar-table-body-row-cell-action:focus-visible):has(.calendar-table-body-row-cell-action:hover) .calendar-table-body-row-cell-action:hover:not(:focus-visible){outline:none}.calendarWrapper-content{display:flex;overflow:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.calendarWrapper-content::-webkit-scrollbar{display:none}.calendarWrapper-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarWrapper-navigation{position:absolute;inset-block-start:0;background-color:var(--components-calendarWrapper-navigationBackground);border-width:var(--pr-t-spacings-150);border-style:solid;border-color:var(--components-calendarWrapper-navigationBackground);border-radius:var(--pr-t-border-radius-default)}.calendarWrapper-navigation-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarWrapper-navigation-button.button:hover,.calendarWrapper-navigation-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarWrapper-navigation-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarWrapper-navigation-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarWrapper-navigation-button.button{--components-button-padding: var(--pr-t-spacings-50)}.calendar-stripes{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.calendar-divider.divider{margin:0}.calendar-todayLink.link{text-transform:capitalize;display:block;margin:auto;padding:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);--components-link-textDecoration: none;--components-link-text-textDecoration: none}.calendar-todayLink.link:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:8px}.calendar-stripes-symbol-path{fill:var(--components-calendar-table-body-row-cell-action-stripesColor)}.calendar-name{font:var(--pr-t-font-heading-3);padding-block:var(--pr-t-spacings-50);padding-inline:calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-100));border:var(--pr-t-spacings-150) solid transparent;border-block-end:var(--pr-t-spacings-100) solid transparent;text-transform:lowercase;background-color:var(--components-calendarBackground);text-align:center}.calendar-name-button{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);text-align:inherit;inline-size:fit-content;display:inline-block;padding:var(--pr-t-spacings-50);margin-block:calc(var(--pr-t-spacings-50) * -1)}.calendar-name-button:hover{color:var(--palettes-700, var(--palettes-product-700))}.calendar-name-button:active{color:var(--palettes-800, var(--palettes-product-800))}.calendar-name-button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.calendar-name-button+.calendar-name-button{margin-inline-start:calc(var(--pr-t-spacings-100) * -1)}.calendar-table-head-row-cell,.calendar-table-body-row-cell{padding:var(--pr-t-spacings-25);block-size:var(--pr-t-spacings-400);box-sizing:content-box}.calendar-table-head-row-cell{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);text-transform:uppercase;border-block-end:var(--pr-t-spacings-50) solid transparent}.calendar-table-body-row-cell{position:relative;color:var(--palettes-neutral-700)}.calendar-table-body-row-cell:before{background-color:var(--palettes-50, var(--palettes-product-50));position:absolute;inset:var(--pr-t-spacings-25) 0;content:var(--components-calendar-table-body-row-cellSelectedBeforeContent);border-radius:var(--components-calendar-table-body-row-cellSelectedBeforeBorderRadius)}.calendar-table-body-row-cell-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);position:relative;z-index:1;text-align:center;overflow:hidden;font-weight:var(--components-calendar-table-body-row-cell-actionFontWeight);color:var(--components-calendar-table-body-row-cell-actionColor);background-color:var(--components-calendar-table-body-row-cell-actionHighlight);display:var(--components-calendar-table-body-row-cell-actionDisplay);block-size:100%;text-transform:lowercase;cursor:var(--components-calendar-table-body-row-cell-actionCursor);text-decoration:var(--components-calendar-table-body-row-cell-actionTextDecoration);box-shadow:0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight),0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight) inset}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):hover{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{outline:2px solid var(--palettes-800, var(--palettes-product-800));background-color:var(--palettes-800, var(--palettes-product-800));color:var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action-stripes{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:60px;block-size:60px;z-index:-1;display:var(--components-calendar-table-body-row-cell-action-stripesDisplay)}}@layer mods{.calendar:has(.calendar-table-body-row-cell:nth-child(3):last-child){--components-calendarBorderSpacing: 0 var(--pr-t-spacings-200)}}@layer components{@media not all and (min-width:50em){.calendarShortcuts{display:none}}}@layer mods{.calendar-table-body-row-cell.is-daysOff .calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-product-900)}.calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text-subtle)}.calendar-table-body-row-cell.is-current .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionFontWeight: 600;--components-calendar-table-body-row-cell-actionColor: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-selected:not(.is-overflow):before,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow):before{--components-calendar-table-body-row-cellSelectedBeforeContent: \"\"}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:hover,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:focus-visible,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-singleDayInProgress.is-selected .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-singleDayInProgress.is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-singleDayInProgress:before,.calendar-table-body-row-cell.is-start:before{inset-inline-start:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-end.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-end.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-end:before{inset-inline-end:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):before{inset-inline-end:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress:before{--components-calendar-table-body-row-cellSelectedBeforeContent: none}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):before{inset-inline-start:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell .calendar-table-body-row-cell-action:disabled,.calendar-table-body-row-cell .calendar-table-body-row-cell-action[aria-disabled=true]{--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-500);--components-calendar-table-body-row-cell-actionTextDecoration: line-through;--components-calendar-table-body-row-cell-actionCursor: default}}@layer components{.textField{--component-textField-font: var(--pr-t-font-body-M);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder);--component-textField-background: var(--pr-t-color-input-background);--component-textField-border: var(--pr-t-color-input-border);--component-textField-borderHover: var(--pr-t-color-input-border-hover);--component-textField-color: var(--pr-t-color-input-text);--component-textField-textDecoration: none;--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);--component-textField-affix-size: 1.75rem;--component-textField-scrollMargin: 88rem;--component-textField-maxHeight: 90dvh;--component-textField-maxHeightFallback: 90vh;--component-textField-borderRadius: var(--pr-t-border-radius-input);--component-textField-width: auto;--component-textField-fontSize: var(--pr-t-font-body-M-fontSize);--component-textField-lineHeight: var(--pr-t-font-body-M-lineHeight);display:flex;align-items:stretch;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border);inline-size:var(--component-textField-width)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.textField .textField-input-affix-toggle{pointer-events:auto;inline-size:var(--component-textField-affix-size);block-size:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;inline-size:100%;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);position:relative}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-toggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-toggle){--component-textField-affix-padding: 4.5rem}.textField-input-valueClone,.textField-input-value{border:0;outline:none;font:var(--component-textField-font);inline-size:100%;padding-block:var(--component-textField-padding) var(--component-textField-padding);padding-inline:var(--component-textField-padding) var(--component-textField-affix-padding);background-color:transparent;color:var(--component-textField-color);text-decoration:var(--component-textField-textDecoration);text-overflow:ellipsis}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-block-size:var(--component-textField-maxHeight)}@supports not (height: 1dvh){.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){--component-textField-maxHeight: var(--component-textField-maxHeightFallback)}}.textField-input-valueClone::placeholder,.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-valueClone:is(textarea),.textField-input-value:is(textarea){resize:block;min-block-size:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){block-size:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-block-size:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;inset-inline-end:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--pr-t-color-input-icon);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-prefix{display:inline-flex;padding-inline-start:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-start-radius:var(--pr-t-border-radius-input);border-end-start-radius:var(--pr-t-border-radius-input);flex-shrink:0}.textField-prefix~.textField-input{border-start-start-radius:0;border-end-start-radius:0}.textField-suffix{display:inline-flex;padding-inline-end:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-end-radius:var(--pr-t-border-radius-input);border-end-end-radius:var(--pr-t-border-radius-input);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-start-end-radius:0;border-end-end-radius:0}}@layer mods{.textField:hover{--component-textField-border: var(--component-textField-borderHover)}.textField.mod-S{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-S .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-S .textField-input-affix-clear.clear,.textField.mod-S .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-XS{--component-textField-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear.clear,.textField.mod-XS .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-valueAlignRight .textField-input-value{text-align:end}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--pr-t-color-input-border-critical);--component-textField-background: var(--pr-t-color-input-background-critical);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.textField.is-invalid:hover,.textField:has(.textField-input-value[aria-invalid=true]):hover{--component-textField-border: var(--pr-t-color-input-border-critical-hover)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-background: var(--pr-t-color-input-background-disabled);--component-textField-color: var(--pr-t-color-input-text-disabled)}.textField.mod-autoResize .textField-input{display:grid;align-items:normal;min-inline-size:0;scroll-margin-block-end:var(--component-textField-scrollMargin)}.textField.mod-autoResize .textField-input-valueClone,.textField.mod-autoResize .textField-input-value{white-space:pre-wrap;overflow-wrap:break-word;grid-area:1/1/2/2;resize:none;min-inline-size:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\"\\a0\"/\"\"}.textField.mod-filterPill{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-filterPill .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-filterPill .textField-input-affix-clear.clear,.textField.mod-filterPill .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-filterPill .textField-input-affix-icon{--icon-size: 1.25rem}}.textField.is-lineThrough{--component-textField-color: var(--pr-t-color-text-subtle);--component-textField-textDecoration: line-through}@layer components{.dateRangeField{--components-dateRangeField-maxWidth: auto;--components-dateRangeField-maxWidthDay: 18rem;--components-dateRangeField-maxWidthMonth: 16rem;--components-dateRangeField-maxWidthYear: 12rem;--components-dateRangeField-maxWidthDayS: 16.5rem;--components-dateRangeField-maxWidthMonthS: 13.5rem;--components-dateRangeField-maxWidthYearS: 10.25rem;--components-dateRangeField-content-inlineStart: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25));--components-dateRangeField-content-width: calc(50% + var(--pr-t-spacings-300) + var(--pr-t-spacings-50));--components-dateRangeField-content-inlineEnd: calc(var(--pr-t-spacings-800) + var(--pr-t-spacings-150));--components-dateRangeField-content-background: transparent;--components-dateRangeField-content-placeholderColor: var(--palettes-neutral-400);display:block;max-inline-size:var(--components-dateRangeField-maxWidth)}.dateRangeField-fieldset{margin:0;padding:0;border:0}.dateRangeField-fieldset-content{position:relative;inline-size:var(--components-dateRangeField-content-width)}.dateRangeField-fieldset-content:before{content:\"\";position:absolute;background-color:var(--components-dateRangeField-content-background);border-radius:var(--pr-t-border-radius-50);pointer-events:none;inset:var(--pr-t-spacings-50);inset-inline-end:calc(var(--components-dateRangeField-content-inlineEnd) - var(--pr-t-spacings-50))}.dateRangeField-fieldset-content.is-highlighted{--components-dateRangeField-content-background: var(--palettes-product-100);--components-dateRangeField-content-placeholderColor: var(--palettes-product-400)}.form-field:has(.dateRangeField-fieldset-input-value[aria-invalid=true]) .dateRangeField-fieldset-content.is-highlighted{--components-dateRangeField-content-background: var(--palettes-critical-100)}.form-field:has(.dateRangeField-fieldset-input-value[aria-invalid=true]) .dateRangeField-fieldset-content{--components-dateRangeField-content-placeholderColor: var(--palettes-critical-400)}.dateRangeField-fieldset-content.mod-start{--components-dateRangeField-content-width: calc(50% - var(--pr-t-spacings-300) - var(--pr-t-spacings-50));--components-dateRangeField-content-inlineEnd: var(--pr-t-spacings-250)}.dateRangeField-fieldset-input-value.textField-input-value{position:relative;padding-inline-start:var(--components-dateRangeField-content-inlineStart);padding-inline-end:var(--components-dateRangeField-content-inlineEnd)}.dateRangeField-fieldset-input-value.textField-input-value::placeholder{color:var(--components-dateRangeField-content-placeholderColor)}.form-field.mod-S .dateRangeField-fieldset-input-value.textField-input-value{--components-dateRangeField-content-inlineStart: var(--pr-t-spacings-100)}.dateRangeField-fieldset-arrow{position:absolute;inset-inline-start:calc(50% - (var(--pr-t-spacings-400) + var(--pr-t-spacings-150)));color:var(--palettes-neutral-700);pointer-events:none;border-radius:var(--pr-t-border-radius-default);--icon-size: 1.25rem}}@layer mods{.form-field.mod-S .dateRangeField .dateRangeField-fieldset-arrow{--icon-size: 1rem}.dateRangeField.mod-filterPill{--components-dateRangeField-maxWidth: none}.dateRangeField.mod-filterPill .dateRangeField-fieldset-content{--components-dateRangeField-content-inlineEnd: var(--pr-t-spacings-100);--components-dateRangeField-content-width: calc(50% - var(--pr-t-spacings-100))}.dateRangeField.mod-filterPill .dateRangeField-fieldset-content.mod-start{--components-dateRangeField-content-width: calc(50% + var(--pr-t-spacings-100));--components-dateRangeField-content-inlineEnd: var(--pr-t-spacings-300)}.dateRangeField.mod-filterPill .textField-input-affix-toggle{display:none}.dateRangeField.mod-filterPill .dateRangeField-fieldset-arrow{left:calc(50% - var(--pr-t-spacings-100) - var(--pr-t-spacings-25))}.dateRangeField.mod-filterPill .dateRangeField-fieldset-textField.textField{position:relative;z-index:1;margin-block-start:var(--pr-t-spacings-50);margin-inline:var(--pr-t-spacings-50)}.dateRangeField.mod-filterPill .calendarWrapper{margin-inline:calc(var(--pr-t-spacings-100) * -1);margin-block-end:calc(var(--pr-t-spacings-100) * -1)}@media not all and (min-width:40em){.dateRangeField.mod-filterPill{--components-dateRangeField-maxWidth: 17.25rem}}.dateRangeField:not(.mod-auto,.mod-filterPill).mod-day{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthDay)}.form-field.mod-S .dateRangeField:not(.mod-auto,.mod-filterPill).mod-day{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthDayS)}.dateRangeField:not(.mod-auto,.mod-filterPill).mod-month{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthMonth)}.form-field.mod-S .dateRangeField:not(.mod-auto,.mod-filterPill).mod-month{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthMonthS)}.dateRangeField:not(.mod-auto,.mod-filterPill).mod-year{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthYear)}.form-field.mod-S .dateRangeField:not(.mod-auto,.mod-filterPill).mod-year{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthYearS)}}@layer components{.clear{--components-clear-display: grid;--components-clear-size: 1rem;--components-clear-background: var(--palettes-800, var(--palettes-neutral-800));--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:var(--components-clear-display);grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;inline-size:var(--components-clear-size);block-size:var(--components-clear-size);border-radius:var(--pr-t-border-radius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--pr-t-border-radius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background: var(--palettes-700, var(--palettes-neutral-700))}.clear:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-900, var(--palettes-neutral-900))}.clear .lucca-icon{display:none}}@layer mods{.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.mod-inverted{--components-clear-cross-color: var(--palettes-800, var(--palettes-neutral-800));--components-clear-background: var(--palettes-0, var(--palettes-neutral-0))}.clear.mod-inverted:hover{--components-clear-background: var(--palettes-50, var(--palettes-neutral-50))}.clear.mod-inverted:active{--components-clear-background: var(--palettes-100, var(--palettes-neutral-100))}.clear[disabled]{cursor:default;--components-clear-cross-color: var(--palettes-neutral-500)}.clear[disabled],.clear[disabled]:hover,.clear[disabled]:active{--components-clear-background: var(--palettes-neutral-300)}.clear[hidden],.filterPill[disabled] .clear,.filterPill:not(.is-filled) .clear,.textfield-input[disabled] .clear,.textfield-input:not(.is-filled) .clear{--components-clear-display: none}.multiSelect.is-selected:has(.multipleSelect-clear) .clear{--components-clear-display: grid}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { startTextInputRef: [{ type: i0.ViewChild, args: ['start', { isSignal: true }] }], endTextInputRef: [{ type: i0.ViewChild, args: ['end', { isSignal: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], widthAuto: [{ type: i0.Input, args: [{ isSignal: true, alias: "widthAuto", required: false }] }], shortcuts: [{ type: i0.Input, args: [{ isSignal: true, alias: "shortcuts", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], calendars: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => Calendar2Component), { isSignal: true }] }], previousButton: [{ type: i0.ViewChild, args: ['previousButtonRef', { isSignal: true }] }], nextButton: [{ type: i0.ViewChild, args: ['nextButtonRef', { isSignal: true }] }], isFilterPill: [{
-                type: HostBinding,
-                args: ['class.mod-filterPill']
-            }], isWidthAuto: [{
-                type: HostBinding,
-                args: ['class.mod-auto']
-            }] } });
+                    ], template: "<fieldset class=\"dateRangeField-fieldset\">\n\t<legend>\n\t\t<span class=\"pr-u-mask\">\n\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t</span>\n\t</legend>\n\t<div class=\"dateRangeField-fieldset-textField textField\" #popoverAnchor>\n\t\t<div class=\"textField-input\">\n\t\t\t<div class=\"dateRangeField-fieldset-content mod-start\" [class.is-highlighted]=\"highlightedField() === 0\">\n\t\t\t\t<label for=\"range-input-start-{{ idSuffix }}\" class=\"pr-u-mask\">Start</label>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t#start\n\t\t\t\t\tid=\"range-input-start-{{ idSuffix }}\"\n\t\t\t\t\tattr.aria-describedby=\"range-input-start-{{ idSuffix }}-message\"\n\t\t\t\t\tluInput\n\t\t\t\t\tluInputStandalone\n\t\t\t\t\tclass=\"textField-input-value dateRangeField-fieldset-input-value\"\n\t\t\t\t\t[ngModel]=\"startLabel()\"\n\t\t\t\t\t(input)=\"textInputChange(start.value, 'start')\"\n\t\t\t\t\t(blur)=\"inputBlur()\"\n\t\t\t\t\t(focus)=\"inputFocused.set(true); editedField.set(0); highlightedField.set(0)\"\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t(click)=\"editedField.set(0); openPopover(popoverRef, 'start')\"\n\t\t\t\t\t(keydown.arrowDown)=\"arrowDown(popoverRef, 'start')\"\n\t\t\t\t\t(keydown.escape)=\"popoverRef.close()\"\n\t\t\t\t\t[disabled]=\"disabled()\"\n\t\t\t\t\t[attr.placeholder]=\"dateFormatLocalized()\"\n\t\t\t\t\t[attr.autocomplete]=\"autocomplete()\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div class=\"dateRangeField-fieldset-content mod-end\" [class.is-highlighted]=\"highlightedField() === 1\">\n\t\t\t\t<label for=\"range-input-end-{{ idSuffix }}\" class=\"pr-u-mask\">End</label>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t#end\n\t\t\t\t\tid=\"range-input-end-{{ idSuffix }}\"\n\t\t\t\t\tattr.aria-describedby=\"range-input-end-{{ idSuffix }}-message\"\n\t\t\t\t\tluInput\n\t\t\t\t\tluInputStandalone\n\t\t\t\t\tclass=\"textField-input-value dateRangeField-fieldset-input-value\"\n\t\t\t\t\t[ngModel]=\"endLabel()\"\n\t\t\t\t\t(input)=\"textInputChange(end.value, 'end')\"\n\t\t\t\t\t(blur)=\"inputBlur()\"\n\t\t\t\t\t(focus)=\"inputFocused.set(true); editedField.set(1); highlightedField.set(1)\"\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t(click)=\"editedField.set(1); openPopover(popoverRef, 'end')\"\n\t\t\t\t\t(keydown.arrowDown)=\"arrowDown(popoverRef, 'end')\"\n\t\t\t\t\t(keydown.escape)=\"popoverRef.close()\"\n\t\t\t\t\t[disabled]=\"disabled()\"\n\t\t\t\t\t[attr.placeholder]=\"dateFormatLocalized()\"\n\t\t\t\t\t[attr.autocomplete]=\"autocomplete()\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<lu-icon [icon]=\"'arrowRight'\" [alt]=\"''\" class=\"dateRangeField-fieldset-arrow\" />\n\t\t\t<div class=\"textField-input-affix\">\n\t\t\t\t@if (!isFilterPill) {\n\t\t\t\t\t@if (clearable() && (start.value !== \"\" || end.value !== \"\")) {\n\t\t\t\t\t\t<lu-clear class=\"textField-input-affix-clear\" (onClear)=\"clear(); start.focus()\">{{ intl().clear }}</lu-clear>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t<button\n\t\t\t\t\t[luPopover2]=\"calendar\"\n\t\t\t\t\t[disabled]=\"disabled()\"\n\t\t\t\t\t[luPopoverNoCloseButton]=\"true\"\n\t\t\t\t\t[luPopoverAnchor]=\"popoverAnchor\"\n\t\t\t\t\t#popoverRef=\"luPopover2\"\n\t\t\t\t\t[customPositions]=\"popoverPositions\"\n\t\t\t\t\t(luPopoverClosed)=\"popoverClosed()\"\n\t\t\t\t\t(luPopoverOpened)=\"panelOpened.emit()\"\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"button mod-onlyIcon mod-ghost textField-input-affix-toggle\"\n\t\t\t\t\t(click)=\"editedField.set(0)\"\n\t\t\t\t>\n\t\t\t\t\t<lu-icon [icon]=\"'calendarPlanning'\" [alt]=\"intl().pickDate\" />\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</fieldset>\n\n<ng-template #calendar>\n\t<div class=\"calendarShortcutsOptional\">\n\t\t@if (shortcuts()?.length > 0) {\n\t\t\t<ul\n\t\t\t\tclass=\"calendarShortcuts\"\n\t\t\t\t[class.mod-day]=\"mode() === 'day'\"\n\t\t\t\t[class.mod-month]=\"mode() === 'month'\"\n\t\t\t\t[class.mod-year]=\"mode() === 'year'\"\n\t\t\t>\n\t\t\t\t@for (shortcut of shortcuts(); track $index) {\n\t\t\t\t\t<li class=\"calendarShortcutsButton-item\">\n\t\t\t\t\t\t<button type=\"button\" class=\"calendarShortcutsButton-item-button button\" (click)=\"selectShortcut(shortcut, popoverRef)\">\n\t\t\t\t\t\t\t{{ shortcut.label }}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</li>\n\t\t\t\t}\n\t\t\t</ul>\n\t\t}\n\t\t<div class=\"calendarWrapper\">\n\t\t\t<div class=\"calendarWrapper-navigation pr-u-left0\">\n\t\t\t\t<button class=\"calendarWrapper-navigation-button button\" type=\"button\" (click)=\"prev(mode())\" #previousButtonRef>\n\t\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronLeft\"></span><span class=\"pr-u-mask\">{{ intl().previous }}</span>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div class=\"calendarWrapper-navigation pr-u-right0\">\n\t\t\t\t<button class=\"calendarWrapper-navigation-button button\" type=\"button\" (click)=\"next(mode())\" #nextButtonRef>\n\t\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-arrowChevronRight\"></span><span class=\"pr-u-mask\"> {{ intl().next }}</span>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div class=\"calendarWrapper-content\" tabindex=\"-1\">\n\t\t\t\t<lu-calendar2\n\t\t\t\t\t[removeYearOverflow]=\"true\"\n\t\t\t\t\t[hideToday]=\"hideToday()\"\n\t\t\t\t\t[date]=\"currentDate()\"\n\t\t\t\t\t(dateChange)=\"currentDateChangeFromCalendar($event)\"\n\t\t\t\t\t[tabbableDate]=\"tabbableDate()\"\n\t\t\t\t\t(tabbableDateChange)=\"tabbableDateChange($event, 0)\"\n\t\t\t\t\t[getCellInfo]=\"combinedGetCellInfo\"\n\t\t\t\t\t[(dateHovered)]=\"dateHovered\"\n\t\t\t\t\t[ranges]=\"calendarRanges()\"\n\t\t\t\t\t(dateClicked)=\"dateClicked($event, popoverRef)\"\n\t\t\t\t\t(nextPage)=\"move(1, mode())\"\n\t\t\t\t\t(previousPage)=\"move(-1, mode())\"\n\t\t\t\t\t[mode]=\"mode()\"\n\t\t\t\t\t[hideWeekend]=\"hideWeekend()\"\n\t\t\t\t\t[disableModeChange]=\"true\"\n\t\t\t\t/>\n\t\t\t\t@if (hasTwoCalendars()) {\n\t\t\t\t\t<lu-calendar2\n\t\t\t\t\t\t[removeYearOverflow]=\"true\"\n\t\t\t\t\t\t[hideToday]=\"hideToday()\"\n\t\t\t\t\t\t[date]=\"currentRightDate()\"\n\t\t\t\t\t\t(dateChange)=\"currentDateChangeFromCalendar($event)\"\n\t\t\t\t\t\t[tabbableDate]=\"tabbableDate()\"\n\t\t\t\t\t\t(tabbableDateChange)=\"tabbableDateChange($event, 1)\"\n\t\t\t\t\t\t[getCellInfo]=\"combinedGetCellInfo\"\n\t\t\t\t\t\t[(dateHovered)]=\"dateHovered\"\n\t\t\t\t\t\t[ranges]=\"calendarRanges()\"\n\t\t\t\t\t\t(dateClicked)=\"dateClicked($event, popoverRef)\"\n\t\t\t\t\t\t(nextPage)=\"move(1, mode())\"\n\t\t\t\t\t\t(previousPage)=\"move(-1, mode())\"\n\t\t\t\t\t\t[mode]=\"mode()\"\n\t\t\t\t\t\t[hideWeekend]=\"hideWeekend()\"\n\t\t\t\t\t\t[disableModeChange]=\"true\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</ng-template>\n\n@if (isFilterPill) {\n\t<ng-container *ngTemplateOutlet=\"calendar\" />\n}\n\n<ng-container *luFilterPillDisplayer=\"let empty = isEmpty\">\n\t@if (!empty) {\n\t\t<span class=\"pr-u-mask\">{{ intl().from }}</span>\n\t\t{{ startLabel() }}\n\t\t<lu-icon [icon]=\"'arrowRight'\" size=\"XS\" [alt]=\"intl().to\" />\n\t\t{{ endLabel() }}\n\t}\n</ng-container>\n\n<ng-container *luPresentationDisplayDefault>\n\t<span class=\"pr-u-mask\">{{ intl().from }}</span>\n\t@if (startLabel()) {\n\t\t{{ startLabel() }}\n\t} @else {\n\t\t<span aria-hidden=\"true\" data-content-before=\"\u2013\"></span>\n\t}\n\t<lu-icon [icon]=\"'arrowRight'\" size=\"XS\" [alt]=\"intl().to\" />\n\t@if (endLabel()) {\n\t\t{{ endLabel() }}\n\t} @else {\n\t\t<span aria-hidden=\"true\" data-content-before=\"\u2013\"></span>\n\t}\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer components{.calendarWrapper{--components-calendarWrapperWidth: 17.25rem;--components-calendarWrapperBackground: transparent;--components-calendarWrapper-navigationBackground: var(--palettes-neutral-0)}}@layer mods{.calendarWrapper.mod-daysOffHidden .calendar-table-body-row-cell-action-stripes{--components-calendar-table-body-row-cell-action-stripesDisplay: none}.calendarWrapper.mod-daysOverflowingHidden .calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionDisplay: none}}@layer components{.calendar{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-neutral-200);--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionFontWeight: 400;--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text);--components-calendar-table-body-row-cell-actionOutlineWidth: 2px;--components-calendar-table-body-row-cell-actionOutlineOffset: -1px;--components-calendar-table-body-row-cell-actionCursor: pointer;--components-calendar-table-body-row-cell-actionTextDecoration: none;--components-calendar-table-body-row-cellSelectedBeforeContent: none;--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0;--components-calendar-table-body-row-cell-actionDisplay: block;--components-calendar-table-body-row-cell-action-stripesDisplay: block;--components-calendarBackground: var(--components-calendarWrapperBackground, var(--palettes-neutral-0));--components-calendarWidth: var(--components-calendarWrapperWidth, 17.25rem);--components-calendarBorderSpacing: 0;inline-size:var(--components-calendarWidth)}.calendarShortcutsOptional{display:flex}.calendarShortcuts{margin:0;padding:0;list-style-type:none;inline-size:13.5rem;border-inline-end:1px solid var(--palettes-neutral-100);padding:var(--pr-t-spacings-50);overflow:auto;position:relative;z-index:1;border-radius:var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendarShortcuts:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarShortcuts.mod-day{max-block-size:19.25rem}.calendarShortcuts.mod-day:has(+.calendarWrapper .calendar-todayLink){max-block-size:21.75rem}.calendarShortcuts.mod-month,.calendarShortcuts.mod-year{max-block-size:18rem}.calendarShortcutsButton-item-button.button{--components-button-width: 100%;--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarShortcutsButton-item-button.button:hover,.calendarShortcutsButton-item-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarShortcutsButton-item-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarShortcutsButton-item-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarShortcutsButton-item-button.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.calendarShortcutsButton-item-button.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.calendarShortcutsButton-item-button.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.calendarShortcutsButton-item-button.button{justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-regular);white-space:wrap;text-align:start}.calendar-table{border-spacing:var(--components-calendarBorderSpacing);border:var(--pr-t-spacings-150) solid transparent;border-block-start:0;table-layout:fixed;background-color:var(--components-calendarBackground);scroll-snap-align:start end;flex-shrink:0;flex-grow:0;inline-size:100%;empty-cells:hide}.calendarWrapper{background-color:var(--components-calendarWrapperBackground);position:relative}.calendarWrapper:has(.calendar-table-body-row-cell-action:focus-visible):has(.calendar-table-body-row-cell-action:hover) .calendar-table-body-row-cell-action:hover:not(:focus-visible){outline:none}.calendarWrapper-content{display:flex;overflow:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.calendarWrapper-content::-webkit-scrollbar{display:none}.calendarWrapper-content:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}.calendarWrapper-navigation{position:absolute;inset-block-start:0;background-color:var(--components-calendarWrapper-navigationBackground);border-width:var(--pr-t-spacings-150);border-style:solid;border-color:var(--components-calendarWrapper-navigationBackground);border-radius:var(--pr-t-border-radius-default)}.calendarWrapper-navigation-button.button{--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.calendarWrapper-navigation-button.button:hover,.calendarWrapper-navigation-button.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.calendarWrapper-navigation-button.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.calendarWrapper-navigation-button.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.calendarWrapper-navigation-button.button{--components-button-padding: var(--pr-t-spacings-50)}.calendar-stripes{border:0;clip-path:rect(1px 1px 1px 1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.calendar-divider.divider{margin:0}.calendar-todayLink.link{text-transform:capitalize;display:block;margin:auto;padding:var(--pr-t-spacings-100);line-height:var(--pr-t-font-body-M-lineHeight);--components-link-textDecoration: none;--components-link-text-textDecoration: none}.calendar-todayLink.link:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:-4px;border-radius:8px}.calendar-stripes-symbol-path{fill:var(--components-calendar-table-body-row-cell-action-stripesColor)}.calendar-name{font:var(--pr-t-font-heading-3);padding-block:var(--pr-t-spacings-50);padding-inline:calc(var(--pr-t-spacings-300) + var(--pr-t-spacings-100));border:var(--pr-t-spacings-150) solid transparent;border-block-end:var(--pr-t-spacings-100) solid transparent;text-transform:lowercase;background-color:var(--components-calendarBackground);text-align:center}.calendar-name-button{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);text-align:inherit;inline-size:fit-content;display:inline-block;padding:var(--pr-t-spacings-50);margin-block:calc(var(--pr-t-spacings-50) * -1)}.calendar-name-button:hover{color:var(--palettes-700, var(--palettes-product-700))}.calendar-name-button:active{color:var(--palettes-800, var(--palettes-product-800))}.calendar-name-button:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.calendar-name-button+.calendar-name-button{margin-inline-start:calc(var(--pr-t-spacings-100) * -1)}.calendar-table-head-row-cell,.calendar-table-body-row-cell{padding:var(--pr-t-spacings-25);block-size:var(--pr-t-spacings-400);box-sizing:content-box}.calendar-table-head-row-cell{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);text-transform:uppercase;border-block-end:var(--pr-t-spacings-50) solid transparent}.calendar-table-body-row-cell{position:relative;color:var(--palettes-neutral-700)}.calendar-table-body-row-cell:before{background-color:var(--palettes-50, var(--palettes-product-50));position:absolute;inset:var(--pr-t-spacings-25) 0;content:var(--components-calendar-table-body-row-cellSelectedBeforeContent);border-radius:var(--components-calendar-table-body-row-cellSelectedBeforeBorderRadius)}.calendar-table-body-row-cell-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:var(--pr-t-border-radius-default);position:relative;z-index:1;text-align:center;overflow:hidden;font-weight:var(--components-calendar-table-body-row-cell-actionFontWeight);color:var(--components-calendar-table-body-row-cell-actionColor);background-color:var(--components-calendar-table-body-row-cell-actionHighlight);display:var(--components-calendar-table-body-row-cell-actionDisplay);block-size:100%;text-transform:lowercase;cursor:var(--components-calendar-table-body-row-cell-actionCursor);text-decoration:var(--components-calendar-table-body-row-cell-actionTextDecoration);box-shadow:0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight),0 0 0 1px var(--components-calendar-table-body-row-cell-actionHighlight) inset}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):hover{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{outline:2px solid var(--palettes-800, var(--palettes-product-800));background-color:var(--palettes-800, var(--palettes-product-800));color:var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell-action:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;outline-width:var(--components-calendar-table-body-row-cell-actionOutlineWidth);outline-offset:var(--components-calendar-table-body-row-cell-actionOutlineOffset);outline-color:var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell-action-stripes{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:60px;block-size:60px;z-index:-1;display:var(--components-calendar-table-body-row-cell-action-stripesDisplay)}}@layer mods{.calendar:has(.calendar-table-body-row-cell:nth-child(3):last-child){--components-calendarBorderSpacing: 0 var(--pr-t-spacings-200)}}@layer components{@media not all and (min-width:50em){.calendarShortcuts{display:none}}}@layer mods{.calendar-table-body-row-cell.is-daysOff .calendar-table-body-row-cell-action:not(:disabled,[aria-disabled=true]):active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-product-900)}.calendar-table-body-row-cell.is-overflow .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--pr-t-color-text-subtle)}.calendar-table-body-row-cell.is-current .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionFontWeight: 600;--components-calendar-table-body-row-cell-actionColor: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-selected:not(.is-overflow):before,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow):before{--components-calendar-table-body-row-cellSelectedBeforeContent: \"\"}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-selected:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-selectionInProgress:not(.is-overflow).is-daysOff .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:hover,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:active,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-singleDayInProgress .calendar-table-body-row-cell-action:focus-visible,.calendar-table-body-row-cell.is-start .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-singleDayInProgress.is-selected .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-singleDayInProgress.is-daysOff .calendar-table-body-row-cell-action,.calendar-table-body-row-cell.is-start.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-singleDayInProgress:before,.calendar-table-body-row-cell.is-start:before{inset-inline-start:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-end .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-end.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-end.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-end:before{inset-inline-end:var(--pr-t-spacings-75);--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-startInProgress:not(.is-endInProgress):before{inset-inline-end:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: var(--pr-t-border-radius-default) 0 0 var(--pr-t-border-radius-default)}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress.is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-startInProgress.is-endInProgress:before{--components-calendar-table-body-row-cellSelectedBeforeContent: none}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0));--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-700, var(--palettes-product-700))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:hover{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-600, var(--palettes-product-600));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-700, var(--palettes-product-700));--components-calendar-table-body-row-cell-actionOutlineWidth: 0}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:active{--components-calendar-table-body-row-cell-actionHighlight: var(--palettes-800, var(--palettes-product800));--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-900, var(--palettes-product-900))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover) .calendar-table-body-row-cell-action:focus-visible{--components-calendar-table-body-row-cell-actionOutlineOffset: 3px}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-selected .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionColor: var(--palettes-0, var(--palettes-product-0))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):not(:hover).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-800, var(--palettes-product-800))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress){--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible).is-daysOff .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-action-stripesColor: var(--palettes-200, var(--palettes-product-200))}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):has(:focus-visible) .calendar-table-body-row-cell-action{--components-calendar-table-body-row-cell-actionHighlight: transparent;--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-700);--components-calendar-table-body-row-cell-actionOutlineOffset: -1px !important}.calendar-table-body-row-cell.is-endInProgress:not(.is-startInProgress):before{inset-inline-start:0;--components-calendar-table-body-row-cellSelectedBeforeContent: \"\";--components-calendar-table-body-row-cellSelectedBeforeBorderRadius: 0 var(--pr-t-border-radius-default) var(--pr-t-border-radius-default) 0}.calendar-table-body-row-cell .calendar-table-body-row-cell-action:disabled,.calendar-table-body-row-cell .calendar-table-body-row-cell-action[aria-disabled=true]{--components-calendar-table-body-row-cell-actionColor: var(--palettes-neutral-500);--components-calendar-table-body-row-cell-actionTextDecoration: line-through;--components-calendar-table-body-row-cell-actionCursor: default}}@layer components{.textField{--component-textField-font: var(--pr-t-font-body-M);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder);--component-textField-background: var(--pr-t-color-input-background);--component-textField-border: var(--pr-t-color-input-border);--component-textField-borderHover: var(--pr-t-color-input-border-hover);--component-textField-color: var(--pr-t-color-input-text);--component-textField-textDecoration: none;--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);--component-textField-affix-size: 1.75rem;--component-textField-scrollMargin: 88rem;--component-textField-maxHeight: 90dvh;--component-textField-maxHeightFallback: 90vh;--component-textField-borderRadius: var(--pr-t-border-radius-input);--component-textField-width: auto;--component-textField-fontSize: var(--pr-t-font-body-M-fontSize);--component-textField-lineHeight: var(--pr-t-font-body-M-lineHeight);display:flex;align-items:stretch;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border);inline-size:var(--component-textField-width)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.textField .textField-input-affix-toggle{pointer-events:auto;inline-size:var(--component-textField-affix-size);block-size:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;inline-size:100%;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);position:relative}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-toggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-toggle){--component-textField-affix-padding: 4.5rem}.textField-input-valueClone,.textField-input-value{border:0;outline:none;font:var(--component-textField-font);inline-size:100%;padding-block:var(--component-textField-padding) var(--component-textField-padding);padding-inline:var(--component-textField-padding) var(--component-textField-affix-padding);background-color:transparent;color:var(--component-textField-color);text-decoration:var(--component-textField-textDecoration);text-overflow:ellipsis}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-block-size:var(--component-textField-maxHeight)}@supports not (height: 1dvh){.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){--component-textField-maxHeight: var(--component-textField-maxHeightFallback)}}.textField-input-valueClone::placeholder,.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-valueClone:is(textarea),.textField-input-value:is(textarea){resize:block;min-block-size:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){block-size:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-block-size:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;inset-inline-end:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--pr-t-color-input-icon);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-prefix{display:inline-flex;padding-inline-start:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-start-radius:var(--pr-t-border-radius-input);border-end-start-radius:var(--pr-t-border-radius-input);flex-shrink:0}.textField-prefix~.textField-input{border-start-start-radius:0;border-end-start-radius:0}.textField-suffix{display:inline-flex;padding-inline-end:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-end-radius:var(--pr-t-border-radius-input);border-end-end-radius:var(--pr-t-border-radius-input);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-start-end-radius:0;border-end-end-radius:0}}@layer mods{.textField:hover{--component-textField-border: var(--component-textField-borderHover)}.textField.mod-S{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-S .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-S .textField-input-affix-clear.clear,.textField.mod-S .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-XS{--component-textField-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear.clear,.textField.mod-XS .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-valueAlignRight .textField-input-value{text-align:end}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--pr-t-color-input-border-critical);--component-textField-background: var(--pr-t-color-input-background-critical);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.textField.is-invalid:hover,.textField:has(.textField-input-value[aria-invalid=true]):hover{--component-textField-border: var(--pr-t-color-input-border-critical-hover)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-background: var(--pr-t-color-input-background-disabled);--component-textField-color: var(--pr-t-color-input-text-disabled)}.textField.mod-autoResize .textField-input{display:grid;align-items:normal;min-inline-size:0;scroll-margin-block-end:var(--component-textField-scrollMargin)}.textField.mod-autoResize .textField-input-valueClone,.textField.mod-autoResize .textField-input-value{white-space:pre-wrap;overflow-wrap:break-word;grid-area:1/1/2/2;resize:none;min-inline-size:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\"\\a0\"/\"\"}.textField.mod-filterPill{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-filterPill .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-filterPill .textField-input-affix-clear.clear,.textField.mod-filterPill .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-filterPill .textField-input-affix-icon{--icon-size: 1.25rem}}.textField.is-lineThrough{--component-textField-color: var(--pr-t-color-text-subtle);--component-textField-textDecoration: line-through}@layer components{.dateRangeField{--components-dateRangeField-maxWidth: auto;--components-dateRangeField-maxWidthDay: 18rem;--components-dateRangeField-maxWidthMonth: 16rem;--components-dateRangeField-maxWidthYear: 12rem;--components-dateRangeField-maxWidthDayS: 16.5rem;--components-dateRangeField-maxWidthMonthS: 13.5rem;--components-dateRangeField-maxWidthYearS: 10.25rem;--components-dateRangeField-content-inlineStart: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25));--components-dateRangeField-content-width: calc(50% + var(--pr-t-spacings-300) + var(--pr-t-spacings-50));--components-dateRangeField-content-inlineEnd: calc(var(--pr-t-spacings-800) + var(--pr-t-spacings-150));--components-dateRangeField-content-background: transparent;--components-dateRangeField-content-placeholderColor: var(--palettes-neutral-400);display:block;max-inline-size:var(--components-dateRangeField-maxWidth)}.dateRangeField-fieldset{margin:0;padding:0;border:0}.dateRangeField-fieldset-content{position:relative;inline-size:var(--components-dateRangeField-content-width)}.dateRangeField-fieldset-content:before{content:\"\";position:absolute;background-color:var(--components-dateRangeField-content-background);border-radius:var(--pr-t-border-radius-50);pointer-events:none;inset:var(--pr-t-spacings-50);inset-inline-end:calc(var(--components-dateRangeField-content-inlineEnd) - var(--pr-t-spacings-50))}.dateRangeField-fieldset-content.is-highlighted{--components-dateRangeField-content-background: var(--palettes-product-100);--components-dateRangeField-content-placeholderColor: var(--palettes-product-400)}.form-field:has(.dateRangeField-fieldset-input-value[aria-invalid=true]) .dateRangeField-fieldset-content.is-highlighted{--components-dateRangeField-content-background: var(--palettes-critical-100)}.form-field:has(.dateRangeField-fieldset-input-value[aria-invalid=true]) .dateRangeField-fieldset-content{--components-dateRangeField-content-placeholderColor: var(--palettes-critical-400)}.dateRangeField-fieldset-content.mod-start{--components-dateRangeField-content-width: calc(50% - var(--pr-t-spacings-300) - var(--pr-t-spacings-50));--components-dateRangeField-content-inlineEnd: var(--pr-t-spacings-250)}.dateRangeField-fieldset-input-value.textField-input-value{position:relative;padding-inline-start:var(--components-dateRangeField-content-inlineStart);padding-inline-end:var(--components-dateRangeField-content-inlineEnd)}.dateRangeField-fieldset-input-value.textField-input-value::placeholder{color:var(--components-dateRangeField-content-placeholderColor)}.form-field.mod-S .dateRangeField-fieldset-input-value.textField-input-value{--components-dateRangeField-content-inlineStart: var(--pr-t-spacings-100)}.dateRangeField-fieldset-arrow{position:absolute;inset-inline-start:calc(50% - (var(--pr-t-spacings-400) + var(--pr-t-spacings-150)));color:var(--palettes-neutral-700);pointer-events:none;border-radius:var(--pr-t-border-radius-default);--icon-size: 1.25rem}}@layer mods{.form-field.mod-S .dateRangeField .dateRangeField-fieldset-arrow{--icon-size: 1rem}.dateRangeField.mod-filterPill{--components-dateRangeField-maxWidth: none}.dateRangeField.mod-filterPill .dateRangeField-fieldset-content{--components-dateRangeField-content-inlineEnd: var(--pr-t-spacings-100);--components-dateRangeField-content-width: calc(50% - var(--pr-t-spacings-100))}.dateRangeField.mod-filterPill .dateRangeField-fieldset-content.mod-start{--components-dateRangeField-content-width: calc(50% + var(--pr-t-spacings-100));--components-dateRangeField-content-inlineEnd: var(--pr-t-spacings-300)}.dateRangeField.mod-filterPill .textField-input-affix-toggle{display:none}.dateRangeField.mod-filterPill .dateRangeField-fieldset-arrow{left:calc(50% - var(--pr-t-spacings-100) - var(--pr-t-spacings-25))}.dateRangeField.mod-filterPill .dateRangeField-fieldset-textField.textField{position:relative;z-index:1;margin-block-start:var(--pr-t-spacings-50);margin-inline:var(--pr-t-spacings-50)}.dateRangeField.mod-filterPill .calendarWrapper{margin-inline:calc(var(--pr-t-spacings-100) * -1);margin-block-end:calc(var(--pr-t-spacings-100) * -1)}@media not all and (min-width:40em){.dateRangeField.mod-filterPill{--components-dateRangeField-maxWidth: 17.25rem}}.dateRangeField:not(.mod-auto,.mod-filterPill).mod-day{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthDay)}.form-field.mod-S .dateRangeField:not(.mod-auto,.mod-filterPill).mod-day{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthDayS)}.dateRangeField:not(.mod-auto,.mod-filterPill).mod-month{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthMonth)}.form-field.mod-S .dateRangeField:not(.mod-auto,.mod-filterPill).mod-month{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthMonthS)}.dateRangeField:not(.mod-auto,.mod-filterPill).mod-year{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthYear)}.form-field.mod-S .dateRangeField:not(.mod-auto,.mod-filterPill).mod-year{--components-dateRangeField-maxWidth: var(--components-dateRangeField-maxWidthYearS)}}@layer components{.clear{--components-clear-display: grid;--components-clear-size: 1rem;--components-clear-background: var(--palettes-800, var(--palettes-neutral-800));--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:var(--components-clear-display);grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;inline-size:var(--components-clear-size);block-size:var(--components-clear-size);border-radius:var(--pr-t-border-radius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--pr-t-border-radius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background: var(--palettes-700, var(--palettes-neutral-700))}.clear:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-900, var(--palettes-neutral-900))}.clear .lucca-icon{display:none}}@layer mods{.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.mod-inverted{--components-clear-cross-color: var(--palettes-800, var(--palettes-neutral-800));--components-clear-background: var(--palettes-0, var(--palettes-neutral-0))}.clear.mod-inverted:hover{--components-clear-background: var(--palettes-50, var(--palettes-neutral-50))}.clear.mod-inverted:active{--components-clear-background: var(--palettes-100, var(--palettes-neutral-100))}.clear[disabled]{cursor:default;--components-clear-cross-color: var(--palettes-neutral-500)}.clear[disabled],.clear[disabled]:hover,.clear[disabled]:active{--components-clear-background: var(--palettes-neutral-300)}.clear[hidden],.filterPill[disabled] .clear,.filterPill:not(.is-filled) .clear,.textfield-input[disabled] .clear,.textfield-input:not(.is-filled) .clear{--components-clear-display: none}.multiSelect.is-selected:has(.multipleSelect-clear) .clear{--components-clear-display: grid}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { startTextInputRef: [{ type: i0.ViewChild, args: ['start', { isSignal: true }] }], endTextInputRef: [{ type: i0.ViewChild, args: ['end', { isSignal: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], widthAuto: [{ type: i0.Input, args: [{ isSignal: true, alias: "widthAuto", required: false }] }], shortcuts: [{ type: i0.Input, args: [{ isSignal: true, alias: "shortcuts", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], calendars: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => Calendar2Component), { isSignal: true }] }], previousButton: [{ type: i0.ViewChild, args: ['previousButtonRef', { isSignal: true }] }], nextButton: [{ type: i0.ViewChild, args: ['nextButtonRef', { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CALENDAR_MODE, Calendar2Component, DATE2_CLEAR_BEHAVIOR, DATE_FORMAT, DATE_FORMAT_CONST, DATE_ISO_FORMAT, DateInputComponent, DateRangeInputComponent, PremadeShortcuts, getDateFormat, getLocalizedDateFormat, getSeparator };
+export { Calendar2Component, DateInputComponent, DateRangeInputComponent, PremadeShortcuts, getDateFormat, getLocalizedDateFormat, getSeparator };
 //# sourceMappingURL=lucca-front-ng-date2.mjs.map