@lucca-front/ng 21.1.1-rc.2 → 21.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/lucca-front-ng-date2.mjs +2 -2
- package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-form-field.mjs +4 -7
- package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +2 -2
- package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +8 -5
- package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-popover2.mjs +2 -2
- package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-skeleton.mjs +2 -2
- package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-software-icon.mjs +2 -2
- package/fesm2022/lucca-front-ng-software-icon.mjs.map +1 -1
- package/package.json +4 -4
- package/types/lucca-front-ng-software-icon.d.ts +2 -2
|
@@ -1139,7 +1139,7 @@ class DateInputComponent extends AbstractDateComponent {
|
|
|
1139
1139
|
useExisting: forwardRef(() => DateInputComponent),
|
|
1140
1140
|
},
|
|
1141
1141
|
LuClass,
|
|
1142
|
-
], 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/>\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);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;-ms-overflow-style:none;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: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)}.calendar-todayLink.link,.calendar-todayLink.link .link-text{text-decoration:none}.calendar-todayLink.link:not(:has(.link-text)):hover{text-decoration:underline}.calendar-todayLink.link:has(.link-text):hover .link-text{text-decoration:underline}.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(-135deg,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 .lucca-icon{background-image:none}.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-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-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-outlined:where(:not(.is-success,.is-error)),.button.mod-outline: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-outlined:where(:not(.is-success,.is-error)):hover,.button.mod-outline: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-outlined:where(:not(.is-success,.is-error)):active,.button.mod-outline:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-outlined:where(:not(.is-success,.is-error)):focus-visible,.button.mod-outline:where(:not(.is-success,.is-error)):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.button.mod-outlined:where(:not(.is-success,.is-error)):disabled,.button.mod-outline: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-text:where(:not(.is-success,.is-error)),.button.mod-link: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-text:where(:not(.is-success,.is-error)):hover,.button.mod-text:where(:not(.is-success,.is-error)):focus-visible,.button.mod-link:where(:not(.is-success,.is-error)):hover,.button.mod-link: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-text:where(:not(.is-success,.is-error)):active,.button.mod-link: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-text:where(:not(.is-success,.is-error)):disabled,.button.mod-link: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-critical:hover,.button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical:active,.button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-text:hover,.button.mod-critical.mod-text:focus-visible,.button.mod-critical.mod-link:hover,.button.mod-critical.mod-link:focus-visible,.button.mod-delete.mod-text:hover,.button.mod-delete.mod-text:focus-visible,.button.mod-delete.mod-link:hover,.button.mod-delete.mod-link:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical.mod-text:active,.button.mod-critical.mod-link:active,.button.mod-delete.mod-text:active,.button.mod-delete.mod-link:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-outlined:hover,.button.mod-critical.mod-outline:hover,.button.mod-delete.mod-outlined:hover,.button.mod-delete.mod-outline: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-critical.mod-outlined:focus-visible,.button.mod-critical.mod-outline:focus-visible,.button.mod-delete.mod-outlined:focus-visible,.button.mod-delete.mod-outline: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-critical.mod-outlined:active,.button.mod-critical.mod-outline:active,.button.mod-delete.mod-outlined:active,.button.mod-delete.mod-outline:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-inverted,.button.mod-invert{--components-button-color: var(--palettes-neutral-0)}.button.mod-inverted:hover,.button.mod-inverted:focus-visible,.button.mod-invert:hover,.button.mod-invert:focus-visible{--components-button-color: var(--palettes-neutral-0);--components-button-backgroundColor: var(--palettes-neutral-900)}.button.mod-inverted:active,.button.mod-invert: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.is-loading,.button.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.is-loading:after,.button.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.is-loading .numericBadge,.button.loading .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-loading.mod-S:after,.button.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.is-loading.mod-XS:after,.button.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.is-loading.mod-XS,.button.loading.mod-XS{--commons-loading-borderWidth: 2px}.button.is-loading.mod-AI,.button.is-loading.mod-outlined,.button.loading.mod-AI,.button.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.is-loading.mod-ghost,.button.loading.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--commons-loading-frontground: var(--palettes-neutral-400)}.button.is-error,.button.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.is-success,.button.success{--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-success:after,.button.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.is-success .numericBadge,.button.success .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-success.mod-AI,.button.is-success.mod-outlined,.button.success.mod-AI,.button.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.is-success.mod-AI:after,.button.is-success.mod-outlined:after,.button.success.mod-AI:after,.button.success.mod-outlined:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-ghost,.button.success.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--components-button-boxShadow: none}.button.is-success.mod-ghost:after,.button.success.mod-ghost:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-S:after,.button.success.mod-S:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.button.is-success.mod-XS:after,.button.success.mod-XS:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.button.is-disabled,.button.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.is-disabled .numericBadge,.button.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: "pr-icon,lu-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 }); }
|
|
1142
|
+
], 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/>\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);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;-ms-overflow-style:none;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: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)}.calendar-todayLink.link,.calendar-todayLink.link .link-text{text-decoration:none}.calendar-todayLink.link:not(:has(.link-text)):hover{text-decoration:underline}.calendar-todayLink.link:has(.link-text):hover .link-text{text-decoration:underline}.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(-135deg,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-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-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-outlined:where(:not(.is-success,.is-error)),.button.mod-outline: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-outlined:where(:not(.is-success,.is-error)):hover,.button.mod-outline: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-outlined:where(:not(.is-success,.is-error)):active,.button.mod-outline:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-outlined:where(:not(.is-success,.is-error)):focus-visible,.button.mod-outline:where(:not(.is-success,.is-error)):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.button.mod-outlined:where(:not(.is-success,.is-error)):disabled,.button.mod-outline: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-text:where(:not(.is-success,.is-error)),.button.mod-link: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-text:where(:not(.is-success,.is-error)):hover,.button.mod-text:where(:not(.is-success,.is-error)):focus-visible,.button.mod-link:where(:not(.is-success,.is-error)):hover,.button.mod-link: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-text:where(:not(.is-success,.is-error)):active,.button.mod-link: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-text:where(:not(.is-success,.is-error)):disabled,.button.mod-link: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-critical:hover,.button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical:active,.button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-text:hover,.button.mod-critical.mod-text:focus-visible,.button.mod-critical.mod-link:hover,.button.mod-critical.mod-link:focus-visible,.button.mod-delete.mod-text:hover,.button.mod-delete.mod-text:focus-visible,.button.mod-delete.mod-link:hover,.button.mod-delete.mod-link:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical.mod-text:active,.button.mod-critical.mod-link:active,.button.mod-delete.mod-text:active,.button.mod-delete.mod-link:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-outlined:hover,.button.mod-critical.mod-outline:hover,.button.mod-delete.mod-outlined:hover,.button.mod-delete.mod-outline: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-critical.mod-outlined:focus-visible,.button.mod-critical.mod-outline:focus-visible,.button.mod-delete.mod-outlined:focus-visible,.button.mod-delete.mod-outline: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-critical.mod-outlined:active,.button.mod-critical.mod-outline:active,.button.mod-delete.mod-outlined:active,.button.mod-delete.mod-outline:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-inverted,.button.mod-invert{--components-button-color: var(--palettes-neutral-0)}.button.mod-inverted:hover,.button.mod-inverted:focus-visible,.button.mod-invert:hover,.button.mod-invert:focus-visible{--components-button-color: var(--palettes-neutral-0);--components-button-backgroundColor: var(--palettes-neutral-900)}.button.mod-inverted:active,.button.mod-invert: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.is-loading,.button.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.is-loading:after,.button.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.is-loading .numericBadge,.button.loading .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-loading.mod-S:after,.button.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.is-loading.mod-XS:after,.button.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.is-loading.mod-XS,.button.loading.mod-XS{--commons-loading-borderWidth: 2px}.button.is-loading.mod-outlined,.button.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.is-loading.mod-ghost,.button.loading.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--commons-loading-frontground: var(--palettes-neutral-400)}.button.is-error,.button.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.is-success,.button.success{--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-success:after,.button.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.is-success .numericBadge,.button.success .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-success.mod-AI,.button.is-success.mod-outlined,.button.success.mod-AI,.button.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.is-success.mod-AI:after,.button.is-success.mod-outlined:after,.button.success.mod-AI:after,.button.success.mod-outlined:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-ghost,.button.success.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--components-button-boxShadow: none}.button.is-success.mod-ghost:after,.button.success.mod-ghost:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-S:after,.button.success.mod-S:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.button.is-success.mod-XS:after,.button.success.mod-XS:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.button.is-disabled,.button.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.is-disabled .numericBadge,.button.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: "pr-icon,lu-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 }); }
|
|
1143
1143
|
}
|
|
1144
1144
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: DateInputComponent, decorators: [{
|
|
1145
1145
|
type: Component,
|
|
@@ -1161,7 +1161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
1161
1161
|
useExisting: forwardRef(() => DateInputComponent),
|
|
1162
1162
|
},
|
|
1163
1163
|
LuClass,
|
|
1164
|
-
], 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/>\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);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;-ms-overflow-style:none;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: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)}.calendar-todayLink.link,.calendar-todayLink.link .link-text{text-decoration:none}.calendar-todayLink.link:not(:has(.link-text)):hover{text-decoration:underline}.calendar-todayLink.link:has(.link-text):hover .link-text{text-decoration:underline}.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(-135deg,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 .lucca-icon{background-image:none}.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-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-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-outlined:where(:not(.is-success,.is-error)),.button.mod-outline: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-outlined:where(:not(.is-success,.is-error)):hover,.button.mod-outline: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-outlined:where(:not(.is-success,.is-error)):active,.button.mod-outline:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-outlined:where(:not(.is-success,.is-error)):focus-visible,.button.mod-outline:where(:not(.is-success,.is-error)):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.button.mod-outlined:where(:not(.is-success,.is-error)):disabled,.button.mod-outline: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-text:where(:not(.is-success,.is-error)),.button.mod-link: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-text:where(:not(.is-success,.is-error)):hover,.button.mod-text:where(:not(.is-success,.is-error)):focus-visible,.button.mod-link:where(:not(.is-success,.is-error)):hover,.button.mod-link: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-text:where(:not(.is-success,.is-error)):active,.button.mod-link: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-text:where(:not(.is-success,.is-error)):disabled,.button.mod-link: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-critical:hover,.button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical:active,.button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-text:hover,.button.mod-critical.mod-text:focus-visible,.button.mod-critical.mod-link:hover,.button.mod-critical.mod-link:focus-visible,.button.mod-delete.mod-text:hover,.button.mod-delete.mod-text:focus-visible,.button.mod-delete.mod-link:hover,.button.mod-delete.mod-link:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical.mod-text:active,.button.mod-critical.mod-link:active,.button.mod-delete.mod-text:active,.button.mod-delete.mod-link:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-outlined:hover,.button.mod-critical.mod-outline:hover,.button.mod-delete.mod-outlined:hover,.button.mod-delete.mod-outline: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-critical.mod-outlined:focus-visible,.button.mod-critical.mod-outline:focus-visible,.button.mod-delete.mod-outlined:focus-visible,.button.mod-delete.mod-outline: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-critical.mod-outlined:active,.button.mod-critical.mod-outline:active,.button.mod-delete.mod-outlined:active,.button.mod-delete.mod-outline:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-inverted,.button.mod-invert{--components-button-color: var(--palettes-neutral-0)}.button.mod-inverted:hover,.button.mod-inverted:focus-visible,.button.mod-invert:hover,.button.mod-invert:focus-visible{--components-button-color: var(--palettes-neutral-0);--components-button-backgroundColor: var(--palettes-neutral-900)}.button.mod-inverted:active,.button.mod-invert: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.is-loading,.button.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.is-loading:after,.button.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.is-loading .numericBadge,.button.loading .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-loading.mod-S:after,.button.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.is-loading.mod-XS:after,.button.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.is-loading.mod-XS,.button.loading.mod-XS{--commons-loading-borderWidth: 2px}.button.is-loading.mod-AI,.button.is-loading.mod-outlined,.button.loading.mod-AI,.button.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.is-loading.mod-ghost,.button.loading.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--commons-loading-frontground: var(--palettes-neutral-400)}.button.is-error,.button.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.is-success,.button.success{--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-success:after,.button.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.is-success .numericBadge,.button.success .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-success.mod-AI,.button.is-success.mod-outlined,.button.success.mod-AI,.button.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.is-success.mod-AI:after,.button.is-success.mod-outlined:after,.button.success.mod-AI:after,.button.success.mod-outlined:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-ghost,.button.success.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--components-button-boxShadow: none}.button.is-success.mod-ghost:after,.button.success.mod-ghost:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-S:after,.button.success.mod-S:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.button.is-success.mod-XS:after,.button.success.mod-XS:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.button.is-disabled,.button.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.is-disabled .numericBadge,.button.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"] }]
|
|
1164
|
+
], 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/>\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);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;-ms-overflow-style:none;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: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)}.calendar-todayLink.link,.calendar-todayLink.link .link-text{text-decoration:none}.calendar-todayLink.link:not(:has(.link-text)):hover{text-decoration:underline}.calendar-todayLink.link:has(.link-text):hover .link-text{text-decoration:underline}.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(-135deg,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-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-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-outlined:where(:not(.is-success,.is-error)),.button.mod-outline: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-outlined:where(:not(.is-success,.is-error)):hover,.button.mod-outline: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-outlined:where(:not(.is-success,.is-error)):active,.button.mod-outline:where(:not(.is-success,.is-error)):active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.button.mod-outlined:where(:not(.is-success,.is-error)):focus-visible,.button.mod-outline:where(:not(.is-success,.is-error)):focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.button.mod-outlined:where(:not(.is-success,.is-error)):disabled,.button.mod-outline: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-text:where(:not(.is-success,.is-error)),.button.mod-link: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-text:where(:not(.is-success,.is-error)):hover,.button.mod-text:where(:not(.is-success,.is-error)):focus-visible,.button.mod-link:where(:not(.is-success,.is-error)):hover,.button.mod-link: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-text:where(:not(.is-success,.is-error)):active,.button.mod-link: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-text:where(:not(.is-success,.is-error)):disabled,.button.mod-link: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-critical:hover,.button.mod-delete:hover{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical:active,.button.mod-delete:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-text:hover,.button.mod-critical.mod-text:focus-visible,.button.mod-critical.mod-link:hover,.button.mod-critical.mod-link:focus-visible,.button.mod-delete.mod-text:hover,.button.mod-delete.mod-text:focus-visible,.button.mod-delete.mod-link:hover,.button.mod-delete.mod-link:focus-visible{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-100)}.button.mod-critical.mod-text:active,.button.mod-critical.mod-link:active,.button.mod-delete.mod-text:active,.button.mod-delete.mod-link:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-critical.mod-outlined:hover,.button.mod-critical.mod-outline:hover,.button.mod-delete.mod-outlined:hover,.button.mod-delete.mod-outline: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-critical.mod-outlined:focus-visible,.button.mod-critical.mod-outline:focus-visible,.button.mod-delete.mod-outlined:focus-visible,.button.mod-delete.mod-outline: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-critical.mod-outlined:active,.button.mod-critical.mod-outline:active,.button.mod-delete.mod-outlined:active,.button.mod-delete.mod-outline:active{--components-button-color: var(--palettes-error-700);--components-button-backgroundColor: var(--palettes-error-200)}.button.mod-inverted,.button.mod-invert{--components-button-color: var(--palettes-neutral-0)}.button.mod-inverted:hover,.button.mod-inverted:focus-visible,.button.mod-invert:hover,.button.mod-invert:focus-visible{--components-button-color: var(--palettes-neutral-0);--components-button-backgroundColor: var(--palettes-neutral-900)}.button.mod-inverted:active,.button.mod-invert: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.is-loading,.button.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.is-loading:after,.button.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.is-loading .numericBadge,.button.loading .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-loading.mod-S:after,.button.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.is-loading.mod-XS:after,.button.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.is-loading.mod-XS,.button.loading.mod-XS{--commons-loading-borderWidth: 2px}.button.is-loading.mod-outlined,.button.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.is-loading.mod-ghost,.button.loading.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--commons-loading-frontground: var(--palettes-neutral-400)}.button.is-error,.button.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.is-success,.button.success{--components-button-backgroundColor: var(--palettes-500, var(--palettes-product-500));--components-button-color: transparent;--components-button-pointerEvents: none;--components-button-userSelect: none}.button.is-success:after,.button.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.is-success .numericBadge,.button.success .numericBadge{--components-numericBadge-background: transparent;--components-numericBadge-color: transparent}.button.is-success.mod-AI,.button.is-success.mod-outlined,.button.success.mod-AI,.button.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.is-success.mod-AI:after,.button.is-success.mod-outlined:after,.button.success.mod-AI:after,.button.success.mod-outlined:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-ghost,.button.success.mod-ghost{--components-button-backgroundColor: var(--palettes-neutral-50);--components-button-boxShadow: none}.button.is-success.mod-ghost:after,.button.success.mod-ghost:after{color:var(--palettes-700, var(--palettes-product-700))}.button.is-success.mod-S:after,.button.success.mod-S:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.button.is-success.mod-XS:after,.button.success.mod-XS:after{font-size:var(--pr-t-font-body-XS-lineHeight);block-size:var(--pr-t-font-body-XS-lineHeight)}.button.is-disabled,.button.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.is-disabled .numericBadge,.button.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"] }]
|
|
1165
1165
|
}], 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: [{
|
|
1166
1166
|
type: HostBinding,
|
|
1167
1167
|
args: ['class.mod-filterPill']
|