chili-ui 0.13.0 → 0.15.0

package/chili/src/DateTimeInput/DateTimeInput.tsx

@@ -33,6 +33,7 @@ import { IconTypes } from '../..';
 
 export const DateTimeInput = React.forwardRef((props: DateTimeInputProps, ref: React.Ref<HTMLElement>) => {
   const {
+    autoComplete = 'off',
     boundingContainerRef,
     calendarHeaderRender,
     calendarWrapperRender,
@@ -183,6 +184,7 @@ export const DateTimeInput = React.forwardRef((props: DateTimeInputProps, ref: R
           aria-invalid={!isValid}
           aria-required={isRequired}
           className={theme.input}
+          autoComplete={autoComplete}
           isDisabled={isDisabled}
           mask={mask}
           name={name}

package/chili/src/DateTimeInput/types.ts

@@ -75,6 +75,8 @@ export interface WrapperProps {
 }
 
 export interface DateTimeInputProps extends ValidationProps {
+  /** Browser autofill, off is the default value. Works as HTML autoComplete attribute */
+  autoComplete?: string,
   /** Ref to a container to position the element against */
   boundingContainerRef?: React.RefObject<HTMLElement>,
   /** Component classes */

package/dist/src/DateTimeInput/DateTimeInput.js

@@ -25,10 +25,10 @@ import { convertToDate, createMask, getInputWrapperClassNames, getValue, stringT
 import { useCustomElements, useDateTimeInputEffects, useDateTimeInputState } from './hooks';
 import { IconTypes } from '../..';
 export const DateTimeInput = React.forwardRef((props, ref) => {
-    const _a = useProps(props), { boundingContainerRef, calendarHeaderRender, calendarWrapperRender, className, dateCellRender, dateViewRender, format = 'dd.MM.yyyy', hasTodayButton, iconRender, inputRender, invalidMessage, invalidMessageRender, isDisabled, isOpen: isOpenProp, isRequired, isValid: isValidProp, max: maxProp, min: minProp, monthViewRender, name, onEnterPress, placeholder, requiredMessage, shouldValidateUnmounted, theme: themeProp, type = COMPONENT_TYPES.DATE_ONLY, validator, 
+    const _a = useProps(props), { autoComplete = 'off', boundingContainerRef, calendarHeaderRender, calendarWrapperRender, className, dateCellRender, dateViewRender, format = 'dd.MM.yyyy', hasTodayButton, iconRender, inputRender, invalidMessage, invalidMessageRender, isDisabled, isOpen: isOpenProp, isRequired, isValid: isValidProp, max: maxProp, min: minProp, monthViewRender, name, onEnterPress, placeholder, requiredMessage, shouldValidateUnmounted, theme: themeProp, type = COMPONENT_TYPES.DATE_ONLY, validator, 
     // defaultValue is captured but not passed through to the underlying <Input>
     // eslint-disable-next-line @typescript-eslint/naming-convention
-    defaultValue: _defaultValue, value: valueProp, weeksRowRender, wrapperRender, yearViewRender } = _a, restProps = __rest(_a, ["boundingContainerRef", "calendarHeaderRender", "calendarWrapperRender", "className", "dateCellRender", "dateViewRender", "format", "hasTodayButton", "iconRender", "inputRender", "invalidMessage", "invalidMessageRender", "isDisabled", "isOpen", "isRequired", "isValid", "max", "min", "monthViewRender", "name", "onEnterPress", "placeholder", "requiredMessage", "shouldValidateUnmounted", "theme", "type", "validator", "defaultValue", "value", "weeksRowRender", "wrapperRender", "yearViewRender"]);
+    defaultValue: _defaultValue, value: valueProp, weeksRowRender, wrapperRender, yearViewRender } = _a, restProps = __rest(_a, ["autoComplete", "boundingContainerRef", "calendarHeaderRender", "calendarWrapperRender", "className", "dateCellRender", "dateViewRender", "format", "hasTodayButton", "iconRender", "inputRender", "invalidMessage", "invalidMessageRender", "isDisabled", "isOpen", "isRequired", "isValid", "max", "min", "monthViewRender", "name", "onEnterPress", "placeholder", "requiredMessage", "shouldValidateUnmounted", "theme", "type", "validator", "defaultValue", "value", "weeksRowRender", "wrapperRender", "yearViewRender"]);
     handleErrors(props);
     // Convert moment to Date, if moment was passed to props
     const min = React.useMemo(() => convertToDate(minProp), [minProp]);
@@ -93,7 +93,7 @@ export const DateTimeInput = React.forwardRef((props, ref) => {
         dateState: state.date,
         format,
     });
-    return (_jsxs(Wrapper, { className: wrapperClassNames, onKeyDown: (ev) => handleCalendarKeyDown(ev), ref: wrapperRef, children: [_jsxs(Div, { className: getInputWrapperClassNames(theme, newProps, state, isValid), children: [_jsx(Input, Object.assign({}, restProps, { "aria-invalid": !isValid, "aria-required": isRequired, className: theme.input, isDisabled: isDisabled, mask: mask, name: name, onBlur: handleBlur, onChange: handleChange, onFocus: handleFocus, placeholder: placeholder, ref: maskedInputRef, value: inputValue, inputMode: "numeric" })), type !== COMPONENT_TYPES.TIME_ONLY && (_jsx(Icon, { icon: IconTypes.Icons.Calendar, onMouseDown: handleCalendarIconMouseDown, className: theme.calendarIcon }))] }), !state.isFocused && !isDisabled && _jsx(InvalidMessage, {}), type !== COMPONENT_TYPES.TIME_ONLY && (_jsx(CalendarBase, { boundingContainerRef: boundingContainerRef, calendarHeaderRender: calendarHeaderRender, dateCellRender: dateCellRender, dateViewRender: dateViewRender, dispatch: dispatch, format: format, hasTodayButton: hasTodayButton, isDisabled: isDisabled, isOpen: isOpen, max: max, min: min, monthViewRender: monthViewRender, onClick: handleCalendarClick, onMouseDown: handleCalendarMouseDown, theme: theme.calendar, value: state.date, viewDate: state.viewDate, viewType: state.viewType, weeksRowRender: weeksRowRender, yearViewRender: yearViewRender, calendarWrapperRender: calendarWrapperRender }))] }));
+    return (_jsxs(Wrapper, { className: wrapperClassNames, onKeyDown: (ev) => handleCalendarKeyDown(ev), ref: wrapperRef, children: [_jsxs(Div, { className: getInputWrapperClassNames(theme, newProps, state, isValid), children: [_jsx(Input, Object.assign({}, restProps, { "aria-invalid": !isValid, "aria-required": isRequired, className: theme.input, autoComplete: autoComplete, isDisabled: isDisabled, mask: mask, name: name, onBlur: handleBlur, onChange: handleChange, onFocus: handleFocus, placeholder: placeholder, ref: maskedInputRef, value: inputValue, inputMode: "numeric" })), type !== COMPONENT_TYPES.TIME_ONLY && (_jsx(Icon, { icon: IconTypes.Icons.Calendar, onMouseDown: handleCalendarIconMouseDown, className: theme.calendarIcon }))] }), !state.isFocused && !isDisabled && _jsx(InvalidMessage, {}), type !== COMPONENT_TYPES.TIME_ONLY && (_jsx(CalendarBase, { boundingContainerRef: boundingContainerRef, calendarHeaderRender: calendarHeaderRender, dateCellRender: dateCellRender, dateViewRender: dateViewRender, dispatch: dispatch, format: format, hasTodayButton: hasTodayButton, isDisabled: isDisabled, isOpen: isOpen, max: max, min: min, monthViewRender: monthViewRender, onClick: handleCalendarClick, onMouseDown: handleCalendarMouseDown, theme: theme.calendar, value: state.date, viewDate: state.viewDate, viewType: state.viewType, weeksRowRender: weeksRowRender, yearViewRender: yearViewRender, calendarWrapperRender: calendarWrapperRender }))] }));
 });
 DateTimeInput.displayName = 'DateTimeInput';
 //# sourceMappingURL=DateTimeInput.js.map

package/dist/src/DateTimeInput/DateTimeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeInput.js","sourceRoot":"","sources":["../../../chili/src/DateTimeInput/DateTimeInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DateTimeInput.js","sourceRoot":"","sources":["../../../chili/src/DateTimeInput/DateTimeInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EACL,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAClC,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,iBAAiB,EACjB,0BAA0B,EAC1B,kCAAkC,EAClC,8BAA8B,EAC9B,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,EAClB,qBAAqB,EACrB,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,aAAa,EACb,UAAU,EACV,yBAAyB,EAAE,QAAQ,EAAE,YAAY,GAClD,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAE5F,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAyB,EAAE,GAA2B,EAAE,EAAE;IACvG,MAAM,KAqCF,QAAQ,CAAC,KAAK,CAAC,EArCb,EACJ,YAAY,GAAG,KAAK,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,SAAS,EACT,cAAc,EACd,cAAc,EACd,MAAM,GAAG,YAAY,EACrB,cAAc,EACd,UAAU,EACV,WAAW,EACX,cAAc,EACd,oBAAoB,EACpB,UAAU,EACV,MAAM,EAAE,UAAU,EAClB,UAAU,EACV,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,eAAe,EACf,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,uBAAuB,EACvB,KAAK,EAAE,SAAS,EAChB,IAAI,GAAG,eAAe,CAAC,SAAS,EAChC,SAAS;IACT,4EAA4E;IAC5E,gEAAgE;IAChE,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,SAAS,EAChB,cAAc,EACd,aAAa,EACb,cAAc,OAEG,EADd,SAAS,cApCR,ggBAqCL,CAAkB,CAAC;IAEpB,YAAY,CAAC,KAAK,CAAC,CAAC;IAEpB,wDAAwD;IACxD,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEnE,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEnE,uDAAuD;IACvD,MAAM,QAAQ,mCAAQ,KAAK,KAAE,GAAG,EAAE,GAAG,GAAE,CAAC;IAExC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAE1D,6DAA6D;IAC7D,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEnE,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC1D,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAsB,CAAC,CAAC;IAExE,kFAAkF;IAClF,MAAM,UAAU,GAAG,qBAAqB,CAAC;QACvC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI;KAChF,CAAC,CAAC;IACH,+EAA+E;IAC/E,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAE5G,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,iCACvC,QAAQ,KACX,KAAK,EAAE,eAAe,IACtB,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAEjC,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAC3C,KAAK,EAAE,KAAK,CAAC,IAAI;KAClB,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAElB,MAAM,EACJ,eAAe,EAAE,OAAO,EAAE,cAAc,GACzC,GAAG,aAAa,CAAC,eAAe,EAAE,eAAe,EAAE;QAClD,KAAK,EAAE,kBAAkB,CAAC;YACxB,KAAK,EAAE,QAAQ;SAChB,CAAC;QACF,QAAQ,EAAE,qBAAqB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;KACrD,CAAC,CAAC;IAEH,uBAAuB,CAAC;QACtB,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU;KAC7C,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;IAEvE,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAEtC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;IAE7D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,MAAM;YAAE,OAAO,SAAS,CAAC;QAE9B,MAAM,uBAAuB,GAAG,CAAC,EAAc,EAAQ,EAAE;YACvD,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAc,CAAC,EAAE,CAAC;gBAC1E,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,uBAAuB,CAAC,CAAC;QAEhE,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,uBAAuB,CAAC,CAAC;QACrE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,MAAM,YAAY,GAAG;QACnB,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,eAAe,EAAE,UAAU;KACxF,CAAC;IAEF,MAAM,UAAU,GAAG,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACnD,MAAM,2BAA2B,GAAG,kCAAkC,CAAC,YAAY,CAAC,CAAC;IACrF,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,YAAY,CAAC,CAAC;IACjE,MAAM,uBAAuB,GAAG,8BAA8B,EAAE,CAAC;IACjE,MAAM,mBAAmB,GAAG,0BAA0B,CAAC,YAAY,CAAC,CAAC;IACrE,MAAM,YAAY,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IACvD,MAAM,WAAW,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,EACJ,OAAO,EACP,IAAI,EACJ,KAAK,GACN,GAAG,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAEpC,MAAM,iBAAiB,GAAG,aAAa,CACrC,SAAS,EACT,KAAK,CAAC,OAAO,CACd,CAAC;IAEF,MAAM,UAAU,GAAG,QAAQ,CAAC;QAC1B,SAAS;QACT,UAAU,EAAE,KAAK,CAAC,KAAK;QACvB,SAAS,EAAE,KAAK,CAAC,IAAI;QACrB,MAAM;KACP,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,OAAO,IACN,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,qBAAqB,CAAC,EAAE,CAAC,EAC5C,GAAG,EAAE,UAAU,aAEf,MAAC,GAAG,IACF,SAAS,EAAE,yBAAyB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,CAAC,aAErE,KAAC,KAAK,oBACA,SAAS,oBACC,CAAC,OAAO,mBACP,UAAU,EACzB,SAAS,EAAE,KAAK,CAAC,KAAK,EACtB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,cAAc,EACnB,KAAK,EAAE,UAAU,EACjB,SAAS,EAAC,SAAS,IACnB,EACD,IAAI,KAAK,eAAe,CAAC,SAAS,IAAI,CACvC,KAAC,IAAI,IACH,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,QAAQ,EAC9B,WAAW,EAAE,2BAA2B,EACxC,SAAS,EAAE,KAAK,CAAC,YAAY,GAC7B,CACD,IACG,EACL,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,KAAC,cAAc,KAAG,EACrD,IAAI,KAAK,eAAe,CAAC,SAAS,IAAI,CACrC,KAAC,YAAY,IACX,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,mBAAmB,EAC5B,WAAW,EAAE,uBAAuB,EACpC,KAAK,EAAE,KAAK,CAAC,QAAQ,EACrB,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,qBAAqB,EAAE,qBAAqB,GAC5C,CACH,IACO,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/src/DateTimeInput/types.d.ts

@@ -54,6 +54,8 @@ export interface WrapperProps {
     onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
 }
 export interface DateTimeInputProps extends ValidationProps {
+    /** Browser autofill, off is the default value. Works as HTML autoComplete attribute */
+    autoComplete?: string;
     /** Ref to a container to position the element against */
     boundingContainerRef?: React.RefObject<HTMLElement>;
     /** Component classes */

package/dist/styles/chili.base.css

@@ -1,3 +1,3 @@
 :root{--chili-border-radius:4px;--chili-font-size:0.875rem;--chili-line-height:1.5rem;--chili-font-weight:800;--chili-padding-block:0.4rem;--chili-padding-inline:1rem;--chili-color-danger:#dc2626;--chili-color-success:#15803d;--chili-font-color:#09090b;--chili-font-color-hihglight:#7f1d1d;--chili-font-color-disabled:#404040;--chili-base-color:#a3a3a3;--chili-base-color-hover:#09090b;--chili-base-color-disabled:#a3a3a3;--chili-bg-color:#fff;--chili-bg-color-hover:#e5e5e5;--chili-bg-color-selected:#a3a3a3;--chili-bg-color-active:#f5f5f5;--chili-bg-color-disabled:#e5e5e5;--chili-font-inverted-color:#fff;--chili-bg-inverted-color:#737373;--chili-bg-inverted-color-hover:#a3a3a3;--chili-bg-inverted-color-selected:#525252;--chili-bg-inverted-color-disabled:#d4d4d4;--chili-btn-font-size:var(--chili-font-size);--chili-btn-font-weight:var(--chili-font-weight);--chili-btn-border-radius:var(--chili-border-radius);--chili-btn-min-width:0;--chili-btn-line-height:var(--chili-line-height);--chili-btn-text-color:var(--chili-font-inverted-color);--chili-btn-border-width:2px;--chili-btn-padding-inline:var(--chili-padding-inline);--chili-btn-padding-block:calc(var(--chili-padding-block) - var(--chili-btn-border-width));--chili-btn-border-color:var(--chili-bg-inverted-color);--chili-btn-bg-color:var(--chili-bg-inverted-color);--chili-btn-border-color-disabled:var(--chili-bg-inverted-color-disabled);--chili-btn-bg-color-disabled:var(--chili-bg-inverted-color-disabled);--chili-btn-text-color-hover:var(--chili-font-inverted-color);--chili-btn-border-color-hover:var(--chili-bg-inverted-color-hover);--chili-btn-bg-color-hover:var(--chili-bg-inverted-color-hover);--chili-btn-group-active-color:var(--chili-bg-inverted-color-selected);--chili-btn-group-active-text-color:var(--chili-font-inverted-color);--chili-btn-group-border-width:2px;--chili-btn-group-border-inline-width:1px;--chili-calendar-width:290px;--chili-calendar-bg:var(--chili-bg-color);--chili-calendar-box-shadow:0 1rem 2rem 0 var(--chili-base-color);--chili-calendar-border-radius:var(--chili-border-radius);--chili-calendar-z-index:2;--chili-calendar-padding:10px;--chili-calendar-header-padding:10px;--chili-calendar-footer-padding:10px;--chili-calendar-date-cell-size:32px;--chili-calendar-date-cell-border-radius:50%;--chili-calendar-date-font-color:var(--chili-font-color);--chili-calendar-bg-hover:var(--chili-bg-color-hover);--chili-calendar-bg-active:var(--chili-bg-color-active);--chili-calendar-day-off-color:var(--chili-font-color-hihglight);--chili-calendar-different-date-color:var(--chili-base-color);--chili-calendar-bg-selected:var(--chili-bg-color-selected);--chili-calendar-disabled-color:var(--chili-base-color-disabled);--chili-calendar-disabled-bg-hover:var(--chili-bg-color);--chili-calendar-header-font-size:1rem;--chili-calendar-header-color:var(--chili-base-color);--chili-calendar-header-color-hover:var(--chili-base-color-hover);--chili-calendar-footer-color:var(--chili-base-color);--chili-calendar-footer-color-hover:var(--chili-base-color-hover);--chili-calendar-month-cell-size:70px;--chili-calendar-month-cell-border-radius:4px;--chili-calendar-month-cell-margin:2px;--chili-calendar-year-cell-size:70px;--chili-calendar-year-cell-border-radius:4px;--chili-calendar-year-cell-margin:2px;--chili-calendar-button-color:var(--chili-base-color);--chili-calendar-button-color-hover:var(--chili-base-color-hover);--chili-calendar-week-day-color:var(--chili-base-color);--chili-calendar-week-day-font-size:0.75rem;--chili-checkbox-size:1rem;--chili-checkbox-margin-inline-end:0.5rem;--chili-checkbox-color-disabled:var(--chili-base-color-disabled);--chili-collapse-border-radius:var(--chili-border-radius);--chili-collapse-border-color:var(--chili-base-color);--chili-collapse-border:1px solid var(--chili-base-color);--chili-collapse-summary-padding-inline:1rem;--chili-collapse-summary-padding-block:0.5rem;--chili-collapse-content-padding-inline:1rem;--chili-collapse-content-padding-block:1rem;--chili-collapse-border-color-hover:var(--chili-base-color-hover);--chili-collapse-bg-color-disabled:var(--chili-bg-color-disabled);--chili-collapse-icon-trabsition:transform 0.2s linear;--chili-datepicker-disabled-bg:var(--chili-bg-color-disabled);--chili-date-range-delimeter-width:10%;--chili-date-range-delimeter-min-width:2rem;--chili-drop-down-suggestion-padding-inline:var(--chili-padding-inline);--chili-drop-down-suggestion-padding-block:0.5rem;--chili-drop-down-suggestion-border-radius:var(--chili-border-radius);--chili-drop-down-suggestion-bg:var(--chili-bg-color);--chili-drop-down-suggestion-bg-hover:var(--chili-bg-color-hover);--chili-drop-down-suggestion-bg-selected:var(--chili-bg-color-selected);--chili-drop-down-suggestion-bg-highlighted:var(--chili-bg-color-hover);--chili-drop-down-suggestion-container-border-width:1px;--chili-drop-down-suggestion-container-border-color:var(--chili-bg-color);--chili-drop-down-suggestion-container-border-radius:var(
     --chili-border-radius
-  );--chili-drop-down-suggestion-container-max-block-size:200px;--chili-drop-down-suggestion-container-nodata-block-size:80px;--chili-drop-down-suggestion-container-box-shadow:0px 3px 10px var(--chili-base-color);--chili-drop-down-suggestion-container-margin-top:3px;--chili-drop-down-no-data-color:var(--chili-base-color);--chili-input-font-size:var(--chili-font-size);--chili-input-line-height:var(--chili-line-height);--chili-input-font-weight:var(--chili-font-weight);--chili-input-text-color:var(--chili-font-color);--chili-input-text-color-disabled:var(--chili-font-color-disabled);--chili-input-border-color:var(--chili-base-color);--chili-input-border-color-hover:var(--chili-base-color-hover);--chili-input-border-radius:var(--chili-border-radius);--chili-input-border-width:1px;--chili-input-padding-block:calc(var(--chili-padding-block) - var(--chili-input-border-width));--chili-input-padding-inline:var(--chili-padding-inline);--chili-input-close-icon-color:var(--chili-base-color);--chili-input-close-icon-color-hover:var(--chili-base-color);--chili-input-close-icon-size:2.25rem;--chili-input-close-icon-padding:0.5rem;--chili-input-close-icon-border-radius:var(--chili-border-radius);--chili-input-bg-color:var(--chili-bg-color);--chili-input-element-bg-color:transparent;--chili-input-bg-color-disabled:var(--chili-bg-color-disabled);--chili-input-placeholder-color:var(--chili-base-color);--chili-invalid-message-color:var(--chili-color-danger);--chili-loader-wrapper-min-height:200px;--chili-loader-bg-color:hsla(0,0%,100%,.8);--chili-loader-size:30px;--chili-loader-animation:r-to-left 2s linear infinite;--chili-loader-color:var(--chili-base-color);--chili-loader-fullscreen-z-index:10100;--chili-loader-container-border-radius:var(--chili-border-radius);--chili-modal-wrapper-z-index:10000;--chili-modal-wrapper-bg:rgba(0,0,0,.6);--chili-modal-wrapper-backdrop-filter:blur(3px);--chili-modal-z-index:10002;--chili-modal-top:64px;--chili-modal-border-radius:5px;--chili-modal-box-shadow:0 2px 10px 1px rgba(0,0,0,.2);--chili-modal-cross-right:-20px;--chili-modal-cross-top:15px;--chili-modal-cross-size:35px;--chili-modal-cross-color:var(--chili-bg-color);--chili-modal-body-bg:var(--chili-bg-color);--chili-modal-border:1px solid #e7e5e4;--chili-modal-heading-padding:25px 30px;--chili-modal-footer-padding:25px 30px;--chili-modal-body-padding:15px 30px;--chili-modal-heading-font-size:1.5rem;--chili-modal-heading-font-weight:600;--chili-modal-heading-bg:var(--chili-bg-color);--chili-modal-footer-bg:var(--chili-bg-color);--chili-modal-width:500px;--chili-modal-max-width:90%;--chili-multiselect-placeholder-color:var(--chili-base-color);--chili-multiselect-placeholder-padding:3px 0 0 var(--chili-padding-inline);--chili-multiselect-tags-container-padding:2px;--chili-multiselect-tag-margin:4px;--chili-multiselect-tags-union-margin:var(--chili-multiselect-tag-margin) 1rem;--chili-multiselect-input-padding:0 0 0 10px;--chili-multiselect-input-height:30px;--chili-multiselect-bg-color:#fff;--chili-multiselect-border:1px solid var(--chili-base-color);--chili-multiselect-border-radius:var(--chili-border-radius);--chili-multiselect-clear-icon-top:4px;--chili-multiselect-clear-icon-right:4px;--chili-multiselect-clear-icon-padding:3px;--chili-multiselect-clear-icon-color:var(--chili-base-color);--chili-multiselect-clear-icon-color-hover:var(--chili-base-color-hover);--chili-numeric-arrow-width:2rem;--chili-numeric-arrow-padding-inline:0.5rem;--chili-numeric-range-delimeter-width:2rem;--chili-pagination-button-margin-inline:5px;--chili-pagination-button-size:24px;--chili-pagination-button-color:var(--chili-font-color);--chili-pagination-button-color-hover:var(--chili-font-color);--chili-pagination-control-color:var(--chili-base-color);--chili-pagination-control-color-hover:var(--chili-font-color);--chili-pagination-number-selected-font-size:1.1rem;--chili-pagination-number-selected-color:var(--chili-font-color);--chili-pagination-options-dropdown-width:100px;--chili-pagination-options-label-color:var(--chili-font-color);--chili-pagination-options-label-margin-inline-end:1rem;--chili-pagination-info-label-color:var(--chili-font-color);--chili-pagination-disabled-color:var(--chili-base-color-disabled);--chili-password-rule-text-color:var(--chili-font-color-hihglight);--chili-progressbar-bg:var(--chili-bg-inverted-color-disabled);--chili-progressbar-bg-fill:var(--chili-color-success);--chili-progressbar-height:20px;--chili-progressbar-value-text-color:var(--chili-font-inverted-color);--chili-progressbar-value-font-size:12px;--chili-radio-color:var(--chili-base-color);--chili-radio-color-hover:var(--chili-base-color-hover);--chili-radio-color-disabled:var(--chili-bg-color-disabled);--chili-radio-contrast-color:var(--chili-bg-color);--chili-radio-active-color:var(--chili-base-color);--chili-radio-active-color-hover:var(--chili-base-color-hover);--chili-radio-active-color-disabled:var(--chili-bg-color-disabled);--chili-radio-active-contrast-color:var(--chili-bg-color);--chili-rating-base-color:var(--chili-base-color);--chili-rating-active-color:var(--chili-font-color);--chili-rating-icon-width:2rem;--chili-rating-icon-padding:2px;--chili-switcher-active-color:var(--chili-color-success);--chili-switcher-handler-bg:var(--chili-bg-color);--chili-switcher-handler-bg-hovered:var(--chili-bg-color);--chili-switcher-handler-bg-disabled:var(--chili-base-color);--chili-switcher-handler-border:1px solid var(--chili-base-color);--chili-switcher-handler-border-radius:10px;--chili-switcher-handler-size:17px;--chili-switcher-wrapper-bg:var(--chili-base-color);--chili-switcher-wrapper-bg-disabled:var(--chili-bg-color-disabled);--chili-switcher-wrapper-width:34px;--chili-switcher-label-margin-inline-start:0.5rem;--chili-tabs-border-bottom:1px solid var(--chili-base-color);--chili-tabs-tab-padding:9px 14px;--chili-tabs-tab-text-color-hover:var(--chili-base-color-hover);--chili-tabs-tab-active-border:3px solid var(--chili-base-color);--chili-tabs-disabled-color:var(--chili-base-color);--chili-tabs-arrow-color:var(--chili-base-color);--chili-tabs-arrow-color-hover:var(--chili-base-color-hover);--chili-tabs-arrow-shadow:0px 0px 5px 2px;--chili-tabs-arrow-size:1.5rem;--chili-tabs-arrow-top:10px;--chili-tabs-arrow-padding-inner:2px;--chili-tabs-arrow-bg:var(--chili-bg-color);--chili-tag-min-inline-size:3rem;--chili-tag-block-size:1.75rem;--chili-tag-padding:2px 2px 2px 16px;--chili-tag-margin-inline-end:8px;--chili-tag-border-color:var(--chili-base-color);--chili-tag-border:1px solid var(--chili-base-color);--chili-tag-border-radius:var(--chili-border-radius);--chili-tag-bg:var(--chili-bg-color-active);--chili-tag-icon-color:var(--chili-base-color);--chili-tag-icon-padding:3px;--chili-tag-icon-color-hover:var(--chili-base-color-hover);--chili-tag-transition:250ms ease-out;--chili-textarea-height:120px;--chili-textarea-padding:1rem var(--chili-padding-inline);--chili-textarea-border:1px solid var(--chili-base-color);--chili-textarea-border-color-hover:var(--chili-base-color-hover);--chili-textarea-border-radius:var(--chili-border-radius);--chili-tooltip-z-index:10070;--chili-tooltip-max-width:280px;--chili-tooltip-min-width:50px;--chili-tooltip-text-color:var(--chili-font-inverted-color);--chili-tooltip-bg-color:var(--chili-bg-inverted-color-selected);--chili-tooltip-border-radius:var(--chili-border-radius);--chili-tooltip-transition:opacity 0.2s;--chili-tooltip-padding:0.5rem 1rem;--chili-tooltip-arrow-length:7px;--chili-tooltip-arrow-width:4px}*,:after,:before{box-sizing:border-box}.chili-suggestion-item{border-radius:var(--chili-drop-down-suggestion-border-radius);cursor:pointer;margin:2px;padding-block:var(--chili-drop-down-suggestion-padding-block);padding-inline:var(--chili-drop-down-suggestion-padding-inline)}.chili-suggestion-item:hover{background-color:var(--chili-drop-down-suggestion-bg-hover)}.chili-suggestion-highlighted{background-color:var(--chili-drop-down-suggestion-bg-highlighted)}.chili-suggestion-highlighted:hover{background-color:var(--chili-drop-down-suggestion-bg-hover)}.chili-suggestion-selected,.chili-suggestion-selected:hover{background-color:var(--chili-drop-down-suggestion-bg-selected)}.chili-suggestion-list{max-block-size:var(--chili-drop-down-suggestion-container-max-block-size);overflow-x:hidden;overflow-y:auto}.chili-suggestion-wrapper{background-color:var(--chili-drop-down-suggestion-bg);border:var(--chili-drop-down-suggestion-container-border-width) solid var(--chili-drop-down-suggestion-container-border-color);border-radius:var(--chili-drop-down-suggestion-container-border-radius);box-shadow:var(--chili-drop-down-suggestion-container-box-shadow);margin-top:var(--chili-drop-down-suggestion-container-margin-top);position:absolute;top:100%;width:100%;z-index:1}.chili-pos-top{bottom:100%;top:auto}.chili-nodata{align-items:center;color:var(--chili-drop-down-no-data-color);display:flex;justify-content:center;min-block-size:var(--chili-drop-down-suggestion-container-nodata-block-size)}.chili-input-element{background-color:var(--chili-input-element-bg-color);border:none;border-radius:var(--chili-input-border-radius);cursor:inherit;flex-grow:2;font-size:var(--chili-input-font-size);inline-size:100%;line-height:var(--chili-input-line-height);outline:none;padding-block:var(--chili-input-padding-block);padding-inline:var(--chili-input-padding-inline)}.chili-input-element::placeholder{color:var(--chili-input-placeholder-color)}.chili-input-element-wrapper{align-items:center;background-color:var(--chili-input-bg-color);border:var(--chili-input-border-width) solid var(--chili-input-border-color);border-radius:var(--chili-input-border-radius);color:var(--chili-input-text-color);display:flex;justify-content:space-between}.chili-input-element-wrapper:hover{border-color:var(--chili-input-border-color-hover)}.chili-input-icon{block-size:100%;border-radius:var(--chili-input-close-icon-border-radius);color:var(--chili-input-close-icon-color);cursor:pointer;inline-size:var(--chili-input-close-icon-size);padding:var(--chili-input-close-icon-padding)}.chili-input-icon:hover{color:var(--chili-input-close-icon-color-hover)}.chili-autocomplete-wrapper{display:flex;flex-direction:column;position:relative}.chili-autocomplete-wrapper .chili-input-element-wrapper{width:100%}.chili-btn{background-color:var(--chili-btn-bg-color);border:var(--chili-btn-border-width) solid var(--chili-btn-border-color);border-radius:var(--chili-btn-border-radius);color:var(--chili-btn-text-color);cursor:pointer;display:inline-block;font-size:var(--chili-btn-font-size);font-weight:var(--chili-btn-font-weight);line-height:var(--chili-btn-line-height);min-inline-size:var(--chili-btn-min-width);padding-block:var(--chili-btn-padding-block);padding-inline:var(--chili-btn-padding-inline);position:relative;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.chili-btn:hover{background-color:var(--chili-btn-bg-color-hover);border-color:var(--chili-btn-border-color-hover);color:var(--chili-btn-text-color-hover)}.chili-btn .chili-loading{cursor:progress}.chili-btn .chili-loading:hover{background-color:var(--chili-btn-bg-color);border-color:var(--chili-btn-bg-color)}.chili-btn .chili-loading-icon{animation:rotate 2s linear infinite;color:currentColor;display:block;height:var(--chili-btn-font-size);left:calc(var(--chili-btn-padding-inline)/2 - var(--chili-font-size)/2);position:absolute;top:calc(var(--chili-btn-padding-block) + var(--chili-btn-line-height)/2 - var(--chili-btn-font-size)/2);width:var(--chili-btn-font-size)}.chili-btn-disabled{cursor:not-allowed}.chili-btn-disabled,.chili-btn-disabled:hover{background-color:var(--chili-btn-bg-color-disabled);border-color:var(--chili-btn-border-color-disabled)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.chili-button-group-buttons-wrapper{display:flex}.chili-button-disabled{filter:opacity(50%)}.chili-button-disabled .chili-button-group-item:hover{background-color:var(--chili-btn-bg-color);border-color:var(--chili-btn-border-color);cursor:not-allowed}.chili-button-disabled .chili-button-group-item .chili-button-active:hover{background-color:var(--chili-btn-group-active-color);border-color:var(--chili-btn-group-active-color)}.chili-button-group-item{border-block-width:var(--chili-btn-group-border-width);border-inline-width:var(--chili-btn-group-border-inline-width);border-radius:0}.chili-button-group-item.chili-button-first{border-inline-start-width:var(--chili-btn-group-border-width);border-radius:var(--chili-btn-border-radius) 0 0 var(--chili-btn-border-radius)}.chili-button-group-item.chili-button-last{border-inline-end-width:var(--chili-btn-group-border-width);border-radius:0 var(--chili-btn-border-radius) var(--chili-btn-border-radius) 0}.chili-button-group-item.chili-button-active{background-color:var(--chili-btn-group-active-color);border-color:var(--chili-btn-group-active-color);color:var(--chili-btn-group-active-text-color)}.chili-calendar-standalone-wrapper,.chili-calendar-wrapper{width:var(--chili-calendar-width)}.chili-calendar-wrapper{background-color:var(--chili-calendar-bg);border-radius:var(--chili-calendar-border-radius);box-shadow:var(--chili-calendar-box-shadow);padding:var(--chili-calendar-padding);position:absolute;z-index:var(--chili-calendar-z-index)}.chili-calendar-top{bottom:100%}.chili-calendar-right{right:0}.chili-calendar-standalone{position:static;width:100%}.chili-calendar-date{align-items:center;border-radius:var(--chili-calendar-date-cell-border-radius);color:var(--chili-calendar-date-font-color);cursor:pointer;display:flex;height:var(--chili-calendar-date-cell-size);justify-content:center;width:var(--chili-calendar-date-cell-size)}.chili-calendar-date:hover{background-color:var(--chili-calendar-bg-hover)}.chili-calendar-date-active{background-color:var(--chili-calendar-bg-active)}.chili-calendar-date-day-off{color:var(--chili-calendar-day-off-color)}.chili-calendar-date-different-month{color:var(--chili-calendar-different-date-color)}.chili-calendar-date-selected,.chili-calendar-date-selected:hover{background-color:var(--chili-calendar-bg-selected)}.chili-calendar-date-disabled{color:var(--chili-calendar-disabled-color);cursor:not-allowed}.chili-calendar-date-disabled:hover{background-color:var(--chili-calendar-bg)}.chili-calendar-date-today{font-weight:700}.chili-calendar-date-row{display:flex;justify-content:space-around}.chili-calendar-footer{color:var(--chili-calendar-footer-color);cursor:pointer;padding:var(--chili-calendar-footer-padding);text-align:center}.chili-calendar-footer:hover{color:var(--chili-calendar-footer-color-hover)}.chili-calendar-header{align-items:center;display:flex;justify-content:space-between;padding:var(--chili-calendar-header-padding)}.chili-calendar-month-cell{align-items:center;border-radius:var(--chili-calendar-month-cell-border-radius);cursor:pointer;display:flex;height:var(--chili-calendar-month-cell-size);justify-content:center;margin:var(--chili-calendar-month-cell-margin);width:var(--chili-calendar-month-cell-size)}.chili-calendar-month-cell:hover{background-color:var(--chili-calendar-bg-hover)}.chili-calendar-month-cell-active,.chili-calendar-month-cell-active:hover{background-color:var(--chili-calendar-bg-selected)}.chili-calendar-month-row{display:flex}.chili-calendar-month-cell-disabled{color:var(--chili-calendar-disabled-color);cursor:not-allowed}.chili-calendar-month-cell-disabled:hover{background-color:var(--chili-calendar-bg)}.chili-calendar-next-button{align-items:center;color:var(--chili-calendar-button-color);cursor:pointer;display:flex}.chili-calendar-next-button:hover{color:var(--chili-calendar-button-color-hover)}.chili-calendar-prev-button{align-items:center;color:var(--chili-calendar-button-color);cursor:pointer;display:flex}.chili-calendar-prev-button:hover{color:var(--chili-calendar-button-color-hover)}.chili-calendar-button-disabled{cursor:not-allowed}.chili-calendar-button-disabled,.chili-calendar-button-disabled:hover{color:var(--chili-calendar-disabled-color)}.chili-calendar-title{color:var(--chili-calendar-header-color);cursor:pointer;font-size:var(--chili-calendar-header-font-size)}.chili-calendar-title:hover{color:var(--chili-calendar-button-color-hover)}.chili-calendar-title-disabled{cursor:not-allowed}.chili-calendar-title-disabled,.chili-calendar-title-disabled:hover{color:var(--chili-calendar-disabled-color)}.chili-calendar-week-days-row{display:flex;justify-content:space-around}.chili-calendar-week-day{color:var(--chili-calendar-week-day-color);font-size:var(--chili-calendar-week-day-font-size);height:var(--chili-calendar-date-cell-size);width:var(--chili-calendar-date-cell-size)}.chili-calendar-week-day,.chili-calendar-year-cell{align-items:center;display:flex;justify-content:center}.chili-calendar-year-cell{border-radius:var(--chili-calendar-year-cell-border-radius);cursor:pointer;height:var(--chili-calendar-year-cell-size);margin:var(--chili-calendar-year-cell-margin);width:var(--chili-calendar-year-cell-size)}.chili-calendar-year-cell:hover{background-color:var(--chili-calendar-bg-hover)}.chili-calendar-year-cell-active,.chili-calendar-year-cell-active:hover{background-color:var(--chili-calendar-bg-selected)}.chili-calendar-year-cell-different-decade{color:var(--chili-calendar-different-date-color)}.chili-calendar-year-row{display:flex}.chili-calendar-year-cell-disabled{color:var(--chili-calendar-disabled-color);cursor:not-allowed}.chili-calendar-year-cell-disabled:hover{background-color:var(--chili-calendar-bg)}.chili-collapse-wrapper[open] .chili-collapse-icon{transform:rotate(180deg)}.chili-collapse-summary{align-items:center;border:var(--chili-collapse-border);border-radius:var(--chili-collapse-border-radius);cursor:pointer;display:flex;justify-content:space-between;padding-block:var(--chili-collapse-summary-padding-block);padding-inline:var(--chili-collapse-summary-padding-inline)}.chili-collapse-summary:hover{border-color:var(--chili-collapse-border-color-hover)}.chili-collapse-summary:hover .chili-collapse-icon{color:var(--chili-collapse-border-color-hover)}.chili-collapse-summary .chili-collapse-icon{color:var(--chili-collapse-border-color);transform:rotate(0);transition:transform .2s linear}.chili-collapse-content{padding-block:var(--chili-collapse-content-padding-block);padding-inline:var(--chili-collapse-content-padding-inline)}.chili-checkbox-label{align-items:center;cursor:pointer;display:inline-flex;position:relative}.chili-checkbox-input{height:0;opacity:0;position:absolute;width:0}.chili-checkbox-input:disabled+.chili-checkbox-label{color:var(--chili-checkbox-color-disabled);cursor:not-allowed}.chili-checkbox-icon{height:var(--chili-checkbox-size);margin-inline-end:var(--chili-checkbox-margin-inline-end);width:var(--chili-checkbox-size)}.chili-checkbox-invalid{color:var(--chili-color-danger)}.chili-datepicker-wrapper{position:relative}.chili-daterange-wrapper{display:flex;justify-content:space-between}.chili-daterange-wrapper .chili-datepicker-wrapper{flex-grow:1}.chili-daterange-delimiter{align-items:center;display:flex;justify-content:center;min-width:var(--chili-date-range-delimeter-min-width);width:var(--chili-date-range-delimeter-width)}.chili-dropdownselect-wrapper{position:relative}.chili-dropdownselect-wrapper .chili-input-element-wrapper{cursor:pointer}.chili-opened{transform:rotate(180deg)}.chili-closed{transform:rotate(0deg)}.chili-loader-wrapper{min-height:var(--chili-loader-wrapper-min-height);position:relative}.chili-loader-container{align-items:center;background-color:var(--chili-loader-bg-color);border-radius:var(--chili-loader-container-border-radius);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.chili-loader-element{animation:var(--chili-loader-animation);color:var(--chili-loader-color);height:var(--chili-loader-size);width:var(--chili-loader-size);@keyframes r-to-left{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}}.chili-loader-fullscreen{align-items:center;background-color:var(--chili-loader-bg-color);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--chili-loader-fullscreen-z-index)}.chili-loader-global{overflow:hidden}.chili-modal-wrapper{backdrop-filter:var(--chili-modal-wrapper-backdrop-filter);background-color:var(--chili-modal-wrapper-bg);left:0;min-height:100%;overflow:auto;position:fixed;right:0;top:0;z-index:var(--chili-modal-wrapper-z-index)}.chili-modal-window{border-radius:var(--chili-modal-border-radius);box-shadow:var(--chili-modal-box-shadow);left:50%;max-width:var(--chili-modal-max-width);position:absolute;top:var(--chili-modal-top);transform:translate(-50%);width:var(--chili-modal-width);z-index:var(--chili-modal-z-index)}.chili-modal-cross{color:var(--chili-modal-cross-color);cursor:pointer;display:block;height:var(--chili-modal-cross-size);position:absolute;right:var(--chili-modal-cross-right);top:var(--chili-modal-cross-top);transform:translateX(100%);width:var(--chili-modal-cross-size)}.chili-modal-body{background:var(--chili-modal-body-bg);padding:var(--chili-modal-body-padding)}.chili-modal-body:first-of-type{border-top-left-radius:var(--chili-modal-border-radius);border-top-right-radius:var(--chili-modal-border-radius)}.chili-modal-body:last-child{border-bottom-left-radius:var(--chili-modal-border-radius);border-bottom-right-radius:var(--chili-modal-border-radius)}.chili-modal-header{background:var(--chili-modal-heading-bg);border-bottom:var(--chili-modal-border);border-top-left-radius:var(--chili-modal-border-radius);border-top-right-radius:var(--chili-modal-border-radius);font-size:var(--chili-modal-heading-font-size);font-weight:var(--chili-modal-heading-font-weight);padding:var(--chili-modal-heading-padding)}.chili-modal-header+.modal-body{border-top-left-radius:0;border-top-right-radius:0}.chili-modal-footer{background:var(--chili-modal-footer-bg);border-bottom-left-radius:var(--chili-modal-border-radius);border-bottom-right-radius:var(--chili-modal-border-radius);border-top:var(--chili-modal-border);padding:var(--chili-modal-footer-padding);text-align:right}.chili-multiselect-wrapper{position:relative}.chili-multiselect-tags-container{display:flex;flex-wrap:wrap;padding:var(--chili-multiselect-tags-container-padding)}.chili-multiselect-tags-container .chili-tag{margin:var(--chili-multiselect-tag-margin)}.chili-multiselect-tags-union{margin:var(--chili-multiselect-tags-union-margin)}.chili-multiselect-placeholder{color:var(--chili-multiselect-placeholder-color);padding:var(--chili-multiselect-placeholder-padding)}.chili-multiselect-input-wrapper{background-color:var(--chili-multiselect-bg-color);border:var(--chili-multiselect-border);border-radius:var(--chili-multiselect-border-radius);flex-direction:column}.chili-multiselect-input{background-color:transparent;border:none;font-family:inherit;height:var(--chili-multiselect-input-height);outline:none;padding:var(--chili-multiselect-input-padding);width:100%}.chili-multiselect-clear-icon{color:var(--chili-multiselect-clear-icon-color);cursor:pointer;padding:var(--chili-multiselect-clear-icon-padding);position:absolute;right:var(--chili-multiselect-clear-icon-right);top:var(--chili-multiselect-clear-icon-top)}.chili-multiselect-clear-icon:hover{color:var(--chili-multiselect-clear-icon-color-hover)}.chili-multiselect-checkbox-container,.chili-multiselect-checkbox-wrapper{display:flex}.chili-multiselect-checkbox-label{align-items:center;display:inline-flex}.chili-numeric-arrows{display:flex;flex-direction:column}.chili-numeric-arrow-down{cursor:pointer;padding-inline:var(--chili-numeric-arrow-padding-inline);width:var(--chili-numeric-arrow-width);block-size:50%;color:var(--chili-input-border-color)}.chili-numeric-arrow-down:hover{color:#000}.chili-numeric-arrow-up{cursor:pointer;padding-inline:var(--chili-numeric-arrow-padding-inline);width:var(--chili-numeric-arrow-width);block-size:50%;color:var(--chili-input-border-color)}.chili-numeric-arrow-up:hover{color:var(--chili-input-border-hover-color)}.chili-numeric-range-wrapper{align-items:center;display:flex}.chili-numeric-range-wrapper>.chili-numeric-wrapper{flex-grow:1}.chili-numeric-range-delimiter{text-align:center;width:var(--chili-numeric-range-delimeter-width)}.chili-pagination-button,.chili-pagination-wrapper{align-items:center;display:flex}.chili-pagination-button{color:var(--chili-pagination-button-color);cursor:pointer;height:var(--chili-pagination-button-size);justify-content:center;margin-inline:var(--chili-pagination-button-margin-inline);order:2;width:var(--chili-pagination-button-size)}.chili-pagination-button:hover{color:var(--chili-pagination-button-color-hover)}.chili-pagination-controls{color:var(--chili-pagination-control-color)}.chili-pagination-controls:hover{color:var(--chili-pagination-control-color-hover)}.chili-pagination-numbers{display:flex;list-style:none;order:2}.chili-pagination-number-selected{color:var(--chili-pagination-number-selected-color);cursor:default;font-size:var(--chili-pagination-number-selected-font-size);font-weight:700}.chili-pagination-options-wrapper{align-items:baseline;display:flex;flex:1;flex-direction:row-reverse;justify-content:flex-end}.chili-pagination-options{width:var(--chili-pagination-options-dropdown-width)}.chili-pagination-options-label{color:var(--chili-pagination-options-label-color);margin-inline-end:var(--chili-pagination-options-label-margin-inline-end)}.chili-pagination-info-label{color:var(--chili-pagination-info-label-color);display:flex;flex:1;justify-content:flex-end;order:3}.chili-pagination-disabled{cursor:not-allowed}.chili-pagination-disabled,.chili-pagination-disabled:hover{color:var(--chili-pagination-disabled-color)}.chili-password-rule-message{color:var(--chili-password-rule-text-color)}.chili-progressbar-wrapper{background:var(--chili-progressbar-bg);height:var(--chili-progressbar-height);position:relative}.chili-progressbar-fill{align-items:center;background:var(--chili-progressbar-bg-fill);display:flex;height:100%;justify-content:center;left:0;position:absolute;transition:width .25s linear}.chili-progressbar-value{color:var(--chili-progressbar-value-text-color);font-size:var(--chili-progressbar-value-font-size)}.chili-radio-label{cursor:pointer;display:inline-flex;padding-left:25px;position:relative}.chili-radio-label:before{background-color:var(--chili-radio-contrast-color);border:1px solid var(--chili-radio-color);border-radius:50%;content:" ";height:16px;left:0;position:absolute;top:3px;width:16px}.chili-radio-label:after{border-radius:50%;content:" ";height:6px;left:5px;position:absolute;top:8px;width:6px}.chili-radio-label:hover:before{border:1px solid var(--chili-radio-color-hover)}.chili-radio-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.chili-radio-input:checked+.chili-radio-label:after{background-color:var(--chili-radio-active-contrast-color)}.chili-radio-input:checked+.chili-radio-label:before{background-color:var(--chili-radio-active-color);border-color:var(--chili-radio-active-color)}.chili-radio-input:disabled+.chili-radio-label{cursor:not-allowed}.chili-radio-input:disabled+.chili-radio-label:before,.chili-radio-input:disabled+.chili-radio-label:hover:before{background-color:var(--chili-radio-active-color-disabled);border:1px solid var(--chili-radio-active-color-disabled)}.chili-radio-input:checked:disabled+.chili-radio-label:after{background-color:var(--chili-radio-contrast-color)}.chili-rating-wrapper{display:flex}.chili-rating-item{color:var(--chili-rating-base-color);cursor:pointer;padding:var(--chili-rating-icon-padding);width:var(--chili-rating-icon-width)}.chili-filled{color:var(--chili-rating-active-color)}.chili-rating-disabled{cursor:not-allowed}.chili-switcher-handler{background:var(--chili-switcher-handler-bg);border:var(--chili-switcher-handler-border);border-radius:var(--chili-switcher-handler-border-radius);cursor:pointer;height:var(--chili-switcher-handler-size);transition:all .1s linear;width:var(--chili-switcher-handler-size)}.chili-switcher{background:var(--chili-switcher-wrapper-bg);border-radius:var(--chili-switcher-handler-border-radius);cursor:pointer;display:inline-block;vertical-align:middle;width:var(--chili-switcher-wrapper-width)}.chili-switcher:hover .chili-switcher-handler{background:var(--chili-switcher-handler-bg-hovered)}.chili-switcher-active{background-color:var(--chili-switcher-active-color)}.chili-switcher-active .chili-switcher-handler{background:var(--chili-switcher-handler-bg);transform:translateX(100%)}.chili-switcher-active:hover .chili-switcher-handler{background-color:var(--chili-switcher-handler-bg-hovered)}.chili-switcher-disabled{background:var(--chili-switcher-wrapper-bg-disabled);cursor:not-allowed;pointer-events:none}.chili-switcher-active.chili-switcher-disabled,.chili-switcher-active.chili-switcher-disabled .chili-switcher-handler,.chili-switcher-disabled .chili-switcher-handler{background-color:var(--chili-switcher-handler-bg-disabled)}.chili-switcher-label:not(:empty){cursor:pointer;margin-inline-start:var(--chili-switcher-label-margin-inline-start)}.chili-tabs-wrapper{display:flex;flex-direction:column;position:relative}.chili-tabs-container{border-bottom:var(--chili-tabs-border-bottom)}.chili-tabs-bar{display:inline-flex}.chili-tab-scroll{overflow-x:scroll}.chili-tab-scroll::-webkit-scrollbar{display:none}.chili-tab{cursor:pointer;padding:var(--chili-tabs-tab-padding)}.chili-tab:hover{color:var(--chili-tabs-tab-text-color-hover)}.chili-tab-active{border-bottom:var(--chili-tabs-tab-active-border);cursor:default}.chili-tab-active:hover{color:initial}.chili-tab-disabled{cursor:not-allowed}.chili-tab-disabled,.chili-tab-disabled:hover{color:var(--chili-tabs-disabled-color)}.chili-tabs-arrow{background:var(--chili-tabs-arrow-bg);border-radius:50%;box-shadow:var(--chili-tabs-arrow-shadow);color:var(--chili-tabs-arrow-color);cursor:pointer;height:var(--chili-tabs-arrow-size);position:absolute;top:var(--chili-tabs-arrow-top);width:var(--chili-tabs-arrow-size)}.chili-tabs-arrow:hover{color:var(--chili-tabs-arrow-color-hover)}.chili-tabs-arrow-left{left:0;padding-right:var(--chili-tabs-arrow-padding-inner)}.chili-tabs-arrow-right{padding-left:var(--chili-tabs-arrow-padding-inner);right:0}.chili-tag,.chili-tags-wrapper{display:flex}.chili-tag{align-items:center;background-color:var(--chili-tag-bg);block-size:var(--chili-tag-block-size);border:var(--chili-tag-border);border-radius:var(--chili-tag-border-radius);margin-inline-end:var(--chili-tag-margin-inline-end);min-inline-size:var(--chili-tag-min-inline-size);padding:var(--chili-tag-padding);transition:var(--chili-tag-transition)}.chili-tag:hover .chili-tag-icon{color:var(--chili-tag-icon-color-hover)}.chili-tag-icon{color:var(--chili-tag-icon-color);cursor:pointer;padding:var(--chili-tag-icon-padding)}.chili-tooltip-wrapper{display:inline-block}.chili-tooltip{background-color:var(--chili-tooltip-bg-color);border-radius:var(--chili-tooltip-border-radius);color:var(--chili-tooltip-text-color);max-width:var(--chili-tooltip-max-width);min-width:var(--chili-tooltip-min-width);padding:var(--chili-tooltip-padding);position:absolute;transition:var(--chili-tooltip-transition);z-index:var(--chili-tooltip-z-index)}.chili-tooltip:after{border-color:transparent;border-style:solid;content:"";height:0;position:absolute;width:0}.chili-tooltip.chili-top{margin-top:calc(var(--chili-tooltip-arrow-length)*-1);transform:translate(-50%,-100%)}.chili-tooltip.chili-top:after{border-top-color:var(--chili-tooltip-bg-color);border-width:var(--chili-tooltip-arrow-length) var(--chili-tooltip-arrow-width) 0;left:50%;top:100%;transform:translateX(-50%)}.chili-tooltip.chili-bottom{margin-top:var(--chili-tooltip-arrow-length);transform:translateX(-50%)}.chili-tooltip.chili-bottom:after{border-bottom-color:var(--chili-tooltip-bg-color);border-width:0 var(--chili-tooltip-arrow-width) var(--chili-tooltip-arrow-length);bottom:100%;left:50%;transform:translateX(-50%)}.chili-tooltip.chili-left{margin-left:calc(var(--chili-tooltip-arrow-length)*-1);transform:translate(-100%,-50%)}.chili-tooltip.chili-left:after{border-left-color:var(--chili-tooltip-bg-color);border-width:var(--chili-tooltip-arrow-width) 0 var(--chili-tooltip-arrow-width) var(--chili-tooltip-arrow-length);left:100%;top:50%;transform:translateY(-50%)}.chili-tooltip.chili-right{margin-left:var(--chili-tooltip-arrow-length);transform:translateY(-50%)}.chili-tooltip.chili-right:after{border-right-color:var(--chili-tooltip-bg-color);border-width:var(--chili-tooltip-arrow-width) var(--chili-tooltip-arrow-length) var(--chili-tooltip-arrow-width) 0;right:100%;top:50%;transform:translateY(-50%)}.chili-textarea{border:var(--chili-textarea-border);border-radius:var(--chili-textarea-border-radius);height:var(--chili-textarea-height);outline:none;padding:var(--chili-textarea-padding);resize:none;width:100%}.chili-textarea:hover{border-color:var(--chili-textarea-border-color-hover)}.chili-invalid-message{color:var(--chili-invalid-message-color)}.chili-danger,.chili-danger:hover{border-color:var(--chili-color-danger)}.chili-disabled{background-color:var(--chili-input-bg-color-disabled);color:var(--chili-font-color-disabled);cursor:not-allowed}.chili-disabled .chili-required,.chili-disabled:hover{border-color:var(--chili-input-border-color)}.chili-disabled .chili-input-element{background-color:var(--chili-input-bg-color-disabled);color:var(--chili-input-text-color-disabled)}.chili-disabled .chili-input-icon{background-color:var(--chili-input-bg-color-disabled);cursor:not-allowed}.chili-disabled .chili-input-icon,.chili-disabled .chili-input-icon:hover{color:var(--chili-input-border-color)}.chili-focused,.chili-focused:hover{border-color:var(--chili-input-border-color-hover)}
+  );--chili-drop-down-suggestion-container-max-block-size:200px;--chili-drop-down-suggestion-container-nodata-block-size:80px;--chili-drop-down-suggestion-container-box-shadow:0px 3px 10px var(--chili-base-color);--chili-drop-down-suggestion-container-margin-top:3px;--chili-drop-down-no-data-color:var(--chili-base-color);--chili-drop-down-scrollbar-width:thin;--chili-input-font-size:var(--chili-font-size);--chili-input-line-height:var(--chili-line-height);--chili-input-font-weight:var(--chili-font-weight);--chili-input-text-color:var(--chili-font-color);--chili-input-text-color-disabled:var(--chili-font-color-disabled);--chili-input-border-color:var(--chili-base-color);--chili-input-border-color-hover:var(--chili-base-color-hover);--chili-input-border-radius:var(--chili-border-radius);--chili-input-border-width:1px;--chili-input-padding-block:calc(var(--chili-padding-block) - var(--chili-input-border-width));--chili-input-padding-inline:var(--chili-padding-inline);--chili-input-close-icon-color:var(--chili-base-color);--chili-input-close-icon-color-hover:var(--chili-base-color);--chili-input-close-icon-size:2.25rem;--chili-input-close-icon-padding:0.5rem;--chili-input-close-icon-border-radius:var(--chili-border-radius);--chili-input-bg-color:var(--chili-bg-color);--chili-input-element-bg-color:transparent;--chili-input-bg-color-disabled:var(--chili-bg-color-disabled);--chili-input-placeholder-color:var(--chili-base-color);--chili-invalid-message-color:var(--chili-color-danger);--chili-loader-wrapper-min-height:200px;--chili-loader-bg-color:hsla(0,0%,100%,.8);--chili-loader-size:30px;--chili-loader-animation:r-to-left 2s linear infinite;--chili-loader-color:var(--chili-base-color);--chili-loader-fullscreen-z-index:10100;--chili-loader-container-border-radius:var(--chili-border-radius);--chili-modal-wrapper-z-index:10000;--chili-modal-wrapper-bg:rgba(0,0,0,.6);--chili-modal-wrapper-backdrop-filter:blur(3px);--chili-modal-z-index:10002;--chili-modal-top:64px;--chili-modal-border-radius:5px;--chili-modal-box-shadow:0 2px 10px 1px rgba(0,0,0,.2);--chili-modal-cross-right:-20px;--chili-modal-cross-top:15px;--chili-modal-cross-size:35px;--chili-modal-cross-color:var(--chili-bg-color);--chili-modal-body-bg:var(--chili-bg-color);--chili-modal-border:1px solid #e7e5e4;--chili-modal-heading-padding:25px 30px;--chili-modal-footer-padding:25px 30px;--chili-modal-body-padding:15px 30px;--chili-modal-heading-font-size:1.5rem;--chili-modal-heading-font-weight:600;--chili-modal-heading-bg:var(--chili-bg-color);--chili-modal-footer-bg:var(--chili-bg-color);--chili-modal-width:500px;--chili-modal-max-width:90%;--chili-multiselect-placeholder-color:var(--chili-base-color);--chili-multiselect-placeholder-padding:3px 0 0 var(--chili-padding-inline);--chili-multiselect-tags-container-padding:2px;--chili-multiselect-tag-margin:4px;--chili-multiselect-tags-union-margin:var(--chili-multiselect-tag-margin) 1rem;--chili-multiselect-input-padding:0 0 0 10px;--chili-multiselect-input-height:30px;--chili-multiselect-bg-color:#fff;--chili-multiselect-border:1px solid var(--chili-base-color);--chili-multiselect-border-radius:var(--chili-border-radius);--chili-multiselect-clear-icon-top:4px;--chili-multiselect-clear-icon-right:4px;--chili-multiselect-clear-icon-padding:3px;--chili-multiselect-clear-icon-color:var(--chili-base-color);--chili-multiselect-clear-icon-color-hover:var(--chili-base-color-hover);--chili-numeric-arrow-width:2rem;--chili-numeric-arrow-padding-inline:0.5rem;--chili-numeric-range-delimeter-width:2rem;--chili-pagination-button-margin-inline:5px;--chili-pagination-button-size:24px;--chili-pagination-button-color:var(--chili-font-color);--chili-pagination-button-color-hover:var(--chili-font-color);--chili-pagination-control-color:var(--chili-base-color);--chili-pagination-control-color-hover:var(--chili-font-color);--chili-pagination-number-selected-font-size:1.1rem;--chili-pagination-number-selected-color:var(--chili-font-color);--chili-pagination-options-dropdown-width:100px;--chili-pagination-options-label-color:var(--chili-font-color);--chili-pagination-options-label-margin-inline-end:1rem;--chili-pagination-info-label-color:var(--chili-font-color);--chili-pagination-disabled-color:var(--chili-base-color-disabled);--chili-password-rule-text-color:var(--chili-font-color-hihglight);--chili-progressbar-bg:var(--chili-bg-inverted-color-disabled);--chili-progressbar-bg-fill:var(--chili-color-success);--chili-progressbar-height:20px;--chili-progressbar-value-text-color:var(--chili-font-inverted-color);--chili-progressbar-value-font-size:12px;--chili-radio-color:var(--chili-base-color);--chili-radio-color-hover:var(--chili-base-color-hover);--chili-radio-color-disabled:var(--chili-bg-color-disabled);--chili-radio-contrast-color:var(--chili-bg-color);--chili-radio-active-color:var(--chili-base-color);--chili-radio-active-color-hover:var(--chili-base-color-hover);--chili-radio-active-color-disabled:var(--chili-bg-color-disabled);--chili-radio-active-contrast-color:var(--chili-bg-color);--chili-rating-base-color:var(--chili-base-color);--chili-rating-active-color:var(--chili-font-color);--chili-rating-icon-width:2rem;--chili-rating-icon-padding:2px;--chili-switcher-active-color:var(--chili-color-success);--chili-switcher-handler-bg:var(--chili-bg-color);--chili-switcher-handler-bg-hovered:var(--chili-bg-color);--chili-switcher-handler-bg-disabled:var(--chili-base-color);--chili-switcher-handler-border:1px solid var(--chili-base-color);--chili-switcher-handler-border-radius:10px;--chili-switcher-handler-size:17px;--chili-switcher-wrapper-bg:var(--chili-base-color);--chili-switcher-wrapper-bg-disabled:var(--chili-bg-color-disabled);--chili-switcher-wrapper-width:34px;--chili-switcher-label-margin-inline-start:0.5rem;--chili-tabs-border-bottom:1px solid var(--chili-base-color);--chili-tabs-tab-padding:9px 14px;--chili-tabs-tab-text-color-hover:var(--chili-base-color-hover);--chili-tabs-tab-active-border:3px solid var(--chili-base-color);--chili-tabs-disabled-color:var(--chili-base-color);--chili-tabs-arrow-color:var(--chili-base-color);--chili-tabs-arrow-color-hover:var(--chili-base-color-hover);--chili-tabs-arrow-shadow:0px 0px 5px 2px;--chili-tabs-arrow-size:1.5rem;--chili-tabs-arrow-top:10px;--chili-tabs-arrow-padding-inner:2px;--chili-tabs-arrow-bg:var(--chili-bg-color);--chili-tag-min-inline-size:3rem;--chili-tag-block-size:1.75rem;--chili-tag-padding:2px 2px 2px 16px;--chili-tag-margin-inline-end:8px;--chili-tag-border-color:var(--chili-base-color);--chili-tag-border:1px solid var(--chili-base-color);--chili-tag-border-radius:var(--chili-border-radius);--chili-tag-bg:var(--chili-bg-color-active);--chili-tag-icon-color:var(--chili-base-color);--chili-tag-icon-padding:3px;--chili-tag-icon-color-hover:var(--chili-base-color-hover);--chili-tag-transition:250ms ease-out;--chili-textarea-bg-color:var(--chili-bg-color);--chili-textarea-height:120px;--chili-textarea-padding:1rem var(--chili-padding-inline);--chili-textarea-border:1px solid var(--chili-base-color);--chili-textarea-border-color-hover:var(--chili-base-color-hover);--chili-textarea-border-radius:var(--chili-border-radius);--chili-textarea-resize:none;--chili-textarea-scrollbar-width:thin;--chili-tooltip-z-index:10070;--chili-tooltip-max-width:280px;--chili-tooltip-min-width:50px;--chili-tooltip-text-color:var(--chili-font-inverted-color);--chili-tooltip-bg-color:var(--chili-bg-inverted-color-selected);--chili-tooltip-border-radius:var(--chili-border-radius);--chili-tooltip-transition:opacity 0.2s;--chili-tooltip-padding:0.5rem 1rem;--chili-tooltip-arrow-length:7px;--chili-tooltip-arrow-width:4px}*,:after,:before{box-sizing:border-box}.chili-suggestion-item{border-radius:var(--chili-drop-down-suggestion-border-radius);cursor:pointer;margin:2px;padding-block:var(--chili-drop-down-suggestion-padding-block);padding-inline:var(--chili-drop-down-suggestion-padding-inline)}.chili-suggestion-item:hover{background-color:var(--chili-drop-down-suggestion-bg-hover)}.chili-suggestion-highlighted{background-color:var(--chili-drop-down-suggestion-bg-highlighted)}.chili-suggestion-highlighted:hover{background-color:var(--chili-drop-down-suggestion-bg-hover)}.chili-suggestion-selected,.chili-suggestion-selected:hover{background-color:var(--chili-drop-down-suggestion-bg-selected)}.chili-suggestion-list{max-block-size:var(--chili-drop-down-suggestion-container-max-block-size);overflow-x:hidden;overflow-y:auto;scrollbar-width:var(--chili-drop-down-scrollbar-width)}.chili-suggestion-wrapper{background-color:var(--chili-drop-down-suggestion-bg);border:var(--chili-drop-down-suggestion-container-border-width) solid var(--chili-drop-down-suggestion-container-border-color);border-radius:var(--chili-drop-down-suggestion-container-border-radius);box-shadow:var(--chili-drop-down-suggestion-container-box-shadow);margin-top:var(--chili-drop-down-suggestion-container-margin-top);position:absolute;top:100%;width:100%;z-index:1}.chili-pos-top{bottom:100%;top:auto}.chili-nodata{align-items:center;color:var(--chili-drop-down-no-data-color);display:flex;justify-content:center;min-block-size:var(--chili-drop-down-suggestion-container-nodata-block-size)}.chili-input-element{background-color:var(--chili-input-element-bg-color);border:none;border-radius:var(--chili-input-border-radius);cursor:inherit;flex-grow:2;font-size:var(--chili-input-font-size);inline-size:100%;line-height:var(--chili-input-line-height);outline:none;padding-block:var(--chili-input-padding-block);padding-inline:var(--chili-input-padding-inline)}.chili-input-element::placeholder{color:var(--chili-input-placeholder-color)}.chili-input-element-wrapper{align-items:center;background-color:var(--chili-input-bg-color);border:var(--chili-input-border-width) solid var(--chili-input-border-color);border-radius:var(--chili-input-border-radius);color:var(--chili-input-text-color);display:flex;justify-content:space-between}.chili-input-element-wrapper:hover{border-color:var(--chili-input-border-color-hover)}.chili-input-icon{block-size:100%;border-radius:var(--chili-input-close-icon-border-radius);color:var(--chili-input-close-icon-color);cursor:pointer;inline-size:var(--chili-input-close-icon-size);padding:var(--chili-input-close-icon-padding)}.chili-input-icon:hover{color:var(--chili-input-close-icon-color-hover)}.chili-autocomplete-wrapper{display:flex;flex-direction:column;position:relative}.chili-autocomplete-wrapper .chili-input-element-wrapper{width:100%}.chili-btn{background-color:var(--chili-btn-bg-color);border:var(--chili-btn-border-width) solid var(--chili-btn-border-color);border-radius:var(--chili-btn-border-radius);color:var(--chili-btn-text-color);cursor:pointer;display:inline-block;font-size:var(--chili-btn-font-size);font-weight:var(--chili-btn-font-weight);line-height:var(--chili-btn-line-height);min-inline-size:var(--chili-btn-min-width);padding-block:var(--chili-btn-padding-block);padding-inline:var(--chili-btn-padding-inline);position:relative;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.chili-btn:hover{background-color:var(--chili-btn-bg-color-hover);border-color:var(--chili-btn-border-color-hover);color:var(--chili-btn-text-color-hover)}.chili-btn .chili-loading{cursor:progress}.chili-btn .chili-loading:hover{background-color:var(--chili-btn-bg-color);border-color:var(--chili-btn-bg-color)}.chili-btn .chili-loading-icon{animation:rotate 2s linear infinite;color:currentColor;display:block;height:var(--chili-btn-font-size);left:calc(var(--chili-btn-padding-inline)/2 - var(--chili-font-size)/2);position:absolute;top:calc(var(--chili-btn-padding-block) + var(--chili-btn-line-height)/2 - var(--chili-btn-font-size)/2);width:var(--chili-btn-font-size)}.chili-btn-disabled{cursor:not-allowed}.chili-btn-disabled,.chili-btn-disabled:hover{background-color:var(--chili-btn-bg-color-disabled);border-color:var(--chili-btn-border-color-disabled)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.chili-button-group-buttons-wrapper{display:flex}.chili-button-disabled{filter:opacity(50%)}.chili-button-disabled .chili-button-group-item:hover{background-color:var(--chili-btn-bg-color);border-color:var(--chili-btn-border-color);cursor:not-allowed}.chili-button-disabled .chili-button-group-item .chili-button-active:hover{background-color:var(--chili-btn-group-active-color);border-color:var(--chili-btn-group-active-color)}.chili-button-group-item{border-block-width:var(--chili-btn-group-border-width);border-inline-width:var(--chili-btn-group-border-inline-width);border-radius:0}.chili-button-group-item.chili-button-first{border-inline-start-width:var(--chili-btn-group-border-width);border-radius:var(--chili-btn-border-radius) 0 0 var(--chili-btn-border-radius)}.chili-button-group-item.chili-button-last{border-inline-end-width:var(--chili-btn-group-border-width);border-radius:0 var(--chili-btn-border-radius) var(--chili-btn-border-radius) 0}.chili-button-group-item.chili-button-active{background-color:var(--chili-btn-group-active-color);border-color:var(--chili-btn-group-active-color);color:var(--chili-btn-group-active-text-color)}.chili-calendar-standalone-wrapper,.chili-calendar-wrapper{width:var(--chili-calendar-width)}.chili-calendar-wrapper{background-color:var(--chili-calendar-bg);border-radius:var(--chili-calendar-border-radius);box-shadow:var(--chili-calendar-box-shadow);padding:var(--chili-calendar-padding);position:absolute;z-index:var(--chili-calendar-z-index)}.chili-calendar-top{bottom:100%}.chili-calendar-right{right:0}.chili-calendar-standalone{position:static;width:100%}.chili-calendar-date{align-items:center;border-radius:var(--chili-calendar-date-cell-border-radius);color:var(--chili-calendar-date-font-color);cursor:pointer;display:flex;height:var(--chili-calendar-date-cell-size);justify-content:center;width:var(--chili-calendar-date-cell-size)}.chili-calendar-date:hover{background-color:var(--chili-calendar-bg-hover)}.chili-calendar-date-active{background-color:var(--chili-calendar-bg-active)}.chili-calendar-date-day-off{color:var(--chili-calendar-day-off-color)}.chili-calendar-date-different-month{color:var(--chili-calendar-different-date-color)}.chili-calendar-date-selected,.chili-calendar-date-selected:hover{background-color:var(--chili-calendar-bg-selected)}.chili-calendar-date-disabled{color:var(--chili-calendar-disabled-color);cursor:not-allowed}.chili-calendar-date-disabled:hover{background-color:var(--chili-calendar-bg)}.chili-calendar-date-today{font-weight:700}.chili-calendar-date-row{display:flex;justify-content:space-around}.chili-calendar-footer{color:var(--chili-calendar-footer-color);cursor:pointer;padding:var(--chili-calendar-footer-padding);text-align:center}.chili-calendar-footer:hover{color:var(--chili-calendar-footer-color-hover)}.chili-calendar-header{align-items:center;display:flex;justify-content:space-between;padding:var(--chili-calendar-header-padding)}.chili-calendar-month-cell{align-items:center;border-radius:var(--chili-calendar-month-cell-border-radius);cursor:pointer;display:flex;height:var(--chili-calendar-month-cell-size);justify-content:center;margin:var(--chili-calendar-month-cell-margin);width:var(--chili-calendar-month-cell-size)}.chili-calendar-month-cell:hover{background-color:var(--chili-calendar-bg-hover)}.chili-calendar-month-cell-active,.chili-calendar-month-cell-active:hover{background-color:var(--chili-calendar-bg-selected)}.chili-calendar-month-row{display:flex}.chili-calendar-month-cell-disabled{color:var(--chili-calendar-disabled-color);cursor:not-allowed}.chili-calendar-month-cell-disabled:hover{background-color:var(--chili-calendar-bg)}.chili-calendar-next-button{align-items:center;color:var(--chili-calendar-button-color);cursor:pointer;display:flex}.chili-calendar-next-button:hover{color:var(--chili-calendar-button-color-hover)}.chili-calendar-prev-button{align-items:center;color:var(--chili-calendar-button-color);cursor:pointer;display:flex}.chili-calendar-prev-button:hover{color:var(--chili-calendar-button-color-hover)}.chili-calendar-button-disabled{cursor:not-allowed}.chili-calendar-button-disabled,.chili-calendar-button-disabled:hover{color:var(--chili-calendar-disabled-color)}.chili-calendar-title{color:var(--chili-calendar-header-color);cursor:pointer;font-size:var(--chili-calendar-header-font-size)}.chili-calendar-title:hover{color:var(--chili-calendar-button-color-hover)}.chili-calendar-title-disabled{cursor:not-allowed}.chili-calendar-title-disabled,.chili-calendar-title-disabled:hover{color:var(--chili-calendar-disabled-color)}.chili-calendar-week-days-row{display:flex;justify-content:space-around}.chili-calendar-week-day{color:var(--chili-calendar-week-day-color);font-size:var(--chili-calendar-week-day-font-size);height:var(--chili-calendar-date-cell-size);width:var(--chili-calendar-date-cell-size)}.chili-calendar-week-day,.chili-calendar-year-cell{align-items:center;display:flex;justify-content:center}.chili-calendar-year-cell{border-radius:var(--chili-calendar-year-cell-border-radius);cursor:pointer;height:var(--chili-calendar-year-cell-size);margin:var(--chili-calendar-year-cell-margin);width:var(--chili-calendar-year-cell-size)}.chili-calendar-year-cell:hover{background-color:var(--chili-calendar-bg-hover)}.chili-calendar-year-cell-active,.chili-calendar-year-cell-active:hover{background-color:var(--chili-calendar-bg-selected)}.chili-calendar-year-cell-different-decade{color:var(--chili-calendar-different-date-color)}.chili-calendar-year-row{display:flex}.chili-calendar-year-cell-disabled{color:var(--chili-calendar-disabled-color);cursor:not-allowed}.chili-calendar-year-cell-disabled:hover{background-color:var(--chili-calendar-bg)}.chili-collapse-wrapper[open] .chili-collapse-icon{transform:rotate(180deg)}.chili-collapse-summary{align-items:center;border:var(--chili-collapse-border);border-radius:var(--chili-collapse-border-radius);cursor:pointer;display:flex;justify-content:space-between;padding-block:var(--chili-collapse-summary-padding-block);padding-inline:var(--chili-collapse-summary-padding-inline)}.chili-collapse-summary:hover{border-color:var(--chili-collapse-border-color-hover)}.chili-collapse-summary:hover .chili-collapse-icon{color:var(--chili-collapse-border-color-hover)}.chili-collapse-summary .chili-collapse-icon{color:var(--chili-collapse-border-color);transform:rotate(0);transition:transform .2s linear}.chili-collapse-content{padding-block:var(--chili-collapse-content-padding-block);padding-inline:var(--chili-collapse-content-padding-inline)}.chili-checkbox-label{align-items:center;cursor:pointer;display:inline-flex;position:relative}.chili-checkbox-input{height:0;opacity:0;position:absolute;width:0}.chili-checkbox-input:disabled+.chili-checkbox-label{color:var(--chili-checkbox-color-disabled);cursor:not-allowed}.chili-checkbox-icon{height:var(--chili-checkbox-size);margin-inline-end:var(--chili-checkbox-margin-inline-end);width:var(--chili-checkbox-size)}.chili-checkbox-invalid{color:var(--chili-color-danger)}.chili-datepicker-wrapper{position:relative}.chili-daterange-wrapper{display:flex;justify-content:space-between}.chili-daterange-wrapper .chili-datepicker-wrapper{flex-grow:1}.chili-daterange-delimiter{align-items:center;display:flex;justify-content:center;min-width:var(--chili-date-range-delimeter-min-width);width:var(--chili-date-range-delimeter-width)}.chili-dropdownselect-wrapper{position:relative}.chili-dropdownselect-wrapper .chili-input-element-wrapper{cursor:pointer}.chili-opened{transform:rotate(180deg)}.chili-closed{transform:rotate(0deg)}.chili-loader-wrapper{min-height:var(--chili-loader-wrapper-min-height);position:relative}.chili-loader-container{align-items:center;background-color:var(--chili-loader-bg-color);border-radius:var(--chili-loader-container-border-radius);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.chili-loader-element{animation:var(--chili-loader-animation);color:var(--chili-loader-color);height:var(--chili-loader-size);width:var(--chili-loader-size);@keyframes r-to-left{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}}.chili-loader-fullscreen{align-items:center;background-color:var(--chili-loader-bg-color);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--chili-loader-fullscreen-z-index)}.chili-loader-global{overflow:hidden}.chili-modal-wrapper{backdrop-filter:var(--chili-modal-wrapper-backdrop-filter);background-color:var(--chili-modal-wrapper-bg);left:0;min-height:100%;overflow:auto;position:fixed;right:0;top:0;z-index:var(--chili-modal-wrapper-z-index)}.chili-modal-window{border-radius:var(--chili-modal-border-radius);box-shadow:var(--chili-modal-box-shadow);left:50%;max-width:var(--chili-modal-max-width);position:absolute;top:var(--chili-modal-top);transform:translate(-50%);width:var(--chili-modal-width);z-index:var(--chili-modal-z-index)}.chili-modal-cross{color:var(--chili-modal-cross-color);cursor:pointer;display:block;height:var(--chili-modal-cross-size);position:absolute;right:var(--chili-modal-cross-right);top:var(--chili-modal-cross-top);transform:translateX(100%);width:var(--chili-modal-cross-size)}.chili-modal-body{background:var(--chili-modal-body-bg);padding:var(--chili-modal-body-padding)}.chili-modal-body:first-of-type{border-top-left-radius:var(--chili-modal-border-radius);border-top-right-radius:var(--chili-modal-border-radius)}.chili-modal-body:last-child{border-bottom-left-radius:var(--chili-modal-border-radius);border-bottom-right-radius:var(--chili-modal-border-radius)}.chili-modal-header{background:var(--chili-modal-heading-bg);border-bottom:var(--chili-modal-border);border-top-left-radius:var(--chili-modal-border-radius);border-top-right-radius:var(--chili-modal-border-radius);font-size:var(--chili-modal-heading-font-size);font-weight:var(--chili-modal-heading-font-weight);padding:var(--chili-modal-heading-padding)}.chili-modal-header+.modal-body{border-top-left-radius:0;border-top-right-radius:0}.chili-modal-footer{background:var(--chili-modal-footer-bg);border-bottom-left-radius:var(--chili-modal-border-radius);border-bottom-right-radius:var(--chili-modal-border-radius);border-top:var(--chili-modal-border);padding:var(--chili-modal-footer-padding);text-align:right}.chili-multiselect-wrapper{position:relative}.chili-multiselect-tags-container{display:flex;flex-wrap:wrap;padding:var(--chili-multiselect-tags-container-padding)}.chili-multiselect-tags-container .chili-tag{margin:var(--chili-multiselect-tag-margin)}.chili-multiselect-tags-union{margin:var(--chili-multiselect-tags-union-margin)}.chili-multiselect-placeholder{color:var(--chili-multiselect-placeholder-color);padding:var(--chili-multiselect-placeholder-padding)}.chili-multiselect-input-wrapper{background-color:var(--chili-multiselect-bg-color);border:var(--chili-multiselect-border);border-radius:var(--chili-multiselect-border-radius);flex-direction:column}.chili-multiselect-input{background-color:transparent;border:none;font-family:inherit;height:var(--chili-multiselect-input-height);outline:none;padding:var(--chili-multiselect-input-padding);width:100%}.chili-multiselect-clear-icon{color:var(--chili-multiselect-clear-icon-color);cursor:pointer;padding:var(--chili-multiselect-clear-icon-padding);position:absolute;right:var(--chili-multiselect-clear-icon-right);top:var(--chili-multiselect-clear-icon-top)}.chili-multiselect-clear-icon:hover{color:var(--chili-multiselect-clear-icon-color-hover)}.chili-multiselect-checkbox-container,.chili-multiselect-checkbox-wrapper{display:flex}.chili-multiselect-checkbox-label{align-items:center;display:inline-flex}.chili-numeric-arrows{display:flex;flex-direction:column}.chili-numeric-arrow-down{cursor:pointer;padding-inline:var(--chili-numeric-arrow-padding-inline);width:var(--chili-numeric-arrow-width);block-size:50%;color:var(--chili-input-border-color)}.chili-numeric-arrow-down:hover{color:#000}.chili-numeric-arrow-up{cursor:pointer;padding-inline:var(--chili-numeric-arrow-padding-inline);width:var(--chili-numeric-arrow-width);block-size:50%;color:var(--chili-input-border-color)}.chili-numeric-arrow-up:hover{color:var(--chili-input-border-hover-color)}.chili-numeric-range-wrapper{align-items:center;display:flex}.chili-numeric-range-wrapper>.chili-numeric-wrapper{flex-grow:1}.chili-numeric-range-delimiter{text-align:center;width:var(--chili-numeric-range-delimeter-width)}.chili-pagination-button,.chili-pagination-wrapper{align-items:center;display:flex}.chili-pagination-button{color:var(--chili-pagination-button-color);cursor:pointer;height:var(--chili-pagination-button-size);justify-content:center;margin-inline:var(--chili-pagination-button-margin-inline);order:2;width:var(--chili-pagination-button-size)}.chili-pagination-button:hover{color:var(--chili-pagination-button-color-hover)}.chili-pagination-controls{color:var(--chili-pagination-control-color)}.chili-pagination-controls:hover{color:var(--chili-pagination-control-color-hover)}.chili-pagination-numbers{display:flex;list-style:none;order:2}.chili-pagination-number-selected{color:var(--chili-pagination-number-selected-color);cursor:default;font-size:var(--chili-pagination-number-selected-font-size);font-weight:700}.chili-pagination-options-wrapper{align-items:baseline;display:flex;flex:1;flex-direction:row-reverse;justify-content:flex-end}.chili-pagination-options{width:var(--chili-pagination-options-dropdown-width)}.chili-pagination-options-label{color:var(--chili-pagination-options-label-color);margin-inline-end:var(--chili-pagination-options-label-margin-inline-end)}.chili-pagination-info-label{color:var(--chili-pagination-info-label-color);display:flex;flex:1;justify-content:flex-end;order:3}.chili-pagination-disabled{cursor:not-allowed}.chili-pagination-disabled,.chili-pagination-disabled:hover{color:var(--chili-pagination-disabled-color)}.chili-password-rule-message{color:var(--chili-password-rule-text-color)}.chili-progressbar-wrapper{background:var(--chili-progressbar-bg);height:var(--chili-progressbar-height);position:relative}.chili-progressbar-fill{align-items:center;background:var(--chili-progressbar-bg-fill);display:flex;height:100%;justify-content:center;left:0;position:absolute;transition:width .25s linear}.chili-progressbar-value{color:var(--chili-progressbar-value-text-color);font-size:var(--chili-progressbar-value-font-size)}.chili-radio-label{cursor:pointer;display:inline-flex;padding-left:25px;position:relative}.chili-radio-label:before{background-color:var(--chili-radio-contrast-color);border:1px solid var(--chili-radio-color);border-radius:50%;content:" ";height:16px;left:0;position:absolute;top:3px;width:16px}.chili-radio-label:after{border-radius:50%;content:" ";height:6px;left:5px;position:absolute;top:8px;width:6px}.chili-radio-label:hover:before{border:1px solid var(--chili-radio-color-hover)}.chili-radio-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.chili-radio-input:checked+.chili-radio-label:after{background-color:var(--chili-radio-active-contrast-color)}.chili-radio-input:checked+.chili-radio-label:before{background-color:var(--chili-radio-active-color);border-color:var(--chili-radio-active-color)}.chili-radio-input:disabled+.chili-radio-label{cursor:not-allowed}.chili-radio-input:disabled+.chili-radio-label:before,.chili-radio-input:disabled+.chili-radio-label:hover:before{background-color:var(--chili-radio-active-color-disabled);border:1px solid var(--chili-radio-active-color-disabled)}.chili-radio-input:checked:disabled+.chili-radio-label:after{background-color:var(--chili-radio-contrast-color)}.chili-rating-wrapper{display:flex}.chili-rating-item{color:var(--chili-rating-base-color);cursor:pointer;padding:var(--chili-rating-icon-padding);width:var(--chili-rating-icon-width)}.chili-filled{color:var(--chili-rating-active-color)}.chili-rating-disabled{cursor:not-allowed}.chili-switcher-handler{background:var(--chili-switcher-handler-bg);border:var(--chili-switcher-handler-border);border-radius:var(--chili-switcher-handler-border-radius);cursor:pointer;height:var(--chili-switcher-handler-size);transition:all .1s linear;width:var(--chili-switcher-handler-size)}.chili-switcher{background:var(--chili-switcher-wrapper-bg);border-radius:var(--chili-switcher-handler-border-radius);cursor:pointer;display:inline-block;vertical-align:middle;width:var(--chili-switcher-wrapper-width)}.chili-switcher:hover .chili-switcher-handler{background:var(--chili-switcher-handler-bg-hovered)}.chili-switcher-active{background-color:var(--chili-switcher-active-color)}.chili-switcher-active .chili-switcher-handler{background:var(--chili-switcher-handler-bg);transform:translateX(100%)}.chili-switcher-active:hover .chili-switcher-handler{background-color:var(--chili-switcher-handler-bg-hovered)}.chili-switcher-disabled{background:var(--chili-switcher-wrapper-bg-disabled);cursor:not-allowed;pointer-events:none}.chili-switcher-active.chili-switcher-disabled,.chili-switcher-active.chili-switcher-disabled .chili-switcher-handler,.chili-switcher-disabled .chili-switcher-handler{background-color:var(--chili-switcher-handler-bg-disabled)}.chili-switcher-label:not(:empty){cursor:pointer;margin-inline-start:var(--chili-switcher-label-margin-inline-start)}.chili-tabs-wrapper{display:flex;flex-direction:column;position:relative}.chili-tabs-container{border-bottom:var(--chili-tabs-border-bottom)}.chili-tabs-bar{display:inline-flex}.chili-tab-scroll{overflow-x:scroll}.chili-tab-scroll::-webkit-scrollbar{display:none}.chili-tab{cursor:pointer;padding:var(--chili-tabs-tab-padding)}.chili-tab:hover{color:var(--chili-tabs-tab-text-color-hover)}.chili-tab-active{border-bottom:var(--chili-tabs-tab-active-border);cursor:default}.chili-tab-active:hover{color:initial}.chili-tab-disabled{cursor:not-allowed}.chili-tab-disabled,.chili-tab-disabled:hover{color:var(--chili-tabs-disabled-color)}.chili-tabs-arrow{background:var(--chili-tabs-arrow-bg);border-radius:50%;box-shadow:var(--chili-tabs-arrow-shadow);color:var(--chili-tabs-arrow-color);cursor:pointer;height:var(--chili-tabs-arrow-size);position:absolute;top:var(--chili-tabs-arrow-top);width:var(--chili-tabs-arrow-size)}.chili-tabs-arrow:hover{color:var(--chili-tabs-arrow-color-hover)}.chili-tabs-arrow-left{left:0;padding-right:var(--chili-tabs-arrow-padding-inner)}.chili-tabs-arrow-right{padding-left:var(--chili-tabs-arrow-padding-inner);right:0}.chili-tag,.chili-tags-wrapper{display:flex}.chili-tag{align-items:center;background-color:var(--chili-tag-bg);block-size:var(--chili-tag-block-size);border:var(--chili-tag-border);border-radius:var(--chili-tag-border-radius);margin-inline-end:var(--chili-tag-margin-inline-end);min-inline-size:var(--chili-tag-min-inline-size);padding:var(--chili-tag-padding);transition:var(--chili-tag-transition)}.chili-tag:hover .chili-tag-icon{color:var(--chili-tag-icon-color-hover)}.chili-tag-icon{color:var(--chili-tag-icon-color);cursor:pointer;padding:var(--chili-tag-icon-padding)}.chili-tooltip-wrapper{display:inline-block}.chili-tooltip{background-color:var(--chili-tooltip-bg-color);border-radius:var(--chili-tooltip-border-radius);color:var(--chili-tooltip-text-color);max-width:var(--chili-tooltip-max-width);min-width:var(--chili-tooltip-min-width);padding:var(--chili-tooltip-padding);position:absolute;transition:var(--chili-tooltip-transition);z-index:var(--chili-tooltip-z-index)}.chili-tooltip:after{border-color:transparent;border-style:solid;content:"";height:0;position:absolute;width:0}.chili-tooltip.chili-top{margin-top:calc(var(--chili-tooltip-arrow-length)*-1);transform:translate(-50%,-100%)}.chili-tooltip.chili-top:after{border-top-color:var(--chili-tooltip-bg-color);border-width:var(--chili-tooltip-arrow-length) var(--chili-tooltip-arrow-width) 0;left:50%;top:100%;transform:translateX(-50%)}.chili-tooltip.chili-bottom{margin-top:var(--chili-tooltip-arrow-length);transform:translateX(-50%)}.chili-tooltip.chili-bottom:after{border-bottom-color:var(--chili-tooltip-bg-color);border-width:0 var(--chili-tooltip-arrow-width) var(--chili-tooltip-arrow-length);bottom:100%;left:50%;transform:translateX(-50%)}.chili-tooltip.chili-left{margin-left:calc(var(--chili-tooltip-arrow-length)*-1);transform:translate(-100%,-50%)}.chili-tooltip.chili-left:after{border-left-color:var(--chili-tooltip-bg-color);border-width:var(--chili-tooltip-arrow-width) 0 var(--chili-tooltip-arrow-width) var(--chili-tooltip-arrow-length);left:100%;top:50%;transform:translateY(-50%)}.chili-tooltip.chili-right{margin-left:var(--chili-tooltip-arrow-length);transform:translateY(-50%)}.chili-tooltip.chili-right:after{border-right-color:var(--chili-tooltip-bg-color);border-width:var(--chili-tooltip-arrow-width) var(--chili-tooltip-arrow-length) var(--chili-tooltip-arrow-width) 0;right:100%;top:50%;transform:translateY(-50%)}.chili-textarea{background-color:var(--chili-textarea-bg-color);border:var(--chili-textarea-border);border-radius:var(--chili-textarea-border-radius);height:var(--chili-textarea-height);outline:none;padding:var(--chili-textarea-padding);resize:var(--chili-textarea-resize);scrollbar-width:var(--chili-textarea-scrollbar-width);width:100%}.chili-textarea:hover{border-color:var(--chili-textarea-border-color-hover)}.chili-invalid-message{color:var(--chili-invalid-message-color)}.chili-danger,.chili-danger:hover{border-color:var(--chili-color-danger)}.chili-disabled{background-color:var(--chili-input-bg-color-disabled);color:var(--chili-font-color-disabled);cursor:not-allowed}.chili-disabled .chili-required,.chili-disabled:hover{border-color:var(--chili-input-border-color)}.chili-disabled .chili-input-element{background-color:var(--chili-input-bg-color-disabled);color:var(--chili-input-text-color-disabled)}.chili-disabled .chili-input-icon{background-color:var(--chili-input-bg-color-disabled);cursor:not-allowed}.chili-disabled .chili-input-icon,.chili-disabled .chili-input-icon:hover{color:var(--chili-input-border-color)}.chili-focused,.chili-focused:hover{border-color:var(--chili-input-border-color-hover)}

package/docs/src/app/form-components/date-picker/page.tsx

@@ -16,6 +16,13 @@ const DatePickerPage = () => (
     <H1>DatePicker</H1>
 
     <PropsTableSection>
+      <tr>
+        <Td>autoComplete</Td>
+        <Td>string</Td>
+        <Td>
+          Browser autofill, off is the default value. Works as HTML autoComplete attribute
+        </Td>
+      </tr>
       <tr>
         <Td>defaultValue</Td>
         <Td>string | Date | null</Td>

package/docs/src/app/form-components/date-range/page.tsx

@@ -15,6 +15,13 @@ const DateRangePage = () => (
     <H1>DateRange</H1>
 
     <PropsTableSection>
+      <tr>
+        <Td>autoComplete</Td>
+        <Td>string</Td>
+        <Td>
+          Browser autofill, off is the default value. Works as HTML autoComplete attribute
+        </Td>
+      </tr>
       <tr>
         <Td>defaultValue</Td>
         <Td>[string, string] | [Date | null, Date | null]</Td>

package/docs/src/app/form-components/date-time-picker/page.tsx

@@ -16,6 +16,13 @@ const DateTimePickerPage = () => (
     <H1>DateTimePicker</H1>
 
     <PropsTableSection>
+      <tr>
+        <Td>autoComplete</Td>
+        <Td>string</Td>
+        <Td>
+          Browser autofill, off is the default value. Works as HTML autoComplete attribute
+        </Td>
+      </tr>
       <tr>
         <Td>defaultValue</Td>
         <Td>string | Date | null</Td>

package/docs/src/app/form-components/date-time-range/page.tsx

@@ -15,6 +15,13 @@ const DateTimeRangePage = () => (
     <H1>DateTimeRange</H1>
 
   <PropsTableSection>
+      <tr>
+        <Td>autoComplete</Td>
+        <Td>string</Td>
+        <Td>
+          Browser autofill, off is the default value. Works as HTML autoComplete attribute
+        </Td>
+      </tr>
       <tr>
         <Td>defaultValue</Td>
         <Td>[string, string] | [Date | null, Date | null]</Td>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chili-ui",
-  "version": "0.13.0",
+  "version": "0.15.0",
   "description": "UI components library for React applications",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",