chili-ui 0.15.2 → 0.15.3
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.
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
: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-margin-block-start:3px;--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(
|
|
2
2
|
--chili-border-radius
|
|
3
|
-
);--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:flex-start;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{flex-shrink:0;height:var(--chili-checkbox-size);margin-block-start:var(--chili-checkbox-margin-inline-end);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)}
|
|
3
|
+
);--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:flex-start;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{flex-shrink:0;height:var(--chili-checkbox-size);margin-block-start:var(--chili-checkbox-margin-block-start);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)}
|