@carbon/web-components 2.61.0 → 2.62.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +455 -13
- package/es/components/action-set/action-set.d.ts +107 -0
- package/es/components/action-set/action-set.d.ts.map +1 -0
- package/es/components/action-set/action-set.js +269 -0
- package/es/components/action-set/action-set.js.map +1 -0
- package/es/components/action-set/action-set.scss.js +14 -0
- package/es/components/action-set/action-set.scss.js.map +1 -0
- package/es/components/action-set/index.d.ts +9 -0
- package/es/components/action-set/index.d.ts.map +1 -0
- package/es/components/action-set/index.js +8 -0
- package/es/components/button/button.d.ts.map +1 -1
- package/es/components/button/button.js +7 -2
- package/es/components/button/button.js.map +1 -1
- package/es/components/data-table/data-table.scss.js +1 -1
- package/es/components/date-picker/next/components/date-picker.scss.js +1 -1
- package/es/components/file-uploader/file-uploader.scss.js +1 -1
- package/es/components/fluid-date-picker/fluid-date-picker.scss.js +1 -1
- package/es/components/resizer/defs.d.ts +73 -0
- package/es/components/resizer/defs.d.ts.map +1 -0
- package/es/components/resizer/defs.js +97 -0
- package/es/components/resizer/defs.js.map +1 -0
- package/es/components/resizer/index.d.ts +11 -0
- package/es/components/resizer/index.d.ts.map +1 -0
- package/es/components/resizer/index.js +11 -0
- package/es/components/resizer/resizer-grid.d.ts +22 -0
- package/es/components/resizer/resizer-grid.d.ts.map +1 -0
- package/es/components/resizer/resizer-grid.js +44 -0
- package/es/components/resizer/resizer-grid.js.map +1 -0
- package/es/components/resizer/resizer-grid.scss.js +14 -0
- package/es/components/resizer/resizer-grid.scss.js.map +1 -0
- package/es/components/resizer/resizer-handle-pivot.d.ts +31 -0
- package/es/components/resizer/resizer-handle-pivot.d.ts.map +1 -0
- package/es/components/resizer/resizer-handle-pivot.js +93 -0
- package/es/components/resizer/resizer-handle-pivot.js.map +1 -0
- package/es/components/resizer/resizer-handle-pivot.scss.js +14 -0
- package/es/components/resizer/resizer-handle-pivot.scss.js.map +1 -0
- package/es/components/resizer/resizer-handle.d.ts +64 -0
- package/es/components/resizer/resizer-handle.d.ts.map +1 -0
- package/es/components/resizer/resizer-handle.js +350 -0
- package/es/components/resizer/resizer-handle.js.map +1 -0
- package/es/components/resizer/resizer-handle.scss.js +14 -0
- package/es/components/resizer/resizer-handle.scss.js.map +1 -0
- package/es/components/resizer/resizer-panel.d.ts +22 -0
- package/es/components/resizer/resizer-panel.d.ts.map +1 -0
- package/es/components/resizer/resizer-panel.js +37 -0
- package/es/components/resizer/resizer-panel.js.map +1 -0
- package/es/components/resizer/resizer-panel.scss.js +14 -0
- package/es/components/resizer/resizer-panel.scss.js.map +1 -0
- package/es/components/side-panel/_story-assets/index.d.ts +9 -0
- package/es/components/side-panel/_story-assets/index.d.ts.map +1 -0
- package/es/components/side-panel/_story-assets/index.js +246 -0
- package/es/components/side-panel/_story-assets/index.js.map +1 -0
- package/es/components/side-panel/defs.d.ts +7 -1
- package/es/components/side-panel/defs.d.ts.map +1 -1
- package/es/components/side-panel/defs.js +7 -1
- package/es/components/side-panel/defs.js.map +1 -1
- package/es/components/side-panel/index.d.ts +3 -1
- package/es/components/side-panel/index.d.ts.map +1 -1
- package/es/components/side-panel/index.js +12 -0
- package/es/components/side-panel/index.js.map +1 -0
- package/es/components/side-panel/side-panel.d.ts +60 -22
- package/es/components/side-panel/side-panel.d.ts.map +1 -1
- package/es/components/side-panel/side-panel.js +268 -126
- package/es/components/side-panel/side-panel.js.map +1 -1
- package/es/components/side-panel/side-panel.scss.js +14 -0
- package/es/components/side-panel/side-panel.scss.js.map +1 -0
- package/es/components/side-panel/story-styles.scss.js +14 -0
- package/es/components/side-panel/story-styles.scss.js.map +1 -0
- package/es/components/slider/slider.d.ts +14 -0
- package/es/components/slider/slider.d.ts.map +1 -1
- package/es/components/slider/slider.js +40 -5
- package/es/components/slider/slider.js.map +1 -1
- package/es/components/slider/slider.scss.js +1 -1
- package/es/components/tabs/tab.d.ts.map +1 -1
- package/es/components/tabs/tab.js +4 -1
- package/es/components/tabs/tab.js.map +1 -1
- package/es/components/tabs/tabs.scss.js +1 -1
- package/es/components/tabs/tabs.scss.js.map +1 -1
- package/es/components/textarea/textarea.scss.js +1 -1
- package/es/components/textarea/textarea.scss.js.map +1 -1
- package/es/components/truncated-text/index.d.ts +8 -0
- package/es/components/truncated-text/index.d.ts.map +1 -0
- package/es/components/truncated-text/index.js +8 -0
- package/es/components/truncated-text/truncated-text.d.ts +77 -0
- package/es/components/truncated-text/truncated-text.d.ts.map +1 -0
- package/es/components/truncated-text/truncated-text.js +216 -0
- package/es/components/truncated-text/truncated-text.js.map +1 -0
- package/es/components/truncated-text/truncated-text.scss.js +14 -0
- package/es/components/truncated-text/truncated-text.scss.js.map +1 -0
- package/es/globals/internal/icon-loader-utils.d.ts +2 -2
- package/es/globals/internal/icon-loader-utils.d.ts.map +1 -1
- package/es/globals/internal/icon-loader-utils.js +1 -1
- package/es/globals/internal/icon-loader-utils.js.map +1 -1
- package/es/index.d.ts.map +1 -1
- package/es-custom/components/action-set/action-set.d.ts +107 -0
- package/es-custom/components/action-set/action-set.d.ts.map +1 -0
- package/es-custom/components/action-set/action-set.js +269 -0
- package/es-custom/components/action-set/action-set.js.map +1 -0
- package/es-custom/components/action-set/action-set.scss.js +14 -0
- package/es-custom/components/action-set/action-set.scss.js.map +1 -0
- package/es-custom/components/action-set/index.d.ts +9 -0
- package/es-custom/components/action-set/index.d.ts.map +1 -0
- package/es-custom/components/action-set/index.js +8 -0
- package/es-custom/components/button/button.d.ts.map +1 -1
- package/es-custom/components/button/button.js +7 -2
- package/es-custom/components/button/button.js.map +1 -1
- package/es-custom/components/data-table/data-table.scss.js +1 -1
- package/es-custom/components/date-picker/next/components/date-picker.scss.js +1 -1
- package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
- package/es-custom/components/fluid-date-picker/fluid-date-picker.scss.js +1 -1
- package/es-custom/components/resizer/defs.d.ts +73 -0
- package/es-custom/components/resizer/defs.d.ts.map +1 -0
- package/es-custom/components/resizer/defs.js +97 -0
- package/es-custom/components/resizer/defs.js.map +1 -0
- package/es-custom/components/resizer/index.d.ts +11 -0
- package/es-custom/components/resizer/index.d.ts.map +1 -0
- package/es-custom/components/resizer/index.js +11 -0
- package/es-custom/components/resizer/resizer-grid.d.ts +22 -0
- package/es-custom/components/resizer/resizer-grid.d.ts.map +1 -0
- package/es-custom/components/resizer/resizer-grid.js +44 -0
- package/es-custom/components/resizer/resizer-grid.js.map +1 -0
- package/es-custom/components/resizer/resizer-grid.scss.js +14 -0
- package/es-custom/components/resizer/resizer-grid.scss.js.map +1 -0
- package/es-custom/components/resizer/resizer-handle-pivot.d.ts +31 -0
- package/es-custom/components/resizer/resizer-handle-pivot.d.ts.map +1 -0
- package/es-custom/components/resizer/resizer-handle-pivot.js +93 -0
- package/es-custom/components/resizer/resizer-handle-pivot.js.map +1 -0
- package/es-custom/components/resizer/resizer-handle-pivot.scss.js +14 -0
- package/es-custom/components/resizer/resizer-handle-pivot.scss.js.map +1 -0
- package/es-custom/components/resizer/resizer-handle.d.ts +64 -0
- package/es-custom/components/resizer/resizer-handle.d.ts.map +1 -0
- package/es-custom/components/resizer/resizer-handle.js +350 -0
- package/es-custom/components/resizer/resizer-handle.js.map +1 -0
- package/es-custom/components/resizer/resizer-handle.scss.js +14 -0
- package/es-custom/components/resizer/resizer-handle.scss.js.map +1 -0
- package/es-custom/components/resizer/resizer-panel.d.ts +22 -0
- package/es-custom/components/resizer/resizer-panel.d.ts.map +1 -0
- package/es-custom/components/resizer/resizer-panel.js +37 -0
- package/es-custom/components/resizer/resizer-panel.js.map +1 -0
- package/es-custom/components/resizer/resizer-panel.scss.js +14 -0
- package/es-custom/components/resizer/resizer-panel.scss.js.map +1 -0
- package/es-custom/components/side-panel/_story-assets/index.d.ts +9 -0
- package/es-custom/components/side-panel/_story-assets/index.d.ts.map +1 -0
- package/es-custom/components/side-panel/_story-assets/index.js +246 -0
- package/es-custom/components/side-panel/_story-assets/index.js.map +1 -0
- package/es-custom/components/side-panel/defs.d.ts +7 -1
- package/es-custom/components/side-panel/defs.d.ts.map +1 -1
- package/es-custom/components/side-panel/defs.js +7 -1
- package/es-custom/components/side-panel/defs.js.map +1 -1
- package/es-custom/components/side-panel/index.d.ts +3 -1
- package/es-custom/components/side-panel/index.d.ts.map +1 -1
- package/es-custom/components/side-panel/index.js +12 -0
- package/es-custom/components/side-panel/index.js.map +1 -0
- package/es-custom/components/side-panel/side-panel.d.ts +60 -22
- package/es-custom/components/side-panel/side-panel.d.ts.map +1 -1
- package/es-custom/components/side-panel/side-panel.js +268 -126
- package/es-custom/components/side-panel/side-panel.js.map +1 -1
- package/es-custom/components/side-panel/side-panel.scss.js +14 -0
- package/es-custom/components/side-panel/side-panel.scss.js.map +1 -0
- package/es-custom/components/side-panel/story-styles.scss.js +14 -0
- package/es-custom/components/side-panel/story-styles.scss.js.map +1 -0
- package/es-custom/components/slider/slider.d.ts +14 -0
- package/es-custom/components/slider/slider.d.ts.map +1 -1
- package/es-custom/components/slider/slider.js +40 -5
- package/es-custom/components/slider/slider.js.map +1 -1
- package/es-custom/components/slider/slider.scss.js +1 -1
- package/es-custom/components/tabs/tab.d.ts.map +1 -1
- package/es-custom/components/tabs/tab.js +4 -1
- package/es-custom/components/tabs/tab.js.map +1 -1
- package/es-custom/components/tabs/tabs.scss.js +1 -1
- package/es-custom/components/tabs/tabs.scss.js.map +1 -1
- package/es-custom/components/textarea/textarea.scss.js +1 -1
- package/es-custom/components/textarea/textarea.scss.js.map +1 -1
- package/es-custom/components/truncated-text/index.d.ts +8 -0
- package/es-custom/components/truncated-text/index.d.ts.map +1 -0
- package/es-custom/components/truncated-text/index.js +8 -0
- package/es-custom/components/truncated-text/truncated-text.d.ts +77 -0
- package/es-custom/components/truncated-text/truncated-text.d.ts.map +1 -0
- package/es-custom/components/truncated-text/truncated-text.js +216 -0
- package/es-custom/components/truncated-text/truncated-text.js.map +1 -0
- package/es-custom/components/truncated-text/truncated-text.scss.js +14 -0
- package/es-custom/components/truncated-text/truncated-text.scss.js.map +1 -0
- package/es-custom/globals/internal/icon-loader-utils.d.ts +2 -2
- package/es-custom/globals/internal/icon-loader-utils.d.ts.map +1 -1
- package/es-custom/globals/internal/icon-loader-utils.js +1 -1
- package/es-custom/globals/internal/icon-loader-utils.js.map +1 -1
- package/es-custom/index.d.ts.map +1 -1
- package/lib/components/action-set/action-set.d.ts +107 -0
- package/lib/components/action-set/action-set.d.ts.map +1 -0
- package/lib/components/action-set/index.d.ts +9 -0
- package/lib/components/action-set/index.d.ts.map +1 -0
- package/lib/components/button/button.d.ts.map +1 -1
- package/lib/components/resizer/defs.d.ts +73 -0
- package/lib/components/resizer/defs.d.ts.map +1 -0
- package/lib/components/resizer/defs.js +112 -0
- package/lib/components/resizer/defs.js.map +1 -0
- package/lib/components/resizer/index.d.ts +11 -0
- package/lib/components/resizer/index.d.ts.map +1 -0
- package/lib/components/resizer/resizer-grid.d.ts +22 -0
- package/lib/components/resizer/resizer-grid.d.ts.map +1 -0
- package/lib/components/resizer/resizer-handle-pivot.d.ts +31 -0
- package/lib/components/resizer/resizer-handle-pivot.d.ts.map +1 -0
- package/lib/components/resizer/resizer-handle.d.ts +64 -0
- package/lib/components/resizer/resizer-handle.d.ts.map +1 -0
- package/lib/components/resizer/resizer-panel.d.ts +22 -0
- package/lib/components/resizer/resizer-panel.d.ts.map +1 -0
- package/lib/components/side-panel/_story-assets/index.d.ts +9 -0
- package/lib/components/side-panel/_story-assets/index.d.ts.map +1 -0
- package/lib/components/side-panel/defs.d.ts +7 -1
- package/lib/components/side-panel/defs.d.ts.map +1 -1
- package/lib/components/side-panel/defs.js +7 -1
- package/lib/components/side-panel/defs.js.map +1 -1
- package/lib/components/side-panel/index.d.ts +3 -1
- package/lib/components/side-panel/index.d.ts.map +1 -1
- package/lib/components/side-panel/side-panel.d.ts +60 -22
- package/lib/components/side-panel/side-panel.d.ts.map +1 -1
- package/lib/components/slider/slider.d.ts +14 -0
- package/lib/components/slider/slider.d.ts.map +1 -1
- package/lib/components/tabs/tab.d.ts.map +1 -1
- package/lib/components/truncated-text/index.d.ts +8 -0
- package/lib/components/truncated-text/index.d.ts.map +1 -0
- package/lib/components/truncated-text/truncated-text.d.ts +77 -0
- package/lib/components/truncated-text/truncated-text.d.ts.map +1 -0
- package/lib/globals/internal/icon-loader-utils.d.ts +2 -2
- package/lib/globals/internal/icon-loader-utils.d.ts.map +1 -1
- package/lib/index.d.ts.map +1 -1
- package/package.json +7 -7
- package/scss/components/action-set/action-set.scss +93 -0
- package/scss/components/data-table/_table-core.scss +73 -20
- package/scss/components/data-table/_table-selection.scss +31 -14
- package/scss/components/resizer/resizer-grid.scss +34 -0
- package/scss/components/resizer/resizer-handle-pivot.scss +39 -0
- package/scss/components/resizer/resizer-handle.scss +127 -0
- package/scss/components/resizer/resizer-panel.scss +10 -0
- package/scss/components/side-panel/side-panel.scss +363 -0
- package/scss/components/side-panel/story-styles.scss +51 -0
- package/scss/components/tabs/tabs.scss +4 -0
- package/scss/components/textarea/textarea.scss +6 -0
- package/scss/components/truncated-text/truncated-text-story.scss +14 -0
- package/scss/components/truncated-text/truncated-text.scss +122 -0
- package/telemetry.yml +26 -0
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from "lit";
|
|
9
9
|
//#region src/components/fluid-date-picker/fluid-date-picker.scss?lit
|
|
10
|
-
var fluid_date_picker_default = css([".cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}@keyframes fp-fade-in-down{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fp-slide-left{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes fp-slide-left-new{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-slide-right{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes fp-slide-right-new{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-fade-out{0%{opacity:1}to{opacity:0}}@keyframes fp-fade-in{0%{opacity:0}to{opacity:1}}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.flatpickr-calendar{position:absolute;overflow:hidden;box-sizing:border-box;padding:0;border:0;border-radius:0;animation:none;direction:ltr;inline-size:19.6875rem;max-block-size:0;opacity:0;text-align:center;touch-action:manipulation;visibility:hidden}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-calendar{outline:1px solid transparent}}.flatpickr-calendar.inline,.flatpickr-calendar.open{overflow:visible;max-block-size:40rem;opacity:1;visibility:inherit}.flatpickr-calendar.open{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:99999;display:flex;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .25rem .5rem;border:none;background-color:var(--cds-layer-01,#f4f4f4);block-size:21rem;inline-size:18rem;margin-block-start:-.125rem}.flatpickr-calendar.open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.flatpickr-calendar.open:focus{outline-style:dotted}}.flatpickr-calendar.animate.open{animation:fp-fade-in-down .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.flatpickr-calendar.animate.open{animation:none}}.flatpickr-calendar.inline{position:absolute;display:block;inset-block-start:auto}.flatpickr-calendar.static{position:absolute;inset-block-start:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.hasWeeks{inline-size:auto}.dayContainer{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0;block-size:15.375rem;outline:0}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-block-end:0;border-end-end-radius:0;border-end-start-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-inline-start:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{block-size:2.5rem;border-block-start:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{block-size:auto}.flatpickr-calendar:focus{outline:0}.flatpickr-months{display:flex;justify-content:space-between;inline-size:100%}.flatpickr-month{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:flex;align-items:center;background-color:transparent;block-size:2.5rem;color:var(--cds-text-primary,#161616);line-height:1;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{z-index:3;display:flex;align-items:center;justify-content:center;padding:0;block-size:2.5rem;cursor:pointer;fill:var(--cds-icon-primary,#161616);inline-size:2.5rem;line-height:16px;text-decoration:none;transform:scale(1);transition:background-color 70ms cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (prefers-reduced-motion:reduce){.flatpickr-next-month,.flatpickr-prev-month{transition:none}}.flatpickr-next-month:hover,.flatpickr-prev-month:hover{background-color:var(--cds-layer-hover)}.flatpickr-next-month.disabled svg,.flatpickr-prev-month.disabled svg{cursor:not-allowed;fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.flatpickr-next-month.disabled:hover svg,.flatpickr-prev-month.disabled:hover svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.flatpickr-current-month{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:flex;align-items:center;justify-content:center;block-size:1.75rem;text-align:center}.flatpickr-current-month .cur-month{margin-inline:.25rem .25rem}.flatpickr-current-month .cur-month:hover{background-color:var(--cds-layer-hover)}.numInputWrapper{position:relative;inline-size:3.75rem}.numInputWrapper:hover{background-color:var(--cds-background-hover,hsla(0,0%,55.3%,.12))}.numInputWrapper .numInput{display:inline-block;padding:.25rem;border:none;margin:0;-moz-appearance:textfield;background-color:var(--cds-field-01,#f4f4f4);color:var(--cds-text-primary,#161616);cursor:default;font-family:inherit;font-size:inherit;font-weight:600;inline-size:100%}.numInputWrapper .numInput::-webkit-inner-spin-button,.numInputWrapper .numInput::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper .numInput:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.numInputWrapper .numInput:focus{outline-style:dotted}}.numInputWrapper .numInput[disabled],.numInputWrapper .numInput[disabled]:hover{background-color:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-disabled,rgba(22,22,22,.25));pointer-events:none}.numInputWrapper .arrowUp{border-block-end:0;inset-block-start:.25rem}.numInputWrapper .arrowUp:after{border-block-end:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown{inset-block-start:.6875rem}.numInputWrapper .arrowDown:after{border-block-start:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown,.numInputWrapper .arrowUp{position:absolute;padding:0 .25rem 0 .125rem;border:none;block-size:50%;cursor:pointer;inline-size:.75rem;inset-inline-start:2.6rem;line-height:50%;opacity:0}.numInputWrapper .arrowDown:after,.numInputWrapper .arrowUp:after{position:absolute;display:block;border-inline-end:.25rem solid transparent;border-inline-start:.25rem solid transparent;content:\"\";inset-block-start:33%}.numInputWrapper .arrowDown:hover:after,.numInputWrapper .arrowUp:hover:after{border-block-end-color:var(--cds-button-primary,#0f62fe);border-block-start-color:var(--cds-button-primary,#0f62fe)}.numInputWrapper .arrowDown:active:after,.numInputWrapper .arrowUp:active:after{border-block-end-color:var(--cds-border-interactive,#0f62fe);border-block-start-color:var(--cds-border-interactive,#0f62fe)}.numInput[disabled]~.arrowUp:after{border-block-end-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.numInput[disabled]~.arrowDown:after{border-block-start-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.numInputWrapper:hover .arrowDown,.numInputWrapper:hover .arrowUp{opacity:1}.numInputWrapper:hover .numInput[disabled]~.arrowDown,.numInputWrapper:hover .numInput[disabled]~.arrowUp{opacity:0}.flatpickr-weekdays{display:flex;align-items:center;block-size:2.5rem}.flatpickr-weekdaycontainer{display:flex;inline-size:100%}.flatpickr-weekday{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);flex:1;color:var(--cds-text-primary,#161616);cursor:default}.flatpickr-days:focus{outline:0}.flatpickr-calendar.animate .dayContainer.slideLeft{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideLeft,.flatpickr-calendar.animate .dayContainer.slideLeftNew{transform:translate3d(-100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideLeftNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideRight{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-right .4s cubic-bezier(.23,1,.32,1);transform:translate3d(100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideRightNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-right-new .4s cubic-bezier(.23,1,.32,1)}.flatpickr-day{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;align-items:center;justify-content:center;block-size:2.5rem;color:var(--cds-text-primary,#161616);cursor:pointer;inline-size:2.5rem;transition:all 70ms cubic-bezier(.2,0,.38,.9)}.flatpickr-day:hover{background:var(--cds-layer-hover)}.flatpickr-day:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day:focus{outline-style:dotted}}.flatpickr-day:focus{outline-color:var(--cds-button-primary,#0f62fe)}.nextMonthDay,.prevMonthDay{color:var(--cds-text-helper,#6f6f6f)}.flatpickr-day.today{position:relative;color:var(--cds-link-primary,#0f62fe);font-weight:600}.flatpickr-day.today:after{position:absolute;display:block;background-color:var(--cds-link-primary,#0f62fe);block-size:.25rem;content:\"\";inline-size:.25rem;inset-block-end:.4375rem;inset-inline-start:50%;transform:translateX(-50%)}.flatpickr-day.today.no-border{border:none}.flatpickr-day.today.selected{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.today.selected{outline-style:dotted}}.flatpickr-day.today.selected:after{display:none}.flatpickr-day.inRange{background-color:var(--cds-highlight,#d0e2ff);color:var(--cds-text-primary,#161616)}.flatpickr-day.selected{background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.selected{color:Highlight;outline:1px solid Highlight;outline-style:dotted}}.flatpickr-day.selected:focus{outline:.0625rem solid var(--cds-layer-02,#fff);outline-offset:-.1875rem}.flatpickr-day.startRange.selected{z-index:2;box-shadow:none}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline-style:dotted}}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){z-index:3;background:var(--cds-layer-01,#f4f4f4)}.flatpickr-day.endRange:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.endRange:hover{outline-style:dotted}}.flatpickr-day.endRange:hover{background:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-primary,#161616)}.flatpickr-day.endRange.inRange.selected{background:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.flatpickr-day.flatpickr-disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.flatpickr-day.flatpickr-disabled:hover{background-color:transparent}.flatpickr-input[readonly]{cursor:pointer}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.inRange,.flatpickr-day.today{color:Highlight}}.cds--date-picker{display:flex}.cds--date-picker--light .cds--date-picker__input{background:var(--cds-field-02,#fff)}.cds--date-picker~.cds--label{order:1}.cds--date-picker-container{position:relative;display:flex;flex-direction:column;justify-content:space-between}.cds--date-picker-container .cds--label{display:flex}.cds--date-picker-input__wrapper{display:flex;align-items:center}.cds--date-picker-input__wrapper>span{position:relative}.cds--date-picker.cds--date-picker--simple .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--label{inline-size:7.5rem}.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn~.cds--form-requirement{inline-size:9.5rem}.cds--date-picker.cds--date-picker--simple.cds--date-picker--short .cds--date-picker__input{inline-size:5.7rem}.cds--date-picker.cds--date-picker--single .cds--date-picker__input{inline-size:18rem}.cds--date-picker .cds--date-picker-input__wrapper--warn~.cds--form-requirement{color:var(--cds-text-primary,#161616)}.cds--date-picker__input{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--date-picker__input *,.cds--date-picker__input :after,.cds--date-picker__input :before{box-sizing:inherit}.cds--date-picker__input{font-family:var(--cds-code-02-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-02-font-size,.875rem);font-weight:var(--cds-code-02-font-weight,400);line-height:var(--cds-code-02-line-height,1.42857);letter-spacing:var(--cds-code-02-letter-spacing,.32px);outline:2px solid transparent;outline-offset:-2px;position:relative;display:block;padding:0 1rem;border:none;background-color:var(--cds-field);block-size:2.5rem;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds--date-picker__input.cds--focused,.cds--date-picker__input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--date-picker__input.cds--focused,.cds--date-picker__input:focus{outline-style:dotted}}.cds--date-picker__input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--date-picker__input:disabled::-moz-placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--date-picker__input:disabled::placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--date-picker__input:disabled:hover{border-block-end:1px solid transparent}.cds--date-picker__input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--date-picker__input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--date-picker__input--lg{block-size:3rem}.cds--date-picker__input--sm{block-size:2rem}.cds--date-picker__icon{position:absolute;z-index:1;fill:var(--cds-icon-primary,#161616);inset-block-start:50%;inset-inline-end:1rem;pointer-events:none;transform:translateY(-50%)}.cds--date-picker__icon--invalid,.cds--date-picker__icon--warn{cursor:auto}.cds--date-picker__icon--warn{fill:var(--cds-support-warning,#f1c21b)}.cds--date-picker__icon--warn path:first-of-type{fill:#000;opacity:1}.cds--date-picker__icon--invalid{fill:var(--cds-support-error,#da1e28)}.cds--date-picker__icon~.cds--date-picker__input{padding-inline-end:3rem}.cds--date-picker__input:disabled~.cds--date-picker__icon{cursor:not-allowed;fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--date-picker--range>.cds--date-picker-container:first-child{margin-inline-end:.0625rem}.cds--date-picker--range .cds--date-picker-container,.cds--date-picker--range .cds--date-picker__input{inline-size:8.96875rem}.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator>*,.cds--date-picker-input__wrapper--slug .cds--ai-label,.cds--date-picker-input__wrapper--slug .cds--slug{position:absolute;inset-block-start:50%;inset-inline-end:2.5rem;transform:translateY(-50%)}.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--date-picker-input__wrapper--decorator .cds--date-picker__input:has(~.cds--date-picker-input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--date-picker-input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff);padding-inline-end:4rem}.cds--date-picker__input[readonly]{background:transparent;border-block-end-color:var(--cds-border-subtle);cursor:text}.cds--date-picker__input[readonly]+.cds--date-picker__icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--date-picker.cds--skeleton input:active,.cds--date-picker.cds--skeleton input:focus,.cds--date-picker.cds--skeleton input:hover,.cds--date-picker__input.cds--skeleton:active,.cds--date-picker__input.cds--skeleton:focus,.cds--date-picker__input.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{background:CanvasText}.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{inline-size:100%}.cds--date-picker.cds--skeleton input::-moz-placeholder,.cds--date-picker__input.cds--skeleton::-moz-placeholder{color:transparent}.cds--date-picker.cds--skeleton input::placeholder,.cds--date-picker__input.cds--skeleton::placeholder{color:transparent}.cds--date-picker.cds--skeleton .cds--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--date-picker.cds--skeleton .cds--label:active,.cds--date-picker.cds--skeleton .cds--label:focus,.cds--date-picker.cds--skeleton .cds--label:hover{border:none;cursor:default;outline:none}.cds--date-picker.cds--skeleton .cds--label:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker.cds--skeleton .cds--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker.cds--skeleton .cds--label{background:CanvasText}.cds--date-picker.cds--skeleton .cds--label:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker.cds--skeleton .cds--label{block-size:.875rem;inline-size:4.6875rem}.cds--date-picker--next{position:relative}.cds--date-picker--next .cds--date-picker-input__wrapper{position:relative;anchor-name:--date-picker-input}.cds--date-picker--next .cds--date-picker__icon{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--cds-icon-primary,#161616);cursor:pointer;inset-block-start:50%;inset-inline-end:1rem;pointer-events:auto;transform:translateY(-50%)}.cds--date-picker--next .cds--date-picker__icon:focus{border:none;background:transparent;outline:none}.cds--date-picker--next .cds--date-picker__icon:active,.cds--date-picker--next .cds--date-picker__icon:hover{border:none;background:transparent}.cds--date-picker--next .cds--date-picker__calendar-popover{position:absolute;z-index:9000;padding:0;border:none;margin:0;background:transparent}.cds--date-picker--next .cds--date-picker__calendar-popover:focus{outline:none}.cds--date-picker--next .cds--date-picker__calendar-popover{inset-area:block-end span-inline-start;margin-block-start:.25rem;position-anchor:--date-picker-input}@supports not (inset-area:block-end){.cds--date-picker--next .cds--date-picker__calendar-popover{position:absolute;inset-block-start:anchor(bottom);inset-inline-start:anchor(left);margin-block-start:.25rem}}.cds--date-picker--next .cds--date-picker__calendar-popover{position-try-options:--bottom-left,--top-left,--bottom-right,--top-right}@position-try --bottom-left{.cds--date-picker--next .cds--date-picker__calendar-popover{inset-area:block-end span-inline-start;margin-block-start:.25rem}}@position-try --top-left{.cds--date-picker--next .cds--date-picker__calendar-popover{inset-area:block-start span-inline-start;margin-block-end:.25rem}}@position-try --bottom-right{.cds--date-picker--next .cds--date-picker__calendar-popover{inset-area:block-end span-inline-end;margin-block-start:.25rem}}@position-try --top-right{.cds--date-picker--next .cds--date-picker__calendar-popover{inset-area:block-start span-inline-end;margin-block-end:.25rem}}.cds--date-picker--next .cds--date-picker__calendar.open{margin-block-start:0}.cds--date-picker--next .cds--date-picker__calendar-container{position:absolute;z-index:9000;display:block;inset-block-start:100%;inset-inline-start:0;margin-block-start:0}.cds--date-picker--next .cds--date-picker-container{outline:none}.cds--date-picker--next .cds--date-picker-container .cds--form-requirement[hidden]{display:none}.cds--date-picker--next .cds--date-picker-container--warn:not(.cds--date-picker-container--invalid) .cds--form-requirement{color:var(--cds-text-primary,#161616)}.cds--date-picker--next .cds--date-picker-container--simple .cds--date-picker__input{inline-size:7.5rem}.cds--date-picker--next .cds--date-picker-container--simple .cds--date-picker__input--invalid,.cds--date-picker--next .cds--date-picker-container--simple .cds--date-picker__input--warn{inline-size:9.5rem}.cds--date-picker--next .cds--date-picker-container--short.cds--date-picker-container--simple .cds--date-picker__input{inline-size:5.625rem}.cds--date-picker--next .cds--date-picker-container--single{max-inline-size:18rem}.cds--date-picker--next .cds--date-picker-container--single .cds--date-picker__input{inline-size:18rem}.cds--date-picker--next .cds--date-picker-container--from{margin-inline-end:.0625rem}.cds--date-picker--next .cds--date-picker-container--from,.cds--date-picker--next .cds--date-picker-container--from .cds--date-picker__input,.cds--date-picker--next .cds--date-picker-container--to,.cds--date-picker--next .cds--date-picker-container--to .cds--date-picker__input{inline-size:8.96875rem}.cds--date-picker--next .cds--date-picker-container--ai-label .cds--date-picker__input--decorator{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--date-picker--next .cds--date-picker-input-skeleton{display:inline-block}.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label:active,.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label:focus,.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label:hover{border:none;cursor:default;outline:none}.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label{background:CanvasText}.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label{block-size:.875rem;inline-size:4.6875rem}.cds--date-picker--next .cds--date-picker-input-skeleton .cds--date-picker-input-skeleton-container{display:inline-block}.cds--date-picker--next .cds--date-picker-input-skeleton--range .cds--date-picker-input-skeleton-container,.cds--date-picker--next .cds--date-picker-input-skeleton--range .cds--date-picker-input-skeleton-container .cds--date-picker__input{inline-size:8.96875rem}.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton{padding:0;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none}.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:active,.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:focus,.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton{background:CanvasText}.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton{position:relative;overflow:hidden;border:none;block-size:2.5rem;cursor:default;inline-size:100%;pointer-events:none}.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__icon.cds--skeleton{display:none}.cds--date-picker--next .cds--date-picker__calendar{display:block;padding:.5rem;border:none;background-color:var(--cds-layer);box-shadow:0 2px 6px 0 rgba(0,0,0,.2);inline-size:18rem;max-inline-size:18rem;outline:none}.cds--date-picker--next .cds--date-picker__calendar:focus{outline:none}.cds--date-picker--next .cds--date-picker__month{display:flex;align-items:center;justify-content:space-between;margin-block-end:.5rem}.cds--date-picker--next .cds--date-picker__month-nav{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;block-size:2.5rem;cursor:pointer;inline-size:2.5rem}.cds--date-picker--next .cds--date-picker__month-nav:hover{background-color:var(--cds-layer-hover)}.cds--date-picker--next .cds--date-picker__month-nav:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds--date-picker--next .cds--date-picker__month-nav svg{fill:var(--cds-icon-primary,#161616)}.cds--date-picker--next .cds--date-picker__current-month{flex:1;color:var(--cds-text-primary,#161616);font-size:.875rem;font-weight:600;text-align:center}.cds--date-picker--next .cds--date-picker__weekdays{display:grid;gap:0;grid-template-columns:repeat(7,1fr);margin-block-end:.25rem}.cds--date-picker--next .cds--date-picker__weekday{display:flex;align-items:center;justify-content:center;block-size:2.5rem;color:var(--cds-text-primary,#161616);font-size:.75rem;font-weight:600}.cds--date-picker--next .cds--date-picker__days{display:grid;gap:0;grid-template-columns:repeat(7,1fr)}.cds--date-picker--next .cds--date-picker__day{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;block-size:2.5rem;color:var(--cds-text-primary,#161616);cursor:pointer;font-size:.875rem}.cds--date-picker--next .cds--date-picker__day:hover:not(:disabled,.selected){background-color:var(--cds-layer-hover)}.cds--date-picker--next .cds--date-picker__day:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds--date-picker--next .cds--date-picker__day.selected{background-color:var(--cds-interactive,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--date-picker--next .cds--date-picker__day.today:not(.selected){position:relative;color:var(--cds-text-primary,#161616);font-weight:600}.cds--date-picker--next .cds--date-picker__day.today:not(.selected):after{position:absolute;border-radius:50%;background-color:var(--cds-interactive,#0f62fe);block-size:4px;content:\"\";inline-size:4px;inset-block-end:4px;inset-inline-start:50%;transform:translateX(-50%)}.cds--date-picker--next .cds--date-picker__day.inRange:not(.selected){background-color:var(--cds-highlight,#d0e2ff)}.cds--date-picker--next .cds--date-picker__day.nextMonthDay:not(.selected),.cds--date-picker--next .cds--date-picker__day.prevMonthDay:not(.selected){color:var(--cds-text-secondary,#525252)}.cds--date-picker--next .cds--date-picker__day.disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;opacity:.5}.cds--date-picker--next .cds--date-picker__day.focused:not(.selected){background-color:var(--cds-layer-hover);outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds--date-picker--fluid,:host(cds-fluid-date-picker){display:inline-flex;background:var(--cds-field)}.cds--date-picker--fluid .cds--date-picker,:host(cds-fluid-date-picker) .cds--date-picker{position:relative;block-size:100%;inline-size:100%;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--date-picker--fluid .cds--label,:host(cds-fluid-date-picker) .cds--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem}.cds--date-picker--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,.cds--date-picker--fluid .cds--label::-webkit-scrollbar,:host(cds-fluid-date-picker) .cds--label .cds--toggletip-label::-webkit-scrollbar,:host(cds-fluid-date-picker) .cds--label::-webkit-scrollbar{display:none}.cds--date-picker--fluid .cds--label .cds--toggletip-label,.cds--date-picker--fluid .cds--label:not(:has(.cds--toggletip-label)),:host(cds-fluid-date-picker) .cds--label .cds--toggletip-label,:host(cds-fluid-date-picker) .cds--label:not(:has(.cds--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds--date-picker--fluid .cds--date-picker-input__wrapper>span,:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper>span{inline-size:100%}.cds--date-picker--fluid .cds--date-picker-input__wrapper .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper .cds--date-picker__input{padding:2rem 1rem .8125rem;background:transparent;border-block-end:none;min-block-size:4rem;min-inline-size:9rem}.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker__icon,:host(cds-fluid-date-picker) .cds--date-picker--simple .cds--date-picker__icon{display:none}.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker--fluid--warn,.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker__input:not(.cds--date-picker__input--invalid):not(.cds--date-picker__input--warn),.cds--date-picker--fluid .cds--date-picker--simple :host(cds-fluid-date-picker-input[warn]:not([invalid])),.cds--date-picker--fluid .cds--date-picker--simple :host(cds-fluid-date-picker[warn]:not([invalid])),:host(cds-fluid-date-picker) .cds--date-picker--simple .cds--date-picker--fluid--warn,:host(cds-fluid-date-picker) .cds--date-picker--simple .cds--date-picker__input:not(.cds--date-picker__input--invalid):not(.cds--date-picker__input--warn),:host(cds-fluid-date-picker) .cds--date-picker--simple :host(cds-fluid-date-picker-input[warn]:not([invalid])),:host(cds-fluid-date-picker) .cds--date-picker--simple :host(cds-fluid-date-picker[warn]:not([invalid])){border-block-end:1px solid var(--cds-border-strong)}.cds--date-picker--fluid .cds--date-picker__icon,:host(cds-fluid-date-picker) .cds--date-picker__icon{inset-block-start:2.6875rem}.cds--date-picker--fluid .cds--date-picker--single .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker--single .cds--date-picker__input{inline-size:100%}.cds--date-picker--fluid .cds--date-picker--single,:host(cds-fluid-date-picker) .cds--date-picker--single{border-block-end:none}.cds--date-picker--fluid .cds--date-picker--single .cds--date-picker__input:not(.cds--date-picker__input--invalid),.cds--date-picker--single .cds--date-picker--fluid--warn,.cds--date-picker--single :host(cds-fluid-date-picker-input[warn]:not([invalid])),.cds--date-picker--single :host(cds-fluid-date-picker[warn]:not([invalid])),:host(cds-fluid-date-picker) .cds--date-picker--single .cds--date-picker__input:not(.cds--date-picker__input--invalid){border-block-end:1px solid var(--cds-border-strong)}.cds--date-picker--fluid:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker--range .cds--date-picker-container:not(.cds--date-picker--fluid--invalid),:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn):host(cds-fluid-date-picker) .cds--date-picker--range .cds--date-picker-container:not(.cds--date-picker--fluid--invalid){border-block-end:1px solid var(--cds-border-strong)}.cds--date-picker--fluid .cds--date-picker--range .cds--date-picker-container,.cds--date-picker--fluid .cds--date-picker--range .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker--range .cds--date-picker-container,:host(cds-fluid-date-picker) .cds--date-picker--range .cds--date-picker__input{inline-size:100%;min-block-size:3.9375rem;min-inline-size:9rem}.cds--date-picker--fluid .cds--date-picker--range>.cds--date-picker-container:first-child,:host(cds-fluid-date-picker) .cds--date-picker--range>.cds--date-picker-container:first-child{margin-inline-end:0}.cds--date-picker--fluid .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input{border-inline-start:1px solid var(--cds-border-strong)}.cds--date-picker--fluid.cds--date-picker--fluid--invalid,.cds--date-picker-container.cds--date-picker--fluid--invalid,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])),:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--date-picker--fluid.cds--date-picker--fluid--invalid,.cds--date-picker-container.cds--date-picker--fluid--invalid,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])),:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]){outline-style:dotted}}.cds--date-picker--fluid .cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__input--invalid,:host(cds-fluid-date-picker) .cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__input--invalid{outline:none}.cds--date-picker--fluid .cds--date-picker-container.cds--date-picker--fluid--invalid+.cds--date-picker-container .cds--date-picker__input,.cds--date-picker--fluid .cds--date-picker-container:last-child.cds--date-picker--fluid--invalid .cds--date-picker__input--invalid,:host(cds-fluid-date-picker) .cds--date-picker-container.cds--date-picker--fluid--invalid+.cds--date-picker-container .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker-container:last-child.cds--date-picker--fluid--invalid .cds--date-picker__input--invalid{border-inline-start:none}.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--form-requirement,.cds--date-picker-container.cds--date-picker--fluid--warn .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}.cds--date-picker--fluid .cds--date-picker--single .cds--date-picker--fluid--warn .cds--date-picker__input,.cds--date-picker--fluid .cds--date-picker--single :host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker__input,.cds--date-picker--fluid .cds--date-picker--single :host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker__input,.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker,.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range .cds--date-picker-container,.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker,:host(cds-fluid-date-picker) .cds--date-picker--single .cds--date-picker--fluid--warn .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker--single :host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker--single :host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker__input,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker--range .cds--date-picker-container,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]) .cds--date-picker,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker--range .cds--date-picker-container{border-block-end:1px solid transparent}.cds--date-picker--fluid .cds--date-picker--fluid--warn+.cds--date-picker-container:last-child .cds--date-picker__input,.cds--date-picker--fluid .cds--date-picker--fluid--warn.cds--date-picker-container:last-child .cds--date-picker__input,.cds--date-picker--fluid :host(cds-fluid-date-picker-input[warn]:not([invalid]))+.cds--date-picker-container:last-child .cds--date-picker__input,.cds--date-picker--fluid :host(cds-fluid-date-picker[warn]:not([invalid]))+.cds--date-picker-container:last-child .cds--date-picker__input,.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker--fluid--warn+.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker--fluid--warn.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker) :host(cds-fluid-date-picker-input[warn]:not([invalid]))+.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker) :host(cds-fluid-date-picker[warn]:not([invalid]))+.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]) .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input{border-inline-start:1px solid transparent}.cds--date-picker--fluid .cds--date-picker--range .cds--date-picker--fluid--warn.cds--date-picker-container:first-child:after,.cds--date-picker--fluid .cds--date-picker--range .cds--date-picker--fluid--warn.cds--date-picker-container:last-child:after,.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range>.cds--date-picker-container:first-child:after,.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range>.cds--date-picker-container:first-child:after,:host(cds-fluid-date-picker) .cds--date-picker--range .cds--date-picker--fluid--warn.cds--date-picker-container:first-child:after,:host(cds-fluid-date-picker) .cds--date-picker--range .cds--date-picker--fluid--warn.cds--date-picker-container:last-child:after,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker--range>.cds--date-picker-container:first-child:after,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker--range>.cds--date-picker-container:first-child:after,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]) .cds--date-picker--range>.cds--date-picker-container:first-child:after,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker--range>.cds--date-picker-container:first-child:after{position:absolute;display:block;background:var(--cds-border-strong);block-size:calc(100% - 1rem);content:\"\";inline-size:1px;inset-block-start:.5rem;inset-inline-end:0}.cds--date-picker--fluid .cds--date-picker--fluid--warn.cds--date-picker-container:last-child:after,:host(cds-fluid-date-picker) .cds--date-picker--fluid--warn.cds--date-picker-container:last-child:after{inset-inline-start:0}.cds--date-picker--fluid .cds--date-picker__divider,:host(cds-fluid-date-picker) .cds--date-picker__divider{border-style:solid;border-color:var(--cds-border-subtle);margin:0 1rem;border-block-end:none;inline-size:calc(100% - 2rem)}.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__icon--invalid,.cds--date-picker-container.cds--date-picker--fluid--warn .cds--date-picker__icon--warn{inset-block-start:5rem}.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker--fluid--invalid .cds--date-picker__icon--invalid,.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker--fluid--warn .cds--date-picker__icon--warn,.cds--date-picker--fluid .cds--date-picker--simple :host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker__icon--invalid,.cds--date-picker--fluid .cds--date-picker--simple :host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker__icon--warn,.cds--date-picker--fluid .cds--date-picker--simple :host(cds-fluid-date-picker[invalid]) .cds--date-picker__icon--invalid,.cds--date-picker--fluid .cds--date-picker--simple :host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker__icon--warn,:host(cds-fluid-date-picker) .cds--date-picker--simple .cds--date-picker--fluid--invalid .cds--date-picker__icon--invalid,:host(cds-fluid-date-picker) .cds--date-picker--simple .cds--date-picker--fluid--warn .cds--date-picker__icon--warn,:host(cds-fluid-date-picker) .cds--date-picker--simple :host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker__icon--invalid,:host(cds-fluid-date-picker) .cds--date-picker--simple :host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker__icon--warn,:host(cds-fluid-date-picker) .cds--date-picker--simple :host(cds-fluid-date-picker[invalid]) .cds--date-picker__icon--invalid,:host(cds-fluid-date-picker) .cds--date-picker--simple :host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker__icon--warn{display:block}.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__input:focus{outline-style:dotted}}.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range~.cds--form-requirement,.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range~.cds--form-requirement,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker--range~.cds--form-requirement,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker--range~.cds--form-requirement,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]) .cds--date-picker--range~.cds--form-requirement,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker--range~.cds--form-requirement{display:block;overflow:visible;padding:.5rem 2.5rem .5rem 1rem;margin-block-start:0;max-block-size:100%}.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range~.cds--form-requirement,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker--range~.cds--form-requirement,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]) .cds--date-picker--range~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--date-picker--fluid.cds--date-picker--fluid--invalid,.cds--date-picker--fluid.cds--date-picker--fluid--warn,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])),:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[warn]:not([invalid])),:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]),:host(cds-fluid-date-picker):host(cds-fluid-date-picker[warn]:not([invalid])){position:relative}.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range+.cds--date-picker__icon,.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range+.cds--date-picker__icon,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker--range+.cds--date-picker__icon,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker--range+.cds--date-picker__icon,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]) .cds--date-picker--range+.cds--date-picker__icon,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker--range+.cds--date-picker__icon{inset-block-start:5rem}.cds--date-picker--fluid__skeleton,:host(cds-fluid-date-picker-skeleton){background:var(--cds-skeleton-background,#e8e8e8);block-size:4rem;border-block-end:1px solid var(--cds-skeleton-element,#c6c6c6)}.cds--date-picker--fluid__skeleton--container{position:relative;block-size:100%;inline-size:100%}.cds--date-picker--fluid__skeleton .cds--skeleton,:host(cds-fluid-date-picker-skeleton) .cds--skeleton{position:absolute;block-size:.5rem;inline-size:25%;inset-block-start:1rem;inset-inline-start:1rem}.cds--date-picker--fluid__skeleton .cds--label,:host(cds-fluid-date-picker-skeleton) .cds--label{margin-block-end:.25rem}.cds--date-picker--fluid__skeleton .cds--text-input,:host(cds-fluid-date-picker-skeleton) .cds--text-input{position:absolute;padding:0;block-size:.5rem;inline-size:50%;inset-block-start:2.25rem;inset-inline-start:1rem}.cds--date-picker--fluid__skeleton--container .cds--date-picker__icon{inset-block:auto .5rem}.cds--date-picker--fluid__skeleton--range{display:flex;flex-direction:row}.cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container{display:flex;flex-direction:column;inline-size:50%}.cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container:first-of-type{border-inline-end:1px solid var(--cds-skeleton-element,#c6c6c6)}.cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container .cds--date-picker__icon{inset-block-end:.5rem}.cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker .cds--date-picker__input,.cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker>.cds--date-picker-container,:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn):host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[readonly]) .cds--date-picker .cds--date-picker__input,:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn):host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[readonly]) .cds--date-picker>.cds--date-picker-container,:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn):host(cds-fluid-date-picker):host(cds-fluid-date-picker[readonly]) .cds--date-picker .cds--date-picker__input,:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn):host(cds-fluid-date-picker):host(cds-fluid-date-picker[readonly]) .cds--date-picker>.cds--date-picker-container{border-block-end-color:var(--cds-border-subtle)}.cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn):host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[readonly]) .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn):host(cds-fluid-date-picker):host(cds-fluid-date-picker[readonly]) .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input{border-inline-start-color:var(--cds-border-subtle)}.cds--date-picker--fluid .cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator>*,.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--ai-label,.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--slug,:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator>*,:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--slug .cds--ai-label,:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--slug .cds--slug{inset-block-start:2.6875rem}.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--slug):not(:has(~.cds--slug--revert)),:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)) .cds--date-picker__input:not(.cds--date-picker__input--invalid),.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)) .cds--date-picker__input:not(.cds--date-picker__input--invalid),:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)) .cds--date-picker__input:not(.cds--date-picker__input--invalid),:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)) .cds--date-picker__input:not(.cds--date-picker__input--invalid){border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--date-picker--fluid .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,.cds--date-picker--fluid--invalid .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,.cds--date-picker--fluid--invalid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,.cds--date-picker--fluid--warn .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,.cds--date-picker--fluid--warn .cds--date-picker-input__wrapper--slug .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--slug .cds--date-picker__input,:host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,:host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker-input__wrapper--slug .cds--date-picker__input,:host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,:host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker-input__wrapper--slug .cds--date-picker__input{padding-inline-end:4rem}:host(cds-fluid-date-picker){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;display:inline-flex;inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:100%}:host(cds-fluid-date-picker) #floating-menu-container{position:absolute;inline-size:100%}:host(cds-fluid-date-picker) .cds--date-picker__calendar.open{margin-block-start:0}:host(cds-fluid-date-picker) .flatpickr-next-month svg,:host(cds-fluid-date-picker) .flatpickr-prev-month svg{transform:rotate(0)}:host(cds-fluid-date-picker) .cds--date-picker__day.flatpickr-disabled,:host(cds-fluid-date-picker) .flatpickr-day.flatpickr-disabled{color:var(--cds-layer-selected-inverse,#161616);cursor:not-allowed;opacity:.5}:host(cds-fluid-date-picker) .cds--date-picker__day.flatpickr-disabled:hover,:host(cds-fluid-date-picker) .flatpickr-day.flatpickr-disabled:hover{background:transparent}:host(cds-fluid-date-picker) .flatpickr-next-month.flatpickr-disabled svg,:host(cds-fluid-date-picker) .flatpickr-prev-month.flatpickr-disabled svg{cursor:not-allowed;fill:var(--cds-layer-selected-inverse,#161616);opacity:.5}:host(cds-fluid-date-picker) .flatpickr-next-month.flatpickr-disabled:hover svg,:host(cds-fluid-date-picker) .flatpickr-prev-month.flatpickr-disabled:hover svg{fill:var(--cds-layer-selected-inverse,#161616)}:host(cds-fluid-date-picker-input){position:relative;display:block;box-sizing:border-box;background:var(--cds-field);block-size:4rem;border-block-end:1px solid var(--cds-border-strong);inline-size:100%;max-inline-size:100%;outline:none}:host(cds-fluid-date-picker-input[disabled]),:host(cds-fluid-date-picker-input[readonly]){border-block-end:1px solid var(--cds-border-subtle)}:host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])),:host(cds-fluid-date-picker-input[warn]:not([invalid]):not([disabled]):not([readonly])){block-size:auto;border-block-end:none;min-block-size:4rem}:host(cds-fluid-date-picker-input) .cds--date-picker__divider{border-style:solid;border-color:var(--cds-border-subtle);margin:0 1rem;border-block-end:none;inline-size:calc(100% - 2rem)}:host(cds-fluid-date-picker-input[disabled]) .cds--date-picker__divider,:host(cds-fluid-date-picker-input[readonly]) .cds--date-picker__divider{display:none}:host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--form-requirement,:host(cds-fluid-date-picker-input[warn]:not([invalid]):not([disabled]):not([readonly])) .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}:host(cds-fluid-date-picker-input[disabled]) .cds--form-requirement,:host(cds-fluid-date-picker-input[readonly]) .cds--form-requirement{display:none}:host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--form-requirement{color:var(--cds-text-primary,#161616)}:host(cds-fluid-date-picker-input[kind=single]){max-inline-size:18rem}:host(cds-fluid-date-picker-input[kind=single]) .cds--date-picker__input{inline-size:18rem}:host(cds-fluid-date-picker-input[kind=from]),:host(cds-fluid-date-picker-input[kind=to]){inline-size:8.96875rem}:host(cds-fluid-date-picker-input[kind=from]) .cds--date-picker__input,:host(cds-fluid-date-picker-input[kind=to]) .cds--date-picker__input{inline-size:8.96875rem}:host(cds-fluid-date-picker-input[kind=to]){border-inline-start:1px solid var(--cds-border-strong)}:host(cds-fluid-date-picker-input[kind=to][disabled]),:host(cds-fluid-date-picker-input[kind=to][readonly]){border-inline-start:1px solid var(--cds-border-subtle)}:host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])){outline-style:dotted}}:host(cds-fluid-date-picker-input) .cds--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem}:host(cds-fluid-date-picker-input) .cds--date-picker__input{border:none;background:transparent;block-size:calc(100% - .0625rem);inline-size:100%;max-inline-size:100%;outline:none;padding-block-end:.8125rem;padding-block-start:2rem;padding-inline:1rem}:host(cds-fluid-date-picker-input) .cds--date-picker__input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-fluid-date-picker-input) .cds--date-picker__input:focus{outline-style:dotted}}:host(cds-fluid-date-picker-input) .cds--date-picker__icon{inset-block-start:2.6875rem}:host(cds-fluid-date-picker-input[invalid]) .cds--date-picker__icon--invalid,:host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker__icon--warn{inset-block-start:5rem}:host(cds-fluid-date-picker-input[invalid]) .cds--date-picker__icon:not(.cds--date-picker__icon--invalid),:host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker__icon:not(.cds--date-picker__icon--warn){display:block}:host(cds-fluid-date-picker-input[kind=simple][invalid]) .cds--date-picker__icon--invalid,:host(cds-fluid-date-picker-input[kind=simple][warn]:not([invalid])) .cds--date-picker__icon--warn{display:block}:host(cds-fluid-date-picker-skeleton){display:block}.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton:before{animation:none}}"]);
|
|
10
|
+
var fluid_date_picker_default = css([".cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}@keyframes fp-fade-in-down{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fp-slide-left{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes fp-slide-left-new{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-slide-right{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes fp-slide-right-new{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-fade-out{0%{opacity:1}to{opacity:0}}@keyframes fp-fade-in{0%{opacity:0}to{opacity:1}}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}@position-try --bottom-left{inset-area:block-end span-inline-start;margin-block-start:.25rem}@position-try --top-left{inset-area:block-start span-inline-start;margin-block-end:.25rem}@position-try --bottom-right{inset-area:block-end span-inline-end;margin-block-start:.25rem}@position-try --top-right{inset-area:block-start span-inline-end;margin-block-end:.25rem}.flatpickr-calendar{position:absolute;overflow:hidden;box-sizing:border-box;padding:0;border:0;border-radius:0;animation:none;direction:ltr;inline-size:19.6875rem;max-block-size:0;opacity:0;text-align:center;touch-action:manipulation;visibility:hidden}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-calendar{outline:1px solid transparent}}.flatpickr-calendar.inline,.flatpickr-calendar.open{overflow:visible;max-block-size:40rem;opacity:1;visibility:inherit}.flatpickr-calendar.open{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:99999;display:flex;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .25rem .5rem;border:none;background-color:var(--cds-layer-01,#f4f4f4);block-size:21rem;inline-size:18rem;margin-block-start:-.125rem}.flatpickr-calendar.open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.flatpickr-calendar.open:focus{outline-style:dotted}}.flatpickr-calendar.animate.open{animation:fp-fade-in-down .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.flatpickr-calendar.animate.open{animation:none}}.flatpickr-calendar.inline{position:absolute;display:block;inset-block-start:auto}.flatpickr-calendar.static{position:absolute;inset-block-start:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.hasWeeks{inline-size:auto}.dayContainer{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0;block-size:15.375rem;outline:0}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-block-end:0;border-end-end-radius:0;border-end-start-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-inline-start:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{block-size:2.5rem;border-block-start:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{block-size:auto}.flatpickr-calendar:focus{outline:0}.flatpickr-months{display:flex;justify-content:space-between;inline-size:100%}.flatpickr-month{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:flex;align-items:center;background-color:transparent;block-size:2.5rem;color:var(--cds-text-primary,#161616);line-height:1;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{z-index:3;display:flex;align-items:center;justify-content:center;padding:0;block-size:2.5rem;cursor:pointer;fill:var(--cds-icon-primary,#161616);inline-size:2.5rem;line-height:16px;text-decoration:none;transform:scale(1);transition:background-color 70ms cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (prefers-reduced-motion:reduce){.flatpickr-next-month,.flatpickr-prev-month{transition:none}}.flatpickr-next-month:hover,.flatpickr-prev-month:hover{background-color:var(--cds-layer-hover)}.flatpickr-next-month.disabled svg,.flatpickr-prev-month.disabled svg{cursor:not-allowed;fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.flatpickr-next-month.disabled:hover svg,.flatpickr-prev-month.disabled:hover svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.flatpickr-current-month{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:flex;align-items:center;justify-content:center;block-size:1.75rem;text-align:center}.flatpickr-current-month .cur-month{margin-inline:.25rem .25rem}.flatpickr-current-month .cur-month:hover{background-color:var(--cds-layer-hover)}.numInputWrapper{position:relative;inline-size:3.75rem}.numInputWrapper:hover{background-color:var(--cds-background-hover,hsla(0,0%,55.3%,.12))}.numInputWrapper .numInput{display:inline-block;padding:.25rem;border:none;margin:0;-moz-appearance:textfield;background-color:var(--cds-field-01,#f4f4f4);color:var(--cds-text-primary,#161616);cursor:default;font-family:inherit;font-size:inherit;font-weight:600;inline-size:100%}.numInputWrapper .numInput::-webkit-inner-spin-button,.numInputWrapper .numInput::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper .numInput:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.numInputWrapper .numInput:focus{outline-style:dotted}}.numInputWrapper .numInput[disabled],.numInputWrapper .numInput[disabled]:hover{background-color:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-disabled,rgba(22,22,22,.25));pointer-events:none}.numInputWrapper .arrowUp{border-block-end:0;inset-block-start:.25rem}.numInputWrapper .arrowUp:after{border-block-end:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown{inset-block-start:.6875rem}.numInputWrapper .arrowDown:after{border-block-start:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown,.numInputWrapper .arrowUp{position:absolute;padding:0 .25rem 0 .125rem;border:none;block-size:50%;cursor:pointer;inline-size:.75rem;inset-inline-start:2.6rem;line-height:50%;opacity:0}.numInputWrapper .arrowDown:after,.numInputWrapper .arrowUp:after{position:absolute;display:block;border-inline-end:.25rem solid transparent;border-inline-start:.25rem solid transparent;content:\"\";inset-block-start:33%}.numInputWrapper .arrowDown:hover:after,.numInputWrapper .arrowUp:hover:after{border-block-end-color:var(--cds-button-primary,#0f62fe);border-block-start-color:var(--cds-button-primary,#0f62fe)}.numInputWrapper .arrowDown:active:after,.numInputWrapper .arrowUp:active:after{border-block-end-color:var(--cds-border-interactive,#0f62fe);border-block-start-color:var(--cds-border-interactive,#0f62fe)}.numInput[disabled]~.arrowUp:after{border-block-end-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.numInput[disabled]~.arrowDown:after{border-block-start-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.numInputWrapper:hover .arrowDown,.numInputWrapper:hover .arrowUp{opacity:1}.numInputWrapper:hover .numInput[disabled]~.arrowDown,.numInputWrapper:hover .numInput[disabled]~.arrowUp{opacity:0}.flatpickr-weekdays{display:flex;align-items:center;block-size:2.5rem}.flatpickr-weekdaycontainer{display:flex;inline-size:100%}.flatpickr-weekday{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);flex:1;color:var(--cds-text-primary,#161616);cursor:default}.flatpickr-days:focus{outline:0}.flatpickr-calendar.animate .dayContainer.slideLeft{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideLeft,.flatpickr-calendar.animate .dayContainer.slideLeftNew{transform:translate3d(-100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideLeftNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideRight{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-right .4s cubic-bezier(.23,1,.32,1);transform:translate3d(100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideRightNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-right-new .4s cubic-bezier(.23,1,.32,1)}.flatpickr-day{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;align-items:center;justify-content:center;block-size:2.5rem;color:var(--cds-text-primary,#161616);cursor:pointer;inline-size:2.5rem;transition:all 70ms cubic-bezier(.2,0,.38,.9)}.flatpickr-day:hover{background:var(--cds-layer-hover)}.flatpickr-day:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day:focus{outline-style:dotted}}.flatpickr-day:focus{outline-color:var(--cds-button-primary,#0f62fe)}.nextMonthDay,.prevMonthDay{color:var(--cds-text-helper,#6f6f6f)}.flatpickr-day.today{position:relative;color:var(--cds-link-primary,#0f62fe);font-weight:600}.flatpickr-day.today:after{position:absolute;display:block;background-color:var(--cds-link-primary,#0f62fe);block-size:.25rem;content:\"\";inline-size:.25rem;inset-block-end:.4375rem;inset-inline-start:50%;transform:translateX(-50%)}.flatpickr-day.today.no-border{border:none}.flatpickr-day.today.selected{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.today.selected{outline-style:dotted}}.flatpickr-day.today.selected:after{display:none}.flatpickr-day.inRange{background-color:var(--cds-highlight,#d0e2ff);color:var(--cds-text-primary,#161616)}.flatpickr-day.selected{background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.selected{color:Highlight;outline:1px solid Highlight;outline-style:dotted}}.flatpickr-day.selected:focus{outline:.0625rem solid var(--cds-layer-02,#fff);outline-offset:-.1875rem}.flatpickr-day.startRange.selected{z-index:2;box-shadow:none}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline-style:dotted}}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){z-index:3;background:var(--cds-layer-01,#f4f4f4)}.flatpickr-day.endRange:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.endRange:hover{outline-style:dotted}}.flatpickr-day.endRange:hover{background:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-primary,#161616)}.flatpickr-day.endRange.inRange.selected{background:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.flatpickr-day.flatpickr-disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.flatpickr-day.flatpickr-disabled:hover{background-color:transparent}.flatpickr-input[readonly]{cursor:pointer}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.inRange,.flatpickr-day.today{color:Highlight}}.cds--date-picker{display:flex}.cds--date-picker--light .cds--date-picker__input{background:var(--cds-field-02,#fff)}.cds--date-picker~.cds--label{order:1}.cds--date-picker-container{position:relative;display:flex;flex-direction:column;justify-content:space-between}.cds--date-picker-container .cds--label{display:flex}.cds--date-picker-input__wrapper{display:flex;align-items:center}.cds--date-picker-input__wrapper>span{position:relative}.cds--date-picker.cds--date-picker--simple .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--label{inline-size:7.5rem}.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn~.cds--form-requirement{inline-size:9.5rem}.cds--date-picker.cds--date-picker--simple.cds--date-picker--short .cds--date-picker__input{inline-size:5.7rem}.cds--date-picker.cds--date-picker--single .cds--date-picker__input{inline-size:18rem}.cds--date-picker .cds--date-picker-input__wrapper--warn~.cds--form-requirement{color:var(--cds-text-primary,#161616)}.cds--date-picker__input{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--date-picker__input *,.cds--date-picker__input :after,.cds--date-picker__input :before{box-sizing:inherit}.cds--date-picker__input{font-family:var(--cds-code-02-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-02-font-size,.875rem);font-weight:var(--cds-code-02-font-weight,400);line-height:var(--cds-code-02-line-height,1.42857);letter-spacing:var(--cds-code-02-letter-spacing,.32px);outline:2px solid transparent;outline-offset:-2px;position:relative;display:block;padding:0 1rem;border:none;background-color:var(--cds-field);block-size:2.5rem;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds--date-picker__input.cds--focused,.cds--date-picker__input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--date-picker__input.cds--focused,.cds--date-picker__input:focus{outline-style:dotted}}.cds--date-picker__input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--date-picker__input:disabled::-moz-placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--date-picker__input:disabled::placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--date-picker__input:disabled:hover{border-block-end:1px solid transparent}.cds--date-picker__input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--date-picker__input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--date-picker__input--lg{block-size:3rem}.cds--date-picker__input--sm{block-size:2rem}.cds--date-picker__icon{position:absolute;z-index:1;fill:var(--cds-icon-primary,#161616);inset-block-start:50%;inset-inline-end:1rem;pointer-events:none;transform:translateY(-50%)}.cds--date-picker__icon--invalid,.cds--date-picker__icon--warn{cursor:auto}.cds--date-picker__icon--warn{fill:var(--cds-support-warning,#f1c21b)}.cds--date-picker__icon--warn path:first-of-type{fill:#000;opacity:1}.cds--date-picker__icon--invalid{fill:var(--cds-support-error,#da1e28)}.cds--date-picker__icon~.cds--date-picker__input{padding-inline-end:3rem}.cds--date-picker__input:disabled~.cds--date-picker__icon{cursor:not-allowed;fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--date-picker--range>.cds--date-picker-container:first-child{margin-inline-end:.0625rem}.cds--date-picker--range .cds--date-picker-container,.cds--date-picker--range .cds--date-picker__input{inline-size:8.96875rem}.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator>*,.cds--date-picker-input__wrapper--slug .cds--ai-label,.cds--date-picker-input__wrapper--slug .cds--slug{position:absolute;inset-block-start:50%;inset-inline-end:2.5rem;transform:translateY(-50%)}.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--date-picker-input__wrapper--decorator .cds--date-picker__input:has(~.cds--date-picker-input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--date-picker-input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff);padding-inline-end:4rem}.cds--date-picker__input[readonly]{background:transparent;border-block-end-color:var(--cds-border-subtle);cursor:text}.cds--date-picker__input[readonly]+.cds--date-picker__icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--date-picker.cds--skeleton input:active,.cds--date-picker.cds--skeleton input:focus,.cds--date-picker.cds--skeleton input:hover,.cds--date-picker__input.cds--skeleton:active,.cds--date-picker__input.cds--skeleton:focus,.cds--date-picker__input.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{background:CanvasText}.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{inline-size:100%}.cds--date-picker.cds--skeleton input::-moz-placeholder,.cds--date-picker__input.cds--skeleton::-moz-placeholder{color:transparent}.cds--date-picker.cds--skeleton input::placeholder,.cds--date-picker__input.cds--skeleton::placeholder{color:transparent}.cds--date-picker.cds--skeleton .cds--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--date-picker.cds--skeleton .cds--label:active,.cds--date-picker.cds--skeleton .cds--label:focus,.cds--date-picker.cds--skeleton .cds--label:hover{border:none;cursor:default;outline:none}.cds--date-picker.cds--skeleton .cds--label:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker.cds--skeleton .cds--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker.cds--skeleton .cds--label{background:CanvasText}.cds--date-picker.cds--skeleton .cds--label:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker.cds--skeleton .cds--label{block-size:.875rem;inline-size:4.6875rem}.cds--date-picker--next{position:relative}.cds--date-picker--next .cds--date-picker-input__wrapper{position:relative;anchor-name:--date-picker-input}.cds--date-picker--next .cds--date-picker__icon{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--cds-icon-primary,#161616);cursor:pointer;inset-block-start:50%;inset-inline-end:1rem;pointer-events:auto;transform:translateY(-50%)}.cds--date-picker--next .cds--date-picker__icon:focus{border:none;background:transparent;outline:none}.cds--date-picker--next .cds--date-picker__icon:active,.cds--date-picker--next .cds--date-picker__icon:hover{border:none;background:transparent}.cds--date-picker--next .cds--date-picker__calendar-popover{position:absolute;z-index:9000;padding:0;border:none;margin:0;background:transparent}.cds--date-picker--next .cds--date-picker__calendar-popover:focus{outline:none}.cds--date-picker--next .cds--date-picker__calendar-popover{inset-area:block-end span-inline-start;margin-block-start:.25rem;position-anchor:--date-picker-input}@supports not (inset-area:block-end){.cds--date-picker--next .cds--date-picker__calendar-popover{position:absolute;inset-block-start:anchor(bottom);inset-inline-start:anchor(left);margin-block-start:.25rem}}.cds--date-picker--next .cds--date-picker__calendar-popover{position-try-options:--bottom-left,--top-left,--bottom-right,--top-right}.cds--date-picker--next .cds--date-picker__calendar.open{margin-block-start:0}.cds--date-picker--next .cds--date-picker__calendar-container{position:absolute;z-index:9000;display:block;inset-block-start:100%;inset-inline-start:0;margin-block-start:0}.cds--date-picker--next .cds--date-picker-container{outline:none}.cds--date-picker--next .cds--date-picker-container .cds--form-requirement[hidden]{display:none}.cds--date-picker--next .cds--date-picker-container--warn:not(.cds--date-picker-container--invalid) .cds--form-requirement{color:var(--cds-text-primary,#161616)}.cds--date-picker--next .cds--date-picker-container--simple .cds--date-picker__input{inline-size:7.5rem}.cds--date-picker--next .cds--date-picker-container--simple .cds--date-picker__input--invalid,.cds--date-picker--next .cds--date-picker-container--simple .cds--date-picker__input--warn{inline-size:9.5rem}.cds--date-picker--next .cds--date-picker-container--short.cds--date-picker-container--simple .cds--date-picker__input{inline-size:5.625rem}.cds--date-picker--next .cds--date-picker-container--single{max-inline-size:18rem}.cds--date-picker--next .cds--date-picker-container--single .cds--date-picker__input{inline-size:18rem}.cds--date-picker--next .cds--date-picker-container--from{margin-inline-end:.0625rem}.cds--date-picker--next .cds--date-picker-container--from,.cds--date-picker--next .cds--date-picker-container--from .cds--date-picker__input,.cds--date-picker--next .cds--date-picker-container--to,.cds--date-picker--next .cds--date-picker-container--to .cds--date-picker__input{inline-size:8.96875rem}.cds--date-picker--next .cds--date-picker-container--ai-label .cds--date-picker__input--decorator{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--date-picker--next .cds--date-picker-input-skeleton{display:inline-block}.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label:active,.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label:focus,.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label:hover{border:none;cursor:default;outline:none}.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label{background:CanvasText}.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker--next .cds--date-picker-input-skeleton .cds--label{block-size:.875rem;inline-size:4.6875rem}.cds--date-picker--next .cds--date-picker-input-skeleton .cds--date-picker-input-skeleton-container{display:inline-block}.cds--date-picker--next .cds--date-picker-input-skeleton--range .cds--date-picker-input-skeleton-container,.cds--date-picker--next .cds--date-picker-input-skeleton--range .cds--date-picker-input-skeleton-container .cds--date-picker__input{inline-size:8.96875rem}.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton{padding:0;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none}.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:active,.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:focus,.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton{background:CanvasText}.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__input.cds--skeleton{position:relative;overflow:hidden;border:none;block-size:2.5rem;cursor:default;inline-size:100%;pointer-events:none}.cds--date-picker--next .cds--date-picker.cds--skeleton .cds--date-picker__icon.cds--skeleton{display:none}.cds--date-picker--next .cds--date-picker__calendar{display:block;padding:.5rem;border:none;background-color:var(--cds-layer);box-shadow:0 2px 6px 0 rgba(0,0,0,.2);inline-size:18rem;max-inline-size:18rem;outline:none}.cds--date-picker--next .cds--date-picker__calendar:focus{outline:none}.cds--date-picker--next .cds--date-picker__month{display:flex;align-items:center;justify-content:space-between;margin-block-end:.5rem}.cds--date-picker--next .cds--date-picker__month-nav{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;block-size:2.5rem;cursor:pointer;inline-size:2.5rem}.cds--date-picker--next .cds--date-picker__month-nav:hover{background-color:var(--cds-layer-hover)}.cds--date-picker--next .cds--date-picker__month-nav:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds--date-picker--next .cds--date-picker__month-nav svg{fill:var(--cds-icon-primary,#161616)}.cds--date-picker--next .cds--date-picker__current-month{flex:1;color:var(--cds-text-primary,#161616);font-size:.875rem;font-weight:600;text-align:center}.cds--date-picker--next .cds--date-picker__weekdays{display:grid;gap:0;grid-template-columns:repeat(7,1fr);margin-block-end:.25rem}.cds--date-picker--next .cds--date-picker__weekday{display:flex;align-items:center;justify-content:center;block-size:2.5rem;color:var(--cds-text-primary,#161616);font-size:.75rem;font-weight:600}.cds--date-picker--next .cds--date-picker__days{display:grid;gap:0;grid-template-columns:repeat(7,1fr)}.cds--date-picker--next .cds--date-picker__day{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;block-size:2.5rem;color:var(--cds-text-primary,#161616);cursor:pointer;font-size:.875rem}.cds--date-picker--next .cds--date-picker__day:hover:not(:disabled,.selected){background-color:var(--cds-layer-hover)}.cds--date-picker--next .cds--date-picker__day:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds--date-picker--next .cds--date-picker__day.selected{background-color:var(--cds-interactive,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--date-picker--next .cds--date-picker__day.today:not(.selected){position:relative;color:var(--cds-text-primary,#161616);font-weight:600}.cds--date-picker--next .cds--date-picker__day.today:not(.selected):after{position:absolute;border-radius:50%;background-color:var(--cds-interactive,#0f62fe);block-size:4px;content:\"\";inline-size:4px;inset-block-end:4px;inset-inline-start:50%;transform:translateX(-50%)}.cds--date-picker--next .cds--date-picker__day.inRange:not(.selected){background-color:var(--cds-highlight,#d0e2ff)}.cds--date-picker--next .cds--date-picker__day.nextMonthDay:not(.selected),.cds--date-picker--next .cds--date-picker__day.prevMonthDay:not(.selected){color:var(--cds-text-secondary,#525252)}.cds--date-picker--next .cds--date-picker__day.disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;opacity:.5}.cds--date-picker--next .cds--date-picker__day.focused:not(.selected){background-color:var(--cds-layer-hover);outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds--date-picker--fluid,:host(cds-fluid-date-picker){display:inline-flex;background:var(--cds-field)}.cds--date-picker--fluid .cds--date-picker,:host(cds-fluid-date-picker) .cds--date-picker{position:relative;block-size:100%;inline-size:100%;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--date-picker--fluid .cds--label,:host(cds-fluid-date-picker) .cds--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem}.cds--date-picker--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,.cds--date-picker--fluid .cds--label::-webkit-scrollbar,:host(cds-fluid-date-picker) .cds--label .cds--toggletip-label::-webkit-scrollbar,:host(cds-fluid-date-picker) .cds--label::-webkit-scrollbar{display:none}.cds--date-picker--fluid .cds--label .cds--toggletip-label,.cds--date-picker--fluid .cds--label:not(:has(.cds--toggletip-label)),:host(cds-fluid-date-picker) .cds--label .cds--toggletip-label,:host(cds-fluid-date-picker) .cds--label:not(:has(.cds--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds--date-picker--fluid .cds--date-picker-input__wrapper>span,:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper>span{inline-size:100%}.cds--date-picker--fluid .cds--date-picker-input__wrapper .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper .cds--date-picker__input{padding:2rem 1rem .8125rem;background:transparent;border-block-end:none;min-block-size:4rem;min-inline-size:9rem}.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker__icon,:host(cds-fluid-date-picker) .cds--date-picker--simple .cds--date-picker__icon{display:none}.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker--fluid--warn,.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker__input:not(.cds--date-picker__input--invalid):not(.cds--date-picker__input--warn),.cds--date-picker--fluid .cds--date-picker--simple :host(cds-fluid-date-picker-input[warn]:not([invalid])),.cds--date-picker--fluid .cds--date-picker--simple :host(cds-fluid-date-picker[warn]:not([invalid])),:host(cds-fluid-date-picker) .cds--date-picker--simple .cds--date-picker--fluid--warn,:host(cds-fluid-date-picker) .cds--date-picker--simple .cds--date-picker__input:not(.cds--date-picker__input--invalid):not(.cds--date-picker__input--warn),:host(cds-fluid-date-picker) .cds--date-picker--simple :host(cds-fluid-date-picker-input[warn]:not([invalid])),:host(cds-fluid-date-picker) .cds--date-picker--simple :host(cds-fluid-date-picker[warn]:not([invalid])){border-block-end:1px solid var(--cds-border-strong)}.cds--date-picker--fluid .cds--date-picker__icon,:host(cds-fluid-date-picker) .cds--date-picker__icon{inset-block-start:2.6875rem}.cds--date-picker--fluid .cds--date-picker--single .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker--single .cds--date-picker__input{inline-size:100%}.cds--date-picker--fluid .cds--date-picker--single,:host(cds-fluid-date-picker) .cds--date-picker--single{border-block-end:none}.cds--date-picker--fluid .cds--date-picker--single .cds--date-picker__input:not(.cds--date-picker__input--invalid),.cds--date-picker--single .cds--date-picker--fluid--warn,.cds--date-picker--single :host(cds-fluid-date-picker-input[warn]:not([invalid])),.cds--date-picker--single :host(cds-fluid-date-picker[warn]:not([invalid])),:host(cds-fluid-date-picker) .cds--date-picker--single .cds--date-picker__input:not(.cds--date-picker__input--invalid){border-block-end:1px solid var(--cds-border-strong)}.cds--date-picker--fluid:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker--range .cds--date-picker-container:not(.cds--date-picker--fluid--invalid),:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn):host(cds-fluid-date-picker) .cds--date-picker--range .cds--date-picker-container:not(.cds--date-picker--fluid--invalid){border-block-end:1px solid var(--cds-border-strong)}.cds--date-picker--fluid .cds--date-picker--range .cds--date-picker-container,.cds--date-picker--fluid .cds--date-picker--range .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker--range .cds--date-picker-container,:host(cds-fluid-date-picker) .cds--date-picker--range .cds--date-picker__input{inline-size:100%;min-block-size:3.9375rem;min-inline-size:9rem}.cds--date-picker--fluid .cds--date-picker--range>.cds--date-picker-container:first-child,:host(cds-fluid-date-picker) .cds--date-picker--range>.cds--date-picker-container:first-child{margin-inline-end:0}.cds--date-picker--fluid .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input{border-inline-start:1px solid var(--cds-border-strong)}.cds--date-picker--fluid.cds--date-picker--fluid--invalid,.cds--date-picker-container.cds--date-picker--fluid--invalid,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])),:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--date-picker--fluid.cds--date-picker--fluid--invalid,.cds--date-picker-container.cds--date-picker--fluid--invalid,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])),:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]){outline-style:dotted}}.cds--date-picker--fluid .cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__input--invalid,:host(cds-fluid-date-picker) .cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__input--invalid{outline:none}.cds--date-picker--fluid .cds--date-picker-container.cds--date-picker--fluid--invalid+.cds--date-picker-container .cds--date-picker__input,.cds--date-picker--fluid .cds--date-picker-container:last-child.cds--date-picker--fluid--invalid .cds--date-picker__input--invalid,:host(cds-fluid-date-picker) .cds--date-picker-container.cds--date-picker--fluid--invalid+.cds--date-picker-container .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker-container:last-child.cds--date-picker--fluid--invalid .cds--date-picker__input--invalid{border-inline-start:none}.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--form-requirement,.cds--date-picker-container.cds--date-picker--fluid--warn .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}.cds--date-picker--fluid .cds--date-picker--single .cds--date-picker--fluid--warn .cds--date-picker__input,.cds--date-picker--fluid .cds--date-picker--single :host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker__input,.cds--date-picker--fluid .cds--date-picker--single :host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker__input,.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker,.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range .cds--date-picker-container,.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker,:host(cds-fluid-date-picker) .cds--date-picker--single .cds--date-picker--fluid--warn .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker--single :host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker--single :host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker__input,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker--range .cds--date-picker-container,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]) .cds--date-picker,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker--range .cds--date-picker-container{border-block-end:1px solid transparent}.cds--date-picker--fluid .cds--date-picker--fluid--warn+.cds--date-picker-container:last-child .cds--date-picker__input,.cds--date-picker--fluid .cds--date-picker--fluid--warn.cds--date-picker-container:last-child .cds--date-picker__input,.cds--date-picker--fluid :host(cds-fluid-date-picker-input[warn]:not([invalid]))+.cds--date-picker-container:last-child .cds--date-picker__input,.cds--date-picker--fluid :host(cds-fluid-date-picker[warn]:not([invalid]))+.cds--date-picker-container:last-child .cds--date-picker__input,.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker--fluid--warn+.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker--fluid--warn.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker) :host(cds-fluid-date-picker-input[warn]:not([invalid]))+.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker) :host(cds-fluid-date-picker[warn]:not([invalid]))+.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]) .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input{border-inline-start:1px solid transparent}.cds--date-picker--fluid .cds--date-picker--range .cds--date-picker--fluid--warn.cds--date-picker-container:first-child:after,.cds--date-picker--fluid .cds--date-picker--range .cds--date-picker--fluid--warn.cds--date-picker-container:last-child:after,.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range>.cds--date-picker-container:first-child:after,.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range>.cds--date-picker-container:first-child:after,:host(cds-fluid-date-picker) .cds--date-picker--range .cds--date-picker--fluid--warn.cds--date-picker-container:first-child:after,:host(cds-fluid-date-picker) .cds--date-picker--range .cds--date-picker--fluid--warn.cds--date-picker-container:last-child:after,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker--range>.cds--date-picker-container:first-child:after,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker--range>.cds--date-picker-container:first-child:after,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]) .cds--date-picker--range>.cds--date-picker-container:first-child:after,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker--range>.cds--date-picker-container:first-child:after{position:absolute;display:block;background:var(--cds-border-strong);block-size:calc(100% - 1rem);content:\"\";inline-size:1px;inset-block-start:.5rem;inset-inline-end:0}.cds--date-picker--fluid .cds--date-picker--fluid--warn.cds--date-picker-container:last-child:after,:host(cds-fluid-date-picker) .cds--date-picker--fluid--warn.cds--date-picker-container:last-child:after{inset-inline-start:0}.cds--date-picker--fluid .cds--date-picker__divider,:host(cds-fluid-date-picker) .cds--date-picker__divider{border-style:solid;border-color:var(--cds-border-subtle);margin:0 1rem;border-block-end:none;inline-size:calc(100% - 2rem)}.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__icon--invalid,.cds--date-picker-container.cds--date-picker--fluid--warn .cds--date-picker__icon--warn{inset-block-start:5rem}.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker--fluid--invalid .cds--date-picker__icon--invalid,.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker--fluid--warn .cds--date-picker__icon--warn,.cds--date-picker--fluid .cds--date-picker--simple :host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker__icon--invalid,.cds--date-picker--fluid .cds--date-picker--simple :host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker__icon--warn,.cds--date-picker--fluid .cds--date-picker--simple :host(cds-fluid-date-picker[invalid]) .cds--date-picker__icon--invalid,.cds--date-picker--fluid .cds--date-picker--simple :host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker__icon--warn,:host(cds-fluid-date-picker) .cds--date-picker--simple .cds--date-picker--fluid--invalid .cds--date-picker__icon--invalid,:host(cds-fluid-date-picker) .cds--date-picker--simple .cds--date-picker--fluid--warn .cds--date-picker__icon--warn,:host(cds-fluid-date-picker) .cds--date-picker--simple :host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker__icon--invalid,:host(cds-fluid-date-picker) .cds--date-picker--simple :host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker__icon--warn,:host(cds-fluid-date-picker) .cds--date-picker--simple :host(cds-fluid-date-picker[invalid]) .cds--date-picker__icon--invalid,:host(cds-fluid-date-picker) .cds--date-picker--simple :host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker__icon--warn{display:block}.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__input:focus{outline-style:dotted}}.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range~.cds--form-requirement,.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range~.cds--form-requirement,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker--range~.cds--form-requirement,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker--range~.cds--form-requirement,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]) .cds--date-picker--range~.cds--form-requirement,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker--range~.cds--form-requirement{display:block;overflow:visible;padding:.5rem 2.5rem .5rem 1rem;margin-block-start:0;max-block-size:100%}.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range~.cds--form-requirement,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker--range~.cds--form-requirement,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]) .cds--date-picker--range~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--date-picker--fluid.cds--date-picker--fluid--invalid,.cds--date-picker--fluid.cds--date-picker--fluid--warn,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])),:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[warn]:not([invalid])),:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]),:host(cds-fluid-date-picker):host(cds-fluid-date-picker[warn]:not([invalid])){position:relative}.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range+.cds--date-picker__icon,.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range+.cds--date-picker__icon,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker--range+.cds--date-picker__icon,:host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker--range+.cds--date-picker__icon,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[invalid]) .cds--date-picker--range+.cds--date-picker__icon,:host(cds-fluid-date-picker):host(cds-fluid-date-picker[warn]:not([invalid])) .cds--date-picker--range+.cds--date-picker__icon{inset-block-start:5rem}.cds--date-picker--fluid__skeleton,:host(cds-fluid-date-picker-skeleton){background:var(--cds-skeleton-background,#e8e8e8);block-size:4rem;border-block-end:1px solid var(--cds-skeleton-element,#c6c6c6)}.cds--date-picker--fluid__skeleton--container{position:relative;block-size:100%;inline-size:100%}.cds--date-picker--fluid__skeleton .cds--skeleton,:host(cds-fluid-date-picker-skeleton) .cds--skeleton{position:absolute;block-size:.5rem;inline-size:25%;inset-block-start:1rem;inset-inline-start:1rem}.cds--date-picker--fluid__skeleton .cds--label,:host(cds-fluid-date-picker-skeleton) .cds--label{margin-block-end:.25rem}.cds--date-picker--fluid__skeleton .cds--text-input,:host(cds-fluid-date-picker-skeleton) .cds--text-input{position:absolute;padding:0;block-size:.5rem;inline-size:50%;inset-block-start:2.25rem;inset-inline-start:1rem}.cds--date-picker--fluid__skeleton--container .cds--date-picker__icon{inset-block:auto .5rem}.cds--date-picker--fluid__skeleton--range{display:flex;flex-direction:row}.cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container{display:flex;flex-direction:column;inline-size:50%}.cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container:first-of-type{border-inline-end:1px solid var(--cds-skeleton-element,#c6c6c6)}.cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container .cds--date-picker__icon{inset-block-end:.5rem}.cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker .cds--date-picker__input,.cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker>.cds--date-picker-container,:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn):host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[readonly]) .cds--date-picker .cds--date-picker__input,:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn):host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[readonly]) .cds--date-picker>.cds--date-picker-container,:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn):host(cds-fluid-date-picker):host(cds-fluid-date-picker[readonly]) .cds--date-picker .cds--date-picker__input,:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn):host(cds-fluid-date-picker):host(cds-fluid-date-picker[readonly]) .cds--date-picker>.cds--date-picker-container{border-block-end-color:var(--cds-border-subtle)}.cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn):host(cds-fluid-date-picker):host(cds-fluid-date-picker-input[readonly]) .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input,:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn):host(cds-fluid-date-picker):host(cds-fluid-date-picker[readonly]) .cds--date-picker--range>.cds--date-picker-container:last-child .cds--date-picker__input{border-inline-start-color:var(--cds-border-subtle)}.cds--date-picker--fluid .cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator>*,.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--ai-label,.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--slug,:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator>*,:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--slug .cds--ai-label,:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--slug .cds--slug{inset-block-start:2.6875rem}.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--slug):not(:has(~.cds--slug--revert)),:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)) .cds--date-picker__input:not(.cds--date-picker__input--invalid),.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)) .cds--date-picker__input:not(.cds--date-picker__input--invalid),:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)) .cds--date-picker__input:not(.cds--date-picker__input--invalid),:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)) .cds--date-picker__input:not(.cds--date-picker__input--invalid){border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--date-picker--fluid .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,.cds--date-picker--fluid--invalid .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,.cds--date-picker--fluid--invalid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,.cds--date-picker--fluid--warn .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,.cds--date-picker--fluid--warn .cds--date-picker-input__wrapper--slug .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,:host(cds-fluid-date-picker) .cds--date-picker-input__wrapper--slug .cds--date-picker__input,:host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,:host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--date-picker-input__wrapper--slug .cds--date-picker__input,:host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,:host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker-input__wrapper--slug .cds--date-picker__input{padding-inline-end:4rem}:host(cds-fluid-date-picker){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;display:inline-flex;inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:100%}:host(cds-fluid-date-picker) #floating-menu-container{position:absolute;inline-size:100%}:host(cds-fluid-date-picker) .cds--date-picker__calendar.open{margin-block-start:0}:host(cds-fluid-date-picker) .flatpickr-next-month svg,:host(cds-fluid-date-picker) .flatpickr-prev-month svg{transform:rotate(0)}:host(cds-fluid-date-picker) .cds--date-picker__day.flatpickr-disabled,:host(cds-fluid-date-picker) .flatpickr-day.flatpickr-disabled{color:var(--cds-layer-selected-inverse,#161616);cursor:not-allowed;opacity:.5}:host(cds-fluid-date-picker) .cds--date-picker__day.flatpickr-disabled:hover,:host(cds-fluid-date-picker) .flatpickr-day.flatpickr-disabled:hover{background:transparent}:host(cds-fluid-date-picker) .flatpickr-next-month.flatpickr-disabled svg,:host(cds-fluid-date-picker) .flatpickr-prev-month.flatpickr-disabled svg{cursor:not-allowed;fill:var(--cds-layer-selected-inverse,#161616);opacity:.5}:host(cds-fluid-date-picker) .flatpickr-next-month.flatpickr-disabled:hover svg,:host(cds-fluid-date-picker) .flatpickr-prev-month.flatpickr-disabled:hover svg{fill:var(--cds-layer-selected-inverse,#161616)}:host(cds-fluid-date-picker-input){position:relative;display:block;box-sizing:border-box;background:var(--cds-field);block-size:4rem;border-block-end:1px solid var(--cds-border-strong);inline-size:100%;max-inline-size:100%;outline:none}:host(cds-fluid-date-picker-input[disabled]),:host(cds-fluid-date-picker-input[readonly]){border-block-end:1px solid var(--cds-border-subtle)}:host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])),:host(cds-fluid-date-picker-input[warn]:not([invalid]):not([disabled]):not([readonly])){block-size:auto;border-block-end:none;min-block-size:4rem}:host(cds-fluid-date-picker-input) .cds--date-picker__divider{border-style:solid;border-color:var(--cds-border-subtle);margin:0 1rem;border-block-end:none;inline-size:calc(100% - 2rem)}:host(cds-fluid-date-picker-input[disabled]) .cds--date-picker__divider,:host(cds-fluid-date-picker-input[readonly]) .cds--date-picker__divider{display:none}:host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])) .cds--form-requirement,:host(cds-fluid-date-picker-input[warn]:not([invalid]):not([disabled]):not([readonly])) .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}:host(cds-fluid-date-picker-input[disabled]) .cds--form-requirement,:host(cds-fluid-date-picker-input[readonly]) .cds--form-requirement{display:none}:host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--form-requirement{color:var(--cds-text-primary,#161616)}:host(cds-fluid-date-picker-input[kind=single]){max-inline-size:18rem}:host(cds-fluid-date-picker-input[kind=single]) .cds--date-picker__input{inline-size:18rem}:host(cds-fluid-date-picker-input[kind=from]),:host(cds-fluid-date-picker-input[kind=to]){inline-size:8.96875rem}:host(cds-fluid-date-picker-input[kind=from]) .cds--date-picker__input,:host(cds-fluid-date-picker-input[kind=to]) .cds--date-picker__input{inline-size:8.96875rem}:host(cds-fluid-date-picker-input[kind=to]){border-inline-start:1px solid var(--cds-border-strong)}:host(cds-fluid-date-picker-input[kind=to][disabled]),:host(cds-fluid-date-picker-input[kind=to][readonly]){border-inline-start:1px solid var(--cds-border-subtle)}:host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-fluid-date-picker-input[invalid]:not([disabled]):not([readonly])){outline-style:dotted}}:host(cds-fluid-date-picker-input) .cds--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem}:host(cds-fluid-date-picker-input) .cds--date-picker__input{border:none;background:transparent;block-size:calc(100% - .0625rem);inline-size:100%;max-inline-size:100%;outline:none;padding-block-end:.8125rem;padding-block-start:2rem;padding-inline:1rem}:host(cds-fluid-date-picker-input) .cds--date-picker__input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-fluid-date-picker-input) .cds--date-picker__input:focus{outline-style:dotted}}:host(cds-fluid-date-picker-input) .cds--date-picker__icon{inset-block-start:2.6875rem}:host(cds-fluid-date-picker-input[invalid]) .cds--date-picker__icon--invalid,:host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker__icon--warn{inset-block-start:5rem}:host(cds-fluid-date-picker-input[invalid]) .cds--date-picker__icon:not(.cds--date-picker__icon--invalid),:host(cds-fluid-date-picker-input[warn]:not([invalid])) .cds--date-picker__icon:not(.cds--date-picker__icon--warn){display:block}:host(cds-fluid-date-picker-input[kind=simple][invalid]) .cds--date-picker__icon--invalid,:host(cds-fluid-date-picker-input[kind=simple][warn]:not([invalid])) .cds--date-picker__icon--warn{display:block}:host(cds-fluid-date-picker-skeleton){display:block}.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton:before{animation:none}}"]);
|
|
11
11
|
//#endregion
|
|
12
12
|
export { fluid_date_picker_default as default };
|
|
13
13
|
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026, 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
export type ResizerAxis = 'x' | 'y';
|
|
8
|
+
export interface Position {
|
|
9
|
+
x: number;
|
|
10
|
+
y: number;
|
|
11
|
+
}
|
|
12
|
+
export interface ResizeStartDetail {
|
|
13
|
+
axis: ResizerAxis;
|
|
14
|
+
startPosition: Position;
|
|
15
|
+
}
|
|
16
|
+
export interface ResizeDragDetail {
|
|
17
|
+
axis: ResizerAxis;
|
|
18
|
+
delta: number;
|
|
19
|
+
position: Position;
|
|
20
|
+
}
|
|
21
|
+
export interface ResizeEndDetail {
|
|
22
|
+
axis: ResizerAxis;
|
|
23
|
+
delta: number;
|
|
24
|
+
position: Position;
|
|
25
|
+
}
|
|
26
|
+
export declare const DOUBLE_TAP: {
|
|
27
|
+
readonly MAX_TIME_MS: 300;
|
|
28
|
+
readonly MAX_DISTANCE_PX: 24;
|
|
29
|
+
readonly VIBRATION_MS: 8;
|
|
30
|
+
};
|
|
31
|
+
export declare const KEYBOARD: {
|
|
32
|
+
readonly DEFAULT_STEP_PX: 5;
|
|
33
|
+
readonly LARGE_STEP_PX: 25;
|
|
34
|
+
};
|
|
35
|
+
export declare const ARIA: {
|
|
36
|
+
readonly ROLE_SEPARATOR: "separator";
|
|
37
|
+
readonly LIVE_ASSERTIVE: "assertive";
|
|
38
|
+
readonly VALUE_MIN: "0";
|
|
39
|
+
readonly VALUE_MAX: "100";
|
|
40
|
+
readonly VALUE_DEFAULT: "50";
|
|
41
|
+
};
|
|
42
|
+
export declare const SELECTORS: {
|
|
43
|
+
readonly GRID: "cds-resizer-grid";
|
|
44
|
+
readonly PANEL: "cds-resizer-panel";
|
|
45
|
+
readonly HANDLE: "cds-resizer-handle";
|
|
46
|
+
readonly PIVOT: "cds-resizer-handle-pivot";
|
|
47
|
+
};
|
|
48
|
+
export declare const SLOTS: {
|
|
49
|
+
readonly LEFT: "left";
|
|
50
|
+
readonly RIGHT: "right";
|
|
51
|
+
readonly TOP: "top";
|
|
52
|
+
readonly BOTTOM: "bottom";
|
|
53
|
+
readonly HANDLE_HORIZONTAL: "handle-horizontal";
|
|
54
|
+
readonly HANDLE_VERTICAL: "handle-vertical";
|
|
55
|
+
readonly PIVOT: "pivot";
|
|
56
|
+
readonly ICON: "icon";
|
|
57
|
+
};
|
|
58
|
+
export declare const EVENTS: {
|
|
59
|
+
readonly RESIZE_START: "resize-start";
|
|
60
|
+
readonly RESIZE_DRAG: "resize-drag";
|
|
61
|
+
readonly RESIZE_END: "resize-end";
|
|
62
|
+
readonly RESIZE_RESET: "resize-reset";
|
|
63
|
+
};
|
|
64
|
+
export declare function calculateFlexRatio(value: number, total: number): number;
|
|
65
|
+
export declare function formatSplitRatio(percentage: number): string;
|
|
66
|
+
export declare function determineAxis(slot: string | null, cursor?: string): ResizerAxis;
|
|
67
|
+
export declare function isWithinDistance(pos1: Position, pos2: Position, threshold: number): boolean;
|
|
68
|
+
export declare function triggerHapticFeedback(duration: number): void;
|
|
69
|
+
export declare function createCustomEvent<T>(eventName: string, detail?: T, options?: EventInit): CustomEvent<T>;
|
|
70
|
+
export declare function getOrientationFromAxis(axis: ResizerAxis): 'horizontal' | 'vertical';
|
|
71
|
+
export declare function safeClosest<T extends HTMLElement = HTMLElement>(element: Element, selector: string): T | null;
|
|
72
|
+
export declare function safeQuerySelectorAll<T extends HTMLElement = HTMLElement>(root: Element | Document, selector: string): T[];
|
|
73
|
+
//# sourceMappingURL=defs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/components/resizer/defs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,CAAC;AAIpC,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAID,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,WAAW,CAAC;IAClB,aAAa,EAAE,QAAQ,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAID,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAIX,eAAO,MAAM,QAAQ;;;CAGX,CAAC;AAIX,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AAIX,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AAIX,eAAO,MAAM,KAAK;;;;;;;;;CASR,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;CAKT,CAAC;AAIX,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAKvE;AAED,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAI3D;AAED,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,GAAG,IAAI,EACnB,MAAM,CAAC,EAAE,MAAM,GACd,WAAW,CAWb;AAED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,MAAM,GAChB,OAAO,CAKT;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAQ5D;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,SAAS,EAAE,MAAM,EACjB,MAAM,CAAC,EAAE,CAAC,EACV,OAAO,CAAC,EAAE,SAAS,GAClB,WAAW,CAAC,CAAC,CAAC,CAOhB;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,WAAW,GAChB,YAAY,GAAG,UAAU,CAE3B;AAED,wBAAgB,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAC7D,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAM,GACf,CAAC,GAAG,IAAI,CAMV;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACtE,IAAI,EAAE,OAAO,GAAG,QAAQ,EACxB,QAAQ,EAAE,MAAM,GACf,CAAC,EAAE,CAML"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
//#region src/components/resizer/defs.ts
|
|
9
|
+
const DOUBLE_TAP = {
|
|
10
|
+
MAX_TIME_MS: 300,
|
|
11
|
+
MAX_DISTANCE_PX: 24,
|
|
12
|
+
VIBRATION_MS: 8
|
|
13
|
+
};
|
|
14
|
+
const KEYBOARD = {
|
|
15
|
+
DEFAULT_STEP_PX: 5,
|
|
16
|
+
LARGE_STEP_PX: 25
|
|
17
|
+
};
|
|
18
|
+
const ARIA = {
|
|
19
|
+
ROLE_SEPARATOR: "separator",
|
|
20
|
+
LIVE_ASSERTIVE: "assertive",
|
|
21
|
+
VALUE_MIN: "0",
|
|
22
|
+
VALUE_MAX: "100",
|
|
23
|
+
VALUE_DEFAULT: "50"
|
|
24
|
+
};
|
|
25
|
+
const SELECTORS = {
|
|
26
|
+
GRID: "cds-resizer-grid",
|
|
27
|
+
PANEL: "cds-resizer-panel",
|
|
28
|
+
HANDLE: "cds-resizer-handle",
|
|
29
|
+
PIVOT: "cds-resizer-handle-pivot"
|
|
30
|
+
};
|
|
31
|
+
const SLOTS = {
|
|
32
|
+
LEFT: "left",
|
|
33
|
+
RIGHT: "right",
|
|
34
|
+
TOP: "top",
|
|
35
|
+
BOTTOM: "bottom",
|
|
36
|
+
HANDLE_HORIZONTAL: "handle-horizontal",
|
|
37
|
+
HANDLE_VERTICAL: "handle-vertical",
|
|
38
|
+
PIVOT: "pivot",
|
|
39
|
+
ICON: "icon"
|
|
40
|
+
};
|
|
41
|
+
const EVENTS = {
|
|
42
|
+
RESIZE_START: "resize-start",
|
|
43
|
+
RESIZE_DRAG: "resize-drag",
|
|
44
|
+
RESIZE_END: "resize-end",
|
|
45
|
+
RESIZE_RESET: "resize-reset"
|
|
46
|
+
};
|
|
47
|
+
function calculateFlexRatio(value, total) {
|
|
48
|
+
if (total <= 0) return 0;
|
|
49
|
+
return Math.max(0, Math.min(1, value / total));
|
|
50
|
+
}
|
|
51
|
+
function formatSplitRatio(percentage) {
|
|
52
|
+
const start = Math.round(Math.max(0, Math.min(100, percentage)));
|
|
53
|
+
return `${start}% / ${100 - start}%`;
|
|
54
|
+
}
|
|
55
|
+
function determineAxis(slot, cursor) {
|
|
56
|
+
if (slot === SLOTS.HANDLE_VERTICAL) return "y";
|
|
57
|
+
if (slot === SLOTS.HANDLE_HORIZONTAL) return "x";
|
|
58
|
+
if (cursor?.includes("ew")) return "x";
|
|
59
|
+
return "y";
|
|
60
|
+
}
|
|
61
|
+
function isWithinDistance(pos1, pos2, threshold) {
|
|
62
|
+
return Math.abs(pos1.x - pos2.x) < threshold && Math.abs(pos1.y - pos2.y) < threshold;
|
|
63
|
+
}
|
|
64
|
+
function triggerHapticFeedback(duration) {
|
|
65
|
+
if ("vibrate" in navigator) try {
|
|
66
|
+
navigator.vibrate(duration);
|
|
67
|
+
} catch {}
|
|
68
|
+
}
|
|
69
|
+
function createCustomEvent(eventName, detail, options) {
|
|
70
|
+
return new CustomEvent(eventName, {
|
|
71
|
+
bubbles: true,
|
|
72
|
+
composed: true,
|
|
73
|
+
detail,
|
|
74
|
+
...options
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
function getOrientationFromAxis(axis) {
|
|
78
|
+
return axis === "x" ? "vertical" : "horizontal";
|
|
79
|
+
}
|
|
80
|
+
function safeClosest(element, selector) {
|
|
81
|
+
try {
|
|
82
|
+
return element.closest(selector);
|
|
83
|
+
} catch {
|
|
84
|
+
return null;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
function safeQuerySelectorAll(root, selector) {
|
|
88
|
+
try {
|
|
89
|
+
return Array.from(root.querySelectorAll(selector));
|
|
90
|
+
} catch {
|
|
91
|
+
return [];
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
//#endregion
|
|
95
|
+
export { ARIA, DOUBLE_TAP, EVENTS, KEYBOARD, SELECTORS, SLOTS, calculateFlexRatio, createCustomEvent, determineAxis, formatSplitRatio, getOrientationFromAxis, isWithinDistance, safeClosest, safeQuerySelectorAll, triggerHapticFeedback };
|
|
96
|
+
|
|
97
|
+
//# sourceMappingURL=defs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/resizer/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n// ─── Axis type ────────────────────────────────────────────────────────────────\n\nexport type ResizerAxis = 'x' | 'y';\n\n// ─── Position ─────────────────────────────────────────────────────────────────\n\nexport interface Position {\n x: number;\n y: number;\n}\n\n// ─── Event detail interfaces ──────────────────────────────────────────────────\n\nexport interface ResizeStartDetail {\n axis: ResizerAxis;\n startPosition: Position;\n}\n\nexport interface ResizeDragDetail {\n axis: ResizerAxis;\n delta: number;\n position: Position;\n}\n\nexport interface ResizeEndDetail {\n axis: ResizerAxis;\n delta: number;\n position: Position;\n}\n\n// ─── Double-tap detection ─────────────────────────────────────────────────────\n\nexport const DOUBLE_TAP = {\n MAX_TIME_MS: 300,\n MAX_DISTANCE_PX: 24,\n VIBRATION_MS: 8,\n} as const;\n\n// ─── Keyboard navigation ──────────────────────────────────────────────────────\n\nexport const KEYBOARD = {\n DEFAULT_STEP_PX: 5,\n LARGE_STEP_PX: 25,\n} as const;\n\n// ─── ARIA ─────────────────────────────────────────────────────────────────────\n\nexport const ARIA = {\n ROLE_SEPARATOR: 'separator',\n LIVE_ASSERTIVE: 'assertive',\n VALUE_MIN: '0',\n VALUE_MAX: '100',\n VALUE_DEFAULT: '50',\n} as const;\n\n// ─── Selectors ────────────────────────────────────────────────────────────────\n\nexport const SELECTORS = {\n GRID: 'cds-resizer-grid',\n PANEL: 'cds-resizer-panel',\n HANDLE: 'cds-resizer-handle',\n PIVOT: 'cds-resizer-handle-pivot',\n} as const;\n\n// ─── Slot names ───────────────────────────────────────────────────────────────\n\nexport const SLOTS = {\n LEFT: 'left',\n RIGHT: 'right',\n TOP: 'top',\n BOTTOM: 'bottom',\n HANDLE_HORIZONTAL: 'handle-horizontal',\n HANDLE_VERTICAL: 'handle-vertical',\n PIVOT: 'pivot',\n ICON: 'icon',\n} as const;\n\n// ─── Event names ──────────────────────────────────────────────────────────────\n\nexport const EVENTS = {\n RESIZE_START: 'resize-start',\n RESIZE_DRAG: 'resize-drag',\n RESIZE_END: 'resize-end',\n RESIZE_RESET: 'resize-reset',\n} as const;\n\n// ─── Utility functions ────────────────────────────────────────────────────────\n\nexport function calculateFlexRatio(value: number, total: number): number {\n if (total <= 0) {\n return 0;\n }\n return Math.max(0, Math.min(1, value / total));\n}\n\nexport function formatSplitRatio(percentage: number): string {\n const start = Math.round(Math.max(0, Math.min(100, percentage)));\n const end = 100 - start;\n return `${start}% / ${end}%`;\n}\n\nexport function determineAxis(\n slot: string | null,\n cursor?: string\n): ResizerAxis {\n if (slot === SLOTS.HANDLE_VERTICAL) {\n return 'y';\n }\n if (slot === SLOTS.HANDLE_HORIZONTAL) {\n return 'x';\n }\n if (cursor?.includes('ew')) {\n return 'x';\n }\n return 'y';\n}\n\nexport function isWithinDistance(\n pos1: Position,\n pos2: Position,\n threshold: number\n): boolean {\n return (\n Math.abs(pos1.x - pos2.x) < threshold &&\n Math.abs(pos1.y - pos2.y) < threshold\n );\n}\n\nexport function triggerHapticFeedback(duration: number): void {\n if ('vibrate' in navigator) {\n try {\n navigator.vibrate(duration);\n } catch {\n // Silently fail if vibration is blocked\n }\n }\n}\n\nexport function createCustomEvent<T>(\n eventName: string,\n detail?: T,\n options?: EventInit\n): CustomEvent<T> {\n return new CustomEvent<T>(eventName, {\n bubbles: true,\n composed: true,\n detail,\n ...options,\n });\n}\n\nexport function getOrientationFromAxis(\n axis: ResizerAxis\n): 'horizontal' | 'vertical' {\n return axis === 'x' ? 'vertical' : 'horizontal';\n}\n\nexport function safeClosest<T extends HTMLElement = HTMLElement>(\n element: Element,\n selector: string\n): T | null {\n try {\n return element.closest<T>(selector);\n } catch {\n return null;\n }\n}\n\nexport function safeQuerySelectorAll<T extends HTMLElement = HTMLElement>(\n root: Element | Document,\n selector: string\n): T[] {\n try {\n return Array.from(root.querySelectorAll<T>(selector));\n } catch {\n return [];\n }\n}\n"],"mappings":";;;;;;;;AAuCA,MAAa,aAAa;CACxB,aAAa;CACb,iBAAiB;CACjB,cAAc;AAChB;AAIA,MAAa,WAAW;CACtB,iBAAiB;CACjB,eAAe;AACjB;AAIA,MAAa,OAAO;CAClB,gBAAgB;CAChB,gBAAgB;CAChB,WAAW;CACX,WAAW;CACX,eAAe;AACjB;AAIA,MAAa,YAAY;CACvB,MAAM;CACN,OAAO;CACP,QAAQ;CACR,OAAO;AACT;AAIA,MAAa,QAAQ;CACnB,MAAM;CACN,OAAO;CACP,KAAK;CACL,QAAQ;CACR,mBAAmB;CACnB,iBAAiB;CACjB,OAAO;CACP,MAAM;AACR;AAIA,MAAa,SAAS;CACpB,cAAc;CACd,aAAa;CACb,YAAY;CACZ,cAAc;AAChB;AAIA,SAAgB,mBAAmB,OAAe,OAAuB;CACvE,IAAI,SAAS,GACX,OAAO;CAET,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,QAAQ,KAAK,CAAC;AAC/C;AAEA,SAAgB,iBAAiB,YAA4B;CAC3D,MAAM,QAAQ,KAAK,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,UAAU,CAAC,CAAC;CAE/D,OAAO,GAAG,MAAM,MADJ,MAAM,MACQ;AAC5B;AAEA,SAAgB,cACd,MACA,QACa;CACb,IAAI,SAAS,MAAM,iBACjB,OAAO;CAET,IAAI,SAAS,MAAM,mBACjB,OAAO;CAET,IAAI,QAAQ,SAAS,IAAI,GACvB,OAAO;CAET,OAAO;AACT;AAEA,SAAgB,iBACd,MACA,MACA,WACS;CACT,OACE,KAAK,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,aAC5B,KAAK,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI;AAEhC;AAEA,SAAgB,sBAAsB,UAAwB;CAC5D,IAAI,aAAa,WACf,IAAI;EACF,UAAU,QAAQ,QAAQ;CAC5B,QAAQ,CAER;AAEJ;AAEA,SAAgB,kBACd,WACA,QACA,SACgB;CAChB,OAAO,IAAI,YAAe,WAAW;EACnC,SAAS;EACT,UAAU;EACV;EACA,GAAG;CACL,CAAC;AACH;AAEA,SAAgB,uBACd,MAC2B;CAC3B,OAAO,SAAS,MAAM,aAAa;AACrC;AAEA,SAAgB,YACd,SACA,UACU;CACV,IAAI;EACF,OAAO,QAAQ,QAAW,QAAQ;CACpC,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAAgB,qBACd,MACA,UACK;CACL,IAAI;EACF,OAAO,MAAM,KAAK,KAAK,iBAAoB,QAAQ,CAAC;CACtD,QAAQ;EACN,OAAO,CAAC;CACV;AACF"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026, 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import './resizer-handle';
|
|
8
|
+
import './resizer-handle-pivot';
|
|
9
|
+
import './resizer-grid';
|
|
10
|
+
import './resizer-panel';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/resizer/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,wBAAwB,CAAC;AAChC,OAAO,gBAAgB,CAAC;AACxB,OAAO,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import "./resizer-handle.js";
|
|
9
|
+
import "./resizer-handle-pivot.js";
|
|
10
|
+
import "./resizer-grid.js";
|
|
11
|
+
import "./resizer-panel.js";
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026, 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import { LitElement } from 'lit';
|
|
8
|
+
/**
|
|
9
|
+
* Resizer grid component for managing resizable panels.
|
|
10
|
+
* @element cds-resizer-grid
|
|
11
|
+
*/
|
|
12
|
+
declare class CDSResizerGrid extends LitElement {
|
|
13
|
+
static styles: any;
|
|
14
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
15
|
+
}
|
|
16
|
+
declare global {
|
|
17
|
+
interface HTMLElementTagNameMap {
|
|
18
|
+
'cds-resizer-grid': CDSResizerGrid;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
export default CDSResizerGrid;
|
|
22
|
+
//# sourceMappingURL=resizer-grid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resizer-grid.d.ts","sourceRoot":"","sources":["../../../src/components/resizer/resizer-grid.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;GAGG;AACH,cACM,cAAe,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,MAAU;IAEvB,MAAM;CAUP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF;AAED,eAAe,cAAc,CAAC"}
|