fastlion-amis
Version:
一种MIS页面生成工具
1,138 lines (1,118 loc) • 1.38 MB
CSS
@charset "UTF-8";
.padding-1 {
padding: 1px;
}
.padding-2 {
padding: 2px;
}
.padding-3 {
padding: 3px;
}
.padding-4 {
padding: 4px;
}
.padding-5 {
padding: 5px;
}
.padding-6 {
padding: 6px;
}
.padding-7 {
padding: 7px;
}
.padding-8 {
padding: 8px;
}
.padding-9 {
padding: 9px;
}
.padding-10 {
padding: 10px;
}
.padding-11 {
padding: 11px;
}
.padding-12 {
padding: 12px;
}
.padding-13 {
padding: 13px;
}
.padding-14 {
padding: 14px;
}
.padding-15 {
padding: 15px;
}
.padding-16 {
padding: 16px;
}
.padding-17 {
padding: 17px;
}
.padding-18 {
padding: 18px;
}
.padding-19 {
padding: 19px;
}
.padding-20 {
padding: 20px;
}
:root {
--headerBarHeight: 44px;
--black: #1c2b36;
--white: #fff;
--primary: #7266ba;
--primary-onHover: #5b4eac;
--primary-onActive: #564aa3;
--secondary: #6c757d;
--secondary-onHover: #5a6268;
--secondary-onActive: #545b62;
--success: #27c24c;
--success-onHover: #21a240;
--success-onActive: #1e983b;
--info: #23b7e5;
--info-onHover: #18a0ca;
--info-onActive: #1797be;
--warning: #fad733;
--warning-onHover: #f9d00e;
--warning-onActive: #f4ca06;
--danger: #f05050;
--danger-onHover: #ed2d2d;
--danger-onActive: #ec2121;
--light: #edf1f2;
--dark: #3a3f51;
--fontFamilyMonospace: SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace;
--fontFamilyBase: -apple-system, BlinkMacSystemFont, "SF Pro SC",
"SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", "Segoe UI",
Roboto, "Hiragino Sans GB", "Arial", "microsoft yahei ui", "Microsoft YaHei",
SimSun, sans-serif;
--fontSizeBase: 0.875rem;
--fontSizeMd: 0.875rem;
--fontSizeLg: 1rem;
--fontSizeXl: 1.25rem;
--fontSizeSm: 0.75rem;
--fontSizeXs: 0.6875rem;
--text-color: #58666e;
--button-color: #fff;
--animation-duration: 0.2s;
--text--muted-color: #99a6ad;
--text--loud-color: #414c52;
--pre-color: var(--text-color);
--borderColor: #d1d5db;
--borderColorLight: #dfe2e6;
--borderColorDarken: #b4bbc5;
--borderRadius: 0.142rem;
--borderRadiusMd: 0.285rem;
--borderRadiusLg: 0.428rem;
--boxShadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--boxShadowSm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--lineHeightBase: 1.5;
--body-lineHeight: var(--lineHeightBase);
--borderWidth: 0.0625rem;
--fontWeightNormal: 400;
--fontWeightBase: var(--fontWeightNormal);
--fontWeightMd: 500;
--fontWeightBold: 700;
--background: var(--white);
--code-color: var(--danger);
--code-background: var(--background);
--pre-background: var(--background);
--link-color: var(--info);
--link-decoration: none;
--link-onHover-color: var(--info-onHover);
--link-onHover-decoration: underline;
--body-bg: var(--light);
--body-size: var(--fontSizeBase);
--body-color: var(--text-color);
--body-weight: var(--fontWeightBase);
--gap-xs: 0.375rem;
--gap-sm: 0.5rem;
--gap-base: 0.5rem;
--gap-md: 1rem;
--gap-lg: 1.25rem;
--gap-xl: 1.5rem;
--icon-color: #4b5563;
--icon-onHover-color: #111827;
--icon-onDisabled-color: #6b7280;
--label--default-bg: #374151;
--label--primary-bg: var(--primary);
--label--success-bg: var(--success);
--label--info-bg: var(--info);
--label--warning-bg: var(--warning);
--label--danger-bg: var(--danger);
--label-color: #fff;
--label-link--hover-color: #fff;
--scrollbar-width: 1.0625rem;
--Alert--danger-bg: #f2dede;
--Alert--danger-borderColor: #ebccd1;
--Alert--danger-color: #ff4d4f;
--Alert--info-bg: #d9edf7;
--Alert--info-borderColor: #19c8d5;
--Alert--info-color: #69b1ff;
--Alert--success-bg: #dff0d8;
--Alert--success-borderColor: #d6e9c6;
--Alert--success-color: #52c41a;
--Alert--warning-bg: #fcf8e3;
--Alert--warning-borderColor: #faebcc;
--Alert--warning-color: #faad14;
--Alert-borderColor: transparent;
--Alert-borderRadius: var(--borderRadiusMd);
--Alert-borderWidth: var(--borderWidth);
--Alert-boxShadow: none;
--Alert-fontSize: var(--fontSizeBase);
--Alert-marginBottom: var(--gap-md);
--Alert-paddingX: var(--gap-sm);
--Alert-paddingY: var(--gap-sm);
--Audio-border: 0.0625rem solid #dee2e6;
--Audio-height: 3.125rem;
--Audio-input-width: 5rem;
--Audio-item-margin: 0.625rem;
--Audio-lineHeight: 3.125rem;
--Audio-play-top: var(--gap-xs);
--Audio-play-width: var(--gap-md);
--Audio-process-minWidth: 5rem;
--Audio-rate-bg: #dee2e6;
--Audio-rate-height: 3.125rem;
--Audio-rate-lineHeight: 3.125rem;
--Audio-rate-width: 2.5rem;
--Audio-rateControlItem-bg: #dee2e6;
--Audio-rateControlItem-borderRight: 0.0625rem solid #d3dae0;
--Audio-svg-height: var(--gap-md);
--Audio-svg-top: 0.375rem;
--Audio-svg-width: var(--gap-md);
--Audio-thumb-bg: #606670;
--Audio-thumb-height: 0.875rem;
--Audio-thumb-marginTop: -0.3125rem;
--Audio-thumb-width: 0.875rem;
--Audio-times-margin: 0 var(--gap-xs);
--Audio-times-width: 4.6875rem;
--Audio-track-bg: #d7dbdd;
--Audio-track-border: 0.0625rem solid transparent;
--Audio-track-borderRadius: 0.1875rem;
--Audio-track-height: 0.375rem;
--Audio-volume-height: 3.125rem;
--Audio-volume-lineHeight: 3.125rem;
--Audio-volume-width: var(--gap-md);
--Audio-volumeControl-width: 6.875rem;
--Avatar-bg: #d1d5db;
--Avatar-width: 2.5rem;
--Avatar-size-large: 3rem;
--Avatar-size-default: var(--Avatar-width);
--Avatar-size-small: 2rem;
--Avatar-icon-size-large: 1.25rem;
--Avatar-icon-size-default: var(--fontSizeLg);
--Avatar-icon-size-small: 0.75rem;
--Badge-size: var(--gap-md);
--Badge-color: var(--white);
--Badge--success-bg: var(--success);
--Badge--info-bg: var(--info);
--Badge--warning-bg: var(--warning);
--Badge--danger-bg: var(--danger);
--Button--danger-bg: var(--danger);
--Button--danger-border: var(--Button--danger-bg);
--Button--danger-color: var(--button-color);
--Button--danger-onActive-bg: var(--danger-onActive);
--Button--danger-onActive-border: #eb1515;
--Button--danger-onActive-color: var(--Button--danger-color);
--Button--danger-onHover-bg: var(--danger-onHover);
--Button--danger-onHover-border: var(--danger-onActive);
--Button--danger-onHover-color: var(--Button--danger-color);
--Button--dark-bg: var(--dark);
--Button--dark-border: var(--Button--dark-bg);
--Button--dark-color: var(--button-color);
--Button--dark-onActive-bg: #252833;
--Button--dark-onActive-border: #1f222c;
--Button--dark-onActive-color: var(--Button--dark-color);
--Button--dark-onHover-bg: #2a2e3b;
--Button--dark-onHover-border: #252833;
--Button--dark-onHover-color: var(--Button--dark-color);
--Button--default-bg: var(--white);
--Button--default-border: var(--borderColor);
--Button--default-color: var(--text-color);
--Button--default-onActive-bg: var(--white);
--Button--default-onActive-border: var(--primary-onActive);
--Button--default-onActive-color: var(--primary-onActive);
--Button--default-onHover-bg: var(--white);
--Button--default-onHover-border: var(--primary);
--Button--default-onHover-color: var(--primary);
--Button--iconOnly-minWidthRate: 4 / 3;
--Button--info-bg: var(--info);
--Button--info-border: var(--Button--info-bg);
--Button--info-color: var(--button-color);
--Button--info-onActive-bg: var(--info-onActive);
--Button--info-onActive-border: #158eb3;
--Button--info-onActive-color: var(--Button--info-color);
--Button--info-onHover-bg: var(--info-onHover);
--Button--info-onHover-border: var(--info-onActive);
--Button--info-onHover-color: var(--Button--info-color);
--Button--lg-borderRadius: var(--borderRadius);
--Button--lg-fontSize: var(--fontSizeLg);
--Button--lg-height: 2.875rem;
--Button--lg-lineHeight: 24 / 20;
--Button--lg-paddingX: 1rem;
--Button--lg-paddingY: calc((var(--Button--lg-height) - var(--Button-borderWidth) * 2 - var(--Button--lg-lineHeight) * var(--Button--lg-fontSize)) / 2);
--Button--light-bg: var(--light);
--Button--light-border: var(--borderColor);
--Button--light-color: var(--text-color);
--Button--light-onActive-bg: #cfdadd;
--Button--light-onActive-border: #c8d4d7;
--Button--light-onActive-color: var(--Button--light-color);
--Button--light-onHover-bg: #d7e0e2;
--Button--light-onHover-border: #cfdadd;
--Button--light-onHover-color: var(--Button--light-color);
--Button--link-color: var(--primary);
--Button--link-onDisabled-color: #4b5563;
--Button--link-onHover-color: var(--primary-onHover);
--Button--link-onActive-color: var(--primary-onActive);
--Button--md-fontSize: var(--Button-fontSize);
--Button--md-height: var(--Button-height);
--Button--md-lineHeight: var(--Button-lineHeight);
--Button--md-paddingX: var(--Button-paddingX);
--Button--md-paddingY: calc((var(--Button--md-height) - var(--Button-borderWidth) * 2 - var(--Button--md-lineHeight) * var(--Button--md-fontSize)) / 2);
--Button--primary-bg: var(--primary);
--Button--primary-border: var(--Button--primary-bg);
--Button--primary-color: var(--button-color);
--Button--primary-onActive-bg: var(--primary-onActive);
--Button--primary-onActive-border: var(--primary-onActive);
--Button--primary-onActive-color: var(--Button--primary-color);
--Button--primary-onHover-bg: var(--primary-onHover);
--Button--primary-onHover-border: var(--primary-onHover);
--Button--primary-onHover-color: var(--Button--primary-color);
--Button--secondary-bg: var(--secondary);
--Button--secondary-border: var(--Button--secondary-bg);
--Button--secondary-color: var(--button-color);
--Button--secondary-onActive-bg: var(--secondary-onActive);
--Button--secondary-onActive-border: #4e555b;
--Button--secondary-onActive-color: var(--Button--secondary-color);
--Button--secondary-onHover-bg: var(--secondary-onHover);
--Button--secondary-onHover-border: var(--secondary-onActive);
--Button--secondary-onHover-color: var(--Button--secondary-color);
--Button--sm-borderRadius: var(--borderRadius);
--Button--sm-fontSize: var(--fontSizeSm);
--Button--sm-height: 1.875rem;
--Button--sm-lineHeight: 18 / 12;
--Button--sm-paddingX: 0.5rem;
--Button--sm-paddingY: calc((var(--Button--sm-height) - var(--Button-borderWidth) * 2 - var(--Button--sm-lineHeight) * var(--Button--sm-fontSize)) / 2);
--Button--success-bg: var(--success);
--Button--success-border: var(--Button--success-bg);
--Button--success-color: var(--button-color);
--Button--success-onActive-bg: var(--success-onActive);
--Button--success-onActive-border: #1c8d37;
--Button--success-onActive-color: var(--Button--success-color);
--Button--success-onHover-bg: var(--success-onHover);
--Button--success-onHover-border: var(--success-onActive);
--Button--success-onHover-color: var(--Button--success-color);
--Button--enhance-border: var(--primary);
--Button--enhance-color: var(--primary);
--Button--enhance-onActive-bg: var(--white);
--Button--enhance-onActive-border: var(--primary-onActive);
--Button--enhance-onActive-color: var(--primary-onActive);
--Button--enhance-onHover-bg: var(--white);
--Button--enhance-onHover-border: var(--primary-onHover);
--Button--enhance-onHover-color: var(--primary-onHover);
--Button--warning-bg: var(--warning);
--Button--warning-border: var(--Button--warning-bg);
--Button--warning-color: var(--button-color);
--Button--warning-onActive-bg: var(--warning-onActive);
--Button--warning-onActive-border: #e8c006;
--Button--warning-onActive-color: var(--Button--warning-color);
--Button--warning-onHover-bg: var(--warning-onHover);
--Button--warning-onHover-border: var(--warning-onActive);
--Button--warning-onHover-color: var(--Button--warning-color);
--Button--xs-fontSize: var(--fontSizeXs);
--Button--xs-height: 1.375rem;
--Button--xs-lineHeight: 18 / 11;
--Button--xs-paddingX: var(--gap-xs);
--Button--xs-paddingY: calc((var(--Button--xs-height) - var(--Button-borderWidth) * 2 - var(--Button--xs-lineHeight) * var(--Button--xs-fontSize)) / 2);
--Button-borderRadius: var(--borderRadius);
--Button-borderWidth: var(--Form-input-borderWidth);
--Button-boxShadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
0 1px 1px rgba(0, 0, 0, 0.075);
--Button-textShadow: none;
--Button-fontSize: var(--Form-input-fontSize);
--Button-fontWeight: var(--fontWeightNormal);
--Button-height: var(--Form-input-height);
--Button-lineHeight: var(--Form-input-lineHeight);
--Button-mimWidth: auto;
--Button-onActive-boxShadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--Button-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
--Button-animation-spin: spin 1s infinite linear;
--Button-onActive-color: var(--primary);
--Button-onActive-border: var(--primary);
--Button-onDisabled-borderColor: #dee2e6;
--Button-onDisabled-opacity: 0.65;
--Button-onDisabled-bg: rgba(255, 255, 255, .25);
--Button-onFocus-boxShadow: none;
--Button-paddingX: 0.75rem;
--Button-paddingX-right: 0.625rem;
--Button-paddingY: calc((var(--Button-height) - var(--Button-borderWidth) * 2 - var(--Button-lineHeight) * var(--Button-fontSize)) / 2);
--Button-transition: color var(--animation-duration) ease-in-out,
background-color var(--animation-duration) ease-in-out,
border-color var(--animation-duration) ease-in-out,
box-shadow var(--animation-duration) ease-in-out;
--ButtonGroup--primary-isActive-color: var(--white);
--ButtonGroup--primary-isActive-bg: var(--primary);
--Calendar-btn-bg: var(--info);
--Calendar-btn-border: var(--Calendar-btn-bg);
--Calendar-btn-borderRadius: var(--Button-borderRadius);
--Calendar-btn-color: var(--white);
--Calendar-btn-fontSize: var(--fontSizeSm);
--Calendar-btn-height: 1.875rem;
--Calendar-btn-lineHeight: var(--lineHeightBase);
--Calendar-btn-onActive-bg: #1797be;
--Calendar-btn-onActive-border: #158eb3;
--Calendar-btn-onActive-color: var(--Calendar-btn-color);
--Calendar-btn-onHover-bg: #18a0ca;
--Calendar-btn-onHover-border: #1797be;
--Calendar-btn-onHover-color: var(--Calendar-btn-color);
--Calendar-btn-paddingX: 0.625rem;
--Calendar-btn-paddingY: calc((var(--Calendar-btn-height) - var(--Calendar-btn-lineHeight) * var(--Calendar-btn-fontSize)) / 2);
--Calendar-btnCancel-bg: var(--light);
--Calendar-btnCancel-border: var(--Button--default-border);
--Calendar-btnCancel-borderRadius: var(--Button-borderRadius);
--Calendar-btnCancel-color: var(--text-color);
--Calendar-btnCancel-onActive-bg: var(--Button--default-onActive-bg);
--Calendar-btnCancel-onActive-border: var(--Button--default-onActive-border);
--Calendar-btnCancel-onActive-color: var(--Button--default-onActive-color);
--Calendar-btnCancel-onHover-bg: var(--Button--default-onHover-bg);
--Calendar-btnCancel-onHover-border: var(--Button--default-onHover-border);
--Calendar-btnCancel-onHover-color: var(--Button--default-onHover-color);
--Calendar-cell-bg: var(--white);
--Calendar-cell-onActive-bg: var(--info);
--Calendar-cell-onBetween-bg: rgba(35, 183, 229, 0.1);
--Calendar-cell-onDisabled-bg: var(--light);
--Calendar-cell-onHover-bg: #ededed;
--Calendar-color: var(--text-color);
--Calendar-fontSize: var(--fontSizeBase);
--Calendar-input-borderColor: var(--borderColor);
--Calendar-input-borderRadius: var(--borderRadius);
--Calendar-input-color: var(--info);
--Calendar-input-fontSize: var(--fontSizeBase);
--Calendar-input-height: 1.875rem;
--Calendar-input-lineHeight: var(--lineHeightBase);
--Calendar-input-onFocused-borderColor: var(--info);
--Calendar-input-paddingX: 0.625rem;
--Calendar-input-paddingY: calc((var(--Calendar-input-height) - var(--Calendar-input-lineHeight) * var(--Calendar-input-fontSize)) / 2);
--Calendar-shortcut-color: var(--info);
--Calendar-shortcut-decoration: none;
--Calendar-shortcut-onHover-color: #1485a8;
--Calendar-shortcut-onHover-decoration: none;
--Calendar-shortcuts-bg: transparent;
--Calendar-shortcuts-height: 1.875rem;
--Calendar-wLabel-color: #999;
--Calendar-icon-bottom: -0.25rem;
--Calendar-icon-width: 0.625rem;
--Calendar-icon-height: 0.625rem;
--Calendar-borderWidth: 0.0625rem;
--Calendar-rdt-day: 6.25rem;
--Calendar-schedule-content-padding: 0 0.25rem;
--Calendar-schedule-content-height: 1.25rem;
--Calendar-schedule-content-color: #fff;
--Card-actions-borderColor: #dfe2e6;
--Card-actions-fontSize: var(--fontSizeBase);
--Card-actions-onChecked-onHover-bg: #c2ecf9;
--Card-actions-onChecked-onHover-color: #1498c1;
--Card-actions-onHover-bg: #f2f2f2;
--Card-actions-onHover-color: #090d15;
--Card-bg: var(--white);
--Card-borderColor: var(--borderColor);
--Card-borderRadius: var(--borderRadius);
--Card-borderWidth: var(--borderWidth);
--Card-secondary-color: #83868c;
--Card-onChecked-bg: #d9f3fb;
--Card-onChecked-borderColor: #abe4f6;
--Card-onChecked-color: #20b9e8;
--Card-onChecked-fieldLabel-color: #7dd6f1;
--Card-onDragging-opacity: 0.1;
--Card-onModified-bg: #e8f0fe;
--Card-onModified-borderColor: #b7d0fc;
--Card-onModified-color: #4285f4;
--Card-onModified-fieldLabel-color: #a2c3fa;
--Card-onModified-onHover-bg: #d0e0fd;
--Card-onModified-onHover-color: #1266f1;
--Cards--unsaved-heading-bg: #e8f0fe;
--Cards--unsaved-heading-color: #4285f4;
--Cards-fixedTop-boxShadow: var(--boxShadow);
--Cards-placeholder-height: 6.25rem;
--Cards-toolbar-marginX: 0;
--Cards-toolbar-marginY: var(--gap-base);
--Carousel--dark-control: black;
--Carousel--light-control: white;
--Carousel-arrowControl-height: var(--gap-lg);
--Carousel-arrowControl-width: var(--gap-lg);
--Carousel-bg: #f6f8f8;
--Carousel-dot-borderRadius: 0.25rem;
--Carousel-dot-height: 0.5rem;
--Carousel-dot-margin: 0.4375rem var(--gap-xs);
--Carousel-dot-width: 0.5rem;
--Carousel-height: 12.5rem;
--Carousel-imageDescription-bottom: 1.5625rem;
--Carousel-imageTitle-bottom: 2.8125rem;
--Carousel-minWidth: 6.25rem;
--Carousel-svg-height: var(--gap-lg);
--Carousel-svg-width: var(--gap-lg);
--Carousel-transitionDuration: var(--animation-duration);
--Checkbox--full-inner-size: 0.75rem;
--Checkbox--sm--full-inner-size: 0.625rem;
--Checkbox--sm-inner-size: calc(var(--Checkbox--sm-size) / 2);
--Checkbox--sm-size: 1rem;
--Checkbox-borderRadius: var(--borderRadius);
--Checkbox-color: var(--Form-input-borderColor);
--Checkbox-gap: var(--gap-xs);
--Checkbox-gb: #fff;
--Checkbox-size: var(--Form-fontSize);
--Checkbox-inner-size: calc(var(--Checkbox-size) / 2);
--Checkbox-onHover-color: var(--info);
--Checkbox-onDisabled-bg: #e5e7eb;
--Checkbox-onDisabled-color: var(--text--muted-color);
--ColorPicker-bg: var(--white);
--ColorPicker-borderColor: var(--Form-input-borderColor);
--ColorPicker-borderRadius: var(--Form-input-borderRadius);
--ColorPicker-borderWidth: var(--Form-input-borderWidth);
--ColorPicker-color: var(--Form-input-color);
--ColorPicker-fontSize: var(--Form-input-fontSize);
--ColorPicker-height: var(--Form-input-height);
--ColorPicker-lineHeight: var(--Form-input-lineHeight);
--ColorPicker-onDisabled-bg: #e5e7eb;
--ColorPicker-onDisabled-color: var(--text--muted-color);
--ColorPicker-onFocused-borderColor: var(--Form-input-onFocused-borderColor);
--ColorPicker-onHover-bg: #f2f2f2;
--ColorPicker-onHover-borderColor: var(--borderColor);
--ColorPicker-paddingX: 0.75rem;
--ColorPicker-paddingY: calc((var(--ColorPicker-height) - var(--ColorPicker-lineHeight) * var(--ColorPicker-fontSize)) / 2 - var(--ColorPicker-borderWidth));
--ColorPicker-placeholderColor: var(--Form-input-placeholderColor);
--ColorPicker-boxShadow: var(--boxShadow);
--Combo--horizontal-dragger-top: var(--Form-label-paddingTop);
--Combo--horizontal-item-gap: var(--gap-xs);
--Combo--vertical-item-borderColor: var(--borderColor);
--Combo--vertical-item-borderRadius: var(--borderRadius);
--Combo--vertical-item-borderWidth: var(--borderWidth);
--Combo--vertical-item-gap: var(--gap-xs);
--Combo--vertical-item-onHover-borderColor: var(--info);
--Combo--vertical-item-paddingX: 0.625rem;
--Combo--vertical-item-paddingY: 0.625rem;
--Combo-addBtn-bg: var(--Button--info-bg);
--Combo-addBtn-border: var(--Button--info-border);
--Combo-addBtn-borderRadius: var(--Button-borderRadius);
--Combo-addBtn-color: var(--Button--info-color);
--Combo-addBtn-fontSize: var(--Button--sm-fontSize);
--Combo-addBtn-height: 1.625rem;
--Combo-addBtn-lineHeight: var(--Button--sm-lineHeight);
--Combo-addBtn-onActive-bg: #1797be;
--Combo-addBtn-onActive-border: #adb4bf;
--Combo-addBtn-onActive-color: var(--Combo-addBtn-color);
--Combo-addBtn-onHover-bg: #18a0ca;
--Combo-addBtn-onHover-border: #b4bbc5;
--Combo-addBtn-onHover-color: var(--Combo-addBtn-color);
--Combo-addBtn-paddingX: var(--Button--sm-paddingX);
--Combo-addBtn-paddingY: calc((var(--Combo-addBtn-height) - var(--Button-borderWidth) * 2 - var(--Combo-addBtn-lineHeight) * var(--Combo-addBtn-fontSize)) / 2);
--Combo-items-marginBottom: var(--gap-sm);
--Combo-toolbarBtn-color: var(--icon-color);
--Combo-toolbarBtn-height: var(--gap-md);
--Combo-toolbarBtn-lineHeight: 1;
--Combo-toolbarBtn-onHover-color: #353c46;
--Combo-toolbarBtn-paddingX: var(--gap-xs);
--Combo-toolbarBtn-paddingY: 0.125rem;
--Copyable-iconColor: var(--icon-color);
--Copyable-onHover-iconColor: var(--icon-onHover-color);
--Collapse-border: none;
--Collapse-border-color: var(--borderColorLight);
--Collapse-header-fontSize: var(--fontSizeMd);
--Collapse-header-fontWeight: var(--fontWeightNormal);
--Collapse-header-padding: 1.125rem 0 var(--gap-xs) 0;
--Collapse-header-bg: transparent;
--Collapse-header-onHover-bg: transparent;
--Collapse-header-collapsed-border: var(--borderWidth) solid var(--Collapse-border-color);
--Collapse-header-collapsed-borderTop: none;
--Collapse-header-collapsed-borderBottom: var(--Collapse-header-collapsed-border);
--Collapse-header-wrapper-direction: row;
--Collapse-content-padding: 1.125rem 0;
--Collapse-content-color: var(--body-color);
--Collapse-content-fontSize: var(--body-size);
--Collapse-content-fontWeight: var(--body-weight);
--Crud-toolbar-gap: var(--gap-xs);
--Crud-toolbar-height: 1.875rem;
--Crud-toolbar-lineHeight: var(--lineHeightBase);
--DatePicker-bg: var(--white);
--DatePicker-borderColor: var(--Form-input-borderColor);
--DatePicker-borderRadius: var(--Form-input-borderRadius);
--DatePicker-borderWidth: var(--Form-input-borderWidth);
--DatePicker-color: var(--Form-input-color);
--DatePicker-fontSize: var(--Form-input-fontSize);
--DatePicker-header-select-borderColor: #fff;
--DatePicker-height: var(--Form-input-height);
--DatePicker-iconColor: var(--icon-color);
--DatePicker-lineHeight: var(--Form-input-lineHeight);
--DatePicker-onFocused-borderColor: var(--Form-input-onFocused-borderColor);
--DatePicker-onHover-bg: var(--DatePicker-bg);
--DatePicker-onHover-borderColor: var(--Form-input-onFocused-borderColor);
--DatePicker-onHover-iconColor: var(--icon-onHover-color);
--DatePicker-paddingX: 0.5rem;
--DatePicker-paddingY: calc((var(--DatePicker-height) - var(--DatePicker-lineHeight) * var(--DatePicker-fontSize)) / 2 - var(--DatePicker-borderWidth));
--DatePicker-placeholderColor: var(--Form-input-placeholderColor);
--LocationPicker-borderRadius: var(--Form-input-borderWidth);
--Divider-borderStyle: solid;
--Drawer-bg: var(--background);
--Drawer-body-padding: var(--gap-base);
--Drawer-close-color: rgba(255, 255, 255, 0.8);
--Drawer-close-onHover-color: rgba(255, 255, 255, 1);
--Drawer-content-borderColor: var(--borderColor);
--Drawer-content-borderRadius: 0;
--Drawer-content-borderWidth: var(--borderWidth);
--Drawer-footer-borderColor: #dfe2e6;
--Drawer-footer-padding: var(--gap-base);
--Drawer-header-bg: #f9f9f9;
--Drawer-header-borderColor: #dfe2e6;
--Drawer-header-padding: var(--gap-base);
--Drawer-overlay-bg: rgba(0, 0, 0, 0.6);
--Drawer-title-fontColor: var(--text--loud-color);
--Drawer-title-fontSize: var(--fontSizeMd);
--Drawer-widthBase: 80%;
--Drawer-widthLg: 50rem;
--Drawer-widthMd: 31.25rem;
--Drawer-widthSm: 18.75rem;
--Drawer-widthXl: 90%;
--Drawer-widthXs: 12.5rem;
--DropDown-caret-marginLeft: min(0.3rem, 5%);
--DropDown-menu-bg: var(--white);
--DropDown-menu-borderColor: var(--borderColor);
--DropDown-menu-borderRadius: var(--borderRadius);
--DropDown-menu-borderWidth: var(--borderWidth);
--DropDown-menu-boxShadow: var(--boxShadow);
--DropDown-menu-height: 2.125rem;
--DropDown-menu-minWidth: 10rem;
--DropDown-menu-paddingX: 0;
--DropDown-menu-paddingY: var(--gap-xs);
--DropDown-menuItem-onHover-bg: var(--ListMenu-item--onHover-bg);
--DropDown-group-color: #848b99;
--DropDown-menuItem-color: #151a26;
--DropDown-menuItem-onHover-color: var(--primary);
--DropDown-menuItem-onActive-color: var(--primary);
--DropDown-menuItem-onDisabled-color: #b4b6ba;
--DropDown-menuItem-paddingX: var(--gap-sm);
--DropDown-menuItem-paddingY: calc((var(--DropDown-menu-height) - var(--fontSizeBase) * var(--lineHeightBase)) / 2);
--Fieldset-legend-bgColor: var(--white);
--Form--horizontal-gutterWidth: var(--gap-md);
--Form--horizontal-label-align: right;
--Form--horizontal-label-whiteSpace: "normal";
--Form--horizontal-label-widthBase: 7.5rem;
--Form--horizontal-label-widthLg: 12.5rem;
--Form--horizontal-label-widthMd: 10rem;
--Form--horizontal-label-widthSm: 5.625rem;
--Form--horizontal-label-widthXs: 3.75rem;
--Form-control-widthBase: 12.5rem;
--Form-control-widthLg: 20rem;
--Form-control-widthMd: 15rem;
--Form-control-widthSm: 10rem;
--Form-control-widthXs: 5rem;
--Form-description-color: #6f808a;
--Form-description-fontSize: var(--fontSizeSm);
--Form-fontSize: var(--fontSizeBase);
--Form-item-fontSize: var(--Form-fontSize);
--Form-item-fontColor: #5e626a;
--Form-group--lg-gutterWidth: 2.5rem;
--Form-group--md-gutterWidth: 1.875rem;
--Form-group--sm-gutterWidth: var(--gap-md);
--Form-group--xs-gutterWidth: 0.625rem;
--Form-group-gutterWidth: var(--Form--horizontal-gutterWidth);
--Form-input-addOnBg: #edf1f2;
--Form-input-addOnColor: var(--text-color);
--Form-input-addOnDividerBorderWidth: var(--borderWidth);
--Form-input-bg: var(--white);
--Form-input-borderColor: var(--borderColor);
--Form-input-borderRadius: var(--borderRadius);
--Form-input-borderWidth: 0.0625rem;
--Form-input-boxShadow: none;
--Form-input-color: var(--text-color);
--Form-input-fontSize: var(--Form-fontSize);
--Form-input-height: 1.875rem;
--Form-input-iconColor: var(--icon-color);
--Form-input-lineHeight: 1.4285714286;
--Form-input-marginBottom: 0.375rem;
--Form-input-onActive-color: var(--info);
--Form-input-onDisabled-bg: #f8f8f8;
--Form-input-onDisabled-borderColor: var(--Form-input-borderColor);
--Form-input-onError-bg: var(--Form-input-bg);
--Form-input-onError-borderColor: var(--danger);
--Form-input-onFocus-addOnColor: var(--primary);
--Form-input-onFocused-bg: var(--Form-input-bg);
--Form-input-onFocused-borderColor: var(--info);
--Form-input-onHover-iconColor: #1f2329;
--Form-input-onHover-bg: rgba(255, 255, 255, 0.6);
--Form-input-onHover-borderColor: var(--Form-input-onFocused-borderColor);
--Form-input-paddingX: 0.5rem;
--Form-input-paddingY: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem) / 2);
--Form-input-placeholderColor: var(--text--muted-color);
--Form-input-onDisabled-color: var(--text--muted-color);
--Form-item-gap: var(--gap-base);
--Form-label-paddingTop: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2);
--Form-row-gutterWidth: 0.625rem;
--Form-select-bg: var(--white);
--Form-select-borderColor: var(--Form-input-borderColor);
--Form-select-borderRadius: var(--Form-input-borderRadius);
--Form-select-borderWidth: var(--Form-input-borderWidth);
--Form-select-caret-iconColor: var(--icon-color);
--Form-select-caret-onHover-iconColor: var(--icon-onHover-color);
--Form-select-checkall-bottomBorder: #eceff8;
--Form-select-color: var(--text-color);
--Form-select-input-fontSize: var(--fontSizeSm);
--Form-select-menu-bg: var(--white);
--Form-select-menu-color: var(--Form-select-color);
--Form-select-menu-height: var(--Form-input-height);
--Form-select-menu-onActive-bg: transparent;
--Form-select-menu-onActive-color: var(--info);
--Form-select-menu-onDisabled-bg: transparent;
--Form-select-menu-onDisabled-color: var(--text--muted-color);
--Form-select-menu-onHover-bg: rgba(0, 126, 255, 0.08);
--Form-select-menu-onHover-color: var(--info);
--Form-select-onError-borderColor: var(--Form-input-onError-borderColor);
--Form-select-onFocused-borderColor: var(--Form-input-onFocused-borderColor);
--Form-select-onFocused-color: var(--Form-select-color);
--Form-select-onHover-bg: #f2f2f2;
--Form-select-onHover-borderColor: var(--Form-input-borderColor);
--Form-select-outer-borderWidth: 0.0625rem;
--Form-select-outer-boxShadow: none;
--Form-select-paddingX: var(--Form-input-paddingX);
--Form-select-placeholderColor: var(--Form-input-placeholderColor);
--Form-select-popoverGap: 0;
--Form-select-search-height: var(--Form-select-menu-height);
--Form-selectOption-height: var(--Form-input-height);
--Form-selectValue-bg: #d9f3fb;
--Form-selectValue-borderColor: #abe4f6;
--Form-selectValue-color: var(--info);
--Form-selectValue-fontSize: var(--fontSizeSm);
--Form-selectValue-onDisable-bg: #f0fafd;
--Form-selectValue-onHover-bg: #c2ecf9;
--Form-down-input-placeholder: rgba(0, 0, 0, 0.2);
--Form-down-input-editable: rgba(0, 0, 0, 0.9);
--Form-down-input-noteditable: rgba(0, 0, 0, 0.9);
--Form-select-onFocus-boxShadow: none;
--Form-input-height-sm: 1.625rem;
--Form-input-paddingY-sm: 0.125rem;
--Form-input-lineHeight-sm: 1.2;
--Switch-height-sm: 1.125rem;
--Switch-width-sm: 2.375rem;
--Form-input-height-xs: 1.375rem;
--Form-input-paddingY-xs: 0.125rem;
--Form-input-lineHeight-xs: 1.1;
--Switch-height-xs: 1rem;
--Switch-width-xs: 2rem;
--IconPicker-content-maxHeight: 21.875rem;
--IconPicker-padding: var(--gap-xs);
--IconPicker-selectedIcon-marginRight: var(--gap-xs);
--IconPicker-sugItem-height: 1.75rem;
--IconPicker-sugItem-lineHeight: 1.75rem;
--IconPicker-sugItem-width: 1.75rem;
--IconPicker-tab-height: 1.875rem;
--IconPicker-tab-lineHeight: 1.875rem;
--IconPicker-tab-onActive-bg: var(--white);
--IconPicker-tab-padding: 0 0.625rem;
--IconPicker-tabs-bg: #f0f3f4;
--ImageControl-addBtn-bg: var(--Button--default-bg);
--ImageControl-addBtn-border: var(--Button--default-border);
--ImageControl-addBtn-borderRadius: 0;
--ImageControl-addBtn-color: var(--Button--default-color);
--ImageControl-addBtn-onActive-bg: #e6e6e6;
--ImageControl-addBtn-onActive-border: #adb4bf;
--ImageControl-addBtn-onActive-color: var(--ImageControl-addBtn-color);
--ImageControl-addBtn-onDisabled-bg: var(--Form-input-onDisabled-bg);
--ImageControl-addBtn-onDisabled-border: var(--Form-input-onDisabled-borderColor);
--ImageControl-addBtn-onDisabled-color: var(--text--muted-color);
--ImageControl-addBtn-onHover-bg: #ececec;
--ImageControl-addBtn-onHover-border: #b4bbc5;
--ImageControl-addBtn-onHover-color: var(--Button--default-color);
--ImageControl-progress-borderRadius: 0;
--FileControl-progress-borderRadius: 0;
--InputGroup-addOn-bg: var(--Form-input-addOnBg);
--InputGroup-addOn-borderColor: var(--Form-input-borderColor);
--InputGroup-addOn-borderRadius: var(--Form-input-borderRadius);
--InputGroup-addOn-borderWidth: var(--Form-input-borderWidth);
--InputGroup-addOn-onFocused-borderColor: var(--Form-input-onFocused-borderColor);
--InputGroup-button-borderColor: var(--Form-input-borderColor);
--InputGroup-button-borderRadius: var(--borderRadius);
--InputGroup-button-borderWidth: var(--borderWidth);
--InputGroup-height: var(--Form-input-height);
--InputGroup-paddingX: 0.625rem;
--InputGroup-paddingY: calc((var(--InputGroup-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem) / 2);
--InputGroup-select-arrowColor: var(--icon-color);
--InputGroup-select-bg: var(--white);
--InputGroup-select-borderColor: var(--Form-select-borderColor);
--InputGroup-select-borderRadius: var(--Form-select-borderRadius);
--InputGroup-select-borderWidth: var(--Form-select-borderWidth);
--InputGroup-select-color: var(--Form-select-color);
--InputGroup-select-onFocused-arrowColor: var(--icon-onHover-color);
--InputGroup-select-onFocused-bg: var(--white);
--InputGroup-select-onFocused-color: var(--Form-select-onFocused-color);
--InputRange-label--value-display: block;
--InputRange-label--value-positionTop: -2.25rem;
--InputRange-label--value-positionLeft: -0.375rem;
--InputRange-label-color: var(--InputRange-neutralColor);
--InputRange-label-fontSize: 0.8rem;
--InputRange-label-positionBottom: -1.4rem;
--InputRange-neutralColor: #aaaaaa;
--InputRange-neutralLightColor: #eeeeee;
--InputRange-onDisabled-color: #cccccc;
--InputRange-primaryColor: var(--info);
--InputRange-slider-bg: var(--InputRange-primaryColor);
--InputRange-slider-border: 0.0625rem solid #e6e8eb;
--InputRange-slider-height: 1.5rem;
--InputRange-slider-onActive-transform: scale(1.3);
--InputRange-slider-onDisabled-bg: var(--InputRange-onDisabled-color);
--InputRange-slider-onDisabled-border: 0.0625rem solid var(--InputRange-onDisabled-color);
--InputRange-slider-onFocus-borderRadius: var(--borderRadiusMd);
--InputRange-slider-onFocus-boxShadow: 0 0 0 var(--InputRange-slider-onFocus-borderRadius) rgba(35, 183, 229, 0.2);
--InputRange-slider-transition: transform var(--animation-duration) ease-out,
box-shadow var(--animation-duration) ease-out;
--InputRange-slider-width: 1.125rem;
--InputRange-sliderContainer-transition: left var(--animation-duration) ease-out;
--InputRange-track-bg: var(--InputRange-neutralLightColor);
--InputRange-track-height: 0.75rem;
--InputRange-track-onActive-bg: var(--InputRange-primaryColor);
--InputRange-track-onDisabled-bg: var(--InputRange-neutralLightColor);
--InputRange-track-transition: left var(--animation-duration) ease-out,
width var(--animation-duration) ease-out;
--Layout--offscreen-width: 75%;
--Layout-aside--folded-width: 3.75rem;
--Layout-aside--lg-width: 18.75rem;
--Layout-aside--md-width: 15.625rem;
--Layout-aside--sm-width: 9.375rem;
--Layout-aside-bg: #3a3f51;
--Layout-aside-color: #a6a8b1;
--Layout-aside-onAcitve-bg: #2e3344;
--Layout-aside-onHover-bg: #32374a;
--Layout-aside-subList-bg: #242734;
--Layout-aside-onAcitve-onHover-bg: var(--Layout-aside-onAcitve-bg);
--Layout-aside-width: 12.5rem;
--Layout-asideDivider-bg: #2e3344;
--Layout-asideDivider-margin: var(--gap-sm) 0;
--Layout-asideLabel-color: #8b8e99;
--Layout-asideLink-arrowColor: var(--Layout-asideLink-color);
--Layout-asideLink-color: #b4b6bd;
--Layout-asideLink-fontSize: var(--fontSizeBase);
--Layout-asideLink-fontSize: var(--fontSizeBase);
--Layout-asideLink-iconColor: inherit;
--Layout-asideLink-onActive-arrowColor: var(--Layout-asideLink-onActive-color);
--Layout-asideLink-onActive-color: #fff;
--Layout-asideLink-onHover-color: #fff;
--Layout-asideLink-onHover-iconColor: inherit;
--Layout-asideLink-onHover-iconSize: inherit;
--Layout-brand-bg: var(--dark);
--Layout-brand-color: #eaebed;
--Layout-brandBar-color: #a6a8b1;
--Layout-header-bg: var(--white);
--Layout-header-boxShadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.05),
0 1px 0 rgba(0, 0, 0, 0.05);
--Layout-header-height: 3.125rem;
--Layout-headerBar-borderBottom: none;
--Layout-footer-height: 3.125rem;
--Layout-nav--folded-height: 3.125rem;
--Layout-nav--folded-height: 3.125rem;
--Layout-nav-height: 2.5rem;
--Layout-nav-height: 2.5rem;
--Layout-nav-lgHeight: 3.125rem;
--Layout-nav-lgHeight: 3.125rem;
--Layout-body-bg: var(--body-bg);
--List--unsaved-heading-bg: #e8f0fe;
--List--unsaved-heading-color: #4285f4;
--List-bg: var(--white);
--List-borderColor: var(--borderColor);
--List-borderRadius: var(--borderRadius);
--List-borderWidth: var(--borderWidth);
--List-fixedTop-boxShadow: var(--boxShadow);
--List-placeholder-height: 1.875rem;
--List-toolbar-marginX: 0;
--List-toolbar-marginY: var(--gap-base);
--ListControl-fontSize: var(--Form-fontSize);
--ListControl-gutterWidth: 0.625rem;
--ListControl-item-bg: var(--white);
--ListControl-item-borderColor: var(--borderColor);
--ListControl-item-borderWidth: var(--borderWidth);
--ListControl-item-borderRadius: 0.1875rem;
--ListControl-item-color: var(--text-color);
--ListControl-item-onActive-after-borderColor: var(--primary);
--ListControl-item-onActive-before-bg: var(--white);
--ListControl-item-onActive-bg: var(--primary);
--ListControl-item-onActive-borderColor: #564aa3;
--ListControl-item-onActive-color: var(--white);
--ListControl-item-onActive-onHover-bg: var(--primary);
--ListControl-item-onDisabled-bg: var(--ListControl-item-bg);
--ListControl-item-onDisabled-borderColor: #dfe2e6;
--ListControl-item-onDisabled-color: var(--ListControl-item-color);
--ListControl-item-onDisabled-opacity: 0.6;
--ListControl-item-onHover-bg: #ececec;
--ListControl-item-onHover-borderColor: #b4bbc5;
--ListControl-item-onHover-color: var(--ListControl-item-color);
--ListControl-item-paddingX: 0.75rem;
--ListControl-item-paddingY: 0.375rem;
--ListControl-item-transition: none;
--ListItem--strip-bg: #f6f8f8;
--ListItem-borderColor: #dfe2e6;
--ListItem-borderWidth: var(--List-borderWidth);
--ListItem-onChecked-bg: #d9f3fb;
--ListItem-onChecked-borderColor: #abe4f6;
--ListItem-onChecked-color: #20b9e8;
--ListItem-onChecked-fieldLabel-color: #7dd6f1;
--ListItem-onDragging-opacity: 0.1;
--ListItem-onModified-bg: #e8f0fe;
--ListItem-onModified-borderColor: #b7d0fc;
--ListItem-onModified-color: #4285f4;
--ListItem-onModified-fieldLabel-color: #a2c3fa;
--ListItem-paddingX: var(--gap-base);
--ListItem-paddingY: var(--gap-sm);
--ListItem--onHover-bg: rgba(0, 126, 255, 0.08);
--ListItem--onHover-color: var(--info);
--listMenu--onActive-borderColor: var(--info);
--ListMenu-borderRadius: 0.125rem;
--ListMenu-borderWidth: 0.0625rem;
--ListMenu-bordrColor: var(--borderColor);
--ListMenu-divider-color: var(--borderColorLight);
--ListMenu-item--onActive-bg: transparent;
--ListMenu-item--onActive-color: var(--info);
--ListMenu-item--onDisabled-bg: transparent;
--ListMenu-item--onDisabled-color: var(--text--muted-color);
--ListMenu-item--onHover-bg: rgba(0, 126, 255, 0.08);
--ListMenu-item--onHover-color: var(--info);
--ListMenu-item-bg: var(--white);
--ListMenu-item-color: var(--text-color);
--ListMenu-item-height: 2.125rem;
--Log-bg: #222;
--Log-padding: var(--gap-xs) 0;
--Log-line-padding: 0 var(--gap-xs);
--Log-color: #f1f1f1;
--Log-line--onHover-bg: #444;
--Modal-bg: var(--background);
--Modal-body--noHeader-paddingTop: var(--gap-base);
--Modal-body-borderBottom: var(--Modal-content-borderWidth) var(--saas-border-color);
--Modal-body-borderTop: var(--Modal-content-borderWidth) solid var(--saas-border-color);
--Modal-body-paddingX: var(--gap-md);
--Modal-body-paddingY: var(--gap-md);
--Modal-close-color: var(--text--muted-color);
--Modal-close-width: 0.75rem;
--Modal-content-borderColor: var(--borderColor);
--Modal-content-borderRadius: var(--borderRadius);
--Modal-content-borderWidth: var(--borderWidth);
--Modal-content-minHeight: unset;
--Modal-content-startMarginTop: 3.75rem;
--Modal-content-stepMarginTop: 1.875rem;
--Modal-footer-marginX: 0;
--Modal-footer-marginY: 0;
--Modal-footer-padding: var(--gap-sm);
--Modal-header-bg: #f9f9f9;
--Modal-header-height: 2.5rem;
--Modal-header-paddingX: var(--gap-md);
--Modal-header-paddingY: calc((var(--Modal-header-height) - var(--Modal-title-lineHeight) * var(--Modal-title-fontSize)) / 2);
--Modal-overlay-bg: rgba(0, 0, 0, 0.6);
--Modal-title-color: var(--text--loud-color);
--Modal-title-fontSize: var(--fontSizeBase);
--Modal-title-fontWeight: normal;
--Modal-title-lineHeight: var(--lineHeightBase);
--Modal-widthBase: 31.25rem;
--Modal-widthLg: 68.75rem;
--Modal-widthMd: 50rem;
--Modal-widthSm: 37.5rem;
--Modal-widthXl: 90%;
--Model-close-onHover-color: var(--text-color);
--Nav-item-bg: transparent;
--Nav-item-borderRadius: 0;
--Nav-item-color: var(--text-color);
--Nav-item-fontSize: var(--fontSizeBase);
--Nav-item-onActive-bg: var(--info);
--Nav-item-onActive-borderLeft: 3px solid transparent;
--Nav-item-onActive-color: var(--white);
--Nav-item-onDisabled-color: var(--text--muted-color);
--Nav-item-onHover-bg: rgba(0, 0, 0, 0.05);
--Nav-item-onHover-color: var(--text--loud-color);
--Nav-subItem-fontSize: var(--fontSizeBase);
--Nav-subItem-onActiveBeforeBg: #e5eaeb;
--Number-bg: var(--Form-input-bg);
--Number-borderColor: var(--Form-input-borderColor);
--Number-borderRadius: var(--Form-input-borderRadius);
--Number-borderWidth: var(--Form-input-borderWidth);
--Number-handler--down-content: "-";
--Number-handler--up-content: "+";
--Number-handler--up-transform: none;
--Number-handler-bg: var(--white);
--Number-handler-borderBottom: 0.0625rem solid var(--Form-input-borderColor);
--Number-handler-color: var(--Form-input-color);
--Number-handler-fontFamily: inherit;
--Number-handler-fontSize: var(--fontSizeBase);
--Number-handler-onActive-bg: var(--Number-handler-onHover-bg);
--Number-handler-onDisabled-bg: var(--Form-input-onDisabled-bg);
--Number-handler-onDisabled-color: var(--text--muted-color);
--Number-handler-onHover-bg: #f2f2f2;
--Number-handler-onHover-color: var(--text-color);
--Number-handler-width: var(--gap-lg);
--Number-onDisabled-bg: #f8f8f8;
--Page-aside-bg: #e5eaeb;
--Page-aside-maxWidth: 18.75rem;
--Page-aside-width: 12.5rem;
--Page-body-padding: var(--gap-base);
--Page-content-paddingX: 0;
--Page-content-paddingY: 0;
--Page-header-paddingX: var(--gap-base);
--Page-header-paddingY: var(--gap-base);
--Page-header-bg: transparent;
--Page-main-bg: transparent;
--Page-title-color: var(--text--loud-color);
--Page-title-fontSize: 1.75rem;
--Page-title-fontWeight: var(--fontWeightNormal);
--Page-title-lineHeight: 1.5;
--Pagination-fontSize: var(--fontSizeBase);
--Pagination-height: 1.875rem;
--Pagination-minWidth: 1.875rem;
--Pagination-onActive-backgroundColor: var(--primary);
--Pagination-onActive-border: 0;
--Pagination-onActive-color: var(--white);
--Pagination-padding: 0 0.5rem;
--Panel--default-badgeBg: #333;
--Panel--default-badgeColor: #f5f5f5;
--Panel--default-bg: #f6f8f8;
--Panel--default-color: var(--text-color);
--Panel--default-headingBorderColor: var(--borderColor);
--Panel-bg: var(--white);
--Panel-bodyPadding: var(--gap-base);
--Panel-border: var(--borderWidth) solid transparent;
--Panel-borderRadius: var(--borderRadius);
--Panel-borderWidth: 0.0625rem;
--Panel-boxShadow: 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.05);
--Panel-btnToolbarTextAlign: right;
--Panel-fixedBottom-borderTop: none;
--Panel-fixedBottom-boxShadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.15);
--Panel-footerBg: transparent;
--Panel-footerBorderColor: var(--borderColorLight);
--Panel-footerBorderRadius: 0 0 0.125rem 0.125rem;
--Panel-footerButtonMarginLeft: var(--gap-sm);
--Panel-footerPadding: var(--gap-sm) var(--gap-base);
--Panel-headingBorderBottom: var(--borderWidth) solid transparent;
--Panel-headingBorderRadius: var(--borderRadius) var(--borderRadius) 0 0;
--Panel-headingPadding: var(--gap-sm) var(--gap-base);
--Panel-marginBottom: var(--gap-lg);
--Panel-titleColor: inherit;
--Panel-titleFontSize: var(--fontSizeMd);
--Panel-titleMarginBottom: 0;
--Panel-titleMarginTop: 0;
--Picker-iconColor: var(--icon-color);
--Picker-onHover-iconColor: var(--icon-onHover-color);
--PickerColumns-bg: white;
--PickerColumns-toolbar-height: 3.125rem;
--PickerColumns-title-fontSize: var(--fontSizeLg);
--PickerColumns-title-color: #222;
--PickerColumns-title-lineHeight: 1.5;
--PickerColumns-action-padding: 0 var(--gap-md);
--PickerColumns-action-fontSize: var(--fontSizeLg);
--PickerColumns-confirmAction-color: #2468f2;
--PickerColumns-cancelAction-color: #666;
--PickerColumns-option-fontSize: var(--fontSizeLg);
--PickerColumns-optionText-color: var(--text-color);
--PickerColumns-optionDisabled-opacity: 0.3;
--PickerColumns-loadingIcon-color: var(--icon-color);
--PickerColumns-loadingMask-Color: rgba(255, 255, 255, 0.9);
--PopOver-bg: white;
--PopOverAble-iconColor: inherit;
--PopOverAble-onHover-iconColor: inherit;
--PopUp-cancelAction-color: #666;
--Property-title-bg: #f2f2f2;
--Property-label-bg: #f7f9fc;
--Portlet-borderColor: var(--borderColor);
--Portlet-borderStyle: solid;
--Portlet-borderWidth: var(--borderWidth);
--Portlet-borderRadius: var(--borderRadius);
--QuickEdit-iconColor: inherit;
--QuickEdit-onFocus-borderColor: var(--info);
--QuickEdit-onFocus-borderWidth: var(--borderWidth);
--QuickEdit-onHover-iconColor: inherit;
--Radio--sm-size: var(--Checkbox--sm-size);
--Radio-color: var(--Checkbox-color);
--Radio-inner-size: calc(var(--Radio-size) / 2);
--Radio-onHover-color: var(--Checkbox-onHover-color);
--Radio-size: var(--Checkbox-size);
--Radio-onDisabled-bg: #e5e7eb;
--Radio-onDisabled-color: var(--text--muted-color);
--Radio-onFocus-boxShadow: none;
--Remark-bg: #fff;
--Remark-borderColor: var(--borderColor);
--Remark-borderWidth: 0.0625rem;
--Remark-icon-fontSize: var(--fontSizeBase);
--Remark-iconColor: var(--icon-color);
--Remark-marginLeft: var(--gap-sm);
--Remark-onHover-bg: var(--primary);
--Remark-onHover-borderColor: var(--primary);
--Remark-onHover-iconColor: #fff;
--Remark-width: 1rem;
--ResultBox-icon--onDisabled-color: #ebebeb;
--ResultBox-icon--onHover-color: #666666;
--ResultBox-icon-color: #999;
--ResultBox-value--onDisabled-color: #cccccc;
--ResultBox-value--onHover-bg: rgba(0, 145, 255, 0.1);
--ResultBox-value-bg: #f5f5f5;
--ResultBox-value-color: #000;
--Rating-inactive-color: #e6e6e8;
--Rating-star-margin: 0.5rem;
--Rating-star-size: 1.5rem;
--Satus-icon-width: var(--gap-lg);
--Satus-icon-height: var(--Satus-icon-width);
--Sparkline-line-color: var(--info);
--Sparkline-area-color: rgba(35, 183, 229, 0.1);
--Spinner--lg-height: 2.5rem;
--Spinner--lg-width: 2.5rem;
--Spinner--sm-height: 1rem;
--Spinner--sm-width: 1rem;
--Spinner--md-height: 1.875rem;
--Spinner--md-width: 1.875rem;
--Spinner-bg: url("data:image/svg+xml,%0A%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23eee' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23999' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23666' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23eee' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
--Spinner-height: 1.625rem;
--Spinner-overlay-bg: rgba(255, 255, 255, 0.4);
--Spinner-width: 1.625rem;
--Switch-bgColor: #4b5563;
--Switch-borderColor: #353c46;
--Switch-gap: var(--gap-sm);
--Switch-height: 1.375rem;
--Switch-onActive-bgColor: var(--info);
--Switch-onDisabled-bgColor: #ccc;
--Switch-onDisabled-circle-BackgroundColor: var(--white);
--Switch-onDisabled-color: #fff;
--Switch-valueColor: var(--white);
--Switch-width: 3.125rem;
--Table--unsaved-heading-bg: #e8f0fe;
--Table--unsaved-heading-color: #4285f4;
--Table-bg: var(--background);
--Table-borderColor: var(--borderColor);
--Table-borderRadius: var(--borderRadius);
--Table-borderWidth: var(--borderWidth);
--Table-color: var(--text-color);
--Table-expandBtn-color: var(--info);
--Table-fixed-zIndex: 5;
--Table-fixedLeft-boxShadow: 0.42rem 0 0.42rem -0.28rem rgba(0, 0, 0, 0.15);
--Table-fixedRight-boxShadow: -0.42rem 0 0.42rem -0.28rem rgba(0, 0, 0, 0.15);
--Table-fixedTop-boxShadow: var(--boxShadow);
--Table-fontSize: var(--fontSizeBase);
--Table-heading-bg: var(--white);
--Table-heading-height: 2.5rem;
--Table-lineHeight: var(--lineHeightBase);
--Table-onChecked-bg: #d9f3fb;
--Table-onChecked-borderColor: #abe4f6;
--Table-onChecked-color: #20b9e8;
--Table-onDragging-opacity: 0.1;
--Table-onHover-bg-rgb: 243,
246,
246;
--Table-onHover-bg: #f3f6f6;
--Table-onHover-borderColor: #d6dfdf;
--Table-onHover-boxShadow: var(--boxShadow);
--Table-onModified-bg: #e8f0fe;
--Table-onModified-borderColor: #d0e0fd;
--Table-onModified-color: #4285f4;
--Table-placeholder-height: 6.25rem;
--Table-strip-bg: #f9fafa;
--Table-tbody-borderTopColor: #d8dce1;
--Table-thead-bg: #f6f8f8;
--Table-thead-borderColor: var(--Table-borderColor);
--Table-thead-borderWidth: var(--Table-borderWidth);
--Table-thead-color: var(--text--loud-color);
--Table-thead-fontSize: var(--fontSizeBase);
--Table-thead-iconColor: var(--icon-color);
--Table-toolbar-marginX: 0;
--Table-toolbar-marginY: