html body {
  color: var(--brick-m-color-text-1);
}
:root {
  --ppgreen-1: #e8fff2;
  --ppgreen-2: #b0f2d0;
  --ppgreen-3: #7de5b3;
  --ppgreen-4: #4fd99b;
  --ppgreen-5: #25cc86;
  --ppgreen-6: #00bf77;
  --ppgreen-7: #00a26a;
  --ppgreen-8: #00865b;
  --ppgreen-9: #00694b;
  --ppgreen-10: #004d39;
  --red-1: #ffece8;
  --red-2: #fdcdc5;
  --red-3: #fbaca3;
  --red-4: #f98981;
  --red-5: #f76560;
  --red-6: #f53f3f;
  --red-7: #cb272d;
  --red-8: #a1151e;
  --red-9: #770813;
  --red-10: #4d000a;
  --orange-1: #fff7e8;
  --orange-2: #ffe4ba;
  --orange-3: #ffcf8b;
  --orange-4: #ffb65d;
  --orange-5: #ff9a2e;
  --orange-6: #ff7d00;
  --orange-7: #d25f00;
  --orange-8: #a64500;
  --orange-9: #792e00;
  --orange-10: #4d1b00;
  --blue-1: #e8f7ff;
  --blue-2: #c3e7fe;
  --blue-3: #9fd4fd;
  --blue-4: #7bc0fc;
  --blue-5: #57a9fb;
  --blue-6: #4485fe;
  --blue-7: #206ccf;
  --blue-8: #114ba3;
  --blue-9: #063078;
  --blue-10: #001a4d;
  --neutral-0: #fff;
  --neutral-1: #f7f8fa;
  --neutral-2: #f2f3f5;
  --neutral-3: #e5e6eb;
  --neutral-4: #c9cdd4;
  --neutral-5: #a9aeb8;
  --neutral-6: #86909c;
  --neutral-7: #6b7785;
  --neutral-8: #4e5969;
  --neutral-9: #272e3b;
  --neutral-10: #1d2129;
  --cyan-1: #e8fffb;
  --cyan-2: #b7f4ec;
  --cyan-3: #89e9e0;
  --cyan-4: #5edfd6;
  --cyan-5: #37d4cf;
  --cyan-6: #14c9c9;
  --cyan-7: #0da5aa;
  --cyan-8: #07828b;
  --cyan-9: #03616c;
  --cyan-10: #00424d;
  --orange-red-1: #fff3e8;
  --orange-red-2: #fdddc3;
  --orange-red-3: #fcc59f;
  --orange-red-4: #faac7b;
  --orange-red-5: #f99057;
  --orange-red-6: #f77234;
  --orange-red-7: #cc5120;
  --orange-red-8: #a23511;
  --orange-red-9: #771f06;
  --orange-red-10: #4d0e00;
  --gold-1: #fffce8;
  --gold-2: #fdf4bf;
  --gold-3: #fce996;
  --gold-4: #fadc6d;
  --gold-5: #f9cc45;
  --gold-6: #f7ba1e;
  --gold-7: #cc9213;
  --gold-8: #a26d0a;
  --gold-9: #774b04;
  --gold-10: #4d2d00;
  --purple-1: #f5e8ff;
  --purple-2: #ddbef6;
  --purple-3: #c396ed;
  --purple-4: #a871e3;
  --purple-5: #8d4eda;
  --purple-6: #722ed1;
  --purple-7: #551db0;
  --purple-8: #3c108f;
  --purple-9: #27066e;
  --purple-10: #16004d;
  --yellow-1: #feffe8;
  --yellow-2: #fefebe;
  --yellow-3: #fdfa94;
  --yellow-4: #fcf26b;
  --yellow-5: #fbe842;
  --yellow-6: #fadc19;
  --yellow-7: #cfaf0f;
  --yellow-8: #a38408;
  --yellow-9: #785d03;
  --yellow-10: #4d3800;
  --lime-1: #fcffe8;
  --lime-2: #edf8bb;
  --lime-3: #dcf190;
  --lime-4: #c9e968;
  --lime-5: #b5e241;
  --lime-6: #9fdb1d;
  --lime-7: #7eb712;
  --lime-8: #5f940a;
  --lime-9: #437004;
  --lime-10: #2a4d00;
  --pink-purple-1: #ffe8fb;
  --pink-purple-2: #f7baef;
  --pink-purple-3: #f08ee6;
  --pink-purple-4: #e865df;
  --pink-purple-5: #e13edb;
  --pink-purple-6: #d91ad9;
  --pink-purple-7: #b010b6;
  --pink-purple-8: #8a0993;
  --pink-purple-9: #650370;
  --pink-purple-10: #42004d;
  --magenta-1: #ffe8f1;
  --magenta-2: #fdc2db;
  --magenta-3: #fb9dc7;
  --magenta-4: #f979b7;
  --magenta-5: #f754a8;
  --magenta-6: #f5319d;
  --magenta-7: #cb1e83;
  --magenta-8: #a11069;
  --magenta-9: #77064f;
  --magenta-10: #4d0034;
}
:root {
  --brick-m-card-margin-bottom: 12px;
  --brick-m-card-padding-x: 12px;
  --brick-m-card-padding-y: 12px;
  --brick-m-popup-background-color: #f7f8fa;
  --brick-m-popup-border-radius: 8px;
  --brick-m-popup-content-max-height: 70vh;
  --brick-m-popup-z-index: 1000;
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  --brick-m-mask-z-index: 1000;
  --brick-m-button-background-color: var(--brick-m-color-bg-1);
  --brick-m-button-border-color: var(--brick-m-color-fill-4);
  --brick-m-button-border-radius: 2px;
  --brick-m-button-border-style: solid;
  --brick-m-button-border-width: 1px;
  --brick-m-button-text-color: var(--brick-m-color-text-1);
  --brick-m-stepper-button-border-radius: 8px;
  --brick-m-stepper-button-border-width: 1px;
  --brick-m-stepper-button-border-color: #ddd;
  --brick-m-stepper-button-border-style: solid;
  --brick-m-floating-panel-border-radius: 8px;
  --brick-m-floating-panel-header-height: 28px;
  --brick-m-floating-panel-z-index: 900;
  --brick-m-error-block-image-height: 100px;
  --brick-m-error-block-image-height-full-page: 200px;
  --brick-m-error-block-image-width: auto;
  --brick-m-error-block-image-width-full-page: auto;
  --brick-m-image-width: auto;
  --brick-m-image-height: auto;
  --brick-m-switch-width: 56px;
  --brick-m-switch-height: 31px;
  --brick-m-switch-checked-color: var(--brick-m-color-primary);
  --brick-m-switch-border-width: 2px;
  --brick-m-popover-z-index: 1030;
  --brick-m-badge-color: var(--brick-m-color-danger);
  --brick-m-progress-bar-track-width: 8px;
  --brick-m-progress-bar-text-width: 40px;
  --brick-m-progress-bar-fill-color: var(--brick-m-color-primary);
  --brick-m-progress-circle-fill-color: var(--brick-m-color-primary);
  --brick-m-progress-circle-size: 50px;
  --brick-m-progress-circle-track-color: #e5e5e5;
  --brick-m-progress-circle-track-width: 3px;
  --brick-m-tag-border-radius: 4px;
  --brick-m-progress-bar-track-color: var(--brick-m-color-fill-3);
}
html[data-prefer-scheme='ppgreen'] {
  --brick-m-card-margin-bottom: 12px;
  --brick-m-card-padding-x: 12px;
  --brick-m-card-padding-y: 12px;
  --brick-m-popup-background-color: #f7f8fa;
  --brick-m-popup-border-radius: 8px;
  --brick-m-popup-content-max-height: 70vh;
  --brick-m-popup-z-index: 1000;
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  --brick-m-mask-z-index: 1000;
  --brick-m-button-background-color: var(--brick-m-color-bg-1);
  --brick-m-button-border-color: var(--brick-m-color-fill-4);
  --brick-m-button-border-radius: 2px;
  --brick-m-button-border-style: solid;
  --brick-m-button-border-width: 1px;
  --brick-m-button-text-color: var(--brick-m-color-text-1);
  --brick-m-stepper-button-border-radius: 8px;
  --brick-m-stepper-button-border-width: 1px;
  --brick-m-stepper-button-border-color: #ddd;
  --brick-m-stepper-button-border-style: solid;
  --brick-m-floating-panel-border-radius: 8px;
  --brick-m-floating-panel-header-height: 28px;
  --brick-m-floating-panel-z-index: 900;
  --brick-m-error-block-image-height: 100px;
  --brick-m-error-block-image-height-full-page: 200px;
  --brick-m-error-block-image-width: auto;
  --brick-m-error-block-image-width-full-page: auto;
  --brick-m-image-width: auto;
  --brick-m-image-height: auto;
  --brick-m-switch-width: 56px;
  --brick-m-switch-height: 31px;
  --brick-m-switch-checked-color: var(--brick-m-color-primary);
  --brick-m-switch-border-width: 2px;
  --brick-m-popover-z-index: 1030;
  --brick-m-badge-color: var(--brick-m-color-danger);
  --brick-m-progress-bar-track-width: 8px;
  --brick-m-progress-bar-text-width: 40px;
  --brick-m-progress-bar-fill-color: var(--brick-m-color-primary);
  --brick-m-progress-circle-fill-color: var(--brick-m-color-primary);
  --brick-m-progress-circle-size: 50px;
  --brick-m-progress-circle-track-color: #e5e5e5;
  --brick-m-progress-circle-track-width: 3px;
  --brick-m-tag-border-radius: 4px;
  --brick-m-progress-bar-track-color: var(--brick-m-color-fill-3);
}
html[data-prefer-scheme='ppgreen'] {
  --brick-m-color-primary: var(--ppgreen-6);
  --brick-m-color-primary-2: var(--ppgreen-7);
  --brick-m-color-primary-3: var(--ppgreen-5);
  --brick-m-color-primary-4: var(--ppgreen-4);
  --brick-m-color-primary-5: var(--ppgreen-3);
  --brick-m-color-primary-6: var(--ppgreen-2);
  --brick-m-color-primary-7: var(--ppgreen-1);
}
:root {
  --brick-m-color-primary: var(--blue-6);
  --brick-m-color-primary-2: var(--blue-7);
  --brick-m-color-primary-3: var(--blue-5);
  --brick-m-color-primary-4: var(--blue-4);
  --brick-m-color-primary-5: var(--blue-3);
  --brick-m-color-primary-6: var(--blue-2);
  --brick-m-color-primary-7: var(--blue-1);
  --brick-m-color-success: var(--ppgreen-6);
  --brick-m-color-success-2: var(--ppgreen-7);
  --brick-m-color-success-3: var(--ppgreen-5);
  --brick-m-color-success-4: var(--ppgreen-4);
  --brick-m-color-success-5: var(--ppgreen-3);
  --brick-m-color-success-6: var(--ppgreen-2);
  --brick-m-color-success-7: var(--ppgreen-1);
  --brick-m-color-warning: var(--orange-6);
  --brick-m-color-warning-2: var(--orange-7);
  --brick-m-color-warning-3: var(--orange-5);
  --brick-m-color-warning-4: var(--orange-4);
  --brick-m-color-warning-5: var(--orange-3);
  --brick-m-color-warning-6: var(--orange-2);
  --brick-m-color-warning-7: var(--orange-1);
  --brick-m-color-danger: var(--red-6);
  --brick-m-color-danger-2: var(--red-7);
  --brick-m-color-danger-3: var(--red-5);
  --brick-m-color-danger-4: var(--red-4);
  --brick-m-color-danger-5: var(--red-3);
  --brick-m-color-danger-6: var(--red-2);
  --brick-m-color-danger-7: var(--red-1);
  --brick-m-color-line-1: var(--neutral-3);
  --brick-m-color-line-2: var(--neutral-4);
  --brick-m-color-fill-0: var(--neutral-0);
  --brick-m-color-fill-1: var(--neutral-1);
  --brick-m-color-fill-2: var(--neutral-2);
  --brick-m-color-fill-3: var(--neutral-3);
  --brick-m-color-fill-4: var(--neutral-4);
  --brick-m-color-bg-1: var(--neutral-0);
  --brick-m-color-bg-2: var(--neutral-1);
  --brick-m-color-bg-3: var(--neutral-2);
  --brick-m-color-bg-4: var(--neutral-3);
  --brick-m-color-bg-5: var(--neutral-4);
  --brick-m-color-text-0: var(--neutral-0);
  --brick-m-color-text-1: var(--neutral-10);
  --brick-m-color-text-2: var(--neutral-8);
  --brick-m-color-text-3: var(--neutral-6);
  --brick-m-color-text-4: var(--neutral-4);
  --brick-m-font-size-xxl: 24px;
  --brick-m-font-size-xl: 20px;
  --brick-m-font-size-l: 18px;
  --brick-m-font-size: 16px;
  --brick-m-font-size-s: 14px;
  --brick-m-font-size-xs: 12px;
  --brick-m-font-size-xxs: 10px;
  --brick-m-font-size-9: 9px;
  --brick-m-border-radius-none: 0;
  --brick-m-border-radius-small: 2px;
  --brick-m-border-radius-medium: 4px;
  --brick-m-border-radius-large: 8px;
  --brick-m-border-radius-circle: 50%;
  --brick-m-font-size-3: 11px;
  --brick-m-font-size-5: 13px;
  --brick-m-font-size-7: 15px;
  --brick-m-font-size-main: var(--brick-m-font-size-5);
  --brick-m-color-white: #fff;
  --brick-m-color-light: #ccc;
  --brick-m-color-border-dark: #eee;
  --brick-m-color-box: #f5f5f5;
}

:root {
  --adm-radius-s: 4px;
  --adm-radius-m: 8px;
  --adm-radius-l: 12px;
  --adm-font-size-1: 9px;
  --adm-font-size-2: 10px;
  --adm-font-size-3: 11px;
  --adm-font-size-4: 12px;
  --adm-font-size-5: 13px;
  --adm-font-size-6: 14px;
  --adm-font-size-7: 15px;
  --adm-font-size-8: 16px;
  --adm-font-size-9: 17px;
  --adm-font-size-10: 18px;
  --adm-color-primary: #1677ff;
  --adm-color-success: #00b578;
  --adm-color-warning: #ff8f1f;
  --adm-color-danger: #ff3141;
  --adm-color-yellow: #ff9f18;
  --adm-color-orange: #ff6430;
  --adm-color-wathet: #e7f1ff;
  --adm-color-text: #333333;
  --adm-color-text-secondary: #666666;
  --adm-color-weak: #999999;
  --adm-color-light: #cccccc;
  --adm-color-border: #eeeeee;
  --adm-color-background: #ffffff;
  --adm-color-highlight: var(--adm-color-danger);
  --adm-color-white: #ffffff;
  --adm-color-box: #f5f5f5;
  --adm-color-text-light-solid: var(--adm-color-white);
  --adm-color-text-dark-solid: #000000;
  --adm-color-fill-content: var(--adm-color-box);
  --adm-font-size-main: var(--adm-font-size-5);
  --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
    helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
  --adm-border-color: var(--adm-color-border);
}
html[data-prefers-color-scheme='dark'] {
  --adm-color-primary: #3086ff;
  --adm-color-success: #34b368;
  --adm-color-warning: #ffa930;
  --adm-color-danger: #ff4a58;
  --adm-color-yellow: #ffa930;
  --adm-color-orange: #e65a2b;
  --adm-color-wathet: #0d2543;
  --adm-color-text: #e6e6e6;
  --adm-color-text-secondary: #b3b3b3;
  --adm-color-weak: #808080;
  --adm-color-light: #4d4d4d;
  --adm-color-border: #2b2b2b;
  --adm-color-box: #0a0a0a;
  --adm-color-background: #1a1a1a;
  --adm-color-background-body: var(--adm-color-background);
  --adm-border-color: var(--adm-color-border);
}
:root {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
  background-color: var(--adm-color-background-body);
}
body {
  color: var(--adm-color-text);
  font-size: var(--adm-font-size-main);
  font-family: var(--adm-font-family);
}
a,
button {
  cursor: pointer;
}
a {
  color: var(--adm-color-primary);
  transition: opacity ease-in-out 0.2s;
}
a:active {
  opacity: 0.8;
}
.adm-plain-anchor {
  color: unset;
  transition: none;
}
.adm-plain-anchor:active {
  opacity: unset;
}
body.adm-overflow-hidden {
  overflow: hidden !important;
}
div.adm-px-tester {
  --size: 1;
  height: calc(var(--size) / 2 * 2px);
  width: 0;
  position: fixed;
  left: -100vw;
  top: -100vh;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  pointer-events: none;
}

.adm-button {
  --color: var(--adm-color-text-light-solid);
  --text-color: var(--adm-button-text-color, var(--adm-color-text));
  --background-color: var(--adm-button-background-color, var(--adm-color-background));
  --border-radius: var(--adm-button-border-radius, 4px);
  --border-width: var(--adm-button-border-width, 1px);
  --border-style: var(--adm-button-border-style, solid);
  --border-color: var(--adm-button-border-color, var(--adm-color-border));
  color: var(--text-color);
  background-color: var(--background-color);
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: auto;
  padding: 7px 12px;
  margin: 0;
  font-size: var(--adm-font-size-9);
  line-height: 1.4;
  text-align: center;
  border: var(--border-width) var(--border-style) var(--border-color);
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: opacity ease 0.15s;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
.adm-button:focus {
  outline: none;
}
.adm-button::before {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(calc(var(--border-width) * -1), calc(var(--border-width) * -1));
          transform: translate(calc(var(--border-width) * -1), calc(var(--border-width) * -1));
  width: 100%;
  height: 100%;
  background-color: var(--adm-color-text-dark-solid);
  border: var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);
  border-radius: var(--border-radius);
  opacity: 0;
  content: ' ';
  box-sizing: content-box;
}
.adm-button:active::before {
  opacity: 0.08;
}
.adm-button-default.adm-button-fill-outline {
  --background-color: transparent;
  --border-color: var(--adm-color-text);
}
.adm-button-default.adm-button-fill-none {
  --background-color: transparent;
  --border-width: 0px;
}
.adm-button:not(.adm-button-default) {
  --text-color: var(--adm-color-text-light-solid);
  --background-color: var(--color);
  --border-color: var(--color);
}
.adm-button:not(.adm-button-default).adm-button-fill-outline {
  --text-color: var(--color);
  --background-color: transparent;
}
.adm-button:not(.adm-button-default).adm-button-fill-none {
  --text-color: var(--color);
  --background-color: transparent;
  --border-width: 0px;
}
.adm-button-primary {
  --color: var(--adm-color-primary);
}
.adm-button-success {
  --color: var(--adm-color-success);
}
.adm-button-danger {
  --color: var(--adm-color-danger);
}
.adm-button-warning {
  --color: var(--adm-color-warning);
}
.adm-button-block {
  display: block;
  width: 100%;
}
.adm-button-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.adm-button-disabled:active::before {
  display: none;
}
.adm-button.adm-button-mini {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: var(--adm-font-size-main);
}
.adm-button.adm-button-mini.adm-button-shape-rounded {
  padding-left: 9px;
  padding-right: 9px;
}
.adm-button.adm-button-small {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: var(--adm-font-size-7);
}
.adm-button.adm-button-large {
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: var(--adm-font-size-10);
}
.adm-button.adm-button-shape-rounded {
  --border-radius: 1000px;
}
.adm-button.adm-button-shape-rectangular {
  --border-radius: 0;
}
.adm-button-loading {
  vertical-align: bottom;
}
.adm-button-loading-wrapper {
  display: -webkit-flex;
  display: flex;
  height: 1.4em;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.adm-button-loading-wrapper > .adm-loading {
  opacity: 0.6;
}

.adm-dot-loading {
  display: inline-block;
}

.adm-cascader-view {
  --height: auto;
}
.adm-cascader-view-tabs.adm-tabs {
  --title-font-size: var(--adm-font-size-6);
  --content-padding: none;
}
.adm-cascader-view-header-title {
  max-width: 84px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.adm-cascader-view-content {
  height: var(--height);
  overflow-y: auto;
}
.adm-cascader-view-content > .adm-check-list {
  --border-inner: none;
  --border-bottom: none;
  --border-top: none;
}
.adm-cascader-view-item {
  font-size: var(--adm-font-size-6);
}
.adm-cascader-view-item-active {
  color: var(--adm-color-primary);
}
.adm-cascader-view .adm-list-inner {
  margin-bottom: 0;
}
.adm-cascader-view-skeleton {
  padding: 16px 12px;
}
.adm-cascader-view-skeleton .adm-skeleton {
  margin-bottom: 16px;
  --height: 18px;
  --width: 80%;
  --border-radius: 2px;
}
.adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-3 {
  --width: 90%;
}
.adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-4 {
  --width: 60%;
}

.adm-tabs {
  --title-font-size: var(--adm-font-size-9);
  --content-padding: 12px;
  --active-line-height: 2px;
  --active-line-border-radius: var(--active-line-height);
  --active-line-color: var(--adm-color-primary);
  --active-title-color: var(--adm-color-primary);
  position: relative;
  min-width: 0;
}
.adm-tabs-header {
  position: relative;
  border-bottom: solid 1px var(--adm-color-border);
}
.adm-tabs-tab-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
  overflow-x: scroll;
  scrollbar-width: none;
}
.adm-tabs-tab-list::-webkit-scrollbar {
  display: none;
}
.adm-tabs-tab-wrapper {
  padding: 0 12px;
}
.adm-tabs-tab-wrapper-stretch {
  -webkit-flex: auto;
          flex: auto;
}
.adm-tabs-tab {
  white-space: nowrap;
  padding: 8px 0 10px;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  margin: 0 auto;
  font-size: var(--title-font-size);
  position: relative;
  cursor: pointer;
}
.adm-tabs-tab-active {
  color: var(--active-title-color);
}
.adm-tabs-tab-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.adm-tabs-tab-line {
  position: absolute;
  bottom: 0;
  height: var(--active-line-height);
  background: var(--active-line-color);
  border-radius: var(--active-line-border-radius);
}
.adm-tabs-content {
  padding: var(--content-padding);
}
.adm-tabs-header-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 30px;
  height: 100%;
  pointer-events: none;
}
.adm-tabs-header-mask-left {
  left: 0;
  background: linear-gradient(to right, var(--adm-color-background), rgba(255, 255, 255, 0));
}
.adm-tabs-header-mask-right {
  right: 0;
  background: linear-gradient(to left, var(--adm-color-background), rgba(255, 255, 255, 0));
}

.adm-skeleton {
  --width: 100%;
  --height: 0;
  --border-radius: 0;
  background-color: rgba(190, 190, 190, 0.2);
  border-radius: var(--border-radius);
  width: var(--width);
  height: var(--height);
  display: block;
}
.adm-skeleton.adm-skeleton-animated {
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  background-size: 400% 100%;
  -webkit-animation: adm-skeleton-loading 1.4s ease infinite;
          animation: adm-skeleton-loading 1.4s ease infinite;
}
.adm-skeleton.adm-skeleton-title {
  --width: 45%;
  --height: 32px;
  --border-radius: 2px;
  margin-bottom: 16px;
  margin-top: 16px;
}
.adm-skeleton.adm-skeleton-paragraph-line {
  --height: 18px;
  --border-radius: 2px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.adm-skeleton.adm-skeleton-paragraph-line:last-child {
  --width: 65%;
}
@-webkit-keyframes adm-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes adm-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

.adm-check-list-item-extra {
  font-size: var(--adm-font-size-10);
  line-height: 1;
  color: var(--adm-color-primary);
}
.adm-check-list-item-readonly {
  cursor: unset;
}

.adm-list {
  --header-font-size: var(--adm-font-size-7);
  --prefix-width: 'auto';
  --prefix-padding-right: 12px;
  --align-items: center;
  --active-background-color: var(--adm-color-border);
  --border-inner: solid 1px var(--adm-color-border);
  --border-top: solid 1px var(--adm-color-border);
  --border-bottom: solid 1px var(--adm-color-border);
  --padding-left: 12px;
  --padding-right: 12px;
  --font-size: var(--adm-font-size-9);
  --extra-max-width: 70%;
}
.adm-list-header {
  color: var(--adm-color-weak);
  font-size: var(--header-font-size);
  padding: 8px var(--padding-right) 8px var(--padding-left);
}
.adm-list-body {
  background-color: var(--adm-color-background);
  overflow: hidden;
  font-size: var(--font-size);
}
.adm-list-body-inner {
  margin-top: -1px;
}
.adm-list-default .adm-list-body {
  border-top: var(--border-top);
  border-bottom: var(--border-bottom);
}
.adm-list-card {
  margin: 12px;
}
.adm-list-card .adm-list-body {
  border-radius: 8px;
}
.adm-list-card .adm-list-header {
  padding-left: 0;
}
.adm-list-item {
  display: block;
  padding-left: var(--padding-left);
  position: relative;
  background-color: var(--adm-color-background);
  line-height: 1.5;
}
.adm-list-item-title,
.adm-list-item-description {
  color: var(--adm-color-weak);
  font-size: var(--adm-font-size-main);
}
.adm-list-item-content {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: var(--align-items);
          align-items: var(--align-items);
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  border-top: var(--border-inner);
  padding-right: var(--padding-right);
}
.adm-list-item-content-prefix {
  width: var(--prefix-width);
  -webkit-flex: none;
          flex: none;
  padding-right: var(--prefix-padding-right);
}
.adm-list-item-content-main {
  -webkit-flex: auto;
          flex: auto;
  padding: 12px 0;
}
.adm-list-item-content-extra {
  -webkit-flex: none;
          flex: none;
  padding-left: 12px;
  font-size: var(--adm-font-size-7);
  color: var(--adm-color-weak);
  max-width: var(--extra-max-width);
}
.adm-list-item-content-arrow {
  -webkit-flex: none;
          flex: none;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin-left: 4px;
  color: var(--adm-color-light);
  font-size: 19px;
}
.adm-list-item-disabled {
  cursor: not-allowed;
}
.adm-list-item-disabled.adm-list-item-disabled > .adm-list-item-content > * {
  opacity: 0.4;
  pointer-events: none;
}
a.adm-list-item:active:not(.adm-list-item-disabled) {
  background-color: var(--active-background-color);
}
a.adm-list-item:active:not(.adm-list-item-disabled)::after {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  bottom: -1px;
  left: 0;
  border-bottom: var(--border-inner);
}

.adm-image-viewer-content {
  width: 100vw;
  height: 100vh;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
.adm-image-viewer-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 1;
}
.adm-image-viewer-slides {
  height: 100%;
  position: relative;
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
  touch-action: none;
}
.adm-image-viewer-slides-inner {
  height: 100%;
  white-space: nowrap;
}
.adm-image-viewer-slides-inner > * {
  margin-right: 16px;
}
.adm-image-viewer-slide {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.adm-image-viewer-control {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: -webkit-grab;
  cursor: grab;
  touch-action: none;
}
.adm-image-viewer-image-wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
}
.adm-image-viewer-image-wrapper img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.adm-image-viewer-indicator {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 12px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: var(--adm-color-border);
  font-size: var(--adm-font-size-6);
}

.adm-mask {
  --z-index: var(--adm-mask-z-index, 1000);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index);
  display: block;
  width: 100%;
  height: 100%;
}
.adm-mask-aria-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.adm-mask-content {
  z-index: 1;
}

.adm-safe-area {
  --multiple: var(--adm-safe-area-multiple, 1);
  display: block;
  width: 100%;
}
.adm-safe-area-position-top {
  padding-top: calc(env(safe-area-inset-top) * var(--multiple));
}
.adm-safe-area-position-bottom {
  padding-bottom: calc(env(safe-area-inset-bottom) * var(--multiple));
}

.adm-infinite-scroll {
  color: var(--adm-color-weak);
  padding: 18px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  font-size: var(--adm-font-size-main);
}
.adm-infinite-scroll-failed-text {
  display: inline-block;
  margin-right: 8px;
}

.adm-popup {
  --z-index: var(--adm-popup-z-index, 1000);
  position: fixed;
  z-index: var(--z-index);
}
.adm-popup-body {
  position: fixed;
  background-color: var(--adm-color-background);
  z-index: calc(var(--z-index) + 10);
}
.adm-popup-body .adm-popup-close-icon {
  position: absolute;
  z-index: 100;
}
.adm-popup-body-position-bottom {
  width: 100%;
  bottom: 0;
  left: 0;
}
.adm-popup-body-position-bottom .adm-popup-close-icon {
  right: 8px;
  top: 8px;
}
.adm-popup-body-position-top {
  width: 100%;
  top: 0;
  left: 0;
}
.adm-popup-body-position-top .adm-popup-close-icon {
  right: 8px;
  bottom: 8px;
}
.adm-popup-body-position-left {
  height: 100%;
  top: 0;
  left: 0;
}
.adm-popup-body-position-left .adm-popup-close-icon {
  right: 8px;
  top: 8px;
}
.adm-popup-body-position-right {
  height: 100%;
  top: 0;
  right: 0;
}
.adm-popup-body-position-right .adm-popup-close-icon {
  left: 8px;
  top: 8px;
}
.adm-popup-close-icon {
  cursor: pointer;
  padding: 4px;
  font-size: 18px;
  line-height: 1;
  color: var(--adm-color-weak);
}

.adm-search-bar {
  --height: 32px;
  --padding-left: 8px;
  --background: var(--adm-color-fill-content);
  --border-radius: 6px;
  --placeholder-color: var(--adm-color-weak);
  ---placeholder-color: var(--placeholder-color);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  height: var(--height);
}
.adm-search-bar .adm-search-bar-input-box {
  -webkit-flex: auto;
          flex: auto;
  background: var(--background);
  border-radius: var(--border-radius);
  border: solid 1px transparent;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  padding-left: var(--padding-left);
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input-box-icon {
  -webkit-flex: none;
          flex: none;
  color: var(--adm-color-light);
  font-size: var(--adm-font-size-8);
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input {
  -webkit-flex: auto;
          flex: auto;
  padding: 4px 8px 4px 4px;
  height: calc(var(--height) - 2px);
  box-sizing: border-box;
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-input {
  --placeholder-color: var(---placeholder-color);
  --font-size: var(--adm-font-size-7);
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input .adm-input-element {
  line-height: 19px;
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-search-bar-input-without-icon {
  padding-left: 8px;
}
.adm-search-bar .adm-search-bar-suffix {
  -webkit-flex: none;
          flex: none;
  margin-left: 4px;
}
.adm-search-bar .adm-search-bar-cancel-button.adm-button {
  padding: 3px 12px;
}
.adm-search-bar-active .adm-input.adm-input.adm-input {
  --placeholder-color: var(--adm-color-light);
}
.adm-search-bar-active .adm-search-bar-input-box {
  border-color: var(--adm-color-primary);
  background: var(--adm-color-background);
}

.adm-input {
  --font-size: var(--adm-font-size-9);
  --color: var(--adm-color-text);
  --placeholder-color: var(--adm-color-light);
  --text-align: left;
  --background-color: transparent;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  min-height: 24px;
  background-color: var(--background-color);
}
.adm-input-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.adm-input-element {
  -webkit-flex: auto;
          flex: auto;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  color: var(--color);
  font-size: var(--font-size);
  line-height: 1.5;
  background: transparent;
  border: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  min-height: 1.5em;
  text-align: var(--text-align);
}
.adm-input-element::-webkit-input-placeholder {
  color: var(--placeholder-color);
  font-family: inherit;
}
.adm-input-element::-moz-placeholder {
  color: var(--placeholder-color);
  font-family: inherit;
}
.adm-input-element:-ms-input-placeholder {
  color: var(--placeholder-color);
  font-family: inherit;
}
.adm-input-element::placeholder {
  color: var(--placeholder-color);
  font-family: inherit;
}
.adm-input-element:-webkit-autofill {
  background-color: transparent;
}
.adm-input-element:-moz-read-only {
  cursor: default;
}
.adm-input-element:read-only {
  cursor: default;
}
.adm-input-element:invalid {
  box-shadow: none;
}
.adm-input-element::-ms-clear {
  display: none;
}
.adm-input-element::-ms-reveal {
  display: none;
}
.adm-input-element::-webkit-search-cancel-button {
  display: none;
}
.adm-input-element::-webkit-search-decoration {
  display: none;
}
.adm-input-element:disabled {
  opacity: 1;
}
.adm-input-element[type='date'],
.adm-input-element[type='time'],
.adm-input-element[type='datetime-local'] {
  min-height: 1.5em;
}
.adm-input-element[type='search'] {
  -webkit-appearance: none;
}
.adm-input-element[readonly] {
  pointer-events: none;
}
.adm-input-clear {
  -webkit-flex: none;
          flex: none;
  margin-left: 8px;
  color: var(--adm-color-light);
  padding: 4px;
  cursor: pointer;
}
.adm-input-clear:active {
  color: var(--adm-color-weak);
}
.adm-input-clear .antd-mobile-icon {
  display: block;
  font-size: var(--adm-font-size-7);
}

.brick-m-button {
  --color: #fff;
  --border-radius: var(--brick-m-button-border-radius, 2px);
  --text-color: var(--brick-m-button-text-color);
  --border-color: var(--brick-m-button-border-color);
  --border-width: var(--brick-m-button-border-width, 1px);
  --border-style: var(--brick-m-button-border-style, solid);
  --background-color: var(--brick-m-button-background-color);
  --font-size: var(--brick-m-font-size);
  --padding-x: calc(16px - var(--brick-m-button-border-width, 1px));
  --padding-y: calc(8px - var(--brick-m-button-border-width, 1px));
}
.brick-m-button.adm-button {
  padding: var(--padding-y) var(--padding-x);
  font-size: var(--font-size);
  line-height: calc(var(--font-size) + 8px);
}
.brick-m-button.adm-button.adm-button-disabled {
  --color: var(--brick-m-color-text-4);
}
.brick-m-button.adm-button.adm-button-fill-none {
  --border-width: var(--brick-m-button-border-width, 1px);
  --border-color: transparent;
}
.brick-m-button::before {
  content: none;
}
.brick-m-button:active::before {
  opacity: 1;
}
.brick-m-button.adm-button-primary {
  --color: var(--brick-m-color-primary);
}
.brick-m-button.adm-button-primary:active {
  --color: var(--brick-m-color-primary-2);
}
.brick-m-button.adm-button-primary.adm-button-disabled {
  --color: var(--brick-m-color-primary-6);
}
.brick-m-button.adm-button-success {
  --color: var(--brick-m-color-success);
}
.brick-m-button.adm-button-success:active {
  --color: var(--brick-m-color-success-2);
}
.brick-m-button.adm-button-success.adm-button-disabled {
  --color: var(--brick-m-color-success-6);
}
.brick-m-button.adm-button-danger {
  --color: var(--brick-m-color-danger);
}
.brick-m-button.adm-button-danger:active {
  --color: var(--brick-m-color-danger-2);
}
.brick-m-button.adm-button-danger.adm-button-disabled {
  --color: var(--brick-m-color-danger-6);
}
.brick-m-button.adm-button-warning {
  --color: var(--brick-m-color-warning);
}
.brick-m-button.adm-button-warning:active {
  --color: var(--brick-m-color-warning-2);
}
.brick-m-button.adm-button-warning.adm-button-disabled {
  --color: var(--brick-m-color-warning-6);
}
.brick-m-button.adm-button-fill-outline {
  --border-color: var(--color);
}
.brick-m-button.adm-button-fill-outline.adm-button-default {
  --border-color: var(--brick-m-color-fill-4);
}
.brick-m-button.adm-button-fill-none {
  --background-color: transparent;
}
.brick-m-button.adm-button-disabled:not(.adm-button-loading) {
  --text-color: var(--brick-m-color-text-4);
  --background-color: var(--brick-m-color-bg-2);
  --border-color: var(--brick-m-color-bg-2);
  opacity: 1;
}
.brick-m-button.adm-button-disabled:not(.adm-button-default) {
  --text-color: var(--brick-m-color-text-0);
  --background-color: var(--color);
  --border-color: var(--color);
}
.brick-m-button.adm-button-disabled.adm-button-fill-outline {
  --background-color: transparent;
  --text-color: var(--color);
  --border-color: var(--color);
}
.brick-m-button.adm-button-disabled.adm-button-fill-none {
  --background-color: transparent;
  --text-color: var(--color);
  --border-color: transparent;
}
.brick-m-button.adm-button-large {
  --padding-x: calc(16px - var(--brick-m-button-border-width, 1px));
  --padding-y: calc(8px - var(--brick-m-button-border-width, 1px));
  --font-size: var(--brick-m-font-size-l);
}
.brick-m-button.adm-button-small {
  --padding-x: calc(16px - var(--brick-m-button-border-width, 1px));
  --padding-y: calc(4px - var(--brick-m-button-border-width, 1px));
  --font-size: var(--brick-m-font-size-s);
}
.brick-m-button.adm-button-mini {
  --padding-x: calc(12px - var(--brick-m-button-border-width, 1px));
  --padding-y: calc(4px - var(--brick-m-button-border-width, 1px));
  --font-size: var(--brick-m-font-size-xs);
}
.brick-m-button.adm-button-block {
  --padding-x: calc(16px - var(--brick-m-button-border-width, 1px));
  --padding-y: calc(15px - var(--brick-m-button-border-width, 1px));
  --font-size: var(--brick-m-font-size-l);
  font-weight: 500;
}
.brick-m-button.adm-button-block.adm-button-default {
  --text-color: var(--brick-m-color-text-2);
  font-weight: 400;
}
.brick-m-button.adm-button-block.adm-button-default.adm-button-fill-outline {
  --border-color: var(--brick-m-color-fill-4);
}
.brick-m-button.adm-button-block.adm-button-default.adm-button-disabled {
  --text-color: var(--brick-m-color-text-4);
}
.brick-m-button.adm-button-block.adm-button-default.adm-button-disabled:not(.adm-button-loading) {
  --text-color: var(--brick-m-color-text-4);
  --background-color: var(--brick-m-color-bg-2);
}
.brick-m-button.adm-button-block.adm-button-large {
  --padding-x: calc(16px - var(--brick-m-button-border-width, 1px));
  --padding-y: calc(19px - var(--brick-m-button-border-width, 1px));
  font-size: 22px;
}
.brick-m-button.adm-button-block.adm-button-small {
  --padding-x: calc(16px - var(--brick-m-button-border-width, 1px));
  --padding-y: calc(11px - var(--brick-m-button-border-width, 1px));
  font-size: var(--brick-m-font-size-l);
}
.brick-m-button.adm-button-block.adm-button-mini {
  --padding-x: calc(16px - var(--brick-m-button-border-width, 1px));
  --padding-y: calc(9px - var(--brick-m-button-border-width, 1px));
  font-size: var(--brick-m-font-size);
}
.brick-m-button.adm-button-block.adm-button-padding-small,
.brick-m-button.adm-button-block.adm-button-padding-mini {
  padding: 5px;
  line-height: 22px;
}
.brick-m-button.adm-button-block.adm-button-padding-large {
  padding: 8px;
}
.brick-m-button.adm-button-block.adm-button-padding-middle {
  padding: 7px;
}
.brick-m-button.adm-button-block .button-description-mini {
  line-height: 14px;
  font-size: var(--brick-m-font-size-xs);
}
.brick-m-button.adm-button-block .button-description-small {
  line-height: 14px;
  font-size: var(--brick-m-font-size-xs);
}
.brick-m-button.adm-button-block .button-description-middle {
  line-height: 14px;
  font-size: var(--brick-m-font-size-xs);
}
.brick-m-button.adm-button-block .button-description-large {
  line-height: 20px;
  font-size: var(--brick-m-font-size);
}

.adm-image-viewer-indicator {
  font-size: var(--brick-m-font-size-s);
}
.image-viewer-download-icon-wrap {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 34px;
  height: 34px;
  padding: 8px;
  border-radius: 50%;
  background: rgb(153 153 153);
  cursor: pointer;
}
.image-viewer-download-icon-wrap img {
  width: 100%;
  height: 100%;
  display: block;
}

.adm-infinite-scroll {
  color: var(--brick-m-color-text-2);
  font-size: var(--brick-m-font-size-main);
}

:root {
  --brick-m-popup-full-screen-safe-area-inset-top: 0px;
}
@supports (padding-top: env(safe-area-inset-top)) {
  :root {
    --brick-m-popup-full-screen-safe-area-inset-top: env(safe-area-inset-top);
  }
}
.brick-m-popup {
  --border-radius: var(--brick-m-popup-border-radius, 8px);
  --background-color: var(--brick-m-popup-background-color, #f7f8fa);
  --content-max-height: var(--brick-m-popup-content-max-height, 70vh);
  --z-index: var(--brick-m-popup-z-index, 1000);
  --multiple: var(--brick-m-safe-area-multiple, 1);
  --status-bar-height: calc(var(--brick-m-status-bar-height) * var(--multiple));
  z-index: var(--z-index);
}
.adm-popup-mask.brick-m-popup-mask {
  z-index: var(--z-index);
}
.adm-popup-body.brick-m-popup-body {
  z-index: calc(var(--z-index) + 10);
  background-color: var(--brick-m-color-bg-1);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.adm-popup-body.brick-m-popup-body .brick-m-popup-content.brick-m-popup-content-full-screen {
  -webkit-flex: 1;
          flex: 1;
  max-height: unset;
}
.brick-m-popup-full-screen .brick-m-popup-popup-body-position-bottom {
  --top: calc(constant(safe-area-inset-top) * var(--multiple));
  --padding-top: var(--status-bar-height, var(--top));
  top: var(--padding-top);
}
@supports (--top: calc(env(safe-area-inset-top) * var(--multiple))) {
  .brick-m-popup-full-screen .brick-m-popup-popup-body-position-bottom {
    --top: calc(var(--brick-m-popup-full-screen-safe-area-inset-top) * var(--multiple));
  }
}
.brick-m-popup-full-screen .brick-m-popup-popup-body-position-top {
  bottom: 0;
}
.brick-m-popup-full-screen .brick-m-popup-popup-body-position-left {
  right: 0;
}
.brick-m-popup-full-screen .brick-m-popup-popup-body-position-right {
  left: 0;
}
.brick-m-popup-popup-body-position-bottom {
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.brick-m-popup-popup-body-position-bottom .brick-m-popup-content {
  max-height: var(--content-max-height);
}
.brick-m-popup-popup-body-position-top {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  overflow: hidden;
  --top: calc(constant(safe-area-inset-top) * var(--multiple));
  --padding-top: var(--status-bar-height, var(--top));
  top: var(--padding-top);
}
@supports (--top: calc(env(safe-area-inset-top) * var(--multiple))) {
  .brick-m-popup-popup-body-position-top {
    --top: calc(env(safe-area-inset-top) * var(--multiple));
  }
}
.brick-m-popup-popup-body-position-top .brick-m-popup-content {
  max-height: var(--content-max-height);
}
.brick-m-popup-popup-body-position-left {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  overflow: hidden;
  --top: calc(constant(safe-area-inset-top) * var(--multiple));
  --padding-top: var(--status-bar-height, var(--top));
  top: var(--padding-top);
  height: calc(100% - var(--padding-top));
}
@supports (--top: calc(env(safe-area-inset-top) * var(--multiple))) {
  .brick-m-popup-popup-body-position-left {
    --top: calc(env(safe-area-inset-top) * var(--multiple));
  }
}
.brick-m-popup-popup-body-position-right {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  overflow: hidden;
  --top: calc(constant(safe-area-inset-top) * var(--multiple));
  --padding-top: var(--status-bar-height, var(--top));
  top: var(--padding-top);
  height: calc(100% - var(--padding-top));
}
@supports (--top: calc(env(safe-area-inset-top) * var(--multiple))) {
  .brick-m-popup-popup-body-position-right {
    --top: calc(env(safe-area-inset-top) * var(--multiple));
  }
}
.brick-m-popup-header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  height: 57px;
  padding: 0 16px;
  border-bottom: 1px solid #eee;
  font-size: 18px;
  font-weight: medium;
}
.brick-m-popup-header .brick-m-popup-title {
  -webkit-flex: 1;
          flex: 1;
  overflow: hidden;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.brick-m-popup-header .brick-m-popup-close-icon {
  cursor: pointer;
}
.brick-m-popup-content {
  -webkit-flex: 1;
          flex: 1;
  overflow: auto;
  background: var(--background-color);
}
.brick-m-popup-footer {
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  width: 100%;
  height: 64px;
  padding: 8px 16px;
  border-radius: 2px;
  box-shadow: 0px -4px 10px 0px #00000008;
}
.brick-m-popup-footer .brick-m-popup-cancel-btn {
  width: 33%;
}
.brick-m-popup-footer .brick-m-popup-confirm-btn {
  width: var(--confirm-btn-width);
}
.ios-fix {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.brick-m-safe-area {
  --multiple: var(--brick-m-safe-area-multiple, 1);
  --status-bar-height: calc(var(--brick-m-status-bar-height) * var(--multiple));
  --inset-bottom: calc(var(--brick-m-safe-area-inset-bottom) * var(--multiple));
  display: block;
  width: 100%;
}
.brick-m-safe-area-position-top {
  --top: calc(constant(safe-area-inset-top) * var(--multiple));
  padding-top: var(--status-bar-height, var(--top));
}
@supports (--top: calc(env(safe-area-inset-top) * var(--multiple))) {
  .brick-m-safe-area-position-top {
    --top: calc(env(safe-area-inset-top) * var(--multiple));
  }
}
.brick-m-safe-area-position-bottom {
  --bottom: calc(constant(safe-area-inset-bottom) * var(--multiple));
  padding-bottom: var(--inset-bottom, var(--bottom));
}
@supports (--bottom: calc(env(safe-area-inset-bottom) * var(--multiple))) {
  .brick-m-safe-area-position-bottom {
    --bottom: calc(env(safe-area-inset-bottom) * var(--multiple));
  }
}

.brick-m-search-bar {
  --padding-left: 4px;
  --background: var(--brick-m-color-bg-1, #fff);
  --border-radius: var(--brick-m-border-radius-medium, 4px);
  --border-active-color: var(--brick-m-color-primary, #00bf77);
  --placeholder-color: var(--brick-m-color-text-3, #86909c);
  --button-color: var(--brick-m-color-text-1);
  --input-background: var(--brick-m-color-bg-3, #f2f3f5);
  --padding-y: 6px;
  --padding-x: 0px;
  padding: var(--padding-y) var(--padding-x);
  background-color: var(--background);
}
.adm-search-bar .adm-search-bar-input-box {
  background-color: var(--input-background);
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input-box-icon {
  color: var(--brick-m-color-fill-4);
  font-size: var(--brick-m-font-size-l, '18px');
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input {
  height: 100%;
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-input {
  caret-color: var(--brick-m-color-primary, #00bf77);
  --font-size: var(--brick-m-font-size, '16px');
}
.adm-search-bar .adm-search-bar-cancel-button.adm-button {
  color: var(--button-color);
  font-size: var(--brick-m-font-size, '16px');
}
.adm-search-bar-active .adm-input.adm-input.adm-input {
  --placeholder-color: var(--brick-m-color-light);
}
.adm-search-bar-active .adm-search-bar-input-box {
  border-color: var(--border-active-color);
  background: var(--brick-m-color-bg-1, #fff);
}

.brick-text-tooltip-icon {
  color: var(--brick-text-color-secondary);
  cursor: pointer;
}
.brick-text-tooltip-icon:hover {
  color: var(--brick-icon-color-hover);
}

.brick-tag-selector-wrap {
  margin-top: var(--brick-tag-margin-sm);
  margin-bottom: var(--brick-tag-margin-base);
}
.brick-tag-selector-wrap .ant-tag-checkable-checked {
  margin: 0 var(--brick-tag-margin-base) var(--brick-tag-margin-base) 0;
  color: var(--brick-tag-active-text-color);
  background-color: var(--brick-tag-active-bg-color);
  border-color: var(--brick-tag-active-border-color);
  cursor: pointer;
}
.brick-tag-selector-wrap .brick-tag-checkable {
  margin: 0 var(--brick-tag-margin-base) var(--brick-tag-margin-base) 0;
  color: var(--brick-text-color-thirdly);
  font-size: var(--brick-font-size-sm);
  border-color: var(--brick-disabled-active-bg);
  cursor: pointer;
}
.brick-tag-selector-wrap .brick-tag-selector-expand {
  margin-top: var(--brick-tag-margin-base);
}
.brick-tag-selector-wrap .brick-tag-font-link {
  padding: 0 var(--brick-padding-xss);
  color: var(--brick-link-color);
  cursor: pointer;
}

.brick-condition-panel .brick-condition-panel-marginBottom {
  margin-bottom: var(--brick-margin-lg);
}
.brick-condition-panel .brick-condition-panel-divider {
  margin: 6px 0 24px 0;
}
.brick-condition-panel .brick-condition-panel-search__wrapper,
.brick-condition-panel .brick-condition-panel-search__wrapper--end {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.brick-condition-panel .brick-condition-panel-search__wrapper--end {
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
.brick-condition-panel .brick-condition-panel-search__wrapper--end .expand {
  padding-right: 0;
}
.brick-condition-panel .brick-condition-panel-search__wrapper--end .anticon {
  font-size: var(--brick-font-size-sm);
  vertical-align: middle;
}
.brick-condition-panel .brick-condition-panel-search__wrapper--end .anticon svg {
  transition: all 0.3s ease 0s;
}
.brick-condition-panel .brick-condition-panel-search--collapsed {
  display: none;
}
.brick-condition-panel .brick-condition-panel-search__wrapper .brick-condition-panel .brick-condition-panel-search-input {
  -webkit-flex: 1;
          flex: 1;
}
.brick-condition-panel .brick-condition-panel-search__text {
  display: -webkit-inline-flex;
  display: inline-flex;
  text-align: right;
}
.brick-condition-panel .brick-condition-panel-search__text span {
  display: inline-block;
}
.brick-condition-panel .brick-condition-panel-search__text--empty {
  margin-right: 4px;
}
.brick-condition-panel .brick-condition-panel-search__text::after {
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
  content: " ";
}
.brick-condition-panel .brick-condition-panel-search__text--colon::after {
  content: ":";
}
.brick-condition-panel .brick-condition-panel-search__text--chsColon {
  padding-left: 14px;
}
.brick-condition-panel .brick-condition-panel-search__text--chsColon::after {
  margin: 0;
}
@media screen and (max-width: 400px) {
  .brick-condition-panel .brick-condition-panel-search__wrapper {
    display: block;
  }
  .brick-condition-panel .brick-condition-panel-search__text {
    display: block;
    margin-bottom: 8px;
    text-align: left;
  }
  .brick-condition-panel .brick-condition-panel-search__text span {
    min-width: 0!important;
  }
}
.brick-condition-panel-item-component-wrap {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.brick-base-info-card-container {
  position: relative;
  overflow: auto;
}
.brick-base-info-card-container .brick-base-info-card-container__label-help {
  -webkit-flex: 0 0 1;
          flex: 0 0 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: var(--brick-margin-xss) 0 var(--brick-margin-xss) var(--brick-margin-xss);
  color: var(--brick-text-color-secondary);
  line-height: var(--brick-height-base);
  white-space: nowrap;
}
.brick-base-info-card-container .brick-base-info-card-container__item-wrap {
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  width: 100%;
}
.brick-base-info-card-container .brick-base-info-card-container__label-col {
  display: -webkit-flex;
  display: flex;
}
.brick-base-info-card-container__label {
  -webkit-flex: 1;
          flex: 1;
  margin: var(--brick-margin-xss) 0 var(--brick-margin-xss) var(--brick-margin-xss);
  white-space: nowrap;
}
.brick-base-info-card-container__label > * {
  color: var(--brick-text-color-secondary);
  line-height: var(--brick-height-base);
}
.brick-base-info-card-container__label-wrap > * {
  white-space: normal;
  word-break: break-all;
}
.brick-base-info-card-container__colon {
  margin: var(--brick-margin-xss) 0 var(--brick-margin-xss) 0;
  color: var(--brick-text-color-secondary);
  line-height: var(--brick-height-base);
}
.brick-base-info-card-container .brick-base-info-card-container__content-item {
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.brick-base-info-card-container .brick-base-info-card-container__content-item-content {
  -webkit-flex: 1;
          flex: 1;
  margin: var(--brick-margin-xss) var(--brick-margin-xss) var(--brick-margin-xss) 0;
  overflow-x: hidden;
}
.brick-base-info-card-container .brick-base-info-card-container__content-item-content > * {
  line-height: var(--brick-height-base);
  word-break: break-all;
}
.brick-base-info-card-container .brick-base-info-card-container__content-item-content__row {
  width: 100%;
  padding-left: 5px;
  line-height: var(--brick-height-base);
  word-break: break-all;
}
.brick-base-info-card-container-ellipsis-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.brick-base-info-card-show-line__icon {
  position: absolute;
  right: 0;
  bottom: 0;
  color: var(--brick-text-color-secondary);
  line-height: var(--brick-height-base);
  cursor: pointer;
}

.brick-table-tag-selector-wrap {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 5px;
  transition: all 0.3s ease;
}
.brick-table-tag-selector-wrap.brick-table-tag-selector-wrap--hasExpandTag {
  padding-right: 50px;
}
.brick-table-tag-selector-wrap .ant-tag-checkable-checked {
  margin: 0 var(--brick-tag-margin-base) var(--brick-tag-margin-base) 0;
  color: var(--brick-tag-active-text-color);
  background-color: var(--brick-tag-active-bg-color);
  border-color: var(--brick-tag-active-border-color);
  cursor: pointer;
}
.brick-table-tag-checkable {
  margin: 0 var(--brick-tag-margin-base) var(--brick-tag-margin-base) 0;
  color: var(--brick-text-color-thirdly);
  font-size: var(--brick-font-size-sm);
  border-color: var(--brick-disabled-active-bg);
}
.brick-table-tag-expand {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
          flex: 1;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  margin: 0 var(--brick-tag-margin-base) var(--brick-tag-margin-base) 0;
  color: var(--brick-primary-color);
}
.brick-table-tag-expand > div {
  cursor: pointer;
}
.brick-table-tag-expand__text {
  padding: 0 var(--brick-padding-xss);
  white-space: nowrap;
}
.brick-table-tag-expand .anticon {
  font-size: var(--brick-font-size-sm);
}
.brick-table-tag-expand .anticon svg {
  transition: all 0.3s ease 0s;
}

.brick-tree .ant-tree-treenode {
  width: 100%;
  padding: 2px 0;
}
.brick-tree .ant-tree-treenode .ant-tree-node-content-wrapper {
  width: 100%;
  transition: none;
}
.brick-tree .ant-tree-treenode .ant-tree-indent-unit {
  width: 16px;
}
.brick-tree .ant-tree-treenode:hover {
  background-color: #f5f5f5;
}
.brick-tree .ant-tree-treenode:hover .ant-tree-node-content-wrapper {
  background-color: #f5f5f5;
}
.brick-tree .ant-tree-treenode.ant-tree-treenode-selected {
  background-color: #bae7ff;
}
.brick-tree .ant-tree-treenode.ant-tree-treenode-selected .ant-tree-node-content-wrapper {
  background-color: #bae7ff;
}
.brick-tree.brick-tree-uncheckable .ant-tree-switcher {
  width: 12px;
}
.base-tree__search-value {
  color: #1890ff;
}
.base-tree__empty-content {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 150px;
}

.brick-table-state-header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  min-width: 50px;
}
.brick-table-state-tree-node {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  min-width: 120px;
}
.brick-table-state-tree-node .ant-space .anticon {
  color: #1890ff;
  opacity: 0;
}
.brick-table-state-tree-node-title {
  color: #262626;
}
.brick-table-state-tree-node-bold {
  font-weight: 500;
}
.brick-table-state-tree-node:hover .ant-space .anticon {
  opacity: 1;
}
.brick-table-state-popover .ant-popover-inner-content {
  padding: 12px 0;
}
.brick-table-state-popover .ant-tree-treenode {
  padding: 4px 24px 4px 0;
}
.brick-table-state-popover .ant-tree-treenode:first-child .ant-tree-switcher {
  width: 0;
}
.brick-table-state-popover .ant-tree-treenode:first-child .ant-tree-draggable-icon {
  min-width: 24px;
  visibility: hidden;
}
.brick-table-state-popover .ant-tree-treenode .ant-tree-indent-unit {
  width: 24px;
}
.brick-table-state-popover .ant-tree-node-content-wrapper {
  padding: 0;
}
.brick-table-state-popover .ant-tree-draggable-icon {
  text-align: left;
  cursor: -webkit-grab;
  cursor: grab;
}
.brick-table-state-popover .ant-tree-treenode-disabled .ant-tree-draggable-icon {
  cursor: not-allowed;
}
.brick-table-state-popover-normal .ant-popover-inner-content {
  padding: 12px 24px;
}
.brick-table-state-tree-group {
  color: var(--brick-comment-action-hover-color);
  font-weight: var(--brick-btn-font-weight);
  font-size: var(--brick-font-size-sm);
}
.brick-table-state-tree-group .ant-tree-node-content-wrapper {
  cursor: auto;
}
.brick-table-state-tree-group .ant-tree-node-content-wrapper:hover {
  background-color: #fff;
}
.brick-table-state-tree-group .ant-tree-switcher {
  width: 0;
}
.brick-table-state-tree-group .ant-tree-draggable-icon {
  min-width: 24px;
  visibility: hidden;
}
.brick-table-state-tree-reset {
  color: #1890ff;
  font-size: 14px;
  cursor: pointer;
}

.brick-table {
  /* 文字是否换行 */
  /* 可编辑表格 */
  /* -----自定义可选样式----- */
  /* 表格内容居中 */
  /* 表格内容左对齐 */
  /* 表格内容右对齐 */
  /* 表格带点击手势 */
  /* 表格不要斑马线 */
}
.brick-table-style {
  /* 表格统一样式 */
  /* Table固定列表头选择框宽度设为60px */
  /* ant-table 不可以选中的样式（原生的不可以选中太不明显）hsx */
  /* 兼容名为row-clickable的可点击行样式 */
  /* 表格单行不需要扩展子表的+号 */
}
.brick-table-style .ant-table {
  border-top: var(--brick-border-width-base) solid var(--brick-border-color-split);
  /* 斑马纹 */
  /* 选中全蓝色 */
  /* 悬浮改为蓝色 */
}
.brick-table-style .ant-table .ant-table-thead > tr > th {
  background-color: var(--brick-table-bg);
}
.brick-table-style .ant-table .ant-table-tbody tr:nth-child(even) {
  background-color: var(--brick-table-tr-zebra-background);
}
.brick-table-style .ant-table .ant-table-tbody tr:nth-child(even) > td {
  background-color: var(--brick-table-tr-zebra-background);
}
.brick-table-style .ant-table .ant-table-tbody tr.ant-table-row-selected:nth-child(even) {
  background-color: var(--brick-table-tr-selected-background);
}
.brick-table-style .ant-table .ant-table-tbody tr.ant-table-row-selected:nth-child(even) > td {
  background-color: var(--brick-table-tr-selected-background);
}
.brick-table-style .ant-table .ant-table-tbody > tr.ant-table-row:hover > td {
  background-color: var(--brick-table-tr-hover-background);
}
.brick-table-style .ant-table.ant-table-small {
  font-size: var(--brick-font-size-sm);
}
.brick-table-style .ant-table.ant-table-small .ant-badge-status-text {
  font-size: var(--brick-font-size-sm);
}
.brick-table-style .ant-table tr.disabled-selected-table-row {
  /* background-color: #d3d3d3 !important; */
  opacity: 0.5 !important;
}
.brick-table-style .ant-table .ant-table-tbody > tr.row-clickable {
  background-color: var(--brick-table-tr-hover-background) !important;
}
.brick-table-style .ant-table .ant-table-tbody > tr.row-clickable > td {
  background-color: var(--brick-table-tr-hover-background) !important;
}
.brick-table-style .ant-table .ant-table-tbody > tr.row-clickable > td:last-child {
  box-shadow: inset -2px 0 0 0 var(--brick-primary-color);
}
.brick-table-style .ant-table-row.no-expand-row .ant-table-row-expand-icon {
  display: none;
}
.brick-table-style .ant-table-row td audio {
  width: 300px;
  height: 30px;
}
.brick-table-extra {
  margin: var(--brick-margin-md) 0;
}
.brick-table-extra__tip {
  color: var(--brick-text-color-secondary);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
  /* 火狐 */
  /* webkit浏览器 */
}
.brick-table-extra--has-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
}
.brick-table-has-pagination {
  position: relative;
  clear: both;
  max-width: 100%;
}
.brick-table-page-up-and-down {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  padding: var(--brick-padding-md) 0;
}
.brick-table-white-space-nowrap {
  white-space: nowrap;
}
.brick-table-editable-cell-value-wrap {
  padding: 5px 12px;
  cursor: pointer;
}
.brick-table-editable-row:hover .brick-table-editable-cell-value-wrap {
  padding: 4px 11px;
  border: var(--brick-border-width-base) solid var(--brick-border-color-base);
  border-radius: var(--brick-border-radius-base);
}
.brick-table-center .ant-table .ant-table-thead > tr > th,
.brick-table-center .ant-table .ant-table-tbody > tr > td {
  text-align: center;
}
.brick-table-left .ant-table .ant-table-thead > tr > th,
.brick-table-left .ant-table .ant-table-tbody > tr > td {
  text-align: left;
}
.brick-table-right .ant-table .ant-table-thead > tr > th,
.brick-table-right .ant-table .ant-table-tbody > tr > td {
  text-align: right;
}
.brick-table-pointer .ant-table .ant-table-tbody > tr > td {
  cursor: pointer;
}
.brick-table-uncrosse .ant-table .ant-table-tbody tr:nth-child(even) {
  background-color: var(--brick-component-background);
}
.brick-table-uncrosse .ant-table .ant-table-tbody tr:nth-child(even) > td {
  background-color: var(--brick-component-background);
}
.brick-table-small-padding .ant-table-thead > tr > th,
.brick-table-small-padding .ant-table-tbody > tr:not(:first-child) > td {
  padding: var(--brick-padding-xs) var(--brick-padding-md) !important;
}
.brick-table-border-top-none .ant-table {
  border-top: none !important;
}
.brick-table-selection {
  margin-bottom: var(--brick-padding-lg);
}
.brick-table-selection-btn {
  color: var(--brick-primary-color);
  cursor: pointer;
}

.brick-collapsible-layout-left {
  display: -webkit-flex;
  display: flex;
}
.brick-collapsible-layout-expand-icon {
  -webkit-align-self: center;
          align-self: center;
  width: 13px;
  height: var(--brick-layout-zero-trigger-width);
  margin-right: 5px;
  color: var(--brick-text-color-inverse);
  font-weight: 600;
  font-family: "AppleGothic";
  font-style: normal;
  line-height: var(--brick-layout-zero-trigger-width);
  text-align: center;
  background-color: var(--brick-border-color-base);
  border-radius: var(--brick-border-radius-base);
  cursor: pointer;
}
.brick-collapsible-layout-expand-icon:hover {
  background-color: var(--brick-disabled-color);
}

.brick-draggable-layout-left-to-right {
  display: -webkit-flex;
  display: flex;
}
.brick-draggable-layout-top-to-bottom {
  display: block;
}
.brick-draggable-layout-resize-module {
  position: relative;
}
.brick-draggable-layout-handle {
  position: absolute;
  top: 50%;
  right: -18px;
}
.brick-draggable-layout-handle-default {
  width: 12px;
  height: 36px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAkCAYAAAC9itu8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABpSURBVHgB7ZXBDYAgDEU/TMAInljLGdxAN3A9EhIZgQVaLfGO9qj0JU3a5L9LD63LOc9EtAMI6FOkVpdSOqSZ8I7qFeFG8FBiwl+EGGN3ti2NIrQzc2oEW+uHharIF8/MC+539ESV7HYBZbQbzn8btMgAAAAASUVORK5CYII=);
}
.brick-draggable-layout-handle-default:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAkCAYAAAC9itu8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABjSURBVHgB7ZRRDYAwDERvVTAJSKkTNOAAHOCoUpiEOYCegWX9BHpJk15yrx/30WJmK4DTp2KsJiJ7ceBys2BOXQJhqgqCSuArgKoOfbb0F4Bv5o4AWeuLgR7INwIbl4kwDx8PJz0Skrpa5ccAAAAASUVORK5CYII=);
}
.brick-draggable-layout-handle-x {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: ew-resize;
}
.brick-draggable-layout-handle-y {
  position: absolute;
  top: auto;
  right: auto;
  bottom: -30px;
  left: calc(50% - 9px);
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
  cursor: ns-resize;
}
.brick-draggable-layout-handle-disabled {
  cursor: not-allowed;
}
.brick-draggable-layout-module {
  margin-left: 24px;
}
.brick-draggable-layout-module-y {
  margin-top: 24px;
}

.brick-color-picker-wrap .ant-tooltip-inner {
  padding: 0;
}

.brick-date-picker-dropdown--days .ant-picker-footer-extra {
  padding: var(--brick-padding-xss) var(--brick-padding-sm);
  line-height: var(--brick-height-base);
}
.brick-date-picker-dropdown--solar .ant-picker-date-panel {
  width: 447px;
}
.brick-date-picker-dropdown--solar .ant-picker-date-panel .ant-picker-content {
  width: 423px;
}
.brick-date-picker-dropdown--solar .ant-picker-inner-cell {
  position: relative;
}
.brick-date-picker-dropdown--solar .ant-picker-cell-in-view::after {
  height: 48px !important;
}
.brick-date-picker-dropdown--solar .ant-picker-cell::before,
.brick-date-picker-dropdown--solar .ant-picker-cell-inner::before,
.brick-date-picker-dropdown--solar .ant-picker-cell-inner {
  height: 48px;
}
.brick-date-picker-solar {
  position: relative;
  width: 55px;
  height: 24px;
  overflow: hidden;
  color: var(--brick-date-picker-solar-color);
  font-size: var(--brick-font-size-sm);
  white-space: nowrap;
}
.brick-date-picker-solar-texts {
  position: absolute;
  left: 0;
  width: 100%;
  -webkit-animation: textScroll 4s infinite alternate ease-in-out;
          animation: textScroll 4s infinite alternate ease-in-out;
}
.brick-date-picker-solar--work,
.brick-date-picker-solar--holiday {
  position: relative;
}
.brick-date-picker-solar--work::before,
.brick-date-picker-solar--holiday::before {
  position: absolute;
  top: 2px;
  right: 5px;
  z-index: 99;
  display: block;
  width: 14px;
  height: 14px;
  font-size: var(--brick-font-size-sm);
  line-height: 14px;
}
.brick-date-picker-solar--holiday::before {
  color: var(--brick-date-picker-holiday-color);
  content: "休";
}
.brick-date-picker-solar--work::before {
  color: var(--brick-date-picker-work-color);
  content: "班";
}
.brick-date-picker-solar--special {
  color: var(--brick-date-picker-special-color);
}
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner .brick-date-picker-solar,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner .brick-date-picker-solar,
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner .brick-date-picker-solar {
  color: var(--brick-white) !important;
}
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner.brick-date-picker-solar--work::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner.brick-date-picker-solar--work::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner.brick-date-picker-solar--work::before,
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner.brick-date-picker-solar--holiday::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner.brick-date-picker-solar--holiday::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner.brick-date-picker-solar--holiday::before {
  color: var(--brick-white) !important;
}
@-webkit-keyframes textScroll {
  0% {
    top: 0;
  }
  40% {
    top: 0;
  }
  60% {
    top: -100%;
  }
  100% {
    top: -100%;
  }
}
@keyframes textScroll {
  0% {
    top: 0;
  }
  40% {
    top: 0;
  }
  60% {
    top: -100%;
  }
  100% {
    top: -100%;
  }
}
.brick-range-time-picker-wrapper {
  display: -webkit-inline-flex;
  display: inline-flex;
}
.brick-range-time-picker-wrapper .ant-picker-range .ant-picker-active-bar {
  background-color: transparent;
}
.brick-range-time-picker-panel-wrapper .ant-picker-month-btn,
.brick-range-time-picker-panel-wrapper .ant-picker-year-btn {
  cursor: initial;
}
.brick-range-time-picker-panel-wrapper .ant-picker-month-btn:hover,
.brick-range-time-picker-panel-wrapper .ant-picker-year-btn:hover {
  color: var(--brick-black);
}
.brick-range-time-picker-right-panel {
  position: relative;
  width: var(--time-range-picker-right-panel-width);
}
.brick-range-time-picker-right-panel .ant-tabs {
  border-left: 1px solid var(--brick-border-color-split);
}
.brick-range-time-picker-right-panel--hourAndMinute {
  width: var(--time-range-picker-right-panel-hour-and-minute-width);
}
.brick-range-time-picker-right-panel--hour {
  width: var(--time-range-picker-right-panel-hour-width);
}
.brick-range-time-picker-right-panel .ant-tabs-nav-list {
  width: 100%;
}
.brick-range-time-picker-right-panel .ant-tabs-nav-more {
  display: none;
}
.brick-range-time-picker-right-panel .ant-tabs-tab {
  width: 50%;
  margin: 0;
  text-align: center;
}
.brick-range-time-picker-right-panel .ant-tabs-tab-btn {
  width: 100%;
}
.brick-range-time-picker-time-text {
  line-height: var(--time-range-picker-time-panel-line-height);
  text-align: center;
  border-bottom: 1px solid var(--brick-border-color-split);
  border-left: 1px solid var(--brick-border-color-split);
}
.brick-range-time-picker-time-panel {
  border-left: 1px solid var(--brick-border-color-split);
}
.brick-range-time-picker-time-panel--showSolar .ant-picker-time-panel {
  height: 372px;
}
.brick-range-time-picker-time-panel .ant-picker-panel-container {
  box-shadow: none;
}
.brick-range-time-picker-time-panel .ant-picker-panel {
  border-width: 0;
}
.brick-range-time-picker-time-panel .ant-picker-time-panel-column:nth-child(3):nth-last-child(1),
.brick-range-time-picker-time-panel .ant-picker-time-panel-column:nth-child(2):nth-last-child(2),
.brick-range-time-picker-time-panel .ant-picker-time-panel-column:nth-child(1):nth-last-child(3) {
  width: calc(var(--time-range-picker-right-panel-width) / 3 - 1px);
}
.brick-range-time-picker-time-panel .ant-picker-time-panel-column:nth-child(2):nth-last-child(1),
.brick-range-time-picker-time-panel .ant-picker-time-panel-column:nth-child(1):nth-last-child(2) {
  width: calc(var(--time-range-picker-right-panel-hour-and-minute-width) / 2 - 1px);
}
.brick-range-time-picker-time-panel .ant-picker-time-panel-column:nth-child(1):nth-last-child(1) {
  width: calc(var(--time-range-picker-right-panel-hour-width) - 1px);
}
.brick-range-time-picker-time-picker {
  display: none;
}

.brick-rank-table {
  background-color: var(--brick-background-color-base);
}
.brick-rank-table,
.brick-rank-table-top3 {
  display: inline-block;
  width: var(--brick-menu-icon-size-lg);
  height: var(--brick-menu-icon-size-lg);
  line-height: var(--brick-menu-icon-size-lg);
  white-space: nowrap;
  text-align: center;
  border-radius: 50%;
}
.brick-rank-table-top3 {
  color: var(--brick-text-color-inverse);
  background-color: var(--brick-primary-color);
}
.brick-rank-table-middle {
  width: var(--brick-height-xs);
  height: var(--brick-height-xs);
  line-height: var(--brick-height-xs);
}
.brick-rank-table-large {
  width: var(--brick-height-sm);
  height: var(--brick-height-sm);
  line-height: var(--brick-height-sm);
}

.brick-attached-number-input {
  display: -webkit-flex;
  display: flex;
}
.brick-attached-number-input__number-input {
  z-index: 2;
  -webkit-flex: 1;
          flex: 1;
  height: var(--brick-input-height-base);
  line-height: var(--brick-input-height-base);
  border: solid var(--brick-border-width-base) var(--brick-border-color-base);
}
.brick-attached-number-input__decoration {
  z-index: 2;
  height: var(--brick-input-height-base);
  padding: 0 var(--brick-padding-sm);
  line-height: var(--brick-input-height-base);
  background: var(--brick-background-color-light);
  border: solid var(--brick-border-width-base) var(--brick-border-color-base);
}
.brick-attached-number-input > .brick-attached-number-input__prefix {
  border-right: none;
  border-radius: var(--brick-border-radius-base) 0 0 var(--brick-border-radius-base);
}
.brick-attached-number-input > .brick-attached-number-input__suffix {
  border-left: none;
  border-radius: 0 var(--brick-border-radius-base) var(--brick-border-radius-base) 0;
}

.brick-statisticsCard {
  background-color: transparent;
}
.brick-statisticsCard-item {
  position: relative;
  padding: 20px 24px 8px 24px;
  background-color: var(--brick-component-background);
}
.brick-statisticsCard-item--divided {
  box-shadow: 1px 0 0 0 var(--brick-border-color-split), 0 1px 0 0 var(--brick-border-color-split), 1px 1px 0 0 var(--brick-border-color-split), 1px 0 0 0 var(--brick-border-color-split) inset, 0 1px 0 0 var(--brick-border-color-split) inset;
}
.brick-statisticsCard-item--undivided {
  box-shadow: none;
}
.brick-statisticsCard-item--clickable {
  cursor: pointer;
}
.brick-statisticsCard-item__chartTop {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.brick-statisticsCard-item__chartTop--margin {
  margin-bottom: var(--brick-margin-sm);
}
.brick-statisticsCard-item__meta {
  height: 22px;
  color: var(--brick-text-color-secondary);
  font-size: var(--brick-font-size-base);
  line-height: 22px;
}
.brick-statisticsCard-item__action {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.brick-statisticsCard-item__total {
  height: 38px;
  margin-top: 4px;
  margin-bottom: 0;
  overflow: hidden;
  color: var(--brick-text-color);
  font-size: 30px;
  line-height: 38px;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.brick-statisticsCard-item__content {
  position: relative;
  width: 100%;
  margin-bottom: var(--brick-margin-sm);
}
.brick-statisticsCard-item__content--fixed {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.brick-statisticsCard-item__footer {
  margin-top: 8px;
  padding-top: 9px;
  border-top: 1px solid var(--brick-border-color-split);
}
.brick-statisticsCard-item__footer > * {
  position: relative;
}
.brick-statisticsCard-item__footer--margin {
  margin-top: 20px;
}
.brick-statisticsCard-item__selectBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
.brick-statisticsCard-item__selectBar--active {
  background-color: var(--brick-primary-color);
}

.brick-editable-date-picker-font-link {
  color: var(--brick-link-color);
  cursor: pointer;
}
.brick-editable-date-picker--font-link-readonly {
  cursor: initial;
}
.brick-editable-date-picker--input-group {
  min-width: 240px;
}
.brick-editable-date-picker--input-group-date-picker {
  width: 80%;
}
.brick-editable-date-picker--input-group-button {
  width: 20%;
}

.brick-selector__wrap {
  width: 100%;
}
.brick-selector__shortcut-button-box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 8px 12px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.brick-selector__shortcut-button--all-select,
.brick-selector__shortcut-button--back-select {
  color: #1890ff;
  cursor: pointer;
}
.brick-selector__shortcut-button--all-select {
  margin-right: 8px;
}
.brick-selector__shortcut-button--clear {
  cursor: pointer;
}

.brick-copy-icon {
  display: inline-block;
  padding: 0;
  line-height: inherit;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
}

.brick-data-mask {
  display: -webkit-inline-flex;
  display: inline-flex;
  width: 100%;
}
.brick-data-mask-link {
  color: var(--brick-link-color);
  cursor: pointer;
}
.brick-data-mask-contain {
  display: inline-block;
  margin-left: var(--brick-margin-xss);
  padding: 0;
  line-height: inherit;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
}
.brick-data-mask-copy-success {
  color: var(--brick-success-color);
}
.brick-data-mask-prefix {
  margin-left: var(--brick-margin-xss);
}
.brick-data-mask-suffix {
  margin-left: var(--brick-margin-xss);
}

.brick-modal-selector-single__wrap-table {
  margin-top: var(--brick-margin-lg);
}

.brick-modal-selector-multiple__wrap-container {
  display: -webkit-flex;
  display: flex;
}
.brick-modal-selector-multiple__wrap-container-table {
  position: relative;
  width: calc(50% - 20px);
}
.brick-modal-selector-multiple__wrap-container-table .ant-table-selection-column {
  line-height: 1.15;
}
.brick-modal-selector-multiple__wrap-container-table .ant-table-tbody > tr.ant-table-row-selected > td {
  background-color: unset;
}
.brick-modal-selector-multiple__wrap-container-table .brick-table-style .ant-table .ant-table-tbody tr.ant-table-row-selected:nth-child(even) > td {
  background-color: var(--brick-table-tr-zebra-background);
}
.brick-modal-selector-multiple__wrap-container-table .ant-table-expanded-row-fixed {
  background-color: var(--brick-table-bg);
}
.brick-modal-selector-multiple__wrap-container-icon {
  position: relative;
  width: 40px;
}
.brick-modal-selector-multiple__wrap-container-icon .brick-modal-selector-multiple__wrap-container-icon-i {
  position: absolute;
  top: 40%;
  margin: 8px;
  color: var(--brick-text-color-thirdly);
  font-size: 24px;
}
.brick-modal-selector-multiple__wrap-font-link {
  color: var(--brick-link-color);
  cursor: pointer;
}
.brick-modal-selector-multiple__wrap-clear {
  position: absolute;
  bottom: 18px;
}
.brick-modal-selector-multiple__tab {
  position: relative;
}
.brick-modal-selector-multiple__tab-container {
  position: relative;
}
.brick-modal-selector-multiple__tab-container .ant-table-tbody > tr.ant-table-row-selected > td {
  background-color: unset;
}
.brick-modal-selector-multiple__tab-container .brick-table-style .ant-table .ant-table-tbody tr.ant-table-row-selected:nth-child(even) > td {
  background-color: var(--brick-table-tr-zebra-background);
}
.brick-modal-selector-multiple__tab-container .ant-table-expanded-row-fixed {
  background-color: var(--brick-table-bg);
}
.brick-modal-selector-multiple__tab-left {
  position: absolute;
  top: 45px;
  left: -24px;
  width: 24px;
  border-top: var(--brick-border-width-base) solid var(--brick-border-color-split);
}
.brick-modal-selector-multiple__tab-right {
  position: absolute;
  top: 45px;
  right: -24px;
  width: 24px;
  border-top: var(--brick-border-width-base) solid var(--brick-border-color-split);
}
.brick-modal-selector-multiple__color-blue {
  color: var(--brick-primary-color);
}

/* stylelint-disable */
/* 组件库 style变量 集合 */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**/
/**/
/* 为统一brick与antd的换肤功能，brick主要样式变量全部继承自antd，以便项目对antd主题进行变更时，能同样对brick生效 */
/* 新增自定义brick变量见本文件底部，按组件分类 */
/**/
/* brick提供css样式变量与less样式变量 */
/**/
/**  继承自antd的样式变量 START **/
/**/
html {
  /* -------- Colors ----------- */
  --brick-primary-color: #1890ff;
  --brick-info-color: #1890ff;
  --brick-success-color: #52c41a;
  --brick-processing-color: #1890ff;
  --brick-error-color: #ff4d4f;
  --brick-highlight-color: #ff4d4f;
  --brick-warning-color: #faad14;
  --brick-normal-color: #d9d9d9;
  --brick-white: #fff;
  --brick-black: #000;
  /* Color used by default to control hover and active backgrounds and for alert info backgrounds. */
  --brick-primary-1: #e6f7ff;
  --brick-primary-2: #bae7ff;
  --brick-primary-3: #91d5ff;
  --brick-primary-4: #69c0ff;
  --brick-primary-5: #40a9ff;
  --brick-primary-6: #1890ff;
  --brick-primary-7: #096dd9;
  --brick-primary-8: #0050b3;
  --brick-primary-9: #003a8c;
  --brick-primary-10: #002766;
  /* Base Scaffolding Variables */
  /* --- */
  /* Background color for `<body>` */
  --brick-body-background: #fff;
  /* Base background color for most components */
  --brick-component-background: #fff;
  /* Popover background color */
  --brick-popover-background: #fff;
  --brick-popover-customize-border-color: #f0f0f0;
  --brick-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --brick-code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  --brick-text-color: rgba(0, 0, 0, 0.85);
  --brick-text-color-secondary: rgba(0, 0, 0, 0.45);
  --brick-text-color-inverse: #fff;
  --brick-icon-color: inherit;
  --brick-icon-color-hover: rgba(0, 0, 0, 0.75);
  --brick-heading-color: rgba(0, 0, 0, 0.85);
  --brick-text-color-dark: rgba(255, 255, 255, 0.85);
  --brick-text-color-secondary-dark: rgba(255, 255, 255, 0.65);
  --brick-text-selection-bg: #1890ff;
  --brick-font-variant-base: tabular-nums;
  --brick-font-feature-settings-base: 'tnum';
  --brick-font-size-base: 14px;
  --brick-font-size-lg: 16px;
  --brick-font-size-sm: 12px;
  --brick-heading-1-size: 38px;
  --brick-heading-2-size: 30px;
  --brick-heading-3-size: 24px;
  --brick-heading-4-size: 20px;
  --brick-heading-5-size: 16px;
  --brick-line-height-base: 1.5715;
  --brick-border-radius-base: 2px;
  --brick-border-radius-sm: 2px;
  /* vertical paddings */
  --brick-padding-lg: 24px;
  --brick-padding-md: 16px;
  --brick-padding-sm: 12px;
  --brick-padding-xs: 8px;
  --brick-padding-xss: 4px;
  /* vertical padding for all form controls */
  --brick-control-padding-horizontal: 12px;
  --brick-control-padding-horizontal-sm: 8px;
  /* vertical margins */
  --brick-margin-lg: 24px;
  --brick-margin-md: 16px;
  --brick-margin-sm: 12px;
  --brick-margin-xs: 8px;
  --brick-margin-xss: 4px;
  /* height rules */
  --brick-height-base: 32px;
  --brick-height-lg: 40px;
  --brick-height-sm: 24px;
  /* The background colors for active and hover states for things like */
  /* list items or table cells. */
  --brick-item-active-bg: #e6f7ff;
  --brick-item-hover-bg: #f5f5f5;
  /* ICONFONT */
  --brick-iconfont-css-prefix: anticon;
  /* LINK */
  --brick-link-color: #1890ff;
  --brick-link-hover-color: #40a9ff;
  --brick-link-active-color: #096dd9;
  --brick-link-decoration: none;
  --brick-link-hover-decoration: none;
  --brick-link-focus-decoration: none;
  --brick-link-focus-outline: 0;
  /* Animation */
  --brick-ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
  --brick-ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
  --brick-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --brick-ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --brick-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --brick-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
  --brick-ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
  --brick-ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
  --brick-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
  --brick-ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  --brick-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  --brick-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --brick-ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --brick-ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  /* Border color */
  --brick-border-color-base: #d9d9d9;
  --brick-border-color-split: #f0f0f0;
  --brick-border-color-inverse: #fff;
  --brick-border-width-base: 1px;
  --brick-border-style-base: solid;
  /* Outline */
  --brick-outline-blur-size: 0;
  --brick-outline-width: 2px;
  --brick-outline-color: #1890ff;
  --brick-outline-fade: 20%;
  --brick-background-color-light: #fafafa;
  --brick-background-color-base: #f5f5f5;
  /* Disabled states */
  --brick-disabled-color: rgba(0, 0, 0, 0.25);
  --brick-disabled-bg: #f5f5f5;
  --brick-disabled-active-bg: #e6e6e6;
  --brick-disabled-color-dark: rgba(255, 255, 255, 0.35);
  /* Shadow */
  --brick-shadow-color: rgba(0, 0, 0, 0.15);
  --brick-shadow-color-inverse: #fff;
  --brick-box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --brick-shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-left: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-2: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  /* Buttons */
  --brick-btn-font-weight: 400;
  --brick-btn-border-radius-base: 2px;
  --brick-btn-border-radius-sm: 2px;
  --brick-btn-border-width: 1px;
  --brick-btn-border-style: solid;
  --brick-btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  --brick-btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  --brick-btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  --brick-btn-primary-color: #fff;
  --brick-btn-primary-bg: #1890ff;
  --brick-btn-default-color: rgba(0, 0, 0, 0.85);
  --brick-btn-default-bg: #fff;
  --brick-btn-default-border: #d9d9d9;
  --brick-btn-danger-color: #fff;
  --brick-btn-danger-bg: #ff4d4f;
  --brick-btn-danger-border: #ff4d4f;
  --brick-btn-disable-color: rgba(0, 0, 0, 0.25);
  --brick-btn-disable-bg: #f5f5f5;
  --brick-btn-disable-border: #d9d9d9;
  --brick-btn-default-ghost-color: #fff;
  --brick-btn-default-ghost-bg: transparent;
  --brick-btn-default-ghost-border: #fff;
  --brick-btn-font-size-lg: 16px;
  --brick-btn-font-size-sm: 14px;
  --brick-btn-padding-horizontal-base: 15px;
  --brick-btn-padding-horizontal-lg: 15px;
  --brick-btn-padding-horizontal-sm: 7px;
  --brick-btn-height-base: 32px;
  --brick-btn-height-lg: 40px;
  --brick-btn-height-sm: 24px;
  --brick-btn-line-height: 1.5715;
  --brick-btn-circle-size: 32px;
  --brick-btn-circle-size-lg: 40px;
  --brick-btn-circle-size-sm: 24px;
  --brick-btn-square-size: 32px;
  --brick-btn-square-size-lg: 40px;
  --brick-btn-square-size-sm: 24px;
  --brick-btn-square-only-icon-size: 16px;
  --brick-btn-square-only-icon-size-sm: 14px;
  --brick-btn-square-only-icon-size-lg: 18px;
  --brick-btn-group-border: #40a9ff;
  --brick-btn-link-hover-bg: transparent;
  --brick-btn-text-hover-bg: rgba(0, 0, 0, 0.018);
  /* Checkbox */
  --brick-checkbox-size: 16px;
  --brick-checkbox-color: #1890ff;
  --brick-checkbox-check-color: #fff;
  --brick-checkbox-check-bg: #fff;
  --brick-checkbox-border-width: 1px;
  --brick-checkbox-group-item-margin-right: 8px;
  /* Descriptions */
  --brick-descriptions-bg: #fafafa;
  --brick-descriptions-title-margin-bottom: 20px;
  --brick-descriptions-default-padding: 16px 24px;
  --brick-descriptions-middle-padding: 12px 24px;
  --brick-descriptions-small-padding: 8px 16px;
  --brick-descriptions-item-padding-bottom: 16px;
  --brick-descriptions-item-trailing-colon: true;
  --brick-descriptions-item-label-colon-margin-right: 8px;
  --brick-descriptions-item-label-colon-margin-left: 2px;
  --brick-descriptions-extra-color: rgba(0, 0, 0, 0.85);
  /* Divider */
  --brick-divider-text-padding: 1em;
  --brick-divider-orientation-margin: 5%;
  --brick-divider-color: rgba(0, 0, 0, 0.06);
  /* Dropdown */
  --brick-dropdown-selected-color: #1890ff;
  --brick-dropdown-menu-submenu-disabled-bg: #fff;
  /* Empty */
  --brick-empty-font-size: 14px;
  /* Radio */
  --brick-radio-size: 16px;
  --brick-radio-top: 0.2em;
  --brick-radio-border-width: 1px;
  --brick-radio-dot-size: 8px;
  --brick-radio-dot-color: #1890ff;
  --brick-radio-dot-disabled-color: rgba(0, 0, 0, 0.2);
  --brick-radio-solid-checked-color: #fff;
  /* Radio buttons */
  --brick-radio-button-bg: #fff;
  --brick-radio-button-checked-bg: #fff;
  --brick-radio-button-color: rgba(0, 0, 0, 0.85);
  --brick-radio-button-hover-color: #40a9ff;
  --brick-radio-button-active-color: #096dd9;
  --brick-radio-disabled-button-checked-bg: #e6e6e6;
  --brick-radio-disabled-button-checked-color: rgba(0, 0, 0, 0.25);
  --brick-radio-wrapper-margin-right: 8px;
  /* Media queries breakpoints */
  /* @screen-xs and @screen-xs-min is not used in Grid */
  /* smallest break point is @screen-md */
  --brick-screen-xs: 480px;
  --brick-screen-xs-min: 480px;
  /* 👆 Extra small screen / phone */
  /* 👇 Small screen / tablet */
  --brick-screen-sm: 576px;
  --brick-screen-sm-min: 576px;
  /* Medium screen / desktop */
  --brick-screen-md: 768px;
  --brick-screen-md-min: 768px;
  /* Large screen / wide desktop */
  --brick-screen-lg: 992px;
  --brick-screen-lg-min: 992px;
  /* Extra large screen / full hd */
  --brick-screen-xl: 1200px;
  --brick-screen-xl-min: 1200px;
  /* Extra extra large screen / large desktop */
  --brick-screen-xxl: 1600px;
  --brick-screen-xxl-min: 1600px;
  /* provide a maximum */
  --brick-screen-xs-max: 575px;
  --brick-screen-sm-max: 767px;
  --brick-screen-md-max: 991px;
  --brick-screen-lg-max: 1199px;
  --brick-screen-xl-max: 1599px;
  /* Grid system */
  --brick-grid-columns: 24;
  /* Layout */
  --brick-layout-body-background: #f0f2f5;
  --brick-layout-header-background: #001529;
  --brick-layout-header-height: 64px;
  --brick-layout-header-padding: 0 50px;
  --brick-layout-header-color: rgba(0, 0, 0, 0.85);
  --brick-layout-footer-padding: 24px 50px;
  --brick-layout-footer-background: #f0f2f5;
  --brick-layout-sider-background: #001529;
  --brick-layout-trigger-height: 48px;
  --brick-layout-trigger-background: #002140;
  --brick-layout-trigger-color: #fff;
  --brick-layout-zero-trigger-width: 36px;
  --brick-layout-zero-trigger-height: 42px;
  /* Layout light theme */
  --brick-layout-sider-background-light: #fff;
  --brick-layout-trigger-background-light: #fff;
  --brick-layout-trigger-color-light: rgba(0, 0, 0, 0.85);
  /* z-index list, order by `z-index` */
  --brick-zindex-badge: auto;
  --brick-zindex-table-fixed: 2;
  --brick-zindex-affix: 10;
  --brick-zindex-back-top: 10;
  --brick-zindex-picker-panel: 10;
  --brick-zindex-popup-close: 10;
  --brick-zindex-modal: 1000;
  --brick-zindex-modal-mask: 1000;
  --brick-zindex-message: 1010;
  --brick-zindex-notification: 1010;
  --brick-zindex-popover: 1030;
  --brick-zindex-dropdown: 1050;
  --brick-zindex-picker: 1050;
  --brick-zindex-popoconfirm: 1060;
  --brick-zindex-tooltip: 1070;
  --brick-zindex-image: 1080;
  /* Animation */
  --brick-animation-duration-slow: 0.3s;
  --brick-animation-duration-base: 0.2s;
  --brick-animation-duration-fast: 0.1s;
  --brick-collapse-panel-border-radius: 2px;
  --brick-dropdown-menu-bg: #fff;
  --brick-dropdown-vertical-padding: 5px;
  --brick-dropdown-edge-child-vertical-padding: 4px;
  --brick-dropdown-font-size: 14px;
  --brick-dropdown-line-height: 22px;
  --brick-label-required-color: #ff4d4f;
  --brick-label-color: rgba(0, 0, 0, 0.85);
  /* Form */
  /* --- */
  --brick-form-warning-input-bg: #fff;
  --brick-form-item-margin-bottom: 24px;
  --brick-form-item-trailing-colon: true;
  --brick-form-vertical-label-padding: 0 0 8px;
  --brick-form-vertical-label-margin: 0;
  --brick-form-item-label-font-size: 14px;
  --brick-form-item-label-height: 32px;
  --brick-form-item-label-colon-margin-right: 8px;
  --brick-form-item-label-colon-margin-left: 2px;
  --brick-form-error-input-bg: #fff;
  /* Input */
  /* --- */
  --brick-input-height-base: 32px;
  --brick-input-height-lg: 40px;
  --brick-input-height-sm: 24px;
  --brick-input-padding-horizontal: 11px;
  --brick-input-padding-horizontal-base: 11px;
  --brick-input-padding-horizontal-sm: 7px;
  --brick-input-padding-horizontal-lg: 11px;
  --brick-input-padding-vertical-base: 4px;
  --brick-input-padding-vertical-sm: 0px;
  --brick-input-padding-vertical-lg: 6.5px;
  --brick-input-placeholder-color: #bfbfbf;
  --brick-input-color: rgba(0, 0, 0, 0.85);
  --brick-input-icon-color: rgba(0, 0, 0, 0.85);
  --brick-input-border-color: #d9d9d9;
  --brick-input-bg: #fff;
  --brick-input-number-hover-border-color: #40a9ff;
  --brick-input-number-handler-active-bg: #f4f4f4;
  --brick-input-number-handler-hover-bg: #40a9ff;
  --brick-input-number-handler-bg: #fff;
  --brick-input-number-handler-border-color: #d9d9d9;
  --brick-input-addon-bg: #fafafa;
  --brick-input-hover-border-color: #40a9ff;
  --brick-input-disabled-bg: #f5f5f5;
  --brick-input-outline-offset: 0 0;
  --brick-input-icon-hover-color: rgba(0, 0, 0, 0.85);
  --brick-input-disabled-color: rgba(0, 0, 0, 0.25);
  /* Mentions */
  /* --- */
  --brick-mentions-dropdown-bg: #fff;
  --brick-mentions-dropdown-menu-item-hover-bg: #fff;
  /* Select */
  /* --- */
  --brick-select-border-color: #d9d9d9;
  --brick-select-item-selected-color: rgba(0, 0, 0, 0.85);
  --brick-select-item-selected-font-weight: 600;
  --brick-select-dropdown-bg: #fff;
  --brick-select-item-selected-bg: #e6f7ff;
  --brick-select-item-active-bg: #f5f5f5;
  --brick-select-dropdown-vertical-padding: 5px;
  --brick-select-dropdown-font-size: 14px;
  --brick-select-dropdown-line-height: 22px;
  --brick-select-dropdown-height: 32px;
  --brick-select-background: #fff;
  --brick-select-clear-background: #fff;
  --brick-select-selection-item-bg: #f5f5f5;
  --brick-select-selection-item-border-color: #f0f0f0;
  --brick-select-single-item-height-lg: 40px;
  --brick-select-multiple-item-height: 24px;
  --brick-select-multiple-item-height-lg: 32px;
  --brick-select-multiple-item-spacing-half: 2px;
  --brick-select-multiple-disabled-background: #f5f5f5;
  --brick-select-multiple-item-disabled-color: #bfbfbf;
  --brick-select-multiple-item-disabled-border-color: #d9d9d9;
  /* Cascader */
  /* --- */
  --brick-cascader-bg: #fff;
  --brick-cascader-item-selected-bg: #e6f7ff;
  --brick-cascader-menu-bg: #fff;
  --brick-cascader-menu-border-color-split: #f0f0f0;
  --brick-cascader-dropdown-vertical-padding: 5px;
  --brick-cascader-dropdown-edge-child-vertical-padding: 4px;
  --brick-cascader-dropdown-font-size: 14px;
  --brick-cascader-dropdown-line-height: 22px;
  /* Anchor */
  /* --- */
  --brick-anchor-bg: transparent;
  --brick-anchor-border-color: #f0f0f0;
  --brick-anchor-link-top: 4px;
  --brick-anchor-link-left: 16px;
  --brick-anchor-link-padding: 4px 0 4px 16px;
  /* Tooltip */
  /* --- */
  --brick-tooltip-max-width: 250px;
  --brick-tooltip-color: #fff;
  --brick-tooltip-bg: rgba(0, 0, 0, 0.75);
  --brick-tooltip-arrow-width: 11.3137085px;
  --brick-tooltip-distance: 14.3137085px;
  --brick-tooltip-arrow-color: rgba(0, 0, 0, 0.75);
  /* Popover */
  --brick-popover-bg: #fff;
  --brick-popover-color: rgba(0, 0, 0, 0.85);
  --brick-popover-min-width: 177px;
  --brick-popover-min-height: 32px;
  --brick-popover-arrow-width: 11.3137085px;
  --brick-popover-arrow-color: #fff;
  --brick-popover-arrow-outer-color: #fff;
  --brick-popover-distance: 15.3137085px;
  --brick-popover-padding-horizontal: 16px;
  /* Modal */
  /* -- */
  --brick-modal-header-padding-vertical: 16px;
  --brick-modal-header-padding-horizontal: 24px;
  --brick-modal-body-padding: 24px;
  --brick-modal-header-bg: #fff;
  --brick-modal-header-padding: 16px 24px;
  --brick-modal-header-border-width: 1px;
  --brick-modal-header-border-style: solid;
  --brick-modal-header-title-line-height: 22px;
  --brick-modal-header-title-font-size: 16px;
  --brick-modal-header-border-color-split: #f0f0f0;
  --brick-modal-header-close-size: 54px;
  --brick-modal-content-bg: #fff;
  --brick-modal-heading-color: rgba(0, 0, 0, 0.85);
  --brick-modal-close-color: rgba(0, 0, 0, 0.45);
  --brick-modal-footer-bg: transparent;
  --brick-modal-footer-border-color-split: #f0f0f0;
  --brick-modal-footer-border-style: solid;
  --brick-modal-footer-padding-vertical: 10px;
  --brick-modal-footer-padding-horizontal: 16px;
  --brick-modal-footer-border-width: 1px;
  --brick-modal-mask-bg: rgba(0, 0, 0, 0.45);
  --brick-modal-confirm-body-padding: 32px 32px 24px;
  /* Progress */
  /* -- */
  --brick-progress-default-color: #1890ff;
  --brick-progress-remaining-color: #f5f5f5;
  --brick-progress-info-text-color: rgba(0, 0, 0, 0.85);
  --brick-progress-radius: 100px;
  --brick-progress-steps-item-bg: #f3f3f3;
  --brick-progress-text-font-size: 1em;
  --brick-progress-text-color: rgba(0, 0, 0, 0.85);
  --brick-progress-circle-text-font-size: 1em;
  /* Menu */
  /* --- */
  --brick-menu-inline-toplevel-item-height: 40px;
  --brick-menu-item-height: 40px;
  --brick-menu-item-group-height: 1.5715;
  --brick-menu-collapsed-width: 80px;
  --brick-menu-bg: #fff;
  --brick-menu-popup-bg: #fff;
  --brick-menu-item-color: rgba(0, 0, 0, 0.85);
  --brick-menu-inline-submenu-bg: #fafafa;
  --brick-menu-highlight-color: #1890ff;
  --brick-menu-highlight-danger-color: #ff4d4f;
  --brick-menu-item-active-bg: #e6f7ff;
  --brick-menu-item-active-danger-bg: #fff1f0;
  --brick-menu-item-active-border-width: 3px;
  --brick-menu-item-group-title-color: rgba(0, 0, 0, 0.45);
  --brick-menu-item-vertical-margin: 4px;
  --brick-menu-item-font-size: 14px;
  --brick-menu-item-boundary-margin: 8px;
  --brick-menu-item-padding-horizontal: 20px;
  --brick-menu-item-padding: 0 20px;
  --brick-menu-horizontal-line-height: 46px;
  --brick-menu-icon-margin-right: 10px;
  --brick-menu-icon-size: 14px;
  --brick-menu-icon-size-lg: 16px;
  --brick-menu-item-group-title-font-size: 14px;
  /* dark theme */
  --brick-menu-dark-color: rgba(255, 255, 255, 0.65);
  --brick-menu-dark-danger-color: #ff4d4f;
  --brick-menu-dark-bg: #001529;
  --brick-menu-dark-arrow-color: #fff;
  --brick-menu-dark-inline-submenu-bg: #000c17;
  --brick-menu-dark-highlight-color: #fff;
  --brick-menu-dark-item-active-bg: #1890ff;
  --brick-menu-dark-item-active-danger-bg: #ff4d4f;
  --brick-menu-dark-selected-item-icon-color: #fff;
  --brick-menu-dark-selected-item-text-color: #fff;
  --brick-menu-dark-item-hover-bg: transparent;
  /* Spin */
  /* --- */
  --brick-spin-dot-size-sm: 14px;
  --brick-spin-dot-size: 20px;
  --brick-spin-dot-size-lg: 32px;
  /* Table */
  /* -- */
  --brick-table-bg: #fff;
  --brick-table-header-bg: #fafafa;
  --brick-table-header-color: rgba(0, 0, 0, 0.85);
  --brick-table-header-sort-bg: #f5f5f5;
  --brick-table-body-sort-bg: #fafafa;
  --brick-table-row-hover-bg: #fafafa;
  --brick-table-selected-row-color: inherit;
  --brick-table-selected-row-bg: #e6f7ff;
  --brick-table-body-selected-sort-bg: #e6f7ff;
  --brick-table-selected-row-hover-bg: #dcf4ff;
  --brick-table-expanded-row-bg: #fbfbfb;
  --brick-table-padding-vertical: 16px;
  --brick-table-padding-horizontal: 16px;
  --brick-table-padding-vertical-md: 12px;
  --brick-table-padding-horizontal-md: 8px;
  --brick-table-padding-vertical-sm: 8px;
  --brick-table-padding-horizontal-sm: 8px;
  --brick-table-border-color: #f0f0f0;
  --brick-table-border-radius-base: 2px;
  --brick-table-footer-bg: #fafafa;
  --brick-table-footer-color: rgba(0, 0, 0, 0.85);
  --brick-table-header-bg-sm: #fafafa;
  --brick-table-font-size: 14px;
  --brick-table-font-size-md: 14px;
  --brick-table-font-size-sm: 14px;
  --brick-table-header-cell-split-color: rgba(0, 0, 0, 0.06);
  /* Sorter */
  /* Legacy: `table-header-sort-active-bg` is used for hover not real active */
  --brick-table-header-sort-active-bg: rgba(0, 0, 0, 0.04);
  --brick-table-fixed-header-sort-active-bg: #f5f5f5;
  /* Filter */
  --brick-table-header-filter-active-bg: rgba(0, 0, 0, 0.04);
  --brick-table-filter-btns-bg: inherit;
  --brick-table-filter-dropdown-bg: #fff;
  --brick-table-expand-icon-bg: #fff;
  --brick-table-selection-column-width: 32px;
  /* Sticky */
  --brick-table-sticky-scroll-bar-bg: rgba(0, 0, 0, 0.35);
  --brick-table-sticky-scroll-bar-radius: 4px;
  /* Tag */
  /* -- */
  --brick-tag-default-bg: #fafafa;
  --brick-tag-default-color: rgba(0, 0, 0, 0.85);
  --brick-tag-font-size: 12px;
  --brick-tag-line-height: 20px;
  /* TimePicker */
  /* --- */
  --brick-picker-bg: #fff;
  --brick-picker-basic-cell-hover-color: #f5f5f5;
  --brick-picker-basic-cell-active-with-range-color: #e6f7ff;
  --brick-picker-basic-cell-hover-with-range-color: #cbe6ff;
  --brick-picker-basic-cell-disabled-bg: rgba(0, 0, 0, 0.04);
  --brick-picker-border-color: #f0f0f0;
  --brick-picker-date-hover-range-border-color: #7ec1ff;
  --brick-picker-date-hover-range-color: #cbe6ff;
  --brick-picker-time-panel-column-width: 56px;
  --brick-picker-time-panel-column-height: 224px;
  --brick-picker-time-panel-cell-height: 28px;
  --brick-picker-panel-cell-height: 24px;
  --brick-picker-panel-cell-width: 36px;
  --brick-picker-text-height: 40px;
  --brick-picker-panel-without-time-cell-height: 66px;
  /* Calendar */
  /* --- */
  --brick-calendar-bg: #fff;
  --brick-calendar-input-bg: #fff;
  --brick-calendar-border-color: #fff;
  --brick-calendar-item-active-bg: #e6f7ff;
  --brick-calendar-full-bg: #fff;
  --brick-calendar-full-panel-bg: #fff;
  /* Carousel */
  /* --- */
  --brick-carousel-dot-width: 16px;
  --brick-carousel-dot-height: 3px;
  --brick-carousel-dot-active-width: 24px;
  /* Badge */
  /* --- */
  --brick-badge-height: 20px;
  --brick-badge-height-sm: 14px;
  --brick-badge-dot-size: 6px;
  --brick-badge-font-size: 12px;
  --brick-badge-font-size-sm: 12px;
  --brick-badge-font-weight: normal;
  --brick-badge-status-size: 6px;
  --brick-badge-text-color: #fff;
  --brick-badge-color: #ff4d4f;
  /* Rate */
  /* --- */
  --brick-rate-star-color: #fadb14;
  --brick-rate-star-bg: #f0f0f0;
  --brick-rate-star-size: 20px;
  --brick-rate-star-hover-scale: scale(1.1);
  /* Card */
  /* --- */
  --brick-card-head-color: rgba(0, 0, 0, 0.85);
  --brick-card-head-background: transparent;
  --brick-card-head-font-size: 16px;
  --brick-card-head-font-size-sm: 14px;
  --brick-card-head-padding: 16px;
  --brick-card-head-padding-sm: 8px;
  --brick-card-head-height: 48px;
  --brick-card-head-height-sm: 36px;
  --brick-card-inner-head-padding: 12px;
  --brick-card-padding-base: 24px;
  --brick-card-padding-base-sm: 12px;
  --brick-card-actions-background: #fff;
  --brick-card-actions-li-margin: 12px 0;
  --brick-card-skeleton-bg: #cfd8dc;
  --brick-card-background: #fff;
  --brick-card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  --brick-card-radius: 2px;
  --brick-card-head-tabs-margin-bottom: -17px;
  --brick-card-head-extra-color: rgba(0, 0, 0, 0.85);
  /* Comment */
  /* --- */
  --brick-comment-bg: inherit;
  --brick-comment-padding-base: 16px 0;
  --brick-comment-nest-indent: 44px;
  --brick-comment-font-size-base: 14px;
  --brick-comment-font-size-sm: 12px;
  --brick-comment-author-name-color: rgba(0, 0, 0, 0.45);
  --brick-comment-author-time-color: #ccc;
  --brick-comment-action-color: rgba(0, 0, 0, 0.45);
  --brick-comment-action-hover-color: #595959;
  --brick-comment-actions-margin-bottom: inherit;
  --brick-comment-actions-margin-top: 12px;
  --brick-comment-content-detail-p-margin-bottom: inherit;
  /* Tabs */
  /* --- */
  --brick-tabs-card-head-background: #fafafa;
  --brick-tabs-card-height: 40px;
  --brick-tabs-card-active-color: #1890ff;
  --brick-tabs-card-horizontal-padding: 8px 16px;
  --brick-tabs-card-horizontal-padding-sm: 6px 16px;
  --brick-tabs-card-horizontal-padding-lg: 7px 16px 6px;
  --brick-tabs-title-font-size: 14px;
  --brick-tabs-title-font-size-lg: 16px;
  --brick-tabs-title-font-size-sm: 14px;
  --brick-tabs-ink-bar-color: #1890ff;
  --brick-tabs-bar-margin: 0 0 16px 0;
  --brick-tabs-horizontal-gutter: 32px;
  --brick-tabs-horizontal-margin: 0 0 0 32px;
  --brick-tabs-horizontal-margin-rtl: 0 0 0 32px;
  --brick-tabs-horizontal-padding: 12px 0;
  --brick-tabs-horizontal-padding-lg: 16px 0;
  --brick-tabs-horizontal-padding-sm: 8px 0;
  --brick-tabs-vertical-padding: 8px 24px;
  --brick-tabs-vertical-margin: 16px 0 0 0;
  --brick-tabs-scrolling-size: 32px;
  --brick-tabs-highlight-color: #1890ff;
  --brick-tabs-hover-color: #40a9ff;
  --brick-tabs-active-color: #096dd9;
  --brick-tabs-card-gutter: 2px;
  --brick-tabs-card-tab-active-border-top: 2px solid transparent;
  /* BackTop */
  /* --- */
  --brick-back-top-color: #fff;
  --brick-back-top-bg: rgba(0, 0, 0, 0.45);
  --brick-back-top-hover-bg: rgba(0, 0, 0, 0.85);
  /* Avatar */
  /* --- */
  --brick-avatar-size-base: 32px;
  --brick-avatar-size-lg: 40px;
  --brick-avatar-size-sm: 24px;
  --brick-avatar-font-size-base: 18px;
  --brick-avatar-font-size-lg: 24px;
  --brick-avatar-font-size-sm: 14px;
  --brick-avatar-bg: #ccc;
  --brick-avatar-color: #fff;
  --brick-avatar-border-radius: 2px;
  --brick-avatar-group-overlapping: -8px;
  --brick-avatar-group-space: 3px;
  --brick-avatar-group-border-color: #fff;
  /* Switch */
  /* --- */
  --brick-switch-height: 22px;
  --brick-switch-sm-height: 16px;
  --brick-switch-min-width: 44px;
  --brick-switch-sm-min-width: 28px;
  --brick-switch-disabled-opacity: 0.4;
  --brick-switch-color: #1890ff;
  --brick-switch-bg: #fff;
  --brick-switch-shadow-color: rgba(0, 35, 11, 0.2);
  --brick-switch-padding: 2px;
  --brick-switch-inner-margin-min: 7px;
  --brick-switch-inner-margin-max: 25px;
  --brick-switch-sm-inner-margin-min: 5px;
  --brick-switch-sm-inner-margin-max: 18px;
  /* Pagination */
  /* --- */
  --brick-pagination-item-bg: #fff;
  --brick-pagination-item-size: 32px;
  --brick-pagination-item-size-sm: 24px;
  --brick-pagination-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --brick-pagination-font-weight-active: 500;
  --brick-pagination-item-bg-active: #fff;
  --brick-pagination-item-link-bg: #fff;
  --brick-pagination-item-disabled-color-active: rgba(0, 0, 0, 0.25);
  --brick-pagination-item-disabled-bg-active: #e6e6e6;
  --brick-pagination-item-input-bg: #fff;
  --brick-pagination-mini-options-size-changer-top: 0px;
  /* PageHeader */
  /* --- */
  --brick-page-header-padding: 24px;
  --brick-page-header-padding-vertical: 16px;
  --brick-page-header-padding-breadcrumb: 12px;
  --brick-page-header-content-padding-vertical: 12px;
  --brick-page-header-back-color: #000;
  --brick-page-header-ghost-bg: inherit;
  --brick-page-header-heading-title: 20px;
  --brick-page-header-heading-sub-title: 14px;
  --brick-page-header-tabs-tab-font-size: 16px;
  /* Breadcrumb */
  /* --- */
  --brick-breadcrumb-base-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-last-item-color: rgba(0, 0, 0, 0.85);
  --brick-breadcrumb-font-size: 14px;
  --brick-breadcrumb-icon-font-size: 14px;
  --brick-breadcrumb-link-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-link-color-hover: rgba(0, 0, 0, 0.85);
  --brick-breadcrumb-separator-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-separator-margin: 0 8px;
  /* Slider */
  /* --- */
  --brick-slider-margin: 10px 6px 10px;
  --brick-slider-rail-background-color: #f5f5f5;
  --brick-slider-rail-background-color-hover: #e1e1e1;
  --brick-slider-track-background-color: #91d5ff;
  --brick-slider-track-background-color-hover: #69c0ff;
  --brick-slider-handle-border-width: 2px;
  --brick-slider-handle-background-color: #fff;
  --brick-slider-handle-color: #91d5ff;
  --brick-slider-handle-color-hover: #69c0ff;
  --brick-slider-handle-color-focus: #46a6ff;
  --brick-slider-handle-color-focus-shadow: rgba(24, 144, 255, 0.12);
  --brick-slider-handle-color-tooltip-open: #1890ff;
  --brick-slider-handle-size: 14px;
  --brick-slider-handle-margin-top: -5px;
  --brick-slider-handle-shadow: 0;
  --brick-slider-dot-border-color: #f0f0f0;
  --brick-slider-dot-border-color-active: #8cc8ff;
  --brick-slider-disabled-color: rgba(0, 0, 0, 0.25);
  --brick-slider-disabled-background-color: #fff;
  /* Tree */
  /* --- */
  --brick-tree-bg: #fff;
  --brick-tree-title-height: 24px;
  --brick-tree-child-padding: 18px;
  --brick-tree-directory-selected-color: #fff;
  --brick-tree-directory-selected-bg: #1890ff;
  --brick-tree-node-hover-bg: #f5f5f5;
  --brick-tree-node-selected-bg: #bae7ff;
  /* Collapse */
  /* --- */
  --brick-collapse-header-padding: 12px 16px;
  --brick-collapse-header-padding-extra: 40px;
  --brick-collapse-header-bg: #fafafa;
  --brick-collapse-content-padding: 16px;
  --brick-collapse-content-bg: #fff;
  --brick-collapse-header-arrow-left: 16px;
  /* Skeleton */
  /* --- */
  --brick-skeleton-color: rgba(190, 190, 190, 0.2);
  --brick-skeleton-to-color: rgba(129, 129, 129, 0.24);
  --brick-skeleton-paragraph-margin-top: 28px;
  --brick-skeleton-paragraph-li-margin-top: 16px;
  --brick-skeleton-paragraph-li-height: 16px;
  --brick-skeleton-title-height: 16px;
  --brick-skeleton-title-paragraph-margin-top: 24px;
  /* Transfer */
  /* --- */
  --brick-transfer-header-height: 40px;
  --brick-transfer-item-height: 32px;
  --brick-transfer-disabled-bg: #f5f5f5;
  --brick-transfer-list-height: 200px;
  --brick-transfer-item-hover-bg: #f5f5f5;
  --brick-transfer-item-padding-vertical: 6px;
  --brick-transfer-list-search-icon-top: 12px;
  /* Message */
  /* --- */
  --brick-message-notice-content-padding: 10px 16px;
  --brick-message-notice-content-bg: #fff;
  /* Motion */
  /* --- */
  --brick-wave-animation-width: 6px;
  /* Alert */
  /* --- */
  --brick-alert-success-border-color: #b7eb8f;
  --brick-alert-success-bg-color: #f6ffed;
  --brick-alert-success-icon-color: #52c41a;
  --brick-alert-info-border-color: #91d5ff;
  --brick-alert-info-bg-color: #e6f7ff;
  --brick-alert-info-icon-color: #1890ff;
  --brick-alert-warning-border-color: #ffe58f;
  --brick-alert-warning-bg-color: #fffbe6;
  --brick-alert-warning-icon-color: #faad14;
  --brick-alert-error-border-color: #ffccc7;
  --brick-alert-error-bg-color: #fff2f0;
  --brick-alert-error-icon-color: #ff4d4f;
  --brick-alert-message-color: rgba(0, 0, 0, 0.85);
  --brick-alert-text-color: rgba(0, 0, 0, 0.85);
  --brick-alert-close-color: rgba(0, 0, 0, 0.45);
  --brick-alert-close-hover-color: rgba(0, 0, 0, 0.75);
  --brick-alert-no-icon-padding-vertical: 8px;
  --brick-alert-with-description-no-icon-padding-vertical: 15px;
  --brick-alert-with-description-padding-vertical: 15px;
  --brick-alert-with-description-padding: 15px 15px 15px 24px;
  --brick-alert-icon-top: 12.0005px;
  --brick-alert-with-description-icon-size: 24px;
  /* List */
  /* --- */
  --brick-list-header-background: transparent;
  --brick-list-footer-background: transparent;
  --brick-list-empty-text-padding: 16px;
  --brick-list-item-padding: 12px 0;
  --brick-list-item-padding-sm: 8px 16px;
  --brick-list-item-padding-lg: 16px 24px;
  --brick-list-item-meta-margin-bottom: 16px;
  --brick-list-item-meta-avatar-margin-right: 16px;
  --brick-list-item-meta-title-margin-bottom: 12px;
  --brick-list-customize-card-bg: #fff;
  --brick-list-item-meta-description-font-size: 14px;
  /* Statistic */
  /* --- */
  --brick-statistic-title-font-size: 14px;
  --brick-statistic-content-font-size: 24px;
  --brick-statistic-unit-font-size: 24px;
  --brick-statistic-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  /* Drawer */
  /* --- */
  --brick-drawer-header-padding: 16px 24px;
  --brick-drawer-body-padding: 24px;
  --brick-drawer-bg: #fff;
  --brick-drawer-footer-padding-vertical: 10px;
  --brick-drawer-footer-padding-horizontal: 16px;
  --brick-drawer-header-close-size: 56px;
  /* Timeline */
  /* --- */
  --brick-timeline-width: 2px;
  --brick-timeline-color: #f0f0f0;
  --brick-timeline-dot-border-width: 2px;
  --brick-timeline-dot-color: #1890ff;
  --brick-timeline-dot-bg: #fff;
  --brick-timeline-item-padding-bottom: 20px;
  /* Typography */
  /* --- */
  --brick-typography-title-font-weight: 600;
  --brick-typography-title-margin-top: 1.2em;
  --brick-typography-title-margin-bottom: 0.5em;
  /* Upload */
  /* --- */
  --brick-upload-actions-color: rgba(0, 0, 0, 0.45);
  /* Steps */
  /* --- */
  --brick-process-tail-color: #f0f0f0;
  --brick-steps-nav-arrow-color: rgba(0, 0, 0, 0.25);
  --brick-steps-background: #fff;
  --brick-steps-icon-size: 32px;
  --brick-steps-icon-custom-size: 32px;
  --brick-steps-icon-custom-top: 0px;
  --brick-steps-icon-custom-font-size: 24px;
  --brick-steps-icon-top: -0.5px;
  --brick-steps-icon-font-size: 16px;
  --brick-steps-icon-margin: 0 8px 0 0;
  --brick-steps-title-line-height: 32px;
  --brick-steps-small-icon-size: 24px;
  --brick-steps-small-icon-margin: 0 8px 0 0;
  --brick-steps-dot-size: 8px;
  --brick-steps-dot-top: 2px;
  --brick-steps-current-dot-size: 10px;
  --brick-steps-description-max-width: 140px;
  --brick-steps-nav-content-max-width: auto;
  --brick-steps-vertical-icon-width: 16px;
  --brick-steps-vertical-tail-width: 16px;
  --brick-steps-vertical-tail-width-sm: 12px;
  /* Notification */
  /* --- */
  --brick-notification-bg: #fff;
  --brick-notification-padding-vertical: 16px;
  --brick-notification-padding-horizontal: 24px;
  /*  Result */
  /* --- */
  --brick-result-title-font-size: 24px;
  --brick-result-subtitle-font-size: 14px;
  --brick-result-icon-font-size: 72px;
  --brick-result-extra-margin: 24px 0 0 0;
  /* Image */
  /* --- */
  --brick-image-size-base: 48px;
  --brick-image-font-size-base: 24px;
  --brick-image-bg: #f5f5f5;
  --brick-image-color: #fff;
  --brick-image-mask-font-size: 16px;
  --brick-image-preview-operation-size: 18px;
  --brick-image-preview-operation-color: rgba(255, 255, 255, 0.85);
  --brick-image-preview-operation-disabled-color: rgba(255, 255, 255, 0.25);
}
/**  继承自antd的样式变量 END **/
/**/
/**  Brick 自定义样式变量 START **/
html {
  /* base */
  --brick-height-xs: 20px;
  --brick-text-color-thirdly: rgba(0, 0, 0, 0.25);
  --brick-font-size-xl: 24px;
  /* component */
  /* tag */
  --brick-tag-margin-base: 10px;
  --brick-tag-margin-sm: 5px;
  --brick-tag-active-border-color: var(--brick-primary-color);
  --brick-tag-active-text-color: var(--brick-primary-color);
  --brick-tag-active-bg-color: var(--brick-component-background);
  --brick-table-tr-zebra-background: #f9f9f9;
  --brick-table-tr-selected-background: #e6f7ff;
  --brick-table-tr-hover-background: #e6f7ff;
  --brick-layout-background-color: #f5f5f5;
  --brick-header-height-base: 48px;
  --brick-header-item-hover: rgba(0, 0, 0, 0.03);
  --brick-header-shadow: 0px 1px 4px rgba(0, 21, 41, 0.11764706);
  --brick-menu-trigger-bg-color: #00152a;
  --brick-menu-trigger-border-top-color: #141c25;
  --brick-menu-trigger-padding: 0 12px 0 16px;
  --brick-menu-trigger-collapsed-padding: 0 32px;
  --brick-menu-logo-padding-left: 16px;
  --brick-menu-logo-font-size: 20px;
  --brick-menu-logo-font-weight: bold;
  --brick-menu-logo-letter-spacing: 1px;
  --brick-menu-width: 208px;
  --brick-menu-search-padding: 10px 0 5px;
  --brick-menu-search-input-clear-icon-color: rgba(255, 255, 255, 0.65);
  --brick-menu-search-input-padding: 0 0 0 5px;
  --brick-menu-search-input-placeholder-color: #999;
  --brick-menu-collection-border-bottom-color: rgba(255, 255, 255, 0.1);
  --brick-menu-collection-item-padding-left: 32px;
  --brick-menu-collection-item-padding-left-collapsed: 16px;
  --brick-menu-overview-collection-empty-margin-top: 120px;
  --brick-menu-overview-collection-padding-top: 20px;
  --brick-menu-overview-collection-bg-color: #f7f7f7;
  --brick-menu-overview-waterfull-title-height: 40px;
  --brick-menu-overview-waterfull-title-border-radius: 4px;
  --brick-menu-overview-waterfull-title-bg-color: rgba(0, 0, 0, 0.03);
  --brick-menu-overview-item-hover-bg: rgba(0, 0, 0, 0.03);
  --brick-menu-overview-item-text-color: rgba(0, 0, 0, 0.65);
  --time-range-picker-right-panel-width: 242px;
  --time-range-picker-right-panel-hour-and-minute-width: 200px;
  --time-range-picker-right-panel-hour-width: 160px;
  --time-range-picker-time-panel-line-height: 40px;
  --brick-date-picker-holiday-color: #ff3546;
  --brick-date-picker-work-color: #ffa900;
  --brick-date-picker-special-color: #4ea6ff;
  --brick-date-picker-solar-color: rgba(0, 0, 0, 0.25);
  --brick-page-header-banner-description-color: rgba(0, 0, 0, 0.65);
  --brick-page-header-banner-padding: 14px 24px;
}
/**  Brick 自定义样式变量 END **/
.search-highlight {
  color: var(--brick-primary-color);
}
.brick-modal-selector-tree .ant-spin-blur {
  overflow: initial;
}
.brick-modal-selector-tree-content {
  display: -webkit-flex;
  display: flex;
  margin-top: var(--brick-margin-md);
}
.brick-modal-selector-tree-content-tree {
  width: calc(33% - 20px);
  max-height: 433px;
  overflow-y: auto;
  padding: var(--brick-padding-xs);
  border: var(--brick-border-width-base) solid var(--brick-table-border-color);
}
.brick-modal-selector-tree-content-icon {
  width: 40px;
  min-width: 40px;
  position: relative;
}
.brick-modal-selector-tree-content-icon-i {
  font-size: var(--brick-font-size-xl);
  position: absolute;
  top: 40%;
  color: var(--brick-text-color-secondary);
  margin: var(--brick-margin-xs);
}
.brick-modal-selector-tree-content-table {
  width: calc(66%);
  position: relative;
}
.brick-modal-selector-tree-tree-search-value {
  color: var(--brick-primary-color);
}
.brick-modal-selector-tree-font-link {
  color: var(--brick-primary-color);
  cursor: pointer;
}
.brick-modal-selector-tree-clear {
  position: absolute;
  bottom: 18px;
}

/* stylelint-disable */
/* 组件库 style变量 集合 */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**/
/**/
/* 为统一brick与antd的换肤功能，brick主要样式变量全部继承自antd，以便项目对antd主题进行变更时，能同样对brick生效 */
/* 新增自定义brick变量见本文件底部，按组件分类 */
/**/
/* brick提供css样式变量与less样式变量 */
/**/
/**  继承自antd的样式变量 START **/
/**/
html {
  /* -------- Colors ----------- */
  --brick-primary-color: #1890ff;
  --brick-info-color: #1890ff;
  --brick-success-color: #52c41a;
  --brick-processing-color: #1890ff;
  --brick-error-color: #ff4d4f;
  --brick-highlight-color: #ff4d4f;
  --brick-warning-color: #faad14;
  --brick-normal-color: #d9d9d9;
  --brick-white: #fff;
  --brick-black: #000;
  /* Color used by default to control hover and active backgrounds and for alert info backgrounds. */
  --brick-primary-1: #e6f7ff;
  --brick-primary-2: #bae7ff;
  --brick-primary-3: #91d5ff;
  --brick-primary-4: #69c0ff;
  --brick-primary-5: #40a9ff;
  --brick-primary-6: #1890ff;
  --brick-primary-7: #096dd9;
  --brick-primary-8: #0050b3;
  --brick-primary-9: #003a8c;
  --brick-primary-10: #002766;
  /* Base Scaffolding Variables */
  /* --- */
  /* Background color for `<body>` */
  --brick-body-background: #fff;
  /* Base background color for most components */
  --brick-component-background: #fff;
  /* Popover background color */
  --brick-popover-background: #fff;
  --brick-popover-customize-border-color: #f0f0f0;
  --brick-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --brick-code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  --brick-text-color: rgba(0, 0, 0, 0.85);
  --brick-text-color-secondary: rgba(0, 0, 0, 0.45);
  --brick-text-color-inverse: #fff;
  --brick-icon-color: inherit;
  --brick-icon-color-hover: rgba(0, 0, 0, 0.75);
  --brick-heading-color: rgba(0, 0, 0, 0.85);
  --brick-text-color-dark: rgba(255, 255, 255, 0.85);
  --brick-text-color-secondary-dark: rgba(255, 255, 255, 0.65);
  --brick-text-selection-bg: #1890ff;
  --brick-font-variant-base: tabular-nums;
  --brick-font-feature-settings-base: 'tnum';
  --brick-font-size-base: 14px;
  --brick-font-size-lg: 16px;
  --brick-font-size-sm: 12px;
  --brick-heading-1-size: 38px;
  --brick-heading-2-size: 30px;
  --brick-heading-3-size: 24px;
  --brick-heading-4-size: 20px;
  --brick-heading-5-size: 16px;
  --brick-line-height-base: 1.5715;
  --brick-border-radius-base: 2px;
  --brick-border-radius-sm: 2px;
  /* vertical paddings */
  --brick-padding-lg: 24px;
  --brick-padding-md: 16px;
  --brick-padding-sm: 12px;
  --brick-padding-xs: 8px;
  --brick-padding-xss: 4px;
  /* vertical padding for all form controls */
  --brick-control-padding-horizontal: 12px;
  --brick-control-padding-horizontal-sm: 8px;
  /* vertical margins */
  --brick-margin-lg: 24px;
  --brick-margin-md: 16px;
  --brick-margin-sm: 12px;
  --brick-margin-xs: 8px;
  --brick-margin-xss: 4px;
  /* height rules */
  --brick-height-base: 32px;
  --brick-height-lg: 40px;
  --brick-height-sm: 24px;
  /* The background colors for active and hover states for things like */
  /* list items or table cells. */
  --brick-item-active-bg: #e6f7ff;
  --brick-item-hover-bg: #f5f5f5;
  /* ICONFONT */
  --brick-iconfont-css-prefix: anticon;
  /* LINK */
  --brick-link-color: #1890ff;
  --brick-link-hover-color: #40a9ff;
  --brick-link-active-color: #096dd9;
  --brick-link-decoration: none;
  --brick-link-hover-decoration: none;
  --brick-link-focus-decoration: none;
  --brick-link-focus-outline: 0;
  /* Animation */
  --brick-ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
  --brick-ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
  --brick-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --brick-ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --brick-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --brick-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
  --brick-ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
  --brick-ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
  --brick-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
  --brick-ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  --brick-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  --brick-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --brick-ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --brick-ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  /* Border color */
  --brick-border-color-base: #d9d9d9;
  --brick-border-color-split: #f0f0f0;
  --brick-border-color-inverse: #fff;
  --brick-border-width-base: 1px;
  --brick-border-style-base: solid;
  /* Outline */
  --brick-outline-blur-size: 0;
  --brick-outline-width: 2px;
  --brick-outline-color: #1890ff;
  --brick-outline-fade: 20%;
  --brick-background-color-light: #fafafa;
  --brick-background-color-base: #f5f5f5;
  /* Disabled states */
  --brick-disabled-color: rgba(0, 0, 0, 0.25);
  --brick-disabled-bg: #f5f5f5;
  --brick-disabled-active-bg: #e6e6e6;
  --brick-disabled-color-dark: rgba(255, 255, 255, 0.35);
  /* Shadow */
  --brick-shadow-color: rgba(0, 0, 0, 0.15);
  --brick-shadow-color-inverse: #fff;
  --brick-box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --brick-shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-left: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-2: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  /* Buttons */
  --brick-btn-font-weight: 400;
  --brick-btn-border-radius-base: 2px;
  --brick-btn-border-radius-sm: 2px;
  --brick-btn-border-width: 1px;
  --brick-btn-border-style: solid;
  --brick-btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  --brick-btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  --brick-btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  --brick-btn-primary-color: #fff;
  --brick-btn-primary-bg: #1890ff;
  --brick-btn-default-color: rgba(0, 0, 0, 0.85);
  --brick-btn-default-bg: #fff;
  --brick-btn-default-border: #d9d9d9;
  --brick-btn-danger-color: #fff;
  --brick-btn-danger-bg: #ff4d4f;
  --brick-btn-danger-border: #ff4d4f;
  --brick-btn-disable-color: rgba(0, 0, 0, 0.25);
  --brick-btn-disable-bg: #f5f5f5;
  --brick-btn-disable-border: #d9d9d9;
  --brick-btn-default-ghost-color: #fff;
  --brick-btn-default-ghost-bg: transparent;
  --brick-btn-default-ghost-border: #fff;
  --brick-btn-font-size-lg: 16px;
  --brick-btn-font-size-sm: 14px;
  --brick-btn-padding-horizontal-base: 15px;
  --brick-btn-padding-horizontal-lg: 15px;
  --brick-btn-padding-horizontal-sm: 7px;
  --brick-btn-height-base: 32px;
  --brick-btn-height-lg: 40px;
  --brick-btn-height-sm: 24px;
  --brick-btn-line-height: 1.5715;
  --brick-btn-circle-size: 32px;
  --brick-btn-circle-size-lg: 40px;
  --brick-btn-circle-size-sm: 24px;
  --brick-btn-square-size: 32px;
  --brick-btn-square-size-lg: 40px;
  --brick-btn-square-size-sm: 24px;
  --brick-btn-square-only-icon-size: 16px;
  --brick-btn-square-only-icon-size-sm: 14px;
  --brick-btn-square-only-icon-size-lg: 18px;
  --brick-btn-group-border: #40a9ff;
  --brick-btn-link-hover-bg: transparent;
  --brick-btn-text-hover-bg: rgba(0, 0, 0, 0.018);
  /* Checkbox */
  --brick-checkbox-size: 16px;
  --brick-checkbox-color: #1890ff;
  --brick-checkbox-check-color: #fff;
  --brick-checkbox-check-bg: #fff;
  --brick-checkbox-border-width: 1px;
  --brick-checkbox-group-item-margin-right: 8px;
  /* Descriptions */
  --brick-descriptions-bg: #fafafa;
  --brick-descriptions-title-margin-bottom: 20px;
  --brick-descriptions-default-padding: 16px 24px;
  --brick-descriptions-middle-padding: 12px 24px;
  --brick-descriptions-small-padding: 8px 16px;
  --brick-descriptions-item-padding-bottom: 16px;
  --brick-descriptions-item-trailing-colon: true;
  --brick-descriptions-item-label-colon-margin-right: 8px;
  --brick-descriptions-item-label-colon-margin-left: 2px;
  --brick-descriptions-extra-color: rgba(0, 0, 0, 0.85);
  /* Divider */
  --brick-divider-text-padding: 1em;
  --brick-divider-orientation-margin: 5%;
  --brick-divider-color: rgba(0, 0, 0, 0.06);
  /* Dropdown */
  --brick-dropdown-selected-color: #1890ff;
  --brick-dropdown-menu-submenu-disabled-bg: #fff;
  /* Empty */
  --brick-empty-font-size: 14px;
  /* Radio */
  --brick-radio-size: 16px;
  --brick-radio-top: 0.2em;
  --brick-radio-border-width: 1px;
  --brick-radio-dot-size: 8px;
  --brick-radio-dot-color: #1890ff;
  --brick-radio-dot-disabled-color: rgba(0, 0, 0, 0.2);
  --brick-radio-solid-checked-color: #fff;
  /* Radio buttons */
  --brick-radio-button-bg: #fff;
  --brick-radio-button-checked-bg: #fff;
  --brick-radio-button-color: rgba(0, 0, 0, 0.85);
  --brick-radio-button-hover-color: #40a9ff;
  --brick-radio-button-active-color: #096dd9;
  --brick-radio-disabled-button-checked-bg: #e6e6e6;
  --brick-radio-disabled-button-checked-color: rgba(0, 0, 0, 0.25);
  --brick-radio-wrapper-margin-right: 8px;
  /* Media queries breakpoints */
  /* @screen-xs and @screen-xs-min is not used in Grid */
  /* smallest break point is @screen-md */
  --brick-screen-xs: 480px;
  --brick-screen-xs-min: 480px;
  /* 👆 Extra small screen / phone */
  /* 👇 Small screen / tablet */
  --brick-screen-sm: 576px;
  --brick-screen-sm-min: 576px;
  /* Medium screen / desktop */
  --brick-screen-md: 768px;
  --brick-screen-md-min: 768px;
  /* Large screen / wide desktop */
  --brick-screen-lg: 992px;
  --brick-screen-lg-min: 992px;
  /* Extra large screen / full hd */
  --brick-screen-xl: 1200px;
  --brick-screen-xl-min: 1200px;
  /* Extra extra large screen / large desktop */
  --brick-screen-xxl: 1600px;
  --brick-screen-xxl-min: 1600px;
  /* provide a maximum */
  --brick-screen-xs-max: 575px;
  --brick-screen-sm-max: 767px;
  --brick-screen-md-max: 991px;
  --brick-screen-lg-max: 1199px;
  --brick-screen-xl-max: 1599px;
  /* Grid system */
  --brick-grid-columns: 24;
  /* Layout */
  --brick-layout-body-background: #f0f2f5;
  --brick-layout-header-background: #001529;
  --brick-layout-header-height: 64px;
  --brick-layout-header-padding: 0 50px;
  --brick-layout-header-color: rgba(0, 0, 0, 0.85);
  --brick-layout-footer-padding: 24px 50px;
  --brick-layout-footer-background: #f0f2f5;
  --brick-layout-sider-background: #001529;
  --brick-layout-trigger-height: 48px;
  --brick-layout-trigger-background: #002140;
  --brick-layout-trigger-color: #fff;
  --brick-layout-zero-trigger-width: 36px;
  --brick-layout-zero-trigger-height: 42px;
  /* Layout light theme */
  --brick-layout-sider-background-light: #fff;
  --brick-layout-trigger-background-light: #fff;
  --brick-layout-trigger-color-light: rgba(0, 0, 0, 0.85);
  /* z-index list, order by `z-index` */
  --brick-zindex-badge: auto;
  --brick-zindex-table-fixed: 2;
  --brick-zindex-affix: 10;
  --brick-zindex-back-top: 10;
  --brick-zindex-picker-panel: 10;
  --brick-zindex-popup-close: 10;
  --brick-zindex-modal: 1000;
  --brick-zindex-modal-mask: 1000;
  --brick-zindex-message: 1010;
  --brick-zindex-notification: 1010;
  --brick-zindex-popover: 1030;
  --brick-zindex-dropdown: 1050;
  --brick-zindex-picker: 1050;
  --brick-zindex-popoconfirm: 1060;
  --brick-zindex-tooltip: 1070;
  --brick-zindex-image: 1080;
  /* Animation */
  --brick-animation-duration-slow: 0.3s;
  --brick-animation-duration-base: 0.2s;
  --brick-animation-duration-fast: 0.1s;
  --brick-collapse-panel-border-radius: 2px;
  --brick-dropdown-menu-bg: #fff;
  --brick-dropdown-vertical-padding: 5px;
  --brick-dropdown-edge-child-vertical-padding: 4px;
  --brick-dropdown-font-size: 14px;
  --brick-dropdown-line-height: 22px;
  --brick-label-required-color: #ff4d4f;
  --brick-label-color: rgba(0, 0, 0, 0.85);
  /* Form */
  /* --- */
  --brick-form-warning-input-bg: #fff;
  --brick-form-item-margin-bottom: 24px;
  --brick-form-item-trailing-colon: true;
  --brick-form-vertical-label-padding: 0 0 8px;
  --brick-form-vertical-label-margin: 0;
  --brick-form-item-label-font-size: 14px;
  --brick-form-item-label-height: 32px;
  --brick-form-item-label-colon-margin-right: 8px;
  --brick-form-item-label-colon-margin-left: 2px;
  --brick-form-error-input-bg: #fff;
  /* Input */
  /* --- */
  --brick-input-height-base: 32px;
  --brick-input-height-lg: 40px;
  --brick-input-height-sm: 24px;
  --brick-input-padding-horizontal: 11px;
  --brick-input-padding-horizontal-base: 11px;
  --brick-input-padding-horizontal-sm: 7px;
  --brick-input-padding-horizontal-lg: 11px;
  --brick-input-padding-vertical-base: 4px;
  --brick-input-padding-vertical-sm: 0px;
  --brick-input-padding-vertical-lg: 6.5px;
  --brick-input-placeholder-color: #bfbfbf;
  --brick-input-color: rgba(0, 0, 0, 0.85);
  --brick-input-icon-color: rgba(0, 0, 0, 0.85);
  --brick-input-border-color: #d9d9d9;
  --brick-input-bg: #fff;
  --brick-input-number-hover-border-color: #40a9ff;
  --brick-input-number-handler-active-bg: #f4f4f4;
  --brick-input-number-handler-hover-bg: #40a9ff;
  --brick-input-number-handler-bg: #fff;
  --brick-input-number-handler-border-color: #d9d9d9;
  --brick-input-addon-bg: #fafafa;
  --brick-input-hover-border-color: #40a9ff;
  --brick-input-disabled-bg: #f5f5f5;
  --brick-input-outline-offset: 0 0;
  --brick-input-icon-hover-color: rgba(0, 0, 0, 0.85);
  --brick-input-disabled-color: rgba(0, 0, 0, 0.25);
  /* Mentions */
  /* --- */
  --brick-mentions-dropdown-bg: #fff;
  --brick-mentions-dropdown-menu-item-hover-bg: #fff;
  /* Select */
  /* --- */
  --brick-select-border-color: #d9d9d9;
  --brick-select-item-selected-color: rgba(0, 0, 0, 0.85);
  --brick-select-item-selected-font-weight: 600;
  --brick-select-dropdown-bg: #fff;
  --brick-select-item-selected-bg: #e6f7ff;
  --brick-select-item-active-bg: #f5f5f5;
  --brick-select-dropdown-vertical-padding: 5px;
  --brick-select-dropdown-font-size: 14px;
  --brick-select-dropdown-line-height: 22px;
  --brick-select-dropdown-height: 32px;
  --brick-select-background: #fff;
  --brick-select-clear-background: #fff;
  --brick-select-selection-item-bg: #f5f5f5;
  --brick-select-selection-item-border-color: #f0f0f0;
  --brick-select-single-item-height-lg: 40px;
  --brick-select-multiple-item-height: 24px;
  --brick-select-multiple-item-height-lg: 32px;
  --brick-select-multiple-item-spacing-half: 2px;
  --brick-select-multiple-disabled-background: #f5f5f5;
  --brick-select-multiple-item-disabled-color: #bfbfbf;
  --brick-select-multiple-item-disabled-border-color: #d9d9d9;
  /* Cascader */
  /* --- */
  --brick-cascader-bg: #fff;
  --brick-cascader-item-selected-bg: #e6f7ff;
  --brick-cascader-menu-bg: #fff;
  --brick-cascader-menu-border-color-split: #f0f0f0;
  --brick-cascader-dropdown-vertical-padding: 5px;
  --brick-cascader-dropdown-edge-child-vertical-padding: 4px;
  --brick-cascader-dropdown-font-size: 14px;
  --brick-cascader-dropdown-line-height: 22px;
  /* Anchor */
  /* --- */
  --brick-anchor-bg: transparent;
  --brick-anchor-border-color: #f0f0f0;
  --brick-anchor-link-top: 4px;
  --brick-anchor-link-left: 16px;
  --brick-anchor-link-padding: 4px 0 4px 16px;
  /* Tooltip */
  /* --- */
  --brick-tooltip-max-width: 250px;
  --brick-tooltip-color: #fff;
  --brick-tooltip-bg: rgba(0, 0, 0, 0.75);
  --brick-tooltip-arrow-width: 11.3137085px;
  --brick-tooltip-distance: 14.3137085px;
  --brick-tooltip-arrow-color: rgba(0, 0, 0, 0.75);
  /* Popover */
  --brick-popover-bg: #fff;
  --brick-popover-color: rgba(0, 0, 0, 0.85);
  --brick-popover-min-width: 177px;
  --brick-popover-min-height: 32px;
  --brick-popover-arrow-width: 11.3137085px;
  --brick-popover-arrow-color: #fff;
  --brick-popover-arrow-outer-color: #fff;
  --brick-popover-distance: 15.3137085px;
  --brick-popover-padding-horizontal: 16px;
  /* Modal */
  /* -- */
  --brick-modal-header-padding-vertical: 16px;
  --brick-modal-header-padding-horizontal: 24px;
  --brick-modal-body-padding: 24px;
  --brick-modal-header-bg: #fff;
  --brick-modal-header-padding: 16px 24px;
  --brick-modal-header-border-width: 1px;
  --brick-modal-header-border-style: solid;
  --brick-modal-header-title-line-height: 22px;
  --brick-modal-header-title-font-size: 16px;
  --brick-modal-header-border-color-split: #f0f0f0;
  --brick-modal-header-close-size: 54px;
  --brick-modal-content-bg: #fff;
  --brick-modal-heading-color: rgba(0, 0, 0, 0.85);
  --brick-modal-close-color: rgba(0, 0, 0, 0.45);
  --brick-modal-footer-bg: transparent;
  --brick-modal-footer-border-color-split: #f0f0f0;
  --brick-modal-footer-border-style: solid;
  --brick-modal-footer-padding-vertical: 10px;
  --brick-modal-footer-padding-horizontal: 16px;
  --brick-modal-footer-border-width: 1px;
  --brick-modal-mask-bg: rgba(0, 0, 0, 0.45);
  --brick-modal-confirm-body-padding: 32px 32px 24px;
  /* Progress */
  /* -- */
  --brick-progress-default-color: #1890ff;
  --brick-progress-remaining-color: #f5f5f5;
  --brick-progress-info-text-color: rgba(0, 0, 0, 0.85);
  --brick-progress-radius: 100px;
  --brick-progress-steps-item-bg: #f3f3f3;
  --brick-progress-text-font-size: 1em;
  --brick-progress-text-color: rgba(0, 0, 0, 0.85);
  --brick-progress-circle-text-font-size: 1em;
  /* Menu */
  /* --- */
  --brick-menu-inline-toplevel-item-height: 40px;
  --brick-menu-item-height: 40px;
  --brick-menu-item-group-height: 1.5715;
  --brick-menu-collapsed-width: 80px;
  --brick-menu-bg: #fff;
  --brick-menu-popup-bg: #fff;
  --brick-menu-item-color: rgba(0, 0, 0, 0.85);
  --brick-menu-inline-submenu-bg: #fafafa;
  --brick-menu-highlight-color: #1890ff;
  --brick-menu-highlight-danger-color: #ff4d4f;
  --brick-menu-item-active-bg: #e6f7ff;
  --brick-menu-item-active-danger-bg: #fff1f0;
  --brick-menu-item-active-border-width: 3px;
  --brick-menu-item-group-title-color: rgba(0, 0, 0, 0.45);
  --brick-menu-item-vertical-margin: 4px;
  --brick-menu-item-font-size: 14px;
  --brick-menu-item-boundary-margin: 8px;
  --brick-menu-item-padding-horizontal: 20px;
  --brick-menu-item-padding: 0 20px;
  --brick-menu-horizontal-line-height: 46px;
  --brick-menu-icon-margin-right: 10px;
  --brick-menu-icon-size: 14px;
  --brick-menu-icon-size-lg: 16px;
  --brick-menu-item-group-title-font-size: 14px;
  /* dark theme */
  --brick-menu-dark-color: rgba(255, 255, 255, 0.65);
  --brick-menu-dark-danger-color: #ff4d4f;
  --brick-menu-dark-bg: #001529;
  --brick-menu-dark-arrow-color: #fff;
  --brick-menu-dark-inline-submenu-bg: #000c17;
  --brick-menu-dark-highlight-color: #fff;
  --brick-menu-dark-item-active-bg: #1890ff;
  --brick-menu-dark-item-active-danger-bg: #ff4d4f;
  --brick-menu-dark-selected-item-icon-color: #fff;
  --brick-menu-dark-selected-item-text-color: #fff;
  --brick-menu-dark-item-hover-bg: transparent;
  /* Spin */
  /* --- */
  --brick-spin-dot-size-sm: 14px;
  --brick-spin-dot-size: 20px;
  --brick-spin-dot-size-lg: 32px;
  /* Table */
  /* -- */
  --brick-table-bg: #fff;
  --brick-table-header-bg: #fafafa;
  --brick-table-header-color: rgba(0, 0, 0, 0.85);
  --brick-table-header-sort-bg: #f5f5f5;
  --brick-table-body-sort-bg: #fafafa;
  --brick-table-row-hover-bg: #fafafa;
  --brick-table-selected-row-color: inherit;
  --brick-table-selected-row-bg: #e6f7ff;
  --brick-table-body-selected-sort-bg: #e6f7ff;
  --brick-table-selected-row-hover-bg: #dcf4ff;
  --brick-table-expanded-row-bg: #fbfbfb;
  --brick-table-padding-vertical: 16px;
  --brick-table-padding-horizontal: 16px;
  --brick-table-padding-vertical-md: 12px;
  --brick-table-padding-horizontal-md: 8px;
  --brick-table-padding-vertical-sm: 8px;
  --brick-table-padding-horizontal-sm: 8px;
  --brick-table-border-color: #f0f0f0;
  --brick-table-border-radius-base: 2px;
  --brick-table-footer-bg: #fafafa;
  --brick-table-footer-color: rgba(0, 0, 0, 0.85);
  --brick-table-header-bg-sm: #fafafa;
  --brick-table-font-size: 14px;
  --brick-table-font-size-md: 14px;
  --brick-table-font-size-sm: 14px;
  --brick-table-header-cell-split-color: rgba(0, 0, 0, 0.06);
  /* Sorter */
  /* Legacy: `table-header-sort-active-bg` is used for hover not real active */
  --brick-table-header-sort-active-bg: rgba(0, 0, 0, 0.04);
  --brick-table-fixed-header-sort-active-bg: #f5f5f5;
  /* Filter */
  --brick-table-header-filter-active-bg: rgba(0, 0, 0, 0.04);
  --brick-table-filter-btns-bg: inherit;
  --brick-table-filter-dropdown-bg: #fff;
  --brick-table-expand-icon-bg: #fff;
  --brick-table-selection-column-width: 32px;
  /* Sticky */
  --brick-table-sticky-scroll-bar-bg: rgba(0, 0, 0, 0.35);
  --brick-table-sticky-scroll-bar-radius: 4px;
  /* Tag */
  /* -- */
  --brick-tag-default-bg: #fafafa;
  --brick-tag-default-color: rgba(0, 0, 0, 0.85);
  --brick-tag-font-size: 12px;
  --brick-tag-line-height: 20px;
  /* TimePicker */
  /* --- */
  --brick-picker-bg: #fff;
  --brick-picker-basic-cell-hover-color: #f5f5f5;
  --brick-picker-basic-cell-active-with-range-color: #e6f7ff;
  --brick-picker-basic-cell-hover-with-range-color: #cbe6ff;
  --brick-picker-basic-cell-disabled-bg: rgba(0, 0, 0, 0.04);
  --brick-picker-border-color: #f0f0f0;
  --brick-picker-date-hover-range-border-color: #7ec1ff;
  --brick-picker-date-hover-range-color: #cbe6ff;
  --brick-picker-time-panel-column-width: 56px;
  --brick-picker-time-panel-column-height: 224px;
  --brick-picker-time-panel-cell-height: 28px;
  --brick-picker-panel-cell-height: 24px;
  --brick-picker-panel-cell-width: 36px;
  --brick-picker-text-height: 40px;
  --brick-picker-panel-without-time-cell-height: 66px;
  /* Calendar */
  /* --- */
  --brick-calendar-bg: #fff;
  --brick-calendar-input-bg: #fff;
  --brick-calendar-border-color: #fff;
  --brick-calendar-item-active-bg: #e6f7ff;
  --brick-calendar-full-bg: #fff;
  --brick-calendar-full-panel-bg: #fff;
  /* Carousel */
  /* --- */
  --brick-carousel-dot-width: 16px;
  --brick-carousel-dot-height: 3px;
  --brick-carousel-dot-active-width: 24px;
  /* Badge */
  /* --- */
  --brick-badge-height: 20px;
  --brick-badge-height-sm: 14px;
  --brick-badge-dot-size: 6px;
  --brick-badge-font-size: 12px;
  --brick-badge-font-size-sm: 12px;
  --brick-badge-font-weight: normal;
  --brick-badge-status-size: 6px;
  --brick-badge-text-color: #fff;
  --brick-badge-color: #ff4d4f;
  /* Rate */
  /* --- */
  --brick-rate-star-color: #fadb14;
  --brick-rate-star-bg: #f0f0f0;
  --brick-rate-star-size: 20px;
  --brick-rate-star-hover-scale: scale(1.1);
  /* Card */
  /* --- */
  --brick-card-head-color: rgba(0, 0, 0, 0.85);
  --brick-card-head-background: transparent;
  --brick-card-head-font-size: 16px;
  --brick-card-head-font-size-sm: 14px;
  --brick-card-head-padding: 16px;
  --brick-card-head-padding-sm: 8px;
  --brick-card-head-height: 48px;
  --brick-card-head-height-sm: 36px;
  --brick-card-inner-head-padding: 12px;
  --brick-card-padding-base: 24px;
  --brick-card-padding-base-sm: 12px;
  --brick-card-actions-background: #fff;
  --brick-card-actions-li-margin: 12px 0;
  --brick-card-skeleton-bg: #cfd8dc;
  --brick-card-background: #fff;
  --brick-card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  --brick-card-radius: 2px;
  --brick-card-head-tabs-margin-bottom: -17px;
  --brick-card-head-extra-color: rgba(0, 0, 0, 0.85);
  /* Comment */
  /* --- */
  --brick-comment-bg: inherit;
  --brick-comment-padding-base: 16px 0;
  --brick-comment-nest-indent: 44px;
  --brick-comment-font-size-base: 14px;
  --brick-comment-font-size-sm: 12px;
  --brick-comment-author-name-color: rgba(0, 0, 0, 0.45);
  --brick-comment-author-time-color: #ccc;
  --brick-comment-action-color: rgba(0, 0, 0, 0.45);
  --brick-comment-action-hover-color: #595959;
  --brick-comment-actions-margin-bottom: inherit;
  --brick-comment-actions-margin-top: 12px;
  --brick-comment-content-detail-p-margin-bottom: inherit;
  /* Tabs */
  /* --- */
  --brick-tabs-card-head-background: #fafafa;
  --brick-tabs-card-height: 40px;
  --brick-tabs-card-active-color: #1890ff;
  --brick-tabs-card-horizontal-padding: 8px 16px;
  --brick-tabs-card-horizontal-padding-sm: 6px 16px;
  --brick-tabs-card-horizontal-padding-lg: 7px 16px 6px;
  --brick-tabs-title-font-size: 14px;
  --brick-tabs-title-font-size-lg: 16px;
  --brick-tabs-title-font-size-sm: 14px;
  --brick-tabs-ink-bar-color: #1890ff;
  --brick-tabs-bar-margin: 0 0 16px 0;
  --brick-tabs-horizontal-gutter: 32px;
  --brick-tabs-horizontal-margin: 0 0 0 32px;
  --brick-tabs-horizontal-margin-rtl: 0 0 0 32px;
  --brick-tabs-horizontal-padding: 12px 0;
  --brick-tabs-horizontal-padding-lg: 16px 0;
  --brick-tabs-horizontal-padding-sm: 8px 0;
  --brick-tabs-vertical-padding: 8px 24px;
  --brick-tabs-vertical-margin: 16px 0 0 0;
  --brick-tabs-scrolling-size: 32px;
  --brick-tabs-highlight-color: #1890ff;
  --brick-tabs-hover-color: #40a9ff;
  --brick-tabs-active-color: #096dd9;
  --brick-tabs-card-gutter: 2px;
  --brick-tabs-card-tab-active-border-top: 2px solid transparent;
  /* BackTop */
  /* --- */
  --brick-back-top-color: #fff;
  --brick-back-top-bg: rgba(0, 0, 0, 0.45);
  --brick-back-top-hover-bg: rgba(0, 0, 0, 0.85);
  /* Avatar */
  /* --- */
  --brick-avatar-size-base: 32px;
  --brick-avatar-size-lg: 40px;
  --brick-avatar-size-sm: 24px;
  --brick-avatar-font-size-base: 18px;
  --brick-avatar-font-size-lg: 24px;
  --brick-avatar-font-size-sm: 14px;
  --brick-avatar-bg: #ccc;
  --brick-avatar-color: #fff;
  --brick-avatar-border-radius: 2px;
  --brick-avatar-group-overlapping: -8px;
  --brick-avatar-group-space: 3px;
  --brick-avatar-group-border-color: #fff;
  /* Switch */
  /* --- */
  --brick-switch-height: 22px;
  --brick-switch-sm-height: 16px;
  --brick-switch-min-width: 44px;
  --brick-switch-sm-min-width: 28px;
  --brick-switch-disabled-opacity: 0.4;
  --brick-switch-color: #1890ff;
  --brick-switch-bg: #fff;
  --brick-switch-shadow-color: rgba(0, 35, 11, 0.2);
  --brick-switch-padding: 2px;
  --brick-switch-inner-margin-min: 7px;
  --brick-switch-inner-margin-max: 25px;
  --brick-switch-sm-inner-margin-min: 5px;
  --brick-switch-sm-inner-margin-max: 18px;
  /* Pagination */
  /* --- */
  --brick-pagination-item-bg: #fff;
  --brick-pagination-item-size: 32px;
  --brick-pagination-item-size-sm: 24px;
  --brick-pagination-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --brick-pagination-font-weight-active: 500;
  --brick-pagination-item-bg-active: #fff;
  --brick-pagination-item-link-bg: #fff;
  --brick-pagination-item-disabled-color-active: rgba(0, 0, 0, 0.25);
  --brick-pagination-item-disabled-bg-active: #e6e6e6;
  --brick-pagination-item-input-bg: #fff;
  --brick-pagination-mini-options-size-changer-top: 0px;
  /* PageHeader */
  /* --- */
  --brick-page-header-padding: 24px;
  --brick-page-header-padding-vertical: 16px;
  --brick-page-header-padding-breadcrumb: 12px;
  --brick-page-header-content-padding-vertical: 12px;
  --brick-page-header-back-color: #000;
  --brick-page-header-ghost-bg: inherit;
  --brick-page-header-heading-title: 20px;
  --brick-page-header-heading-sub-title: 14px;
  --brick-page-header-tabs-tab-font-size: 16px;
  /* Breadcrumb */
  /* --- */
  --brick-breadcrumb-base-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-last-item-color: rgba(0, 0, 0, 0.85);
  --brick-breadcrumb-font-size: 14px;
  --brick-breadcrumb-icon-font-size: 14px;
  --brick-breadcrumb-link-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-link-color-hover: rgba(0, 0, 0, 0.85);
  --brick-breadcrumb-separator-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-separator-margin: 0 8px;
  /* Slider */
  /* --- */
  --brick-slider-margin: 10px 6px 10px;
  --brick-slider-rail-background-color: #f5f5f5;
  --brick-slider-rail-background-color-hover: #e1e1e1;
  --brick-slider-track-background-color: #91d5ff;
  --brick-slider-track-background-color-hover: #69c0ff;
  --brick-slider-handle-border-width: 2px;
  --brick-slider-handle-background-color: #fff;
  --brick-slider-handle-color: #91d5ff;
  --brick-slider-handle-color-hover: #69c0ff;
  --brick-slider-handle-color-focus: #46a6ff;
  --brick-slider-handle-color-focus-shadow: rgba(24, 144, 255, 0.12);
  --brick-slider-handle-color-tooltip-open: #1890ff;
  --brick-slider-handle-size: 14px;
  --brick-slider-handle-margin-top: -5px;
  --brick-slider-handle-shadow: 0;
  --brick-slider-dot-border-color: #f0f0f0;
  --brick-slider-dot-border-color-active: #8cc8ff;
  --brick-slider-disabled-color: rgba(0, 0, 0, 0.25);
  --brick-slider-disabled-background-color: #fff;
  /* Tree */
  /* --- */
  --brick-tree-bg: #fff;
  --brick-tree-title-height: 24px;
  --brick-tree-child-padding: 18px;
  --brick-tree-directory-selected-color: #fff;
  --brick-tree-directory-selected-bg: #1890ff;
  --brick-tree-node-hover-bg: #f5f5f5;
  --brick-tree-node-selected-bg: #bae7ff;
  /* Collapse */
  /* --- */
  --brick-collapse-header-padding: 12px 16px;
  --brick-collapse-header-padding-extra: 40px;
  --brick-collapse-header-bg: #fafafa;
  --brick-collapse-content-padding: 16px;
  --brick-collapse-content-bg: #fff;
  --brick-collapse-header-arrow-left: 16px;
  /* Skeleton */
  /* --- */
  --brick-skeleton-color: rgba(190, 190, 190, 0.2);
  --brick-skeleton-to-color: rgba(129, 129, 129, 0.24);
  --brick-skeleton-paragraph-margin-top: 28px;
  --brick-skeleton-paragraph-li-margin-top: 16px;
  --brick-skeleton-paragraph-li-height: 16px;
  --brick-skeleton-title-height: 16px;
  --brick-skeleton-title-paragraph-margin-top: 24px;
  /* Transfer */
  /* --- */
  --brick-transfer-header-height: 40px;
  --brick-transfer-item-height: 32px;
  --brick-transfer-disabled-bg: #f5f5f5;
  --brick-transfer-list-height: 200px;
  --brick-transfer-item-hover-bg: #f5f5f5;
  --brick-transfer-item-padding-vertical: 6px;
  --brick-transfer-list-search-icon-top: 12px;
  /* Message */
  /* --- */
  --brick-message-notice-content-padding: 10px 16px;
  --brick-message-notice-content-bg: #fff;
  /* Motion */
  /* --- */
  --brick-wave-animation-width: 6px;
  /* Alert */
  /* --- */
  --brick-alert-success-border-color: #b7eb8f;
  --brick-alert-success-bg-color: #f6ffed;
  --brick-alert-success-icon-color: #52c41a;
  --brick-alert-info-border-color: #91d5ff;
  --brick-alert-info-bg-color: #e6f7ff;
  --brick-alert-info-icon-color: #1890ff;
  --brick-alert-warning-border-color: #ffe58f;
  --brick-alert-warning-bg-color: #fffbe6;
  --brick-alert-warning-icon-color: #faad14;
  --brick-alert-error-border-color: #ffccc7;
  --brick-alert-error-bg-color: #fff2f0;
  --brick-alert-error-icon-color: #ff4d4f;
  --brick-alert-message-color: rgba(0, 0, 0, 0.85);
  --brick-alert-text-color: rgba(0, 0, 0, 0.85);
  --brick-alert-close-color: rgba(0, 0, 0, 0.45);
  --brick-alert-close-hover-color: rgba(0, 0, 0, 0.75);
  --brick-alert-no-icon-padding-vertical: 8px;
  --brick-alert-with-description-no-icon-padding-vertical: 15px;
  --brick-alert-with-description-padding-vertical: 15px;
  --brick-alert-with-description-padding: 15px 15px 15px 24px;
  --brick-alert-icon-top: 12.0005px;
  --brick-alert-with-description-icon-size: 24px;
  /* List */
  /* --- */
  --brick-list-header-background: transparent;
  --brick-list-footer-background: transparent;
  --brick-list-empty-text-padding: 16px;
  --brick-list-item-padding: 12px 0;
  --brick-list-item-padding-sm: 8px 16px;
  --brick-list-item-padding-lg: 16px 24px;
  --brick-list-item-meta-margin-bottom: 16px;
  --brick-list-item-meta-avatar-margin-right: 16px;
  --brick-list-item-meta-title-margin-bottom: 12px;
  --brick-list-customize-card-bg: #fff;
  --brick-list-item-meta-description-font-size: 14px;
  /* Statistic */
  /* --- */
  --brick-statistic-title-font-size: 14px;
  --brick-statistic-content-font-size: 24px;
  --brick-statistic-unit-font-size: 24px;
  --brick-statistic-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  /* Drawer */
  /* --- */
  --brick-drawer-header-padding: 16px 24px;
  --brick-drawer-body-padding: 24px;
  --brick-drawer-bg: #fff;
  --brick-drawer-footer-padding-vertical: 10px;
  --brick-drawer-footer-padding-horizontal: 16px;
  --brick-drawer-header-close-size: 56px;
  /* Timeline */
  /* --- */
  --brick-timeline-width: 2px;
  --brick-timeline-color: #f0f0f0;
  --brick-timeline-dot-border-width: 2px;
  --brick-timeline-dot-color: #1890ff;
  --brick-timeline-dot-bg: #fff;
  --brick-timeline-item-padding-bottom: 20px;
  /* Typography */
  /* --- */
  --brick-typography-title-font-weight: 600;
  --brick-typography-title-margin-top: 1.2em;
  --brick-typography-title-margin-bottom: 0.5em;
  /* Upload */
  /* --- */
  --brick-upload-actions-color: rgba(0, 0, 0, 0.45);
  /* Steps */
  /* --- */
  --brick-process-tail-color: #f0f0f0;
  --brick-steps-nav-arrow-color: rgba(0, 0, 0, 0.25);
  --brick-steps-background: #fff;
  --brick-steps-icon-size: 32px;
  --brick-steps-icon-custom-size: 32px;
  --brick-steps-icon-custom-top: 0px;
  --brick-steps-icon-custom-font-size: 24px;
  --brick-steps-icon-top: -0.5px;
  --brick-steps-icon-font-size: 16px;
  --brick-steps-icon-margin: 0 8px 0 0;
  --brick-steps-title-line-height: 32px;
  --brick-steps-small-icon-size: 24px;
  --brick-steps-small-icon-margin: 0 8px 0 0;
  --brick-steps-dot-size: 8px;
  --brick-steps-dot-top: 2px;
  --brick-steps-current-dot-size: 10px;
  --brick-steps-description-max-width: 140px;
  --brick-steps-nav-content-max-width: auto;
  --brick-steps-vertical-icon-width: 16px;
  --brick-steps-vertical-tail-width: 16px;
  --brick-steps-vertical-tail-width-sm: 12px;
  /* Notification */
  /* --- */
  --brick-notification-bg: #fff;
  --brick-notification-padding-vertical: 16px;
  --brick-notification-padding-horizontal: 24px;
  /*  Result */
  /* --- */
  --brick-result-title-font-size: 24px;
  --brick-result-subtitle-font-size: 14px;
  --brick-result-icon-font-size: 72px;
  --brick-result-extra-margin: 24px 0 0 0;
  /* Image */
  /* --- */
  --brick-image-size-base: 48px;
  --brick-image-font-size-base: 24px;
  --brick-image-bg: #f5f5f5;
  --brick-image-color: #fff;
  --brick-image-mask-font-size: 16px;
  --brick-image-preview-operation-size: 18px;
  --brick-image-preview-operation-color: rgba(255, 255, 255, 0.85);
  --brick-image-preview-operation-disabled-color: rgba(255, 255, 255, 0.25);
}
/**  继承自antd的样式变量 END **/
/**/
/**  Brick 自定义样式变量 START **/
html {
  /* base */
  --brick-height-xs: 20px;
  --brick-text-color-thirdly: rgba(0, 0, 0, 0.25);
  --brick-font-size-xl: 24px;
  /* component */
  /* tag */
  --brick-tag-margin-base: 10px;
  --brick-tag-margin-sm: 5px;
  --brick-tag-active-border-color: var(--brick-primary-color);
  --brick-tag-active-text-color: var(--brick-primary-color);
  --brick-tag-active-bg-color: var(--brick-component-background);
  --brick-table-tr-zebra-background: #f9f9f9;
  --brick-table-tr-selected-background: #e6f7ff;
  --brick-table-tr-hover-background: #e6f7ff;
  --brick-layout-background-color: #f5f5f5;
  --brick-header-height-base: 48px;
  --brick-header-item-hover: rgba(0, 0, 0, 0.03);
  --brick-header-shadow: 0px 1px 4px rgba(0, 21, 41, 0.11764706);
  --brick-menu-trigger-bg-color: #00152a;
  --brick-menu-trigger-border-top-color: #141c25;
  --brick-menu-trigger-padding: 0 12px 0 16px;
  --brick-menu-trigger-collapsed-padding: 0 32px;
  --brick-menu-logo-padding-left: 16px;
  --brick-menu-logo-font-size: 20px;
  --brick-menu-logo-font-weight: bold;
  --brick-menu-logo-letter-spacing: 1px;
  --brick-menu-width: 208px;
  --brick-menu-search-padding: 10px 0 5px;
  --brick-menu-search-input-clear-icon-color: rgba(255, 255, 255, 0.65);
  --brick-menu-search-input-padding: 0 0 0 5px;
  --brick-menu-search-input-placeholder-color: #999;
  --brick-menu-collection-border-bottom-color: rgba(255, 255, 255, 0.1);
  --brick-menu-collection-item-padding-left: 32px;
  --brick-menu-collection-item-padding-left-collapsed: 16px;
  --brick-menu-overview-collection-empty-margin-top: 120px;
  --brick-menu-overview-collection-padding-top: 20px;
  --brick-menu-overview-collection-bg-color: #f7f7f7;
  --brick-menu-overview-waterfull-title-height: 40px;
  --brick-menu-overview-waterfull-title-border-radius: 4px;
  --brick-menu-overview-waterfull-title-bg-color: rgba(0, 0, 0, 0.03);
  --brick-menu-overview-item-hover-bg: rgba(0, 0, 0, 0.03);
  --brick-menu-overview-item-text-color: rgba(0, 0, 0, 0.65);
  --time-range-picker-right-panel-width: 242px;
  --time-range-picker-right-panel-hour-and-minute-width: 200px;
  --time-range-picker-right-panel-hour-width: 160px;
  --time-range-picker-time-panel-line-height: 40px;
  --brick-date-picker-holiday-color: #ff3546;
  --brick-date-picker-work-color: #ffa900;
  --brick-date-picker-special-color: #4ea6ff;
  --brick-date-picker-solar-color: rgba(0, 0, 0, 0.25);
  --brick-page-header-banner-description-color: rgba(0, 0, 0, 0.65);
  --brick-page-header-banner-padding: 14px 24px;
}
/**  Brick 自定义样式变量 END **/
.search-highlight {
  color: var(--brick-primary-color);
}
.brick-modal-selector-cascade__wrap-container {
  display: -webkit-flex;
  display: flex;
}
.brick-modal-selector-cascade__wrap-container-table {
  position: relative;
  width: calc(50% - 20px);
}
.brick-modal-selector-cascade__wrap-container-icon {
  position: relative;
  width: 40px;
}
.brick-modal-selector-cascade__wrap-container-icon .brick-modal-selector-cascade__wrap-container-icon-i {
  position: absolute;
  top: 40%;
  font-size: var(--brick-font-size-xl);
  color: var(--brick-text-color-secondary);
  margin: var(--brick-margin-xs);
}
.brick-modal-selector-cascade__wrap-font-link {
  color: var(--brick-primary-color);
  cursor: pointer;
}
.brick-modal-selector-cascade__wrap-clear {
  position: absolute;
  bottom: 18px;
}
.brick-modal-selector-cascade__tab {
  position: relative;
}
.brick-modal-selector-cascade__tab-container {
  position: relative;
}
.brick-modal-selector-cascade__tab-left {
  position: absolute;
  top: 45px;
  left: -24px;
  width: 24px;
  border-top: var(--brick-border-width-base) solid var(--brick-border-color-split);
}
.brick-modal-selector-cascade__tab-right {
  position: absolute;
  top: 45px;
  right: -24px;
  width: 24px;
  border-top: var(--brick-border-width-base) solid var(--brick-border-color-split);
}
.brick-modal-selector-cascade__color-blue {
  color: var(--brick-primary-color);
}

.brick-batch-selector__spin {
  height: 100%;
}
.brick-batch-selector__spin .ant-spin-container {
  height: 100%;
}
.brick-batch-selector__wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.brick-batch-selector__wrap .ant-input-affix-wrapper {
  height: 100%;
}
.brick-batch-selector__wrap .ant-col .brick-batch-selector__wrap-textarea {
  height: 100%;
  overflow-y: auto;
  resize: none;
}
.brick-batch-selector__wrap-error-tip {
  color: var(--brick-error-color);
}
.brick-batch-selector__wrap-btn {
  text-align: center;
}
.brick-batch-selector__wrap-delBtn {
  color: var(--brick-primary-color);
  cursor: pointer;
}
.brick-batch-selector__wrap-table {
  position: relative;
}
.brick-batch-selector__wrap-clear {
  position: absolute;
  bottom: var(--brick-padding-md);
}
.brick-batch-selector__wrap .ant-input {
  height: 100%;
}

/* stylelint-disable */
/* 组件库 style变量 集合 */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**/
/**/
/* 为统一brick与antd的换肤功能，brick主要样式变量全部继承自antd，以便项目对antd主题进行变更时，能同样对brick生效 */
/* 新增自定义brick变量见本文件底部，按组件分类 */
/**/
/* brick提供css样式变量与less样式变量 */
/**/
/**  继承自antd的样式变量 START **/
/**/
html {
  /* -------- Colors ----------- */
  --brick-primary-color: #1890ff;
  --brick-info-color: #1890ff;
  --brick-success-color: #52c41a;
  --brick-processing-color: #1890ff;
  --brick-error-color: #ff4d4f;
  --brick-highlight-color: #ff4d4f;
  --brick-warning-color: #faad14;
  --brick-normal-color: #d9d9d9;
  --brick-white: #fff;
  --brick-black: #000;
  /* Color used by default to control hover and active backgrounds and for alert info backgrounds. */
  --brick-primary-1: #e6f7ff;
  --brick-primary-2: #bae7ff;
  --brick-primary-3: #91d5ff;
  --brick-primary-4: #69c0ff;
  --brick-primary-5: #40a9ff;
  --brick-primary-6: #1890ff;
  --brick-primary-7: #096dd9;
  --brick-primary-8: #0050b3;
  --brick-primary-9: #003a8c;
  --brick-primary-10: #002766;
  /* Base Scaffolding Variables */
  /* --- */
  /* Background color for `<body>` */
  --brick-body-background: #fff;
  /* Base background color for most components */
  --brick-component-background: #fff;
  /* Popover background color */
  --brick-popover-background: #fff;
  --brick-popover-customize-border-color: #f0f0f0;
  --brick-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --brick-code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  --brick-text-color: rgba(0, 0, 0, 0.85);
  --brick-text-color-secondary: rgba(0, 0, 0, 0.45);
  --brick-text-color-inverse: #fff;
  --brick-icon-color: inherit;
  --brick-icon-color-hover: rgba(0, 0, 0, 0.75);
  --brick-heading-color: rgba(0, 0, 0, 0.85);
  --brick-text-color-dark: rgba(255, 255, 255, 0.85);
  --brick-text-color-secondary-dark: rgba(255, 255, 255, 0.65);
  --brick-text-selection-bg: #1890ff;
  --brick-font-variant-base: tabular-nums;
  --brick-font-feature-settings-base: 'tnum';
  --brick-font-size-base: 14px;
  --brick-font-size-lg: 16px;
  --brick-font-size-sm: 12px;
  --brick-heading-1-size: 38px;
  --brick-heading-2-size: 30px;
  --brick-heading-3-size: 24px;
  --brick-heading-4-size: 20px;
  --brick-heading-5-size: 16px;
  --brick-line-height-base: 1.5715;
  --brick-border-radius-base: 2px;
  --brick-border-radius-sm: 2px;
  /* vertical paddings */
  --brick-padding-lg: 24px;
  --brick-padding-md: 16px;
  --brick-padding-sm: 12px;
  --brick-padding-xs: 8px;
  --brick-padding-xss: 4px;
  /* vertical padding for all form controls */
  --brick-control-padding-horizontal: 12px;
  --brick-control-padding-horizontal-sm: 8px;
  /* vertical margins */
  --brick-margin-lg: 24px;
  --brick-margin-md: 16px;
  --brick-margin-sm: 12px;
  --brick-margin-xs: 8px;
  --brick-margin-xss: 4px;
  /* height rules */
  --brick-height-base: 32px;
  --brick-height-lg: 40px;
  --brick-height-sm: 24px;
  /* The background colors for active and hover states for things like */
  /* list items or table cells. */
  --brick-item-active-bg: #e6f7ff;
  --brick-item-hover-bg: #f5f5f5;
  /* ICONFONT */
  --brick-iconfont-css-prefix: anticon;
  /* LINK */
  --brick-link-color: #1890ff;
  --brick-link-hover-color: #40a9ff;
  --brick-link-active-color: #096dd9;
  --brick-link-decoration: none;
  --brick-link-hover-decoration: none;
  --brick-link-focus-decoration: none;
  --brick-link-focus-outline: 0;
  /* Animation */
  --brick-ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
  --brick-ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
  --brick-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --brick-ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --brick-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --brick-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
  --brick-ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
  --brick-ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
  --brick-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
  --brick-ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  --brick-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  --brick-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --brick-ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --brick-ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  /* Border color */
  --brick-border-color-base: #d9d9d9;
  --brick-border-color-split: #f0f0f0;
  --brick-border-color-inverse: #fff;
  --brick-border-width-base: 1px;
  --brick-border-style-base: solid;
  /* Outline */
  --brick-outline-blur-size: 0;
  --brick-outline-width: 2px;
  --brick-outline-color: #1890ff;
  --brick-outline-fade: 20%;
  --brick-background-color-light: #fafafa;
  --brick-background-color-base: #f5f5f5;
  /* Disabled states */
  --brick-disabled-color: rgba(0, 0, 0, 0.25);
  --brick-disabled-bg: #f5f5f5;
  --brick-disabled-active-bg: #e6e6e6;
  --brick-disabled-color-dark: rgba(255, 255, 255, 0.35);
  /* Shadow */
  --brick-shadow-color: rgba(0, 0, 0, 0.15);
  --brick-shadow-color-inverse: #fff;
  --brick-box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --brick-shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-left: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-2: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  /* Buttons */
  --brick-btn-font-weight: 400;
  --brick-btn-border-radius-base: 2px;
  --brick-btn-border-radius-sm: 2px;
  --brick-btn-border-width: 1px;
  --brick-btn-border-style: solid;
  --brick-btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  --brick-btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  --brick-btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  --brick-btn-primary-color: #fff;
  --brick-btn-primary-bg: #1890ff;
  --brick-btn-default-color: rgba(0, 0, 0, 0.85);
  --brick-btn-default-bg: #fff;
  --brick-btn-default-border: #d9d9d9;
  --brick-btn-danger-color: #fff;
  --brick-btn-danger-bg: #ff4d4f;
  --brick-btn-danger-border: #ff4d4f;
  --brick-btn-disable-color: rgba(0, 0, 0, 0.25);
  --brick-btn-disable-bg: #f5f5f5;
  --brick-btn-disable-border: #d9d9d9;
  --brick-btn-default-ghost-color: #fff;
  --brick-btn-default-ghost-bg: transparent;
  --brick-btn-default-ghost-border: #fff;
  --brick-btn-font-size-lg: 16px;
  --brick-btn-font-size-sm: 14px;
  --brick-btn-padding-horizontal-base: 15px;
  --brick-btn-padding-horizontal-lg: 15px;
  --brick-btn-padding-horizontal-sm: 7px;
  --brick-btn-height-base: 32px;
  --brick-btn-height-lg: 40px;
  --brick-btn-height-sm: 24px;
  --brick-btn-line-height: 1.5715;
  --brick-btn-circle-size: 32px;
  --brick-btn-circle-size-lg: 40px;
  --brick-btn-circle-size-sm: 24px;
  --brick-btn-square-size: 32px;
  --brick-btn-square-size-lg: 40px;
  --brick-btn-square-size-sm: 24px;
  --brick-btn-square-only-icon-size: 16px;
  --brick-btn-square-only-icon-size-sm: 14px;
  --brick-btn-square-only-icon-size-lg: 18px;
  --brick-btn-group-border: #40a9ff;
  --brick-btn-link-hover-bg: transparent;
  --brick-btn-text-hover-bg: rgba(0, 0, 0, 0.018);
  /* Checkbox */
  --brick-checkbox-size: 16px;
  --brick-checkbox-color: #1890ff;
  --brick-checkbox-check-color: #fff;
  --brick-checkbox-check-bg: #fff;
  --brick-checkbox-border-width: 1px;
  --brick-checkbox-group-item-margin-right: 8px;
  /* Descriptions */
  --brick-descriptions-bg: #fafafa;
  --brick-descriptions-title-margin-bottom: 20px;
  --brick-descriptions-default-padding: 16px 24px;
  --brick-descriptions-middle-padding: 12px 24px;
  --brick-descriptions-small-padding: 8px 16px;
  --brick-descriptions-item-padding-bottom: 16px;
  --brick-descriptions-item-trailing-colon: true;
  --brick-descriptions-item-label-colon-margin-right: 8px;
  --brick-descriptions-item-label-colon-margin-left: 2px;
  --brick-descriptions-extra-color: rgba(0, 0, 0, 0.85);
  /* Divider */
  --brick-divider-text-padding: 1em;
  --brick-divider-orientation-margin: 5%;
  --brick-divider-color: rgba(0, 0, 0, 0.06);
  /* Dropdown */
  --brick-dropdown-selected-color: #1890ff;
  --brick-dropdown-menu-submenu-disabled-bg: #fff;
  /* Empty */
  --brick-empty-font-size: 14px;
  /* Radio */
  --brick-radio-size: 16px;
  --brick-radio-top: 0.2em;
  --brick-radio-border-width: 1px;
  --brick-radio-dot-size: 8px;
  --brick-radio-dot-color: #1890ff;
  --brick-radio-dot-disabled-color: rgba(0, 0, 0, 0.2);
  --brick-radio-solid-checked-color: #fff;
  /* Radio buttons */
  --brick-radio-button-bg: #fff;
  --brick-radio-button-checked-bg: #fff;
  --brick-radio-button-color: rgba(0, 0, 0, 0.85);
  --brick-radio-button-hover-color: #40a9ff;
  --brick-radio-button-active-color: #096dd9;
  --brick-radio-disabled-button-checked-bg: #e6e6e6;
  --brick-radio-disabled-button-checked-color: rgba(0, 0, 0, 0.25);
  --brick-radio-wrapper-margin-right: 8px;
  /* Media queries breakpoints */
  /* @screen-xs and @screen-xs-min is not used in Grid */
  /* smallest break point is @screen-md */
  --brick-screen-xs: 480px;
  --brick-screen-xs-min: 480px;
  /* 👆 Extra small screen / phone */
  /* 👇 Small screen / tablet */
  --brick-screen-sm: 576px;
  --brick-screen-sm-min: 576px;
  /* Medium screen / desktop */
  --brick-screen-md: 768px;
  --brick-screen-md-min: 768px;
  /* Large screen / wide desktop */
  --brick-screen-lg: 992px;
  --brick-screen-lg-min: 992px;
  /* Extra large screen / full hd */
  --brick-screen-xl: 1200px;
  --brick-screen-xl-min: 1200px;
  /* Extra extra large screen / large desktop */
  --brick-screen-xxl: 1600px;
  --brick-screen-xxl-min: 1600px;
  /* provide a maximum */
  --brick-screen-xs-max: 575px;
  --brick-screen-sm-max: 767px;
  --brick-screen-md-max: 991px;
  --brick-screen-lg-max: 1199px;
  --brick-screen-xl-max: 1599px;
  /* Grid system */
  --brick-grid-columns: 24;
  /* Layout */
  --brick-layout-body-background: #f0f2f5;
  --brick-layout-header-background: #001529;
  --brick-layout-header-height: 64px;
  --brick-layout-header-padding: 0 50px;
  --brick-layout-header-color: rgba(0, 0, 0, 0.85);
  --brick-layout-footer-padding: 24px 50px;
  --brick-layout-footer-background: #f0f2f5;
  --brick-layout-sider-background: #001529;
  --brick-layout-trigger-height: 48px;
  --brick-layout-trigger-background: #002140;
  --brick-layout-trigger-color: #fff;
  --brick-layout-zero-trigger-width: 36px;
  --brick-layout-zero-trigger-height: 42px;
  /* Layout light theme */
  --brick-layout-sider-background-light: #fff;
  --brick-layout-trigger-background-light: #fff;
  --brick-layout-trigger-color-light: rgba(0, 0, 0, 0.85);
  /* z-index list, order by `z-index` */
  --brick-zindex-badge: auto;
  --brick-zindex-table-fixed: 2;
  --brick-zindex-affix: 10;
  --brick-zindex-back-top: 10;
  --brick-zindex-picker-panel: 10;
  --brick-zindex-popup-close: 10;
  --brick-zindex-modal: 1000;
  --brick-zindex-modal-mask: 1000;
  --brick-zindex-message: 1010;
  --brick-zindex-notification: 1010;
  --brick-zindex-popover: 1030;
  --brick-zindex-dropdown: 1050;
  --brick-zindex-picker: 1050;
  --brick-zindex-popoconfirm: 1060;
  --brick-zindex-tooltip: 1070;
  --brick-zindex-image: 1080;
  /* Animation */
  --brick-animation-duration-slow: 0.3s;
  --brick-animation-duration-base: 0.2s;
  --brick-animation-duration-fast: 0.1s;
  --brick-collapse-panel-border-radius: 2px;
  --brick-dropdown-menu-bg: #fff;
  --brick-dropdown-vertical-padding: 5px;
  --brick-dropdown-edge-child-vertical-padding: 4px;
  --brick-dropdown-font-size: 14px;
  --brick-dropdown-line-height: 22px;
  --brick-label-required-color: #ff4d4f;
  --brick-label-color: rgba(0, 0, 0, 0.85);
  /* Form */
  /* --- */
  --brick-form-warning-input-bg: #fff;
  --brick-form-item-margin-bottom: 24px;
  --brick-form-item-trailing-colon: true;
  --brick-form-vertical-label-padding: 0 0 8px;
  --brick-form-vertical-label-margin: 0;
  --brick-form-item-label-font-size: 14px;
  --brick-form-item-label-height: 32px;
  --brick-form-item-label-colon-margin-right: 8px;
  --brick-form-item-label-colon-margin-left: 2px;
  --brick-form-error-input-bg: #fff;
  /* Input */
  /* --- */
  --brick-input-height-base: 32px;
  --brick-input-height-lg: 40px;
  --brick-input-height-sm: 24px;
  --brick-input-padding-horizontal: 11px;
  --brick-input-padding-horizontal-base: 11px;
  --brick-input-padding-horizontal-sm: 7px;
  --brick-input-padding-horizontal-lg: 11px;
  --brick-input-padding-vertical-base: 4px;
  --brick-input-padding-vertical-sm: 0px;
  --brick-input-padding-vertical-lg: 6.5px;
  --brick-input-placeholder-color: #bfbfbf;
  --brick-input-color: rgba(0, 0, 0, 0.85);
  --brick-input-icon-color: rgba(0, 0, 0, 0.85);
  --brick-input-border-color: #d9d9d9;
  --brick-input-bg: #fff;
  --brick-input-number-hover-border-color: #40a9ff;
  --brick-input-number-handler-active-bg: #f4f4f4;
  --brick-input-number-handler-hover-bg: #40a9ff;
  --brick-input-number-handler-bg: #fff;
  --brick-input-number-handler-border-color: #d9d9d9;
  --brick-input-addon-bg: #fafafa;
  --brick-input-hover-border-color: #40a9ff;
  --brick-input-disabled-bg: #f5f5f5;
  --brick-input-outline-offset: 0 0;
  --brick-input-icon-hover-color: rgba(0, 0, 0, 0.85);
  --brick-input-disabled-color: rgba(0, 0, 0, 0.25);
  /* Mentions */
  /* --- */
  --brick-mentions-dropdown-bg: #fff;
  --brick-mentions-dropdown-menu-item-hover-bg: #fff;
  /* Select */
  /* --- */
  --brick-select-border-color: #d9d9d9;
  --brick-select-item-selected-color: rgba(0, 0, 0, 0.85);
  --brick-select-item-selected-font-weight: 600;
  --brick-select-dropdown-bg: #fff;
  --brick-select-item-selected-bg: #e6f7ff;
  --brick-select-item-active-bg: #f5f5f5;
  --brick-select-dropdown-vertical-padding: 5px;
  --brick-select-dropdown-font-size: 14px;
  --brick-select-dropdown-line-height: 22px;
  --brick-select-dropdown-height: 32px;
  --brick-select-background: #fff;
  --brick-select-clear-background: #fff;
  --brick-select-selection-item-bg: #f5f5f5;
  --brick-select-selection-item-border-color: #f0f0f0;
  --brick-select-single-item-height-lg: 40px;
  --brick-select-multiple-item-height: 24px;
  --brick-select-multiple-item-height-lg: 32px;
  --brick-select-multiple-item-spacing-half: 2px;
  --brick-select-multiple-disabled-background: #f5f5f5;
  --brick-select-multiple-item-disabled-color: #bfbfbf;
  --brick-select-multiple-item-disabled-border-color: #d9d9d9;
  /* Cascader */
  /* --- */
  --brick-cascader-bg: #fff;
  --brick-cascader-item-selected-bg: #e6f7ff;
  --brick-cascader-menu-bg: #fff;
  --brick-cascader-menu-border-color-split: #f0f0f0;
  --brick-cascader-dropdown-vertical-padding: 5px;
  --brick-cascader-dropdown-edge-child-vertical-padding: 4px;
  --brick-cascader-dropdown-font-size: 14px;
  --brick-cascader-dropdown-line-height: 22px;
  /* Anchor */
  /* --- */
  --brick-anchor-bg: transparent;
  --brick-anchor-border-color: #f0f0f0;
  --brick-anchor-link-top: 4px;
  --brick-anchor-link-left: 16px;
  --brick-anchor-link-padding: 4px 0 4px 16px;
  /* Tooltip */
  /* --- */
  --brick-tooltip-max-width: 250px;
  --brick-tooltip-color: #fff;
  --brick-tooltip-bg: rgba(0, 0, 0, 0.75);
  --brick-tooltip-arrow-width: 11.3137085px;
  --brick-tooltip-distance: 14.3137085px;
  --brick-tooltip-arrow-color: rgba(0, 0, 0, 0.75);
  /* Popover */
  --brick-popover-bg: #fff;
  --brick-popover-color: rgba(0, 0, 0, 0.85);
  --brick-popover-min-width: 177px;
  --brick-popover-min-height: 32px;
  --brick-popover-arrow-width: 11.3137085px;
  --brick-popover-arrow-color: #fff;
  --brick-popover-arrow-outer-color: #fff;
  --brick-popover-distance: 15.3137085px;
  --brick-popover-padding-horizontal: 16px;
  /* Modal */
  /* -- */
  --brick-modal-header-padding-vertical: 16px;
  --brick-modal-header-padding-horizontal: 24px;
  --brick-modal-body-padding: 24px;
  --brick-modal-header-bg: #fff;
  --brick-modal-header-padding: 16px 24px;
  --brick-modal-header-border-width: 1px;
  --brick-modal-header-border-style: solid;
  --brick-modal-header-title-line-height: 22px;
  --brick-modal-header-title-font-size: 16px;
  --brick-modal-header-border-color-split: #f0f0f0;
  --brick-modal-header-close-size: 54px;
  --brick-modal-content-bg: #fff;
  --brick-modal-heading-color: rgba(0, 0, 0, 0.85);
  --brick-modal-close-color: rgba(0, 0, 0, 0.45);
  --brick-modal-footer-bg: transparent;
  --brick-modal-footer-border-color-split: #f0f0f0;
  --brick-modal-footer-border-style: solid;
  --brick-modal-footer-padding-vertical: 10px;
  --brick-modal-footer-padding-horizontal: 16px;
  --brick-modal-footer-border-width: 1px;
  --brick-modal-mask-bg: rgba(0, 0, 0, 0.45);
  --brick-modal-confirm-body-padding: 32px 32px 24px;
  /* Progress */
  /* -- */
  --brick-progress-default-color: #1890ff;
  --brick-progress-remaining-color: #f5f5f5;
  --brick-progress-info-text-color: rgba(0, 0, 0, 0.85);
  --brick-progress-radius: 100px;
  --brick-progress-steps-item-bg: #f3f3f3;
  --brick-progress-text-font-size: 1em;
  --brick-progress-text-color: rgba(0, 0, 0, 0.85);
  --brick-progress-circle-text-font-size: 1em;
  /* Menu */
  /* --- */
  --brick-menu-inline-toplevel-item-height: 40px;
  --brick-menu-item-height: 40px;
  --brick-menu-item-group-height: 1.5715;
  --brick-menu-collapsed-width: 80px;
  --brick-menu-bg: #fff;
  --brick-menu-popup-bg: #fff;
  --brick-menu-item-color: rgba(0, 0, 0, 0.85);
  --brick-menu-inline-submenu-bg: #fafafa;
  --brick-menu-highlight-color: #1890ff;
  --brick-menu-highlight-danger-color: #ff4d4f;
  --brick-menu-item-active-bg: #e6f7ff;
  --brick-menu-item-active-danger-bg: #fff1f0;
  --brick-menu-item-active-border-width: 3px;
  --brick-menu-item-group-title-color: rgba(0, 0, 0, 0.45);
  --brick-menu-item-vertical-margin: 4px;
  --brick-menu-item-font-size: 14px;
  --brick-menu-item-boundary-margin: 8px;
  --brick-menu-item-padding-horizontal: 20px;
  --brick-menu-item-padding: 0 20px;
  --brick-menu-horizontal-line-height: 46px;
  --brick-menu-icon-margin-right: 10px;
  --brick-menu-icon-size: 14px;
  --brick-menu-icon-size-lg: 16px;
  --brick-menu-item-group-title-font-size: 14px;
  /* dark theme */
  --brick-menu-dark-color: rgba(255, 255, 255, 0.65);
  --brick-menu-dark-danger-color: #ff4d4f;
  --brick-menu-dark-bg: #001529;
  --brick-menu-dark-arrow-color: #fff;
  --brick-menu-dark-inline-submenu-bg: #000c17;
  --brick-menu-dark-highlight-color: #fff;
  --brick-menu-dark-item-active-bg: #1890ff;
  --brick-menu-dark-item-active-danger-bg: #ff4d4f;
  --brick-menu-dark-selected-item-icon-color: #fff;
  --brick-menu-dark-selected-item-text-color: #fff;
  --brick-menu-dark-item-hover-bg: transparent;
  /* Spin */
  /* --- */
  --brick-spin-dot-size-sm: 14px;
  --brick-spin-dot-size: 20px;
  --brick-spin-dot-size-lg: 32px;
  /* Table */
  /* -- */
  --brick-table-bg: #fff;
  --brick-table-header-bg: #fafafa;
  --brick-table-header-color: rgba(0, 0, 0, 0.85);
  --brick-table-header-sort-bg: #f5f5f5;
  --brick-table-body-sort-bg: #fafafa;
  --brick-table-row-hover-bg: #fafafa;
  --brick-table-selected-row-color: inherit;
  --brick-table-selected-row-bg: #e6f7ff;
  --brick-table-body-selected-sort-bg: #e6f7ff;
  --brick-table-selected-row-hover-bg: #dcf4ff;
  --brick-table-expanded-row-bg: #fbfbfb;
  --brick-table-padding-vertical: 16px;
  --brick-table-padding-horizontal: 16px;
  --brick-table-padding-vertical-md: 12px;
  --brick-table-padding-horizontal-md: 8px;
  --brick-table-padding-vertical-sm: 8px;
  --brick-table-padding-horizontal-sm: 8px;
  --brick-table-border-color: #f0f0f0;
  --brick-table-border-radius-base: 2px;
  --brick-table-footer-bg: #fafafa;
  --brick-table-footer-color: rgba(0, 0, 0, 0.85);
  --brick-table-header-bg-sm: #fafafa;
  --brick-table-font-size: 14px;
  --brick-table-font-size-md: 14px;
  --brick-table-font-size-sm: 14px;
  --brick-table-header-cell-split-color: rgba(0, 0, 0, 0.06);
  /* Sorter */
  /* Legacy: `table-header-sort-active-bg` is used for hover not real active */
  --brick-table-header-sort-active-bg: rgba(0, 0, 0, 0.04);
  --brick-table-fixed-header-sort-active-bg: #f5f5f5;
  /* Filter */
  --brick-table-header-filter-active-bg: rgba(0, 0, 0, 0.04);
  --brick-table-filter-btns-bg: inherit;
  --brick-table-filter-dropdown-bg: #fff;
  --brick-table-expand-icon-bg: #fff;
  --brick-table-selection-column-width: 32px;
  /* Sticky */
  --brick-table-sticky-scroll-bar-bg: rgba(0, 0, 0, 0.35);
  --brick-table-sticky-scroll-bar-radius: 4px;
  /* Tag */
  /* -- */
  --brick-tag-default-bg: #fafafa;
  --brick-tag-default-color: rgba(0, 0, 0, 0.85);
  --brick-tag-font-size: 12px;
  --brick-tag-line-height: 20px;
  /* TimePicker */
  /* --- */
  --brick-picker-bg: #fff;
  --brick-picker-basic-cell-hover-color: #f5f5f5;
  --brick-picker-basic-cell-active-with-range-color: #e6f7ff;
  --brick-picker-basic-cell-hover-with-range-color: #cbe6ff;
  --brick-picker-basic-cell-disabled-bg: rgba(0, 0, 0, 0.04);
  --brick-picker-border-color: #f0f0f0;
  --brick-picker-date-hover-range-border-color: #7ec1ff;
  --brick-picker-date-hover-range-color: #cbe6ff;
  --brick-picker-time-panel-column-width: 56px;
  --brick-picker-time-panel-column-height: 224px;
  --brick-picker-time-panel-cell-height: 28px;
  --brick-picker-panel-cell-height: 24px;
  --brick-picker-panel-cell-width: 36px;
  --brick-picker-text-height: 40px;
  --brick-picker-panel-without-time-cell-height: 66px;
  /* Calendar */
  /* --- */
  --brick-calendar-bg: #fff;
  --brick-calendar-input-bg: #fff;
  --brick-calendar-border-color: #fff;
  --brick-calendar-item-active-bg: #e6f7ff;
  --brick-calendar-full-bg: #fff;
  --brick-calendar-full-panel-bg: #fff;
  /* Carousel */
  /* --- */
  --brick-carousel-dot-width: 16px;
  --brick-carousel-dot-height: 3px;
  --brick-carousel-dot-active-width: 24px;
  /* Badge */
  /* --- */
  --brick-badge-height: 20px;
  --brick-badge-height-sm: 14px;
  --brick-badge-dot-size: 6px;
  --brick-badge-font-size: 12px;
  --brick-badge-font-size-sm: 12px;
  --brick-badge-font-weight: normal;
  --brick-badge-status-size: 6px;
  --brick-badge-text-color: #fff;
  --brick-badge-color: #ff4d4f;
  /* Rate */
  /* --- */
  --brick-rate-star-color: #fadb14;
  --brick-rate-star-bg: #f0f0f0;
  --brick-rate-star-size: 20px;
  --brick-rate-star-hover-scale: scale(1.1);
  /* Card */
  /* --- */
  --brick-card-head-color: rgba(0, 0, 0, 0.85);
  --brick-card-head-background: transparent;
  --brick-card-head-font-size: 16px;
  --brick-card-head-font-size-sm: 14px;
  --brick-card-head-padding: 16px;
  --brick-card-head-padding-sm: 8px;
  --brick-card-head-height: 48px;
  --brick-card-head-height-sm: 36px;
  --brick-card-inner-head-padding: 12px;
  --brick-card-padding-base: 24px;
  --brick-card-padding-base-sm: 12px;
  --brick-card-actions-background: #fff;
  --brick-card-actions-li-margin: 12px 0;
  --brick-card-skeleton-bg: #cfd8dc;
  --brick-card-background: #fff;
  --brick-card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  --brick-card-radius: 2px;
  --brick-card-head-tabs-margin-bottom: -17px;
  --brick-card-head-extra-color: rgba(0, 0, 0, 0.85);
  /* Comment */
  /* --- */
  --brick-comment-bg: inherit;
  --brick-comment-padding-base: 16px 0;
  --brick-comment-nest-indent: 44px;
  --brick-comment-font-size-base: 14px;
  --brick-comment-font-size-sm: 12px;
  --brick-comment-author-name-color: rgba(0, 0, 0, 0.45);
  --brick-comment-author-time-color: #ccc;
  --brick-comment-action-color: rgba(0, 0, 0, 0.45);
  --brick-comment-action-hover-color: #595959;
  --brick-comment-actions-margin-bottom: inherit;
  --brick-comment-actions-margin-top: 12px;
  --brick-comment-content-detail-p-margin-bottom: inherit;
  /* Tabs */
  /* --- */
  --brick-tabs-card-head-background: #fafafa;
  --brick-tabs-card-height: 40px;
  --brick-tabs-card-active-color: #1890ff;
  --brick-tabs-card-horizontal-padding: 8px 16px;
  --brick-tabs-card-horizontal-padding-sm: 6px 16px;
  --brick-tabs-card-horizontal-padding-lg: 7px 16px 6px;
  --brick-tabs-title-font-size: 14px;
  --brick-tabs-title-font-size-lg: 16px;
  --brick-tabs-title-font-size-sm: 14px;
  --brick-tabs-ink-bar-color: #1890ff;
  --brick-tabs-bar-margin: 0 0 16px 0;
  --brick-tabs-horizontal-gutter: 32px;
  --brick-tabs-horizontal-margin: 0 0 0 32px;
  --brick-tabs-horizontal-margin-rtl: 0 0 0 32px;
  --brick-tabs-horizontal-padding: 12px 0;
  --brick-tabs-horizontal-padding-lg: 16px 0;
  --brick-tabs-horizontal-padding-sm: 8px 0;
  --brick-tabs-vertical-padding: 8px 24px;
  --brick-tabs-vertical-margin: 16px 0 0 0;
  --brick-tabs-scrolling-size: 32px;
  --brick-tabs-highlight-color: #1890ff;
  --brick-tabs-hover-color: #40a9ff;
  --brick-tabs-active-color: #096dd9;
  --brick-tabs-card-gutter: 2px;
  --brick-tabs-card-tab-active-border-top: 2px solid transparent;
  /* BackTop */
  /* --- */
  --brick-back-top-color: #fff;
  --brick-back-top-bg: rgba(0, 0, 0, 0.45);
  --brick-back-top-hover-bg: rgba(0, 0, 0, 0.85);
  /* Avatar */
  /* --- */
  --brick-avatar-size-base: 32px;
  --brick-avatar-size-lg: 40px;
  --brick-avatar-size-sm: 24px;
  --brick-avatar-font-size-base: 18px;
  --brick-avatar-font-size-lg: 24px;
  --brick-avatar-font-size-sm: 14px;
  --brick-avatar-bg: #ccc;
  --brick-avatar-color: #fff;
  --brick-avatar-border-radius: 2px;
  --brick-avatar-group-overlapping: -8px;
  --brick-avatar-group-space: 3px;
  --brick-avatar-group-border-color: #fff;
  /* Switch */
  /* --- */
  --brick-switch-height: 22px;
  --brick-switch-sm-height: 16px;
  --brick-switch-min-width: 44px;
  --brick-switch-sm-min-width: 28px;
  --brick-switch-disabled-opacity: 0.4;
  --brick-switch-color: #1890ff;
  --brick-switch-bg: #fff;
  --brick-switch-shadow-color: rgba(0, 35, 11, 0.2);
  --brick-switch-padding: 2px;
  --brick-switch-inner-margin-min: 7px;
  --brick-switch-inner-margin-max: 25px;
  --brick-switch-sm-inner-margin-min: 5px;
  --brick-switch-sm-inner-margin-max: 18px;
  /* Pagination */
  /* --- */
  --brick-pagination-item-bg: #fff;
  --brick-pagination-item-size: 32px;
  --brick-pagination-item-size-sm: 24px;
  --brick-pagination-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --brick-pagination-font-weight-active: 500;
  --brick-pagination-item-bg-active: #fff;
  --brick-pagination-item-link-bg: #fff;
  --brick-pagination-item-disabled-color-active: rgba(0, 0, 0, 0.25);
  --brick-pagination-item-disabled-bg-active: #e6e6e6;
  --brick-pagination-item-input-bg: #fff;
  --brick-pagination-mini-options-size-changer-top: 0px;
  /* PageHeader */
  /* --- */
  --brick-page-header-padding: 24px;
  --brick-page-header-padding-vertical: 16px;
  --brick-page-header-padding-breadcrumb: 12px;
  --brick-page-header-content-padding-vertical: 12px;
  --brick-page-header-back-color: #000;
  --brick-page-header-ghost-bg: inherit;
  --brick-page-header-heading-title: 20px;
  --brick-page-header-heading-sub-title: 14px;
  --brick-page-header-tabs-tab-font-size: 16px;
  /* Breadcrumb */
  /* --- */
  --brick-breadcrumb-base-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-last-item-color: rgba(0, 0, 0, 0.85);
  --brick-breadcrumb-font-size: 14px;
  --brick-breadcrumb-icon-font-size: 14px;
  --brick-breadcrumb-link-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-link-color-hover: rgba(0, 0, 0, 0.85);
  --brick-breadcrumb-separator-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-separator-margin: 0 8px;
  /* Slider */
  /* --- */
  --brick-slider-margin: 10px 6px 10px;
  --brick-slider-rail-background-color: #f5f5f5;
  --brick-slider-rail-background-color-hover: #e1e1e1;
  --brick-slider-track-background-color: #91d5ff;
  --brick-slider-track-background-color-hover: #69c0ff;
  --brick-slider-handle-border-width: 2px;
  --brick-slider-handle-background-color: #fff;
  --brick-slider-handle-color: #91d5ff;
  --brick-slider-handle-color-hover: #69c0ff;
  --brick-slider-handle-color-focus: #46a6ff;
  --brick-slider-handle-color-focus-shadow: rgba(24, 144, 255, 0.12);
  --brick-slider-handle-color-tooltip-open: #1890ff;
  --brick-slider-handle-size: 14px;
  --brick-slider-handle-margin-top: -5px;
  --brick-slider-handle-shadow: 0;
  --brick-slider-dot-border-color: #f0f0f0;
  --brick-slider-dot-border-color-active: #8cc8ff;
  --brick-slider-disabled-color: rgba(0, 0, 0, 0.25);
  --brick-slider-disabled-background-color: #fff;
  /* Tree */
  /* --- */
  --brick-tree-bg: #fff;
  --brick-tree-title-height: 24px;
  --brick-tree-child-padding: 18px;
  --brick-tree-directory-selected-color: #fff;
  --brick-tree-directory-selected-bg: #1890ff;
  --brick-tree-node-hover-bg: #f5f5f5;
  --brick-tree-node-selected-bg: #bae7ff;
  /* Collapse */
  /* --- */
  --brick-collapse-header-padding: 12px 16px;
  --brick-collapse-header-padding-extra: 40px;
  --brick-collapse-header-bg: #fafafa;
  --brick-collapse-content-padding: 16px;
  --brick-collapse-content-bg: #fff;
  --brick-collapse-header-arrow-left: 16px;
  /* Skeleton */
  /* --- */
  --brick-skeleton-color: rgba(190, 190, 190, 0.2);
  --brick-skeleton-to-color: rgba(129, 129, 129, 0.24);
  --brick-skeleton-paragraph-margin-top: 28px;
  --brick-skeleton-paragraph-li-margin-top: 16px;
  --brick-skeleton-paragraph-li-height: 16px;
  --brick-skeleton-title-height: 16px;
  --brick-skeleton-title-paragraph-margin-top: 24px;
  /* Transfer */
  /* --- */
  --brick-transfer-header-height: 40px;
  --brick-transfer-item-height: 32px;
  --brick-transfer-disabled-bg: #f5f5f5;
  --brick-transfer-list-height: 200px;
  --brick-transfer-item-hover-bg: #f5f5f5;
  --brick-transfer-item-padding-vertical: 6px;
  --brick-transfer-list-search-icon-top: 12px;
  /* Message */
  /* --- */
  --brick-message-notice-content-padding: 10px 16px;
  --brick-message-notice-content-bg: #fff;
  /* Motion */
  /* --- */
  --brick-wave-animation-width: 6px;
  /* Alert */
  /* --- */
  --brick-alert-success-border-color: #b7eb8f;
  --brick-alert-success-bg-color: #f6ffed;
  --brick-alert-success-icon-color: #52c41a;
  --brick-alert-info-border-color: #91d5ff;
  --brick-alert-info-bg-color: #e6f7ff;
  --brick-alert-info-icon-color: #1890ff;
  --brick-alert-warning-border-color: #ffe58f;
  --brick-alert-warning-bg-color: #fffbe6;
  --brick-alert-warning-icon-color: #faad14;
  --brick-alert-error-border-color: #ffccc7;
  --brick-alert-error-bg-color: #fff2f0;
  --brick-alert-error-icon-color: #ff4d4f;
  --brick-alert-message-color: rgba(0, 0, 0, 0.85);
  --brick-alert-text-color: rgba(0, 0, 0, 0.85);
  --brick-alert-close-color: rgba(0, 0, 0, 0.45);
  --brick-alert-close-hover-color: rgba(0, 0, 0, 0.75);
  --brick-alert-no-icon-padding-vertical: 8px;
  --brick-alert-with-description-no-icon-padding-vertical: 15px;
  --brick-alert-with-description-padding-vertical: 15px;
  --brick-alert-with-description-padding: 15px 15px 15px 24px;
  --brick-alert-icon-top: 12.0005px;
  --brick-alert-with-description-icon-size: 24px;
  /* List */
  /* --- */
  --brick-list-header-background: transparent;
  --brick-list-footer-background: transparent;
  --brick-list-empty-text-padding: 16px;
  --brick-list-item-padding: 12px 0;
  --brick-list-item-padding-sm: 8px 16px;
  --brick-list-item-padding-lg: 16px 24px;
  --brick-list-item-meta-margin-bottom: 16px;
  --brick-list-item-meta-avatar-margin-right: 16px;
  --brick-list-item-meta-title-margin-bottom: 12px;
  --brick-list-customize-card-bg: #fff;
  --brick-list-item-meta-description-font-size: 14px;
  /* Statistic */
  /* --- */
  --brick-statistic-title-font-size: 14px;
  --brick-statistic-content-font-size: 24px;
  --brick-statistic-unit-font-size: 24px;
  --brick-statistic-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  /* Drawer */
  /* --- */
  --brick-drawer-header-padding: 16px 24px;
  --brick-drawer-body-padding: 24px;
  --brick-drawer-bg: #fff;
  --brick-drawer-footer-padding-vertical: 10px;
  --brick-drawer-footer-padding-horizontal: 16px;
  --brick-drawer-header-close-size: 56px;
  /* Timeline */
  /* --- */
  --brick-timeline-width: 2px;
  --brick-timeline-color: #f0f0f0;
  --brick-timeline-dot-border-width: 2px;
  --brick-timeline-dot-color: #1890ff;
  --brick-timeline-dot-bg: #fff;
  --brick-timeline-item-padding-bottom: 20px;
  /* Typography */
  /* --- */
  --brick-typography-title-font-weight: 600;
  --brick-typography-title-margin-top: 1.2em;
  --brick-typography-title-margin-bottom: 0.5em;
  /* Upload */
  /* --- */
  --brick-upload-actions-color: rgba(0, 0, 0, 0.45);
  /* Steps */
  /* --- */
  --brick-process-tail-color: #f0f0f0;
  --brick-steps-nav-arrow-color: rgba(0, 0, 0, 0.25);
  --brick-steps-background: #fff;
  --brick-steps-icon-size: 32px;
  --brick-steps-icon-custom-size: 32px;
  --brick-steps-icon-custom-top: 0px;
  --brick-steps-icon-custom-font-size: 24px;
  --brick-steps-icon-top: -0.5px;
  --brick-steps-icon-font-size: 16px;
  --brick-steps-icon-margin: 0 8px 0 0;
  --brick-steps-title-line-height: 32px;
  --brick-steps-small-icon-size: 24px;
  --brick-steps-small-icon-margin: 0 8px 0 0;
  --brick-steps-dot-size: 8px;
  --brick-steps-dot-top: 2px;
  --brick-steps-current-dot-size: 10px;
  --brick-steps-description-max-width: 140px;
  --brick-steps-nav-content-max-width: auto;
  --brick-steps-vertical-icon-width: 16px;
  --brick-steps-vertical-tail-width: 16px;
  --brick-steps-vertical-tail-width-sm: 12px;
  /* Notification */
  /* --- */
  --brick-notification-bg: #fff;
  --brick-notification-padding-vertical: 16px;
  --brick-notification-padding-horizontal: 24px;
  /*  Result */
  /* --- */
  --brick-result-title-font-size: 24px;
  --brick-result-subtitle-font-size: 14px;
  --brick-result-icon-font-size: 72px;
  --brick-result-extra-margin: 24px 0 0 0;
  /* Image */
  /* --- */
  --brick-image-size-base: 48px;
  --brick-image-font-size-base: 24px;
  --brick-image-bg: #f5f5f5;
  --brick-image-color: #fff;
  --brick-image-mask-font-size: 16px;
  --brick-image-preview-operation-size: 18px;
  --brick-image-preview-operation-color: rgba(255, 255, 255, 0.85);
  --brick-image-preview-operation-disabled-color: rgba(255, 255, 255, 0.25);
}
/**  继承自antd的样式变量 END **/
/**/
/**  Brick 自定义样式变量 START **/
html {
  /* base */
  --brick-height-xs: 20px;
  --brick-text-color-thirdly: rgba(0, 0, 0, 0.25);
  --brick-font-size-xl: 24px;
  /* component */
  /* tag */
  --brick-tag-margin-base: 10px;
  --brick-tag-margin-sm: 5px;
  --brick-tag-active-border-color: var(--brick-primary-color);
  --brick-tag-active-text-color: var(--brick-primary-color);
  --brick-tag-active-bg-color: var(--brick-component-background);
  --brick-table-tr-zebra-background: #f9f9f9;
  --brick-table-tr-selected-background: #e6f7ff;
  --brick-table-tr-hover-background: #e6f7ff;
  --brick-layout-background-color: #f5f5f5;
  --brick-header-height-base: 48px;
  --brick-header-item-hover: rgba(0, 0, 0, 0.03);
  --brick-header-shadow: 0px 1px 4px rgba(0, 21, 41, 0.11764706);
  --brick-menu-trigger-bg-color: #00152a;
  --brick-menu-trigger-border-top-color: #141c25;
  --brick-menu-trigger-padding: 0 12px 0 16px;
  --brick-menu-trigger-collapsed-padding: 0 32px;
  --brick-menu-logo-padding-left: 16px;
  --brick-menu-logo-font-size: 20px;
  --brick-menu-logo-font-weight: bold;
  --brick-menu-logo-letter-spacing: 1px;
  --brick-menu-width: 208px;
  --brick-menu-search-padding: 10px 0 5px;
  --brick-menu-search-input-clear-icon-color: rgba(255, 255, 255, 0.65);
  --brick-menu-search-input-padding: 0 0 0 5px;
  --brick-menu-search-input-placeholder-color: #999;
  --brick-menu-collection-border-bottom-color: rgba(255, 255, 255, 0.1);
  --brick-menu-collection-item-padding-left: 32px;
  --brick-menu-collection-item-padding-left-collapsed: 16px;
  --brick-menu-overview-collection-empty-margin-top: 120px;
  --brick-menu-overview-collection-padding-top: 20px;
  --brick-menu-overview-collection-bg-color: #f7f7f7;
  --brick-menu-overview-waterfull-title-height: 40px;
  --brick-menu-overview-waterfull-title-border-radius: 4px;
  --brick-menu-overview-waterfull-title-bg-color: rgba(0, 0, 0, 0.03);
  --brick-menu-overview-item-hover-bg: rgba(0, 0, 0, 0.03);
  --brick-menu-overview-item-text-color: rgba(0, 0, 0, 0.65);
  --time-range-picker-right-panel-width: 242px;
  --time-range-picker-right-panel-hour-and-minute-width: 200px;
  --time-range-picker-right-panel-hour-width: 160px;
  --time-range-picker-time-panel-line-height: 40px;
  --brick-date-picker-holiday-color: #ff3546;
  --brick-date-picker-work-color: #ffa900;
  --brick-date-picker-special-color: #4ea6ff;
  --brick-date-picker-solar-color: rgba(0, 0, 0, 0.25);
  --brick-page-header-banner-description-color: rgba(0, 0, 0, 0.65);
  --brick-page-header-banner-padding: 14px 24px;
}
/**  Brick 自定义样式变量 END **/
.search-highlight {
  color: var(--brick-primary-color);
}
.brick-editable-tag-group-tag-create {
  border-style: dashed;
}
.brick-editable-tag-group-tag-input {
  width: 150px;
  margin-right: var(--brick-margin-xs);
}
.brick-editable-tag-group-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
          align-items: center;
  -webkit-align-content: space-around;
          align-content: space-around;
  padding-top: var(--brick-padding-xs);
}
.brick-editable-tag-group-container_item {
  margin-bottom: var(--brick-margin-xs);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.brick-editable-tag-group-container_item--editable {
  cursor: text;
}

.brick-collapse-simulation-table-collapse {
  background-color: var(--brick-component-background);
}
.brick-collapse-simulation-table-collapse .ant-collapse-item .ant-collapse-header {
  position: relative;
  padding: 0;
  border-bottom: none;
}
.brick-collapse-simulation-table-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
  position: absolute;
  top: var(--brick-padding-md);
  left: var(--brick-padding-md);
  z-index: 0;
}
.brick-collapse-simulation-table-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-header-text {
  position: relative;
  z-index: 10;
  width: 100%;
}
.brick-collapse-simulation-table-collapse .ant-collapse-item .ant-collapse-content {
  overflow: unset;
}
.brick-collapse-simulation-table-collapse .ant-collapse-item .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 0;
}
.brick-collapse-simulation-table-collapse .ant-collapse-item .ant-collapse-header .collapse-simulation-table-header-item,
.brick-collapse-simulation-table-collapse .ant-collapse-item .collapse-simulation-table-no-children .collapse-simulation-table-header-item {
  border-bottom: 1px solid var(--brick-border-color-split);
}
.brick-collapse-simulation-table-collapse .ant-collapse-item .ant-collapse-header:hover .collapse-simulation-table-header-item,
.brick-collapse-simulation-table-collapse .ant-collapse-item .collapse-simulation-table-no-children:hover .collapse-simulation-table-header-item {
  background-color: var(--brick-background-color-light);
}
.brick-collapse-simulation-table-collapse .ant-collapse-item .ant-collapse-header:hover .collapse-simulation-table-fix-left,
.brick-collapse-simulation-table-collapse .ant-collapse-item .collapse-simulation-table-no-children:hover .collapse-simulation-table-fix-left,
.brick-collapse-simulation-table-collapse .ant-collapse-item .ant-collapse-header:hover .collapse-simulation-table-fix-right,
.brick-collapse-simulation-table-collapse .ant-collapse-item .collapse-simulation-table-no-children:hover .collapse-simulation-table-fix-right {
  background-color: var(--brick-background-color-light);
}
.brick-collapse-simulation-table-collapse .ant-collapse-content-box {
  padding: 0;
}
.brick-collapse-simulation-table-collapse .ant-collapse-item-active > .ant-collapse-header {
  border-bottom: none;
}
.brick-collapse-simulation-table-collapse.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: none;
}
.brick-collapse-simulation-table-collapse-empty {
  padding: var(--brick-padding-lg) 0;
}
.brick-collapse-simulation-table-bordered {
  border: var(--brick-border-width-base) var(--brick-border-style-base) var(--brick-table-border-color);
}
.brick-collapse-simulation-table-bordered .ant-collapse-item {
  border-bottom: none;
}
.brick-collapse-simulation-table-no-children {
  padding: 0;
  color: var(--brick-text-color);
  cursor: pointer;
}
.brick-collapse-simulation-table-no-children:last-child {
  border-bottom: none;
}
.brick-collapse-simulation-table-header {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  border: none;
}
.brick-collapse-simulation-table-header-item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
          flex: 1;
  -webkit-align-items: center;
          align-items: center;
  padding: var(--brick-padding-sm);
  word-break: break-all;
  border-bottom: var(--brick-border-width-base) var(--brick-border-style-base) var(--brick-table-border-color);
}
.brick-collapse-simulation-table-header-item:first-child {
  padding-left: 44px;
}
.brick-collapse-simulation-table-header-theader {
  padding: 0;
}
.brick-collapse-simulation-table-header-theader .collapse-simulation-table-header-item {
  background: var(--brick-table-header-bg);
}
.brick-collapse-simulation-table-fix-right {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  z-index: 2;
  background: #fff;
}
.brick-collapse-simulation-table-fix-right::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 30px;
  box-shadow: inset -10px 0 8px -8px var(--brick-shadow-color);
  -webkit-transform: translate(-100%);
          transform: translate(-100%);
  transition: box-shadow 0.3s;
  content: "";
  pointer-events: none;
}
.brick-collapse-simulation-table-fix-header {
  background: var(--brick-table-bg);
}
.brick-collapse-simulation-table-fix-right-end::after {
  box-shadow: none;
}
.brick-collapse-simulation-table-table-title {
  padding: var(--brick-padding-sm);
  border-radius: var(--brick-border-radius-base) var(--brick-border-radius-base) 0 0;
}
.brick-collapse-simulation-table-table-footer {
  padding: var(--brick-padding-sm);
  border-radius: 0 0 var(--brick-border-radius-base) var(--brick-border-radius-base);
}
.brick-collapse-simulation-table-disabled {
  color: var(--brick-disabled-color);
  cursor: not-allowed;
}
.brick-collapse-simulation-table-disabled .font-color-red {
  color: var(--brick-disabled-color);
}
.margin-left-16 {
  margin-left: var(--brick-margin-md);
}
.font-color-red {
  color: var(--brick-error-color);
}

.brick-formula-modal .policy-select-box {
  padding: 16px;
  border: 1px solid #eaeaea;
}
.brick-formula-modal .policy-select-box .box-ul {
  height: 200px;
  overflow-y: auto;
}
.brick-formula-modal .policy-select-box .box-ul .box-li {
  padding: 6px 8px;
  cursor: pointer;
}
.brick-formula-modal .policy-select-box .box-ul .box-li:hover {
  color: #1890ff;
  background-color: #e6f7ff;
}
.brick-formula-modal .ant-popconfirm {
  z-index: 1030;
}
.brick-formula-modal .input-style {
  border: none;
  border-bottom: solid 1px #eee;
  outline: none !important;
  box-shadow: none !important;
}
.brick-formula-modal .input-style:hover {
  border-color: #eee !important;
}
.brick-formula-modal .input-style:focus {
  border-color: #eee !important;
}
.brick-formula-modal .margin-top-16 {
  margin-top: 16px;
}
.brick-formula-modal .padding-left-8 {
  padding-left: 8px;
}
.brick-formula-modal .padding-right-8 {
  padding-right: 8px;
}
.brick-formula-modal .font-link {
  color: dodgerblue;
  cursor: pointer;
}
.brick-formula-modal .text-align-right {
  text-align: right;
}
.brick-formula-modal .width-percent-100 {
  width: 100%;
}

.brick-rule-builder-group-container {
  position: relative;
  padding-right: var(--brick-padding-lg);
  background-color: var(--brick-component-background);
}
.brick-rule-builder-group-container--isNotRoot {
  margin-bottom: var(--brick-margin-md);
  padding: var(--brick-padding-md) var(--brick-padding-md) 0;
  padding-right: var(--brick-padding-lg);
  border: var(--brick-border-width-base) solid var(--brick-border-color-split);
  border-radius: 3px;
}
.brick-rule-builder-group-container--even {
  background-color: var(--brick-background-color-light);
}
.brick-rule-builder-rule-list {
  padding: var(--brick-padding-md) var(--brick-padding-md) 0;
}
.brick-rule-builder-rule-list--oneChild > ::before {
  display: none !important;
}
.brick-rule-builder-rule-list--rootOneChild {
  padding: 0;
}
.brick-rule-builder-rules-list > :first-child::before {
  top: -12px;
  height: var(--brick-height-base);
}
.brick-rule-builder-rule-single-line {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -4px;
  margin-left: -4px;
}
.brick-rule-builder-rule-single-line_item {
  padding: 0 4px;
}
.brick-rule-builder-rule {
  position: relative;
  border: var(--brick-border-width-base) solid transparent;
}
.brick-rule-builder-rule--readOnly {
  margin-bottom: var(--brick-margin-md);
  line-height: 14px;
}
.brick-rule-builder-rule--readOnly .ant-space {
  vertical-align: middle;
}
.brick-rule-builder-rule .ant-form-item {
  margin-bottom: var(--brick-margin-md);
}
.brick-rule-builder-rule .ant-form-item-has-error {
  margin-bottom: 0;
}
.brick-rule-builder-rule-list > :not(:last-child)::before {
  position: absolute;
  top: -17px;
  left: -10px;
  width: 10px;
  height: calc(18px + 16px + 1px);
  border-color: var(--brick-primary-2);
  border-style: solid;
  border-width: 0 0 var(--brick-border-width-base) var(--brick-border-width-base);
  content: "";
}
.brick-rule-builder-rule-list > :nth-last-child(2)::before {
  border-radius: 0 0 0 var(--brick-border-radius-base);
}
.brick-rule-builder-rule-list > :not(:nth-last-child(2)):not(:last-child)::after {
  position: absolute;
  top: 18px;
  left: -10px;
  width: 10px;
  height: 100%;
  border-color: var(--brick-primary-2);
  border-style: solid;
  border-width: 0 0 0 var(--brick-border-width-base);
  content: "";
}
.brick-rule-builder-group-container::before,
.brick-rule-builder-group-container::after,
.brick-rule-builder-rule--readOnly::before,
.brick-rule-builder-rule--readOnly::after {
  height: calc(50% + 16px + 1px) !important;
}
.brick-rule-builder-group-container::after,
.brick-rule-builder-rule--readOnly::after {
  top: 50% !important;
}

.brick-elevated-checkbox-group__checkbox-all--inline {
  display: -webkit-inline-flex;
  display: inline-flex;
}
.brick-elevated-checkbox-group__checkbox-all--horizontal,
.brick-elevated-checkbox-group__checkbox-all--vertical {
  display: -webkit-flex;
  display: flex;
}
.brick-elevated-checkbox-group__options--vertical > label {
  display: -webkit-flex;
  display: flex;
  margin-right: 0;
}
.brick-elevated-checkbox-group__options--horizontal > label,
.brick-elevated-checkbox-group__options--inline > label {
  display: -webkit-inline-flex;
  display: inline-flex;
  margin-right: 8px;
}

.brick-header .brick-header-style {
  position: relative;
  z-index: 99;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  height: var(--brick-header-height-base);
  padding: 0;
  padding-right: var(--brick-padding-lg);
  background: var(--brick-component-background);
  box-shadow: var(--brick-header-shadow);
}
.brick-header .brick-header-style .username {
  position: relative;
}
.brick-header .brick-header-style-pc {
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.brick-header .brick-header-style-actions {
  display: -webkit-flex;
  display: flex;
  color: rgba(0, 0, 0, 0.65);
}
.brick-header .brick-header-style-actions__custom {
  padding: 0 var(--brick-padding-sm);
}
.brick-header .brick-header-style-actions__item,
.brick-header .brick-header-style-actions__item--slot {
  padding: 0 var(--brick-padding-sm);
  line-height: var(--brick-header-height-base);
}
.brick-header .brick-header-style-actions__item {
  cursor: pointer;
}
.brick-header .brick-header-style-actions__item .img-circle {
  height: 29px;
  margin-right: 5px;
  border-radius: 50%;
}
.brick-header .brick-header-style-actions__item .status {
  position: absolute;
  top: calc(29px - 16px);
  left: calc(29px - 16px);
  width: 16px;
  height: 16px;
}
.brick-header .brick-header-style-actions__item .ant-dropdown-menu-item:hover {
  background-color: var(--brick-item-hover-bg);
}
.brick-header .brick-header-style-actions__item .ant-dropdown-trigger {
  display: block;
  line-height: var(--brick-header-height-base);
}
.brick-header .brick-header-style-actions__item:hover {
  background-color: var(--brick-header-item-hover);
}
.brick-header .brick-header-style-leftExtra {
  height: var(--brick-header-height-base);
  padding: 0 20px;
  line-height: var(--brick-header-height-base);
  cursor: pointer;
}
.brick-header .brick-header-style .trigger {
  transition: all 0.3s;
}

.brick-menu {
  /** 拖拽按钮样式 **/
  /** 我的收藏样式 **/
  /** 菜单总览 **/
}
.brick-menu-color-white {
  color: var(--brick-white);
}
.brick-menu-drawer {
  height: 100%;
  padding: 0;
}
.brick-menu-sider {
  position: relative;
  z-index: 10;
  padding-top: calc(45px + var(--brick-header-height-base));
  overflow: auto;
}
.brick-menu-sider .ant-menu-dark .ant-menu-submenu-active,
.brick-menu-sider .ant-menu-dark .ant-menu-submenu-open {
  color: var(--brick-primary-color);
}
.brick-menu-sider .ant-menu-dark .ant-menu-item:not(.ant-menu-item-selected):hover > span > a {
  color: var(--brick-primary-color);
}
.brick-menu-sider .ant-menu-dark .ant-menu-submenu-title:hover {
  color: var(--brick-primary-color);
}
.brick-menu-sider .ant-layout-sider-children {
  height: calc(100vh - 45px - var(--brick-header-height-base) - 48px);
  overflow: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.brick-menu-sider .ant-layout-sider-children::-webkit-scrollbar {
  display: none;
}
.brick-menu-sider--collapsed .ant-menu-dark li.ant-menu-submenu-selected {
  color: var(--brick-white);
  background-color: var(--brick-primary-color);
}
.brick-menu-sider--collapsed .ant-menu-dark li.ant-menu-submenu-selected .ant-menu-submenu-title:hover {
  color: var(--brick-white);
}
.brick-menu-sider-menuitem-text {
  position: relative;
  z-index: 9;
  max-width: calc(100% - var(--brick-padding-lg)) !important;
}
.brick-menu-sider-menuitem-text--sub {
  max-width: 100% !important;
}
.brick-menu-sider-menuitem-external-link {
  max-width: calc(100% - 18px - var(--brick-padding-lg)) !important;
}
.brick-menu-sider-menuitem-star {
  position: relative;
  float: right;
}
.brick-menu-sider-menuitem-star--normal {
  opacity: 0;
}
.brick-menu-sider-menuitem-star--collected {
  z-index: 9999;
  color: var(--brick-warning-color) !important;
}
.brick-menu-sider-menuitem:hover .brick-menu-sider-menuitem-star--normal {
  opacity: 1;
}
.brick-menu-sider .ant-layout-sider-trigger {
  text-align: start;
  background-color: var(--brick-menu-trigger-bg-color);
  border-top: 2px solid var(--brick-menu-trigger-border-top-color);
}
.brick-menu-sider .trigger-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: var(--brick-menu-trigger-padding);
}
.brick-menu-sider .trigger,
.brick-menu-sider .trigger--collapsed {
  line-height: 48px;
  cursor: pointer;
  transition: all 0.3s;
}
.brick-menu-sider .trigger--collapsed {
  padding: var(--brick-menu-trigger-collapsed-padding);
}
.brick-menu-logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--brick-header-height-base);
  overflow: hidden;
  line-height: var(--brick-header-height-base);
  background: #002140;
  transition: all 0.3s;
}
.brick-menu-logo--normal {
  padding-left: var(--brick-menu-logo-padding-left);
}
.brick-menu-logo--collapsed {
  text-align: center;
}
.brick-menu-logo .brick-menu-logo-text {
  color: var(--brick-text-color-inverse);
  font-weight: var(--brick-menu-logo-font-weight);
  font-size: var(--brick-menu-logo-font-size);
  letter-spacing: var(--brick-menu-logo-letter-spacing);
}
.brick-menu-search_container .search-highlight {
  color: var(--brick-primary-color);
}
.brick-menu-search_container .brick-menu-search {
  position: absolute;
  top: var(--brick-header-height-base);
  left: 0;
  width: 100%;
  padding: var(--brick-menu-search-padding);
  /** 搜索菜单父节点点击伪元素 **/
}
.brick-menu-search_container .brick-menu-search-subtitle::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: var(--brick-menu-width);
  height: calc(4px + 4px + 40px);
  background-color: transparent;
  content: "";
}
.brick-menu-search_container .brick-menu-search .ant-input-group-addon {
  display: none;
}
.brick-menu-search_container .brick-menu-search .ant-input-affix-wrapper {
  background-color: transparent;
  border: none;
}
.brick-menu-search_container .brick-menu-search .ant-input-affix-wrapper .ant-input-suffix .ant-input-clear-icon {
  color: var(--brick-menu-search-input-clear-icon-color);
}
.brick-menu-search_container .brick-menu-search .ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding: var(--brick-menu-search-input-padding);
}
.brick-menu-search_container .brick-menu-search .ant-input-affix-wrapper .ant-input:not(:last-child)::-webkit-input-placeholder {
  /* WebKit browsers */
  color: var(--brick-menu-search-input-placeholder-color);
}
.brick-menu-search_container .brick-menu-search .ant-input-affix-wrapper .ant-input:not(:last-child):-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--brick-menu-search-input-placeholder-color);
}
.brick-menu-search_container .brick-menu-search .ant-input-affix-wrapper .ant-input:not(:last-child)::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--brick-menu-search-input-placeholder-color);
}
.brick-menu-search_container .brick-menu-search .ant-input-affix-wrapper .ant-input:not(:last-child):-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: var(--brick-menu-search-input-placeholder-color);
}
.brick-menu-search_container .brick-menu-search input {
  color: var(--brick-text-color-inverse);
  background-color: transparent;
  border: 0;
  outline: 0;
}
.brick-menu-search_container .brick-menu-search_empty {
  padding-top: var(--brick-padding-xs);
  color: var(--brick-text-color-inverse);
  text-align: center;
}
.brick-menu-hideMenu {
  height: 0;
  overflow: hidden;
}
.brick-menu-submenu-collapsed ul.ant-menu-sub::-webkit-scrollbar {
  display: none;
}
.brick-menu-submenu-collapsed ul.ant-menu-sub {
  max-height: 100vh;
  overflow: auto;
}
.brick-menu-submenu-collapsed li.ant-menu-submenu-selected {
  background-color: var(--brick-primary-color);
}
.brick-menu-collection {
  padding-bottom: var(--brick-padding-xs);
  border-bottom: 1px solid var(--brick-menu-collection-border-bottom-color);
}
.brick-menu-collection-item {
  position: relative;
  z-index: 99999;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  height: 40px;
  margin-top: var(--brick-margin-xss);
  margin-bottom: var(--brick-margin-xs);
  padding-right: 16px;
  padding-left: var(--brick-menu-collection-item-padding-left);
  font-size: var(--brick-font-size-base);
  line-height: 40px;
}
.brick-menu-collection-item--active {
  background-color: var(--brick-primary-color);
}
.brick-menu-collection-item--active a {
  color: var(--brick-white) !important;
}
.brick-menu-collection-item--active:hover a {
  color: var(--brick-white) !important;
}
.brick-menu-collection-item-text {
  position: relative;
  z-index: 9;
}
.brick-menu-collection-item--collapsed {
  padding-left: var(--brick-menu-collection-item-padding-left-collapsed);
}
.brick-menu-collection-item-actions {
  z-index: 99;
}
.brick-menu-collection-item a {
  color: rgba(255, 255, 255, 0.65);
}
.brick-menu-collection-item:hover a {
  color: var(--brick-primary-color);
}
.brick-menu-collection-item a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: "";
}
.brick-menu-overview .ant-drawer-header-title {
  -webkit-flex: initial;
          flex: initial;
}
.brick-menu-overview-collection {
  position: fixed;
  top: 0;
  left: 0;
  width: var(--brick-menu-width);
  height: 100%;
  padding: var(--brick-menu-overview-collection-padding-top) var(--brick-padding-md);
  overflow: auto;
  background: var(--brick-menu-overview-collection-bg-color);
}
.brick-menu-overview-collection-actions {
  position: relative;
  float: right;
}
.brick-menu-overview-collection-actions-sort {
  color: var(--brick-menu-overview-item-text-color);
  cursor: -webkit-grab;
  cursor: grab;
}
.brick-menu-overview-collection--empty {
  margin-top: var(--brick-menu-overview-collection-empty-margin-top);
  color: #8c8c8c;
}
.brick-menu-overview-collection--empty .ant-empty-image svg {
  width: calc(var(--brick-menu-width) - var(--brick-padding-md) - var(--brick-padding-md));
}
.brick-menu-overview-collection--empty .ant-empty {
  margin: 0;
}
.brick-menu-overview-collection-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: var(--brick-menu-width);
  padding-top: var(--brick-menu-overview-collection-padding-top);
  padding-left: calc(var(--brick-padding-md) + var(--brick-padding-xs));
  background-color: var(--brick-menu-overview-collection-bg-color);
}
.brick-menu-overview-collection-list {
  margin-top: calc(var(--brick-font-size-xl) + 0.5em);
  padding: 0;
  list-style-type: none;
}
.brick-menu-overview-collection-wrap {
  z-index: 9999;
  padding: 0;
  list-style-type: none;
}
.brick-menu-overview-collection-name {
  position: relative;
  z-index: 9;
}
.brick-menu-overview-collection-item {
  position: relative;
  z-index: 11;
  display: inline-block;
  width: 100%;
  height: var(--brick-height-sm);
  margin-bottom: var(--brick-margin-xs);
  padding-left: var(--brick-padding-xs);
  color: var(--brick-menu-overview-item-text-color);
  font-size: var(--brick-font-size-sm);
  line-height: var(--brick-height-sm);
  border-radius: var(--brick-border-radius-base);
}
.brick-menu-overview-collection-item a {
  color: var(--brick-menu-overview-item-text-color);
}
.brick-menu-overview-collection-item a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: "";
}
.brick-menu-overview-header {
  position: fixed;
  top: 0;
  left: calc(var(--brick-menu-width) + var(--brick-padding-lg));
  z-index: 10;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  width: 808px;
  padding: var(--brick-padding-lg) 0;
  background-color: var(--brick-component-background);
}
.brick-menu-overview-header-filter {
  line-height: 32px;
}
.brick-menu-overview-header-filter .ant-checkbox-wrapper {
  font-size: var(--brick-font-size-sm);
}
.brick-menu-overview-anchor {
  position: fixed;
  left: calc(var(--brick-menu-width) + 808px + var(--brick-padding-lg) + 32px);
  z-index: 10;
  width: 120px;
}
.brick-menu-overview-anchor .ant-anchor {
  font-size: var(--brick-font-size-sm) !important;
}
.brick-menu-overview-menus {
  position: relative;
  width: calc(100% - var(--brick-menu-width));
  margin-top: var(--brick-padding-lg);
  margin-left: var(--brick-menu-width);
  overflow: auto;
}
.brick-menu-overview-menus--empty {
  color: #8c8c8c;
}
.brick-menu-overview-menus-searchResult {
  display: inline-block;
  margin-bottom: var(--brick-margin-md);
}
.brick-menu-overview-menus-searchResult-number {
  color: var(--brick-highlight-color);
}
.brick-menu-overview-menus-searchResult-keyword {
  color: var(--brick-info-color);
}
.brick-menu-overview-menus-content {
  width: 808px;
}
.brick-menu-overview-menus-content-title {
  height: var(--brick-menu-overview-waterfull-title-height);
  padding-left: var(--brick-padding-sm);
  font-size: var(--brick-font-size-lg);
  line-height: var(--brick-menu-overview-waterfull-title-height);
  background-color: var(--brick-menu-overview-waterfull-title-bg-color);
  border-radius: var(--brick-menu-overview-waterfull-title-border-radius);
}
.brick-menu-overview-menus-content-title--active {
  color: var(--brick-primary-color);
}
.brick-menu-overview-menus-content-title--disabled {
  color: var(--brick-disabled-color);
}
.brick-menu-overview-waterfull {
  margin: var(--brick-margin-md) var(--brick-margin-sm);
  -moz-column-count: 5;
  -webkit-column-count: 5;
  column-count: 5;
  -moz-column-gap: 46px;
  -webkit-column-gap: 46px;
  column-gap: 46px;
  -moz-column-width: 8em;
  -webkit-column-width: 8em;
  column-width: 8em;
}
.brick-menu-overview-waterfull--emptyText {
  color: var(--brick-disabled-color);
  font-size: var(--brick-font-size-sm);
}
.brick-menu-overview-waterfull .brick-menu-overview-waterfull-item {
  display: block;
  margin-bottom: var(--brick-margin-xs);
  padding-left: 0;
  font-size: var(--brick-font-size-sm) !important;
  -moz-page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  -webkit-column-break-inside: avoid;
}
.brick-menu-overview-waterfull .brick-menu-overview-waterfull-item::after {
  display: block;
  clear: both;
  content: "";
}
.brick-menu-overview-waterfull .brick-menu-overview-waterfull-item a {
  color: var(--brick-menu-overview-item-text-color);
}
.brick-menu-overview-waterfull .brick-menu-overview-waterfull-item a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: "";
}
.brick-menu-overview-waterfull .brick-menu-overview-waterfull-item li {
  position: relative;
  margin-bottom: var(--brick-margin-xs);
  line-height: var(--brick-height-sm);
  list-style-type: none;
  border-radius: var(--brick-border-radius-base);
}
.brick-menu-overview-waterfull .brick-menu-overview-waterfull-item div,
.brick-menu-overview-waterfull .brick-menu-overview-waterfull-item li {
  width: 100%;
}
.brick-menu-overview-waterfull .brick-menu-overview-waterfull-item--disabled {
  color: var(--brick-disabled-color);
}
.brick-menu-overview-waterfull-subitem {
  cursor: pointer;
}
.brick-menu-overview-waterfull-subitem--firstLayer {
  font-size: var(--brick-font-size-base);
}
.brick-menu-overview-waterfull-subitem-text {
  position: relative;
  z-index: 9;
}
.brick-menu-overview-waterfull-subitem-actions {
  position: relative;
  float: right;
}
.brick-menu-overview-waterfull-subitem-starIcon {
  opacity: 0;
}
.brick-menu-overview-waterfull-subitem-starIcon--collected {
  color: var(--brick-warning-color) !important;
}
.brick-menu-overview-waterfull-subitem:hover.brick-menu-overview-waterfull-subitem::after {
  position: absolute;
  top: 0;
  right: calc(-1 * var(--brick-margin-xs));
  left: calc(-1 * var(--brick-margin-xs));
  z-index: -99;
  display: block;
  height: 100%;
  background: var(--brick-menu-overview-item-hover-bg);
  content: "";
}
.brick-menu-overview-waterfull-subitem:hover .brick-menu-overview-waterfull-subitem-starIcon {
  opacity: 1;
}
.brick-menu-overview-waterfull-subitem--disabled {
  color: var(--brick-disabled-color);
  cursor: not-allowed;
}
.brick-menu-overview-waterfull-subtitle {
  position: relative;
  font-weight: 600;
  font-size: var(--brick-font-size-base);
}
.brick-menu-overview-waterfull-subtitle--secondLayer {
  font-weight: bold;
  font-size: 12px;
}
.brick-menu-overview-waterfull-subtitle--secondLayer::before {
  display: none;
}
.brick-menu-overview-waterfull-subtitle--disabled {
  color: var(--brick-disabled-color);
}
.brick-menu-overview-waterfull-subtitle--disabled::before {
  background-color: var(--brick-disabled-color);
}
.brick-menu-external-link-icon {
  position: relative;
  top: 5px;
  margin-left: 2px;
}
.brick-menu-external-link-overview-icon {
  position: relative;
  top: 5px;
}

/* stylelint-disable */
/* 组件库 style变量 集合 */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**/
/**/
/* 为统一brick与antd的换肤功能，brick主要样式变量全部继承自antd，以便项目对antd主题进行变更时，能同样对brick生效 */
/* 新增自定义brick变量见本文件底部，按组件分类 */
/**/
/* brick提供css样式变量与less样式变量 */
/**/
/**  继承自antd的样式变量 START **/
/**/
html {
  /* -------- Colors ----------- */
  --brick-primary-color: #1890ff;
  --brick-info-color: #1890ff;
  --brick-success-color: #52c41a;
  --brick-processing-color: #1890ff;
  --brick-error-color: #ff4d4f;
  --brick-highlight-color: #ff4d4f;
  --brick-warning-color: #faad14;
  --brick-normal-color: #d9d9d9;
  --brick-white: #fff;
  --brick-black: #000;
  /* Color used by default to control hover and active backgrounds and for alert info backgrounds. */
  --brick-primary-1: #e6f7ff;
  --brick-primary-2: #bae7ff;
  --brick-primary-3: #91d5ff;
  --brick-primary-4: #69c0ff;
  --brick-primary-5: #40a9ff;
  --brick-primary-6: #1890ff;
  --brick-primary-7: #096dd9;
  --brick-primary-8: #0050b3;
  --brick-primary-9: #003a8c;
  --brick-primary-10: #002766;
  /* Base Scaffolding Variables */
  /* --- */
  /* Background color for `<body>` */
  --brick-body-background: #fff;
  /* Base background color for most components */
  --brick-component-background: #fff;
  /* Popover background color */
  --brick-popover-background: #fff;
  --brick-popover-customize-border-color: #f0f0f0;
  --brick-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --brick-code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  --brick-text-color: rgba(0, 0, 0, 0.85);
  --brick-text-color-secondary: rgba(0, 0, 0, 0.45);
  --brick-text-color-inverse: #fff;
  --brick-icon-color: inherit;
  --brick-icon-color-hover: rgba(0, 0, 0, 0.75);
  --brick-heading-color: rgba(0, 0, 0, 0.85);
  --brick-text-color-dark: rgba(255, 255, 255, 0.85);
  --brick-text-color-secondary-dark: rgba(255, 255, 255, 0.65);
  --brick-text-selection-bg: #1890ff;
  --brick-font-variant-base: tabular-nums;
  --brick-font-feature-settings-base: 'tnum';
  --brick-font-size-base: 14px;
  --brick-font-size-lg: 16px;
  --brick-font-size-sm: 12px;
  --brick-heading-1-size: 38px;
  --brick-heading-2-size: 30px;
  --brick-heading-3-size: 24px;
  --brick-heading-4-size: 20px;
  --brick-heading-5-size: 16px;
  --brick-line-height-base: 1.5715;
  --brick-border-radius-base: 2px;
  --brick-border-radius-sm: 2px;
  /* vertical paddings */
  --brick-padding-lg: 24px;
  --brick-padding-md: 16px;
  --brick-padding-sm: 12px;
  --brick-padding-xs: 8px;
  --brick-padding-xss: 4px;
  /* vertical padding for all form controls */
  --brick-control-padding-horizontal: 12px;
  --brick-control-padding-horizontal-sm: 8px;
  /* vertical margins */
  --brick-margin-lg: 24px;
  --brick-margin-md: 16px;
  --brick-margin-sm: 12px;
  --brick-margin-xs: 8px;
  --brick-margin-xss: 4px;
  /* height rules */
  --brick-height-base: 32px;
  --brick-height-lg: 40px;
  --brick-height-sm: 24px;
  /* The background colors for active and hover states for things like */
  /* list items or table cells. */
  --brick-item-active-bg: #e6f7ff;
  --brick-item-hover-bg: #f5f5f5;
  /* ICONFONT */
  --brick-iconfont-css-prefix: anticon;
  /* LINK */
  --brick-link-color: #1890ff;
  --brick-link-hover-color: #40a9ff;
  --brick-link-active-color: #096dd9;
  --brick-link-decoration: none;
  --brick-link-hover-decoration: none;
  --brick-link-focus-decoration: none;
  --brick-link-focus-outline: 0;
  /* Animation */
  --brick-ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
  --brick-ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
  --brick-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --brick-ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --brick-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --brick-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
  --brick-ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
  --brick-ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
  --brick-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
  --brick-ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  --brick-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  --brick-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --brick-ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --brick-ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  /* Border color */
  --brick-border-color-base: #d9d9d9;
  --brick-border-color-split: #f0f0f0;
  --brick-border-color-inverse: #fff;
  --brick-border-width-base: 1px;
  --brick-border-style-base: solid;
  /* Outline */
  --brick-outline-blur-size: 0;
  --brick-outline-width: 2px;
  --brick-outline-color: #1890ff;
  --brick-outline-fade: 20%;
  --brick-background-color-light: #fafafa;
  --brick-background-color-base: #f5f5f5;
  /* Disabled states */
  --brick-disabled-color: rgba(0, 0, 0, 0.25);
  --brick-disabled-bg: #f5f5f5;
  --brick-disabled-active-bg: #e6e6e6;
  --brick-disabled-color-dark: rgba(255, 255, 255, 0.35);
  /* Shadow */
  --brick-shadow-color: rgba(0, 0, 0, 0.15);
  --brick-shadow-color-inverse: #fff;
  --brick-box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --brick-shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-left: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-2: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  /* Buttons */
  --brick-btn-font-weight: 400;
  --brick-btn-border-radius-base: 2px;
  --brick-btn-border-radius-sm: 2px;
  --brick-btn-border-width: 1px;
  --brick-btn-border-style: solid;
  --brick-btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  --brick-btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  --brick-btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  --brick-btn-primary-color: #fff;
  --brick-btn-primary-bg: #1890ff;
  --brick-btn-default-color: rgba(0, 0, 0, 0.85);
  --brick-btn-default-bg: #fff;
  --brick-btn-default-border: #d9d9d9;
  --brick-btn-danger-color: #fff;
  --brick-btn-danger-bg: #ff4d4f;
  --brick-btn-danger-border: #ff4d4f;
  --brick-btn-disable-color: rgba(0, 0, 0, 0.25);
  --brick-btn-disable-bg: #f5f5f5;
  --brick-btn-disable-border: #d9d9d9;
  --brick-btn-default-ghost-color: #fff;
  --brick-btn-default-ghost-bg: transparent;
  --brick-btn-default-ghost-border: #fff;
  --brick-btn-font-size-lg: 16px;
  --brick-btn-font-size-sm: 14px;
  --brick-btn-padding-horizontal-base: 15px;
  --brick-btn-padding-horizontal-lg: 15px;
  --brick-btn-padding-horizontal-sm: 7px;
  --brick-btn-height-base: 32px;
  --brick-btn-height-lg: 40px;
  --brick-btn-height-sm: 24px;
  --brick-btn-line-height: 1.5715;
  --brick-btn-circle-size: 32px;
  --brick-btn-circle-size-lg: 40px;
  --brick-btn-circle-size-sm: 24px;
  --brick-btn-square-size: 32px;
  --brick-btn-square-size-lg: 40px;
  --brick-btn-square-size-sm: 24px;
  --brick-btn-square-only-icon-size: 16px;
  --brick-btn-square-only-icon-size-sm: 14px;
  --brick-btn-square-only-icon-size-lg: 18px;
  --brick-btn-group-border: #40a9ff;
  --brick-btn-link-hover-bg: transparent;
  --brick-btn-text-hover-bg: rgba(0, 0, 0, 0.018);
  /* Checkbox */
  --brick-checkbox-size: 16px;
  --brick-checkbox-color: #1890ff;
  --brick-checkbox-check-color: #fff;
  --brick-checkbox-check-bg: #fff;
  --brick-checkbox-border-width: 1px;
  --brick-checkbox-group-item-margin-right: 8px;
  /* Descriptions */
  --brick-descriptions-bg: #fafafa;
  --brick-descriptions-title-margin-bottom: 20px;
  --brick-descriptions-default-padding: 16px 24px;
  --brick-descriptions-middle-padding: 12px 24px;
  --brick-descriptions-small-padding: 8px 16px;
  --brick-descriptions-item-padding-bottom: 16px;
  --brick-descriptions-item-trailing-colon: true;
  --brick-descriptions-item-label-colon-margin-right: 8px;
  --brick-descriptions-item-label-colon-margin-left: 2px;
  --brick-descriptions-extra-color: rgba(0, 0, 0, 0.85);
  /* Divider */
  --brick-divider-text-padding: 1em;
  --brick-divider-orientation-margin: 5%;
  --brick-divider-color: rgba(0, 0, 0, 0.06);
  /* Dropdown */
  --brick-dropdown-selected-color: #1890ff;
  --brick-dropdown-menu-submenu-disabled-bg: #fff;
  /* Empty */
  --brick-empty-font-size: 14px;
  /* Radio */
  --brick-radio-size: 16px;
  --brick-radio-top: 0.2em;
  --brick-radio-border-width: 1px;
  --brick-radio-dot-size: 8px;
  --brick-radio-dot-color: #1890ff;
  --brick-radio-dot-disabled-color: rgba(0, 0, 0, 0.2);
  --brick-radio-solid-checked-color: #fff;
  /* Radio buttons */
  --brick-radio-button-bg: #fff;
  --brick-radio-button-checked-bg: #fff;
  --brick-radio-button-color: rgba(0, 0, 0, 0.85);
  --brick-radio-button-hover-color: #40a9ff;
  --brick-radio-button-active-color: #096dd9;
  --brick-radio-disabled-button-checked-bg: #e6e6e6;
  --brick-radio-disabled-button-checked-color: rgba(0, 0, 0, 0.25);
  --brick-radio-wrapper-margin-right: 8px;
  /* Media queries breakpoints */
  /* @screen-xs and @screen-xs-min is not used in Grid */
  /* smallest break point is @screen-md */
  --brick-screen-xs: 480px;
  --brick-screen-xs-min: 480px;
  /* 👆 Extra small screen / phone */
  /* 👇 Small screen / tablet */
  --brick-screen-sm: 576px;
  --brick-screen-sm-min: 576px;
  /* Medium screen / desktop */
  --brick-screen-md: 768px;
  --brick-screen-md-min: 768px;
  /* Large screen / wide desktop */
  --brick-screen-lg: 992px;
  --brick-screen-lg-min: 992px;
  /* Extra large screen / full hd */
  --brick-screen-xl: 1200px;
  --brick-screen-xl-min: 1200px;
  /* Extra extra large screen / large desktop */
  --brick-screen-xxl: 1600px;
  --brick-screen-xxl-min: 1600px;
  /* provide a maximum */
  --brick-screen-xs-max: 575px;
  --brick-screen-sm-max: 767px;
  --brick-screen-md-max: 991px;
  --brick-screen-lg-max: 1199px;
  --brick-screen-xl-max: 1599px;
  /* Grid system */
  --brick-grid-columns: 24;
  /* Layout */
  --brick-layout-body-background: #f0f2f5;
  --brick-layout-header-background: #001529;
  --brick-layout-header-height: 64px;
  --brick-layout-header-padding: 0 50px;
  --brick-layout-header-color: rgba(0, 0, 0, 0.85);
  --brick-layout-footer-padding: 24px 50px;
  --brick-layout-footer-background: #f0f2f5;
  --brick-layout-sider-background: #001529;
  --brick-layout-trigger-height: 48px;
  --brick-layout-trigger-background: #002140;
  --brick-layout-trigger-color: #fff;
  --brick-layout-zero-trigger-width: 36px;
  --brick-layout-zero-trigger-height: 42px;
  /* Layout light theme */
  --brick-layout-sider-background-light: #fff;
  --brick-layout-trigger-background-light: #fff;
  --brick-layout-trigger-color-light: rgba(0, 0, 0, 0.85);
  /* z-index list, order by `z-index` */
  --brick-zindex-badge: auto;
  --brick-zindex-table-fixed: 2;
  --brick-zindex-affix: 10;
  --brick-zindex-back-top: 10;
  --brick-zindex-picker-panel: 10;
  --brick-zindex-popup-close: 10;
  --brick-zindex-modal: 1000;
  --brick-zindex-modal-mask: 1000;
  --brick-zindex-message: 1010;
  --brick-zindex-notification: 1010;
  --brick-zindex-popover: 1030;
  --brick-zindex-dropdown: 1050;
  --brick-zindex-picker: 1050;
  --brick-zindex-popoconfirm: 1060;
  --brick-zindex-tooltip: 1070;
  --brick-zindex-image: 1080;
  /* Animation */
  --brick-animation-duration-slow: 0.3s;
  --brick-animation-duration-base: 0.2s;
  --brick-animation-duration-fast: 0.1s;
  --brick-collapse-panel-border-radius: 2px;
  --brick-dropdown-menu-bg: #fff;
  --brick-dropdown-vertical-padding: 5px;
  --brick-dropdown-edge-child-vertical-padding: 4px;
  --brick-dropdown-font-size: 14px;
  --brick-dropdown-line-height: 22px;
  --brick-label-required-color: #ff4d4f;
  --brick-label-color: rgba(0, 0, 0, 0.85);
  /* Form */
  /* --- */
  --brick-form-warning-input-bg: #fff;
  --brick-form-item-margin-bottom: 24px;
  --brick-form-item-trailing-colon: true;
  --brick-form-vertical-label-padding: 0 0 8px;
  --brick-form-vertical-label-margin: 0;
  --brick-form-item-label-font-size: 14px;
  --brick-form-item-label-height: 32px;
  --brick-form-item-label-colon-margin-right: 8px;
  --brick-form-item-label-colon-margin-left: 2px;
  --brick-form-error-input-bg: #fff;
  /* Input */
  /* --- */
  --brick-input-height-base: 32px;
  --brick-input-height-lg: 40px;
  --brick-input-height-sm: 24px;
  --brick-input-padding-horizontal: 11px;
  --brick-input-padding-horizontal-base: 11px;
  --brick-input-padding-horizontal-sm: 7px;
  --brick-input-padding-horizontal-lg: 11px;
  --brick-input-padding-vertical-base: 4px;
  --brick-input-padding-vertical-sm: 0px;
  --brick-input-padding-vertical-lg: 6.5px;
  --brick-input-placeholder-color: #bfbfbf;
  --brick-input-color: rgba(0, 0, 0, 0.85);
  --brick-input-icon-color: rgba(0, 0, 0, 0.85);
  --brick-input-border-color: #d9d9d9;
  --brick-input-bg: #fff;
  --brick-input-number-hover-border-color: #40a9ff;
  --brick-input-number-handler-active-bg: #f4f4f4;
  --brick-input-number-handler-hover-bg: #40a9ff;
  --brick-input-number-handler-bg: #fff;
  --brick-input-number-handler-border-color: #d9d9d9;
  --brick-input-addon-bg: #fafafa;
  --brick-input-hover-border-color: #40a9ff;
  --brick-input-disabled-bg: #f5f5f5;
  --brick-input-outline-offset: 0 0;
  --brick-input-icon-hover-color: rgba(0, 0, 0, 0.85);
  --brick-input-disabled-color: rgba(0, 0, 0, 0.25);
  /* Mentions */
  /* --- */
  --brick-mentions-dropdown-bg: #fff;
  --brick-mentions-dropdown-menu-item-hover-bg: #fff;
  /* Select */
  /* --- */
  --brick-select-border-color: #d9d9d9;
  --brick-select-item-selected-color: rgba(0, 0, 0, 0.85);
  --brick-select-item-selected-font-weight: 600;
  --brick-select-dropdown-bg: #fff;
  --brick-select-item-selected-bg: #e6f7ff;
  --brick-select-item-active-bg: #f5f5f5;
  --brick-select-dropdown-vertical-padding: 5px;
  --brick-select-dropdown-font-size: 14px;
  --brick-select-dropdown-line-height: 22px;
  --brick-select-dropdown-height: 32px;
  --brick-select-background: #fff;
  --brick-select-clear-background: #fff;
  --brick-select-selection-item-bg: #f5f5f5;
  --brick-select-selection-item-border-color: #f0f0f0;
  --brick-select-single-item-height-lg: 40px;
  --brick-select-multiple-item-height: 24px;
  --brick-select-multiple-item-height-lg: 32px;
  --brick-select-multiple-item-spacing-half: 2px;
  --brick-select-multiple-disabled-background: #f5f5f5;
  --brick-select-multiple-item-disabled-color: #bfbfbf;
  --brick-select-multiple-item-disabled-border-color: #d9d9d9;
  /* Cascader */
  /* --- */
  --brick-cascader-bg: #fff;
  --brick-cascader-item-selected-bg: #e6f7ff;
  --brick-cascader-menu-bg: #fff;
  --brick-cascader-menu-border-color-split: #f0f0f0;
  --brick-cascader-dropdown-vertical-padding: 5px;
  --brick-cascader-dropdown-edge-child-vertical-padding: 4px;
  --brick-cascader-dropdown-font-size: 14px;
  --brick-cascader-dropdown-line-height: 22px;
  /* Anchor */
  /* --- */
  --brick-anchor-bg: transparent;
  --brick-anchor-border-color: #f0f0f0;
  --brick-anchor-link-top: 4px;
  --brick-anchor-link-left: 16px;
  --brick-anchor-link-padding: 4px 0 4px 16px;
  /* Tooltip */
  /* --- */
  --brick-tooltip-max-width: 250px;
  --brick-tooltip-color: #fff;
  --brick-tooltip-bg: rgba(0, 0, 0, 0.75);
  --brick-tooltip-arrow-width: 11.3137085px;
  --brick-tooltip-distance: 14.3137085px;
  --brick-tooltip-arrow-color: rgba(0, 0, 0, 0.75);
  /* Popover */
  --brick-popover-bg: #fff;
  --brick-popover-color: rgba(0, 0, 0, 0.85);
  --brick-popover-min-width: 177px;
  --brick-popover-min-height: 32px;
  --brick-popover-arrow-width: 11.3137085px;
  --brick-popover-arrow-color: #fff;
  --brick-popover-arrow-outer-color: #fff;
  --brick-popover-distance: 15.3137085px;
  --brick-popover-padding-horizontal: 16px;
  /* Modal */
  /* -- */
  --brick-modal-header-padding-vertical: 16px;
  --brick-modal-header-padding-horizontal: 24px;
  --brick-modal-body-padding: 24px;
  --brick-modal-header-bg: #fff;
  --brick-modal-header-padding: 16px 24px;
  --brick-modal-header-border-width: 1px;
  --brick-modal-header-border-style: solid;
  --brick-modal-header-title-line-height: 22px;
  --brick-modal-header-title-font-size: 16px;
  --brick-modal-header-border-color-split: #f0f0f0;
  --brick-modal-header-close-size: 54px;
  --brick-modal-content-bg: #fff;
  --brick-modal-heading-color: rgba(0, 0, 0, 0.85);
  --brick-modal-close-color: rgba(0, 0, 0, 0.45);
  --brick-modal-footer-bg: transparent;
  --brick-modal-footer-border-color-split: #f0f0f0;
  --brick-modal-footer-border-style: solid;
  --brick-modal-footer-padding-vertical: 10px;
  --brick-modal-footer-padding-horizontal: 16px;
  --brick-modal-footer-border-width: 1px;
  --brick-modal-mask-bg: rgba(0, 0, 0, 0.45);
  --brick-modal-confirm-body-padding: 32px 32px 24px;
  /* Progress */
  /* -- */
  --brick-progress-default-color: #1890ff;
  --brick-progress-remaining-color: #f5f5f5;
  --brick-progress-info-text-color: rgba(0, 0, 0, 0.85);
  --brick-progress-radius: 100px;
  --brick-progress-steps-item-bg: #f3f3f3;
  --brick-progress-text-font-size: 1em;
  --brick-progress-text-color: rgba(0, 0, 0, 0.85);
  --brick-progress-circle-text-font-size: 1em;
  /* Menu */
  /* --- */
  --brick-menu-inline-toplevel-item-height: 40px;
  --brick-menu-item-height: 40px;
  --brick-menu-item-group-height: 1.5715;
  --brick-menu-collapsed-width: 80px;
  --brick-menu-bg: #fff;
  --brick-menu-popup-bg: #fff;
  --brick-menu-item-color: rgba(0, 0, 0, 0.85);
  --brick-menu-inline-submenu-bg: #fafafa;
  --brick-menu-highlight-color: #1890ff;
  --brick-menu-highlight-danger-color: #ff4d4f;
  --brick-menu-item-active-bg: #e6f7ff;
  --brick-menu-item-active-danger-bg: #fff1f0;
  --brick-menu-item-active-border-width: 3px;
  --brick-menu-item-group-title-color: rgba(0, 0, 0, 0.45);
  --brick-menu-item-vertical-margin: 4px;
  --brick-menu-item-font-size: 14px;
  --brick-menu-item-boundary-margin: 8px;
  --brick-menu-item-padding-horizontal: 20px;
  --brick-menu-item-padding: 0 20px;
  --brick-menu-horizontal-line-height: 46px;
  --brick-menu-icon-margin-right: 10px;
  --brick-menu-icon-size: 14px;
  --brick-menu-icon-size-lg: 16px;
  --brick-menu-item-group-title-font-size: 14px;
  /* dark theme */
  --brick-menu-dark-color: rgba(255, 255, 255, 0.65);
  --brick-menu-dark-danger-color: #ff4d4f;
  --brick-menu-dark-bg: #001529;
  --brick-menu-dark-arrow-color: #fff;
  --brick-menu-dark-inline-submenu-bg: #000c17;
  --brick-menu-dark-highlight-color: #fff;
  --brick-menu-dark-item-active-bg: #1890ff;
  --brick-menu-dark-item-active-danger-bg: #ff4d4f;
  --brick-menu-dark-selected-item-icon-color: #fff;
  --brick-menu-dark-selected-item-text-color: #fff;
  --brick-menu-dark-item-hover-bg: transparent;
  /* Spin */
  /* --- */
  --brick-spin-dot-size-sm: 14px;
  --brick-spin-dot-size: 20px;
  --brick-spin-dot-size-lg: 32px;
  /* Table */
  /* -- */
  --brick-table-bg: #fff;
  --brick-table-header-bg: #fafafa;
  --brick-table-header-color: rgba(0, 0, 0, 0.85);
  --brick-table-header-sort-bg: #f5f5f5;
  --brick-table-body-sort-bg: #fafafa;
  --brick-table-row-hover-bg: #fafafa;
  --brick-table-selected-row-color: inherit;
  --brick-table-selected-row-bg: #e6f7ff;
  --brick-table-body-selected-sort-bg: #e6f7ff;
  --brick-table-selected-row-hover-bg: #dcf4ff;
  --brick-table-expanded-row-bg: #fbfbfb;
  --brick-table-padding-vertical: 16px;
  --brick-table-padding-horizontal: 16px;
  --brick-table-padding-vertical-md: 12px;
  --brick-table-padding-horizontal-md: 8px;
  --brick-table-padding-vertical-sm: 8px;
  --brick-table-padding-horizontal-sm: 8px;
  --brick-table-border-color: #f0f0f0;
  --brick-table-border-radius-base: 2px;
  --brick-table-footer-bg: #fafafa;
  --brick-table-footer-color: rgba(0, 0, 0, 0.85);
  --brick-table-header-bg-sm: #fafafa;
  --brick-table-font-size: 14px;
  --brick-table-font-size-md: 14px;
  --brick-table-font-size-sm: 14px;
  --brick-table-header-cell-split-color: rgba(0, 0, 0, 0.06);
  /* Sorter */
  /* Legacy: `table-header-sort-active-bg` is used for hover not real active */
  --brick-table-header-sort-active-bg: rgba(0, 0, 0, 0.04);
  --brick-table-fixed-header-sort-active-bg: #f5f5f5;
  /* Filter */
  --brick-table-header-filter-active-bg: rgba(0, 0, 0, 0.04);
  --brick-table-filter-btns-bg: inherit;
  --brick-table-filter-dropdown-bg: #fff;
  --brick-table-expand-icon-bg: #fff;
  --brick-table-selection-column-width: 32px;
  /* Sticky */
  --brick-table-sticky-scroll-bar-bg: rgba(0, 0, 0, 0.35);
  --brick-table-sticky-scroll-bar-radius: 4px;
  /* Tag */
  /* -- */
  --brick-tag-default-bg: #fafafa;
  --brick-tag-default-color: rgba(0, 0, 0, 0.85);
  --brick-tag-font-size: 12px;
  --brick-tag-line-height: 20px;
  /* TimePicker */
  /* --- */
  --brick-picker-bg: #fff;
  --brick-picker-basic-cell-hover-color: #f5f5f5;
  --brick-picker-basic-cell-active-with-range-color: #e6f7ff;
  --brick-picker-basic-cell-hover-with-range-color: #cbe6ff;
  --brick-picker-basic-cell-disabled-bg: rgba(0, 0, 0, 0.04);
  --brick-picker-border-color: #f0f0f0;
  --brick-picker-date-hover-range-border-color: #7ec1ff;
  --brick-picker-date-hover-range-color: #cbe6ff;
  --brick-picker-time-panel-column-width: 56px;
  --brick-picker-time-panel-column-height: 224px;
  --brick-picker-time-panel-cell-height: 28px;
  --brick-picker-panel-cell-height: 24px;
  --brick-picker-panel-cell-width: 36px;
  --brick-picker-text-height: 40px;
  --brick-picker-panel-without-time-cell-height: 66px;
  /* Calendar */
  /* --- */
  --brick-calendar-bg: #fff;
  --brick-calendar-input-bg: #fff;
  --brick-calendar-border-color: #fff;
  --brick-calendar-item-active-bg: #e6f7ff;
  --brick-calendar-full-bg: #fff;
  --brick-calendar-full-panel-bg: #fff;
  /* Carousel */
  /* --- */
  --brick-carousel-dot-width: 16px;
  --brick-carousel-dot-height: 3px;
  --brick-carousel-dot-active-width: 24px;
  /* Badge */
  /* --- */
  --brick-badge-height: 20px;
  --brick-badge-height-sm: 14px;
  --brick-badge-dot-size: 6px;
  --brick-badge-font-size: 12px;
  --brick-badge-font-size-sm: 12px;
  --brick-badge-font-weight: normal;
  --brick-badge-status-size: 6px;
  --brick-badge-text-color: #fff;
  --brick-badge-color: #ff4d4f;
  /* Rate */
  /* --- */
  --brick-rate-star-color: #fadb14;
  --brick-rate-star-bg: #f0f0f0;
  --brick-rate-star-size: 20px;
  --brick-rate-star-hover-scale: scale(1.1);
  /* Card */
  /* --- */
  --brick-card-head-color: rgba(0, 0, 0, 0.85);
  --brick-card-head-background: transparent;
  --brick-card-head-font-size: 16px;
  --brick-card-head-font-size-sm: 14px;
  --brick-card-head-padding: 16px;
  --brick-card-head-padding-sm: 8px;
  --brick-card-head-height: 48px;
  --brick-card-head-height-sm: 36px;
  --brick-card-inner-head-padding: 12px;
  --brick-card-padding-base: 24px;
  --brick-card-padding-base-sm: 12px;
  --brick-card-actions-background: #fff;
  --brick-card-actions-li-margin: 12px 0;
  --brick-card-skeleton-bg: #cfd8dc;
  --brick-card-background: #fff;
  --brick-card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  --brick-card-radius: 2px;
  --brick-card-head-tabs-margin-bottom: -17px;
  --brick-card-head-extra-color: rgba(0, 0, 0, 0.85);
  /* Comment */
  /* --- */
  --brick-comment-bg: inherit;
  --brick-comment-padding-base: 16px 0;
  --brick-comment-nest-indent: 44px;
  --brick-comment-font-size-base: 14px;
  --brick-comment-font-size-sm: 12px;
  --brick-comment-author-name-color: rgba(0, 0, 0, 0.45);
  --brick-comment-author-time-color: #ccc;
  --brick-comment-action-color: rgba(0, 0, 0, 0.45);
  --brick-comment-action-hover-color: #595959;
  --brick-comment-actions-margin-bottom: inherit;
  --brick-comment-actions-margin-top: 12px;
  --brick-comment-content-detail-p-margin-bottom: inherit;
  /* Tabs */
  /* --- */
  --brick-tabs-card-head-background: #fafafa;
  --brick-tabs-card-height: 40px;
  --brick-tabs-card-active-color: #1890ff;
  --brick-tabs-card-horizontal-padding: 8px 16px;
  --brick-tabs-card-horizontal-padding-sm: 6px 16px;
  --brick-tabs-card-horizontal-padding-lg: 7px 16px 6px;
  --brick-tabs-title-font-size: 14px;
  --brick-tabs-title-font-size-lg: 16px;
  --brick-tabs-title-font-size-sm: 14px;
  --brick-tabs-ink-bar-color: #1890ff;
  --brick-tabs-bar-margin: 0 0 16px 0;
  --brick-tabs-horizontal-gutter: 32px;
  --brick-tabs-horizontal-margin: 0 0 0 32px;
  --brick-tabs-horizontal-margin-rtl: 0 0 0 32px;
  --brick-tabs-horizontal-padding: 12px 0;
  --brick-tabs-horizontal-padding-lg: 16px 0;
  --brick-tabs-horizontal-padding-sm: 8px 0;
  --brick-tabs-vertical-padding: 8px 24px;
  --brick-tabs-vertical-margin: 16px 0 0 0;
  --brick-tabs-scrolling-size: 32px;
  --brick-tabs-highlight-color: #1890ff;
  --brick-tabs-hover-color: #40a9ff;
  --brick-tabs-active-color: #096dd9;
  --brick-tabs-card-gutter: 2px;
  --brick-tabs-card-tab-active-border-top: 2px solid transparent;
  /* BackTop */
  /* --- */
  --brick-back-top-color: #fff;
  --brick-back-top-bg: rgba(0, 0, 0, 0.45);
  --brick-back-top-hover-bg: rgba(0, 0, 0, 0.85);
  /* Avatar */
  /* --- */
  --brick-avatar-size-base: 32px;
  --brick-avatar-size-lg: 40px;
  --brick-avatar-size-sm: 24px;
  --brick-avatar-font-size-base: 18px;
  --brick-avatar-font-size-lg: 24px;
  --brick-avatar-font-size-sm: 14px;
  --brick-avatar-bg: #ccc;
  --brick-avatar-color: #fff;
  --brick-avatar-border-radius: 2px;
  --brick-avatar-group-overlapping: -8px;
  --brick-avatar-group-space: 3px;
  --brick-avatar-group-border-color: #fff;
  /* Switch */
  /* --- */
  --brick-switch-height: 22px;
  --brick-switch-sm-height: 16px;
  --brick-switch-min-width: 44px;
  --brick-switch-sm-min-width: 28px;
  --brick-switch-disabled-opacity: 0.4;
  --brick-switch-color: #1890ff;
  --brick-switch-bg: #fff;
  --brick-switch-shadow-color: rgba(0, 35, 11, 0.2);
  --brick-switch-padding: 2px;
  --brick-switch-inner-margin-min: 7px;
  --brick-switch-inner-margin-max: 25px;
  --brick-switch-sm-inner-margin-min: 5px;
  --brick-switch-sm-inner-margin-max: 18px;
  /* Pagination */
  /* --- */
  --brick-pagination-item-bg: #fff;
  --brick-pagination-item-size: 32px;
  --brick-pagination-item-size-sm: 24px;
  --brick-pagination-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --brick-pagination-font-weight-active: 500;
  --brick-pagination-item-bg-active: #fff;
  --brick-pagination-item-link-bg: #fff;
  --brick-pagination-item-disabled-color-active: rgba(0, 0, 0, 0.25);
  --brick-pagination-item-disabled-bg-active: #e6e6e6;
  --brick-pagination-item-input-bg: #fff;
  --brick-pagination-mini-options-size-changer-top: 0px;
  /* PageHeader */
  /* --- */
  --brick-page-header-padding: 24px;
  --brick-page-header-padding-vertical: 16px;
  --brick-page-header-padding-breadcrumb: 12px;
  --brick-page-header-content-padding-vertical: 12px;
  --brick-page-header-back-color: #000;
  --brick-page-header-ghost-bg: inherit;
  --brick-page-header-heading-title: 20px;
  --brick-page-header-heading-sub-title: 14px;
  --brick-page-header-tabs-tab-font-size: 16px;
  /* Breadcrumb */
  /* --- */
  --brick-breadcrumb-base-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-last-item-color: rgba(0, 0, 0, 0.85);
  --brick-breadcrumb-font-size: 14px;
  --brick-breadcrumb-icon-font-size: 14px;
  --brick-breadcrumb-link-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-link-color-hover: rgba(0, 0, 0, 0.85);
  --brick-breadcrumb-separator-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-separator-margin: 0 8px;
  /* Slider */
  /* --- */
  --brick-slider-margin: 10px 6px 10px;
  --brick-slider-rail-background-color: #f5f5f5;
  --brick-slider-rail-background-color-hover: #e1e1e1;
  --brick-slider-track-background-color: #91d5ff;
  --brick-slider-track-background-color-hover: #69c0ff;
  --brick-slider-handle-border-width: 2px;
  --brick-slider-handle-background-color: #fff;
  --brick-slider-handle-color: #91d5ff;
  --brick-slider-handle-color-hover: #69c0ff;
  --brick-slider-handle-color-focus: #46a6ff;
  --brick-slider-handle-color-focus-shadow: rgba(24, 144, 255, 0.12);
  --brick-slider-handle-color-tooltip-open: #1890ff;
  --brick-slider-handle-size: 14px;
  --brick-slider-handle-margin-top: -5px;
  --brick-slider-handle-shadow: 0;
  --brick-slider-dot-border-color: #f0f0f0;
  --brick-slider-dot-border-color-active: #8cc8ff;
  --brick-slider-disabled-color: rgba(0, 0, 0, 0.25);
  --brick-slider-disabled-background-color: #fff;
  /* Tree */
  /* --- */
  --brick-tree-bg: #fff;
  --brick-tree-title-height: 24px;
  --brick-tree-child-padding: 18px;
  --brick-tree-directory-selected-color: #fff;
  --brick-tree-directory-selected-bg: #1890ff;
  --brick-tree-node-hover-bg: #f5f5f5;
  --brick-tree-node-selected-bg: #bae7ff;
  /* Collapse */
  /* --- */
  --brick-collapse-header-padding: 12px 16px;
  --brick-collapse-header-padding-extra: 40px;
  --brick-collapse-header-bg: #fafafa;
  --brick-collapse-content-padding: 16px;
  --brick-collapse-content-bg: #fff;
  --brick-collapse-header-arrow-left: 16px;
  /* Skeleton */
  /* --- */
  --brick-skeleton-color: rgba(190, 190, 190, 0.2);
  --brick-skeleton-to-color: rgba(129, 129, 129, 0.24);
  --brick-skeleton-paragraph-margin-top: 28px;
  --brick-skeleton-paragraph-li-margin-top: 16px;
  --brick-skeleton-paragraph-li-height: 16px;
  --brick-skeleton-title-height: 16px;
  --brick-skeleton-title-paragraph-margin-top: 24px;
  /* Transfer */
  /* --- */
  --brick-transfer-header-height: 40px;
  --brick-transfer-item-height: 32px;
  --brick-transfer-disabled-bg: #f5f5f5;
  --brick-transfer-list-height: 200px;
  --brick-transfer-item-hover-bg: #f5f5f5;
  --brick-transfer-item-padding-vertical: 6px;
  --brick-transfer-list-search-icon-top: 12px;
  /* Message */
  /* --- */
  --brick-message-notice-content-padding: 10px 16px;
  --brick-message-notice-content-bg: #fff;
  /* Motion */
  /* --- */
  --brick-wave-animation-width: 6px;
  /* Alert */
  /* --- */
  --brick-alert-success-border-color: #b7eb8f;
  --brick-alert-success-bg-color: #f6ffed;
  --brick-alert-success-icon-color: #52c41a;
  --brick-alert-info-border-color: #91d5ff;
  --brick-alert-info-bg-color: #e6f7ff;
  --brick-alert-info-icon-color: #1890ff;
  --brick-alert-warning-border-color: #ffe58f;
  --brick-alert-warning-bg-color: #fffbe6;
  --brick-alert-warning-icon-color: #faad14;
  --brick-alert-error-border-color: #ffccc7;
  --brick-alert-error-bg-color: #fff2f0;
  --brick-alert-error-icon-color: #ff4d4f;
  --brick-alert-message-color: rgba(0, 0, 0, 0.85);
  --brick-alert-text-color: rgba(0, 0, 0, 0.85);
  --brick-alert-close-color: rgba(0, 0, 0, 0.45);
  --brick-alert-close-hover-color: rgba(0, 0, 0, 0.75);
  --brick-alert-no-icon-padding-vertical: 8px;
  --brick-alert-with-description-no-icon-padding-vertical: 15px;
  --brick-alert-with-description-padding-vertical: 15px;
  --brick-alert-with-description-padding: 15px 15px 15px 24px;
  --brick-alert-icon-top: 12.0005px;
  --brick-alert-with-description-icon-size: 24px;
  /* List */
  /* --- */
  --brick-list-header-background: transparent;
  --brick-list-footer-background: transparent;
  --brick-list-empty-text-padding: 16px;
  --brick-list-item-padding: 12px 0;
  --brick-list-item-padding-sm: 8px 16px;
  --brick-list-item-padding-lg: 16px 24px;
  --brick-list-item-meta-margin-bottom: 16px;
  --brick-list-item-meta-avatar-margin-right: 16px;
  --brick-list-item-meta-title-margin-bottom: 12px;
  --brick-list-customize-card-bg: #fff;
  --brick-list-item-meta-description-font-size: 14px;
  /* Statistic */
  /* --- */
  --brick-statistic-title-font-size: 14px;
  --brick-statistic-content-font-size: 24px;
  --brick-statistic-unit-font-size: 24px;
  --brick-statistic-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  /* Drawer */
  /* --- */
  --brick-drawer-header-padding: 16px 24px;
  --brick-drawer-body-padding: 24px;
  --brick-drawer-bg: #fff;
  --brick-drawer-footer-padding-vertical: 10px;
  --brick-drawer-footer-padding-horizontal: 16px;
  --brick-drawer-header-close-size: 56px;
  /* Timeline */
  /* --- */
  --brick-timeline-width: 2px;
  --brick-timeline-color: #f0f0f0;
  --brick-timeline-dot-border-width: 2px;
  --brick-timeline-dot-color: #1890ff;
  --brick-timeline-dot-bg: #fff;
  --brick-timeline-item-padding-bottom: 20px;
  /* Typography */
  /* --- */
  --brick-typography-title-font-weight: 600;
  --brick-typography-title-margin-top: 1.2em;
  --brick-typography-title-margin-bottom: 0.5em;
  /* Upload */
  /* --- */
  --brick-upload-actions-color: rgba(0, 0, 0, 0.45);
  /* Steps */
  /* --- */
  --brick-process-tail-color: #f0f0f0;
  --brick-steps-nav-arrow-color: rgba(0, 0, 0, 0.25);
  --brick-steps-background: #fff;
  --brick-steps-icon-size: 32px;
  --brick-steps-icon-custom-size: 32px;
  --brick-steps-icon-custom-top: 0px;
  --brick-steps-icon-custom-font-size: 24px;
  --brick-steps-icon-top: -0.5px;
  --brick-steps-icon-font-size: 16px;
  --brick-steps-icon-margin: 0 8px 0 0;
  --brick-steps-title-line-height: 32px;
  --brick-steps-small-icon-size: 24px;
  --brick-steps-small-icon-margin: 0 8px 0 0;
  --brick-steps-dot-size: 8px;
  --brick-steps-dot-top: 2px;
  --brick-steps-current-dot-size: 10px;
  --brick-steps-description-max-width: 140px;
  --brick-steps-nav-content-max-width: auto;
  --brick-steps-vertical-icon-width: 16px;
  --brick-steps-vertical-tail-width: 16px;
  --brick-steps-vertical-tail-width-sm: 12px;
  /* Notification */
  /* --- */
  --brick-notification-bg: #fff;
  --brick-notification-padding-vertical: 16px;
  --brick-notification-padding-horizontal: 24px;
  /*  Result */
  /* --- */
  --brick-result-title-font-size: 24px;
  --brick-result-subtitle-font-size: 14px;
  --brick-result-icon-font-size: 72px;
  --brick-result-extra-margin: 24px 0 0 0;
  /* Image */
  /* --- */
  --brick-image-size-base: 48px;
  --brick-image-font-size-base: 24px;
  --brick-image-bg: #f5f5f5;
  --brick-image-color: #fff;
  --brick-image-mask-font-size: 16px;
  --brick-image-preview-operation-size: 18px;
  --brick-image-preview-operation-color: rgba(255, 255, 255, 0.85);
  --brick-image-preview-operation-disabled-color: rgba(255, 255, 255, 0.25);
}
/**  继承自antd的样式变量 END **/
/**/
/**  Brick 自定义样式变量 START **/
html {
  /* base */
  --brick-height-xs: 20px;
  --brick-text-color-thirdly: rgba(0, 0, 0, 0.25);
  --brick-font-size-xl: 24px;
  /* component */
  /* tag */
  --brick-tag-margin-base: 10px;
  --brick-tag-margin-sm: 5px;
  --brick-tag-active-border-color: var(--brick-primary-color);
  --brick-tag-active-text-color: var(--brick-primary-color);
  --brick-tag-active-bg-color: var(--brick-component-background);
  --brick-table-tr-zebra-background: #f9f9f9;
  --brick-table-tr-selected-background: #e6f7ff;
  --brick-table-tr-hover-background: #e6f7ff;
  --brick-layout-background-color: #f5f5f5;
  --brick-header-height-base: 48px;
  --brick-header-item-hover: rgba(0, 0, 0, 0.03);
  --brick-header-shadow: 0px 1px 4px rgba(0, 21, 41, 0.11764706);
  --brick-menu-trigger-bg-color: #00152a;
  --brick-menu-trigger-border-top-color: #141c25;
  --brick-menu-trigger-padding: 0 12px 0 16px;
  --brick-menu-trigger-collapsed-padding: 0 32px;
  --brick-menu-logo-padding-left: 16px;
  --brick-menu-logo-font-size: 20px;
  --brick-menu-logo-font-weight: bold;
  --brick-menu-logo-letter-spacing: 1px;
  --brick-menu-width: 208px;
  --brick-menu-search-padding: 10px 0 5px;
  --brick-menu-search-input-clear-icon-color: rgba(255, 255, 255, 0.65);
  --brick-menu-search-input-padding: 0 0 0 5px;
  --brick-menu-search-input-placeholder-color: #999;
  --brick-menu-collection-border-bottom-color: rgba(255, 255, 255, 0.1);
  --brick-menu-collection-item-padding-left: 32px;
  --brick-menu-collection-item-padding-left-collapsed: 16px;
  --brick-menu-overview-collection-empty-margin-top: 120px;
  --brick-menu-overview-collection-padding-top: 20px;
  --brick-menu-overview-collection-bg-color: #f7f7f7;
  --brick-menu-overview-waterfull-title-height: 40px;
  --brick-menu-overview-waterfull-title-border-radius: 4px;
  --brick-menu-overview-waterfull-title-bg-color: rgba(0, 0, 0, 0.03);
  --brick-menu-overview-item-hover-bg: rgba(0, 0, 0, 0.03);
  --brick-menu-overview-item-text-color: rgba(0, 0, 0, 0.65);
  --time-range-picker-right-panel-width: 242px;
  --time-range-picker-right-panel-hour-and-minute-width: 200px;
  --time-range-picker-right-panel-hour-width: 160px;
  --time-range-picker-time-panel-line-height: 40px;
  --brick-date-picker-holiday-color: #ff3546;
  --brick-date-picker-work-color: #ffa900;
  --brick-date-picker-special-color: #4ea6ff;
  --brick-date-picker-solar-color: rgba(0, 0, 0, 0.25);
  --brick-page-header-banner-description-color: rgba(0, 0, 0, 0.65);
  --brick-page-header-banner-padding: 14px 24px;
}
/**  Brick 自定义样式变量 END **/
.search-highlight {
  color: var(--brick-primary-color);
}
.brick-banner-pager {
  margin-right: 24px;
}
.brick-banner-pager-arrow--disabled {
  color: var(--brick-disabled-color);
}

.brick-layout {
  /* 公告栏样式 */
}
.brick-layout-mainContainer {
  height: 100vh;
  background-color: var(--brick-layout-background-color);
}
.brick-layout-body {
  background-color: var(--brick-layout-background-color);
}
.brick-layout-banner {
  padding: var(--brick-page-header-banner-padding) !important;
}
.brick-layout-banner .ant-alert-description {
  color: var(--brick-page-header-banner-description-color);
  white-space: pre-line;
}
.brick-layout-banner .ant-alert-close-icon .anticon {
  font-size: 14px;
  line-height: 26px;
}
.brick-layout-banner .ant-alert-action {
  position: absolute;
  right: 40px;
}

.brick-tree-select .ant-select-tree-treenode {
  width: 100%;
  padding: 2px 0;
}
.brick-tree-select .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
  width: 100%;
  transition: none;
}
.brick-tree-select .ant-select-tree-treenode .ant-select-tree-indent-unit {
  width: 16px;
}
.brick-tree-select .ant-select-tree-treenode:hover {
  background-color: #f5f5f5;
}
.brick-tree-select .ant-select-tree-treenode:hover .ant-select-tree-node-content-wrapper {
  background-color: #f5f5f5;
}
.brick-tree-select .ant-select-tree-treenode.ant-select-tree-treenode-selected {
  background-color: #bae7ff;
}
.brick-tree-select .ant-select-tree-treenode.ant-select-tree-treenode-selected .ant-select-tree-node-content-wrapper {
  background-color: #bae7ff;
}
.brick-tree-select.brick-tree-select-uncheckable .ant-select-tree-switcher {
  width: 12px;
}

.brick-cascader .ant-cascader-menu-item-keyword {
  color: var(--brick-primary-color);
}

.brick-page-header {
  /* 文字描述样式 */
  /* 图片样式 */
  border-bottom: 1px solid #e8e8e8;
  /* 页头内容项文本居右 */
  /* 公告栏样式 */
}
.brick-page-header-wrap {
  position: relative;
}
.brick-page-header-wrap--hasPicture .ant-page-header-heading-left {
  -webkit-transform: translate(146px, 0);
          transform: translate(146px, 0);
}
.brick-page-header__description {
  display: inline-block;
  margin-bottom: 16px;
  color: #262626;
  font-weight: 500;
}
.brick-page-header__image {
  width: 130px;
  margin-right: 16px;
  margin-bottom: -45px;
  -webkit-transform: translate(0, -45px);
          transform: translate(0, -45px);
}
.brick-page-header__image .ant-image {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  min-height: 102px;
  max-height: 160px;
  overflow: hidden;
  background-color: #f5f5f5;
}
.brick-page-header .ant-descriptions-item-label {
  color: rgba(0, 0, 0, 0.45);
}
.brick-page-header .main--alignRight .ant-descriptions-item-label {
  display: inline-block;
  text-align: right;
}
.brick-page-header .ant-page-header.has-breadcrumb {
  padding-top: 8px;
}
.brick-page-header .ant-page-header.has-footer {
  padding-bottom: 0;
}
.brick-page-header .ant-breadcrumb + .ant-page-header-heading {
  /* (breadcrum: translateX: 4px + padding-top: 8px + padding-bottom: 12px;) + heading: padding-top:16px */
  margin-top: 24px;
}
.brick-page-header .ant-breadcrumb {
  line-height: 1 !important;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}
.brick-page-header .ant-breadcrumb span:last-child {
  color: rgba(0, 0, 0, 0.65);
}
.brick-page-header .ant-page-header-content {
  display: -webkit-flex;
  display: flex;
  padding-top: 16px;
}
.brick-page-header .ant-page-header-heading-title {
  line-height: 28px;
}
.brick-page-header .ant-page-header-heading-left {
  -webkit-align-items: baseline;
          align-items: baseline;
  margin: 0;
}
@media (max-width: 576px) {
  .brick-page-header .ant-page-header-heading-left {
    margin-bottom: 8px;
  }
}
.brick-page-header .ant-page-header-heading-extra {
  margin: 0;
}
.brick-page-header .ant-page-header-footer {
  margin-top: 8px;
}
.brick-page-header .ant-statistic {
  text-align: right;
}
.brick-page-header .ant-descriptions-view {
  overflow: initial;
}
.brick-page-header .ant-descriptions-item {
  padding-right: 16px;
}
.brick-page-header .ant-descriptions-item .ant-descriptions-item-content {
  width: 0;
}
.brick-page-header .content {
  display: -webkit-flex;
  display: flex;
  margin-bottom: -8px;
}
@media (max-width: 576px) {
  .brick-page-header .content {
    display: block;
  }
}
.brick-page-header .extra-content {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.brick-page-header .ant-page-header-footer .ant-tabs-tab {
  font-size: 14px;
}
.brick-page-header-banner {
  padding: var(--brick-page-header-banner-padding) !important;
}
.brick-page-header-banner .ant-alert-description {
  color: var(--brick-page-header-banner-description-color);
  white-space: pre-line;
}
.brick-page-header-banner .ant-alert-close-icon .anticon {
  font-size: 14px;
  line-height: 26px;
}
.brick-page-header-banner .ant-alert-action {
  position: absolute;
  right: 40px;
}

/* stylelint-disable */
/* 组件库 style变量 集合 */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**/
/**/
/* 为统一brick与antd的换肤功能，brick主要样式变量全部继承自antd，以便项目对antd主题进行变更时，能同样对brick生效 */
/* 新增自定义brick变量见本文件底部，按组件分类 */
/**/
/* brick提供css样式变量与less样式变量 */
/**/
/**  继承自antd的样式变量 START **/
/**/
html {
  /* -------- Colors ----------- */
  --brick-primary-color: #1890ff;
  --brick-info-color: #1890ff;
  --brick-success-color: #52c41a;
  --brick-processing-color: #1890ff;
  --brick-error-color: #ff4d4f;
  --brick-highlight-color: #ff4d4f;
  --brick-warning-color: #faad14;
  --brick-normal-color: #d9d9d9;
  --brick-white: #fff;
  --brick-black: #000;
  /* Color used by default to control hover and active backgrounds and for alert info backgrounds. */
  --brick-primary-1: #e6f7ff;
  --brick-primary-2: #bae7ff;
  --brick-primary-3: #91d5ff;
  --brick-primary-4: #69c0ff;
  --brick-primary-5: #40a9ff;
  --brick-primary-6: #1890ff;
  --brick-primary-7: #096dd9;
  --brick-primary-8: #0050b3;
  --brick-primary-9: #003a8c;
  --brick-primary-10: #002766;
  /* Base Scaffolding Variables */
  /* --- */
  /* Background color for `<body>` */
  --brick-body-background: #fff;
  /* Base background color for most components */
  --brick-component-background: #fff;
  /* Popover background color */
  --brick-popover-background: #fff;
  --brick-popover-customize-border-color: #f0f0f0;
  --brick-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --brick-code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  --brick-text-color: rgba(0, 0, 0, 0.85);
  --brick-text-color-secondary: rgba(0, 0, 0, 0.45);
  --brick-text-color-inverse: #fff;
  --brick-icon-color: inherit;
  --brick-icon-color-hover: rgba(0, 0, 0, 0.75);
  --brick-heading-color: rgba(0, 0, 0, 0.85);
  --brick-text-color-dark: rgba(255, 255, 255, 0.85);
  --brick-text-color-secondary-dark: rgba(255, 255, 255, 0.65);
  --brick-text-selection-bg: #1890ff;
  --brick-font-variant-base: tabular-nums;
  --brick-font-feature-settings-base: 'tnum';
  --brick-font-size-base: 14px;
  --brick-font-size-lg: 16px;
  --brick-font-size-sm: 12px;
  --brick-heading-1-size: 38px;
  --brick-heading-2-size: 30px;
  --brick-heading-3-size: 24px;
  --brick-heading-4-size: 20px;
  --brick-heading-5-size: 16px;
  --brick-line-height-base: 1.5715;
  --brick-border-radius-base: 2px;
  --brick-border-radius-sm: 2px;
  /* vertical paddings */
  --brick-padding-lg: 24px;
  --brick-padding-md: 16px;
  --brick-padding-sm: 12px;
  --brick-padding-xs: 8px;
  --brick-padding-xss: 4px;
  /* vertical padding for all form controls */
  --brick-control-padding-horizontal: 12px;
  --brick-control-padding-horizontal-sm: 8px;
  /* vertical margins */
  --brick-margin-lg: 24px;
  --brick-margin-md: 16px;
  --brick-margin-sm: 12px;
  --brick-margin-xs: 8px;
  --brick-margin-xss: 4px;
  /* height rules */
  --brick-height-base: 32px;
  --brick-height-lg: 40px;
  --brick-height-sm: 24px;
  /* The background colors for active and hover states for things like */
  /* list items or table cells. */
  --brick-item-active-bg: #e6f7ff;
  --brick-item-hover-bg: #f5f5f5;
  /* ICONFONT */
  --brick-iconfont-css-prefix: anticon;
  /* LINK */
  --brick-link-color: #1890ff;
  --brick-link-hover-color: #40a9ff;
  --brick-link-active-color: #096dd9;
  --brick-link-decoration: none;
  --brick-link-hover-decoration: none;
  --brick-link-focus-decoration: none;
  --brick-link-focus-outline: 0;
  /* Animation */
  --brick-ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
  --brick-ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
  --brick-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --brick-ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --brick-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --brick-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
  --brick-ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
  --brick-ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
  --brick-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
  --brick-ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  --brick-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  --brick-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --brick-ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --brick-ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  /* Border color */
  --brick-border-color-base: #d9d9d9;
  --brick-border-color-split: #f0f0f0;
  --brick-border-color-inverse: #fff;
  --brick-border-width-base: 1px;
  --brick-border-style-base: solid;
  /* Outline */
  --brick-outline-blur-size: 0;
  --brick-outline-width: 2px;
  --brick-outline-color: #1890ff;
  --brick-outline-fade: 20%;
  --brick-background-color-light: #fafafa;
  --brick-background-color-base: #f5f5f5;
  /* Disabled states */
  --brick-disabled-color: rgba(0, 0, 0, 0.25);
  --brick-disabled-bg: #f5f5f5;
  --brick-disabled-active-bg: #e6e6e6;
  --brick-disabled-color-dark: rgba(255, 255, 255, 0.35);
  /* Shadow */
  --brick-shadow-color: rgba(0, 0, 0, 0.15);
  --brick-shadow-color-inverse: #fff;
  --brick-box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --brick-shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-left: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-2: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  /* Buttons */
  --brick-btn-font-weight: 400;
  --brick-btn-border-radius-base: 2px;
  --brick-btn-border-radius-sm: 2px;
  --brick-btn-border-width: 1px;
  --brick-btn-border-style: solid;
  --brick-btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  --brick-btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  --brick-btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  --brick-btn-primary-color: #fff;
  --brick-btn-primary-bg: #1890ff;
  --brick-btn-default-color: rgba(0, 0, 0, 0.85);
  --brick-btn-default-bg: #fff;
  --brick-btn-default-border: #d9d9d9;
  --brick-btn-danger-color: #fff;
  --brick-btn-danger-bg: #ff4d4f;
  --brick-btn-danger-border: #ff4d4f;
  --brick-btn-disable-color: rgba(0, 0, 0, 0.25);
  --brick-btn-disable-bg: #f5f5f5;
  --brick-btn-disable-border: #d9d9d9;
  --brick-btn-default-ghost-color: #fff;
  --brick-btn-default-ghost-bg: transparent;
  --brick-btn-default-ghost-border: #fff;
  --brick-btn-font-size-lg: 16px;
  --brick-btn-font-size-sm: 14px;
  --brick-btn-padding-horizontal-base: 15px;
  --brick-btn-padding-horizontal-lg: 15px;
  --brick-btn-padding-horizontal-sm: 7px;
  --brick-btn-height-base: 32px;
  --brick-btn-height-lg: 40px;
  --brick-btn-height-sm: 24px;
  --brick-btn-line-height: 1.5715;
  --brick-btn-circle-size: 32px;
  --brick-btn-circle-size-lg: 40px;
  --brick-btn-circle-size-sm: 24px;
  --brick-btn-square-size: 32px;
  --brick-btn-square-size-lg: 40px;
  --brick-btn-square-size-sm: 24px;
  --brick-btn-square-only-icon-size: 16px;
  --brick-btn-square-only-icon-size-sm: 14px;
  --brick-btn-square-only-icon-size-lg: 18px;
  --brick-btn-group-border: #40a9ff;
  --brick-btn-link-hover-bg: transparent;
  --brick-btn-text-hover-bg: rgba(0, 0, 0, 0.018);
  /* Checkbox */
  --brick-checkbox-size: 16px;
  --brick-checkbox-color: #1890ff;
  --brick-checkbox-check-color: #fff;
  --brick-checkbox-check-bg: #fff;
  --brick-checkbox-border-width: 1px;
  --brick-checkbox-group-item-margin-right: 8px;
  /* Descriptions */
  --brick-descriptions-bg: #fafafa;
  --brick-descriptions-title-margin-bottom: 20px;
  --brick-descriptions-default-padding: 16px 24px;
  --brick-descriptions-middle-padding: 12px 24px;
  --brick-descriptions-small-padding: 8px 16px;
  --brick-descriptions-item-padding-bottom: 16px;
  --brick-descriptions-item-trailing-colon: true;
  --brick-descriptions-item-label-colon-margin-right: 8px;
  --brick-descriptions-item-label-colon-margin-left: 2px;
  --brick-descriptions-extra-color: rgba(0, 0, 0, 0.85);
  /* Divider */
  --brick-divider-text-padding: 1em;
  --brick-divider-orientation-margin: 5%;
  --brick-divider-color: rgba(0, 0, 0, 0.06);
  /* Dropdown */
  --brick-dropdown-selected-color: #1890ff;
  --brick-dropdown-menu-submenu-disabled-bg: #fff;
  /* Empty */
  --brick-empty-font-size: 14px;
  /* Radio */
  --brick-radio-size: 16px;
  --brick-radio-top: 0.2em;
  --brick-radio-border-width: 1px;
  --brick-radio-dot-size: 8px;
  --brick-radio-dot-color: #1890ff;
  --brick-radio-dot-disabled-color: rgba(0, 0, 0, 0.2);
  --brick-radio-solid-checked-color: #fff;
  /* Radio buttons */
  --brick-radio-button-bg: #fff;
  --brick-radio-button-checked-bg: #fff;
  --brick-radio-button-color: rgba(0, 0, 0, 0.85);
  --brick-radio-button-hover-color: #40a9ff;
  --brick-radio-button-active-color: #096dd9;
  --brick-radio-disabled-button-checked-bg: #e6e6e6;
  --brick-radio-disabled-button-checked-color: rgba(0, 0, 0, 0.25);
  --brick-radio-wrapper-margin-right: 8px;
  /* Media queries breakpoints */
  /* @screen-xs and @screen-xs-min is not used in Grid */
  /* smallest break point is @screen-md */
  --brick-screen-xs: 480px;
  --brick-screen-xs-min: 480px;
  /* 👆 Extra small screen / phone */
  /* 👇 Small screen / tablet */
  --brick-screen-sm: 576px;
  --brick-screen-sm-min: 576px;
  /* Medium screen / desktop */
  --brick-screen-md: 768px;
  --brick-screen-md-min: 768px;
  /* Large screen / wide desktop */
  --brick-screen-lg: 992px;
  --brick-screen-lg-min: 992px;
  /* Extra large screen / full hd */
  --brick-screen-xl: 1200px;
  --brick-screen-xl-min: 1200px;
  /* Extra extra large screen / large desktop */
  --brick-screen-xxl: 1600px;
  --brick-screen-xxl-min: 1600px;
  /* provide a maximum */
  --brick-screen-xs-max: 575px;
  --brick-screen-sm-max: 767px;
  --brick-screen-md-max: 991px;
  --brick-screen-lg-max: 1199px;
  --brick-screen-xl-max: 1599px;
  /* Grid system */
  --brick-grid-columns: 24;
  /* Layout */
  --brick-layout-body-background: #f0f2f5;
  --brick-layout-header-background: #001529;
  --brick-layout-header-height: 64px;
  --brick-layout-header-padding: 0 50px;
  --brick-layout-header-color: rgba(0, 0, 0, 0.85);
  --brick-layout-footer-padding: 24px 50px;
  --brick-layout-footer-background: #f0f2f5;
  --brick-layout-sider-background: #001529;
  --brick-layout-trigger-height: 48px;
  --brick-layout-trigger-background: #002140;
  --brick-layout-trigger-color: #fff;
  --brick-layout-zero-trigger-width: 36px;
  --brick-layout-zero-trigger-height: 42px;
  /* Layout light theme */
  --brick-layout-sider-background-light: #fff;
  --brick-layout-trigger-background-light: #fff;
  --brick-layout-trigger-color-light: rgba(0, 0, 0, 0.85);
  /* z-index list, order by `z-index` */
  --brick-zindex-badge: auto;
  --brick-zindex-table-fixed: 2;
  --brick-zindex-affix: 10;
  --brick-zindex-back-top: 10;
  --brick-zindex-picker-panel: 10;
  --brick-zindex-popup-close: 10;
  --brick-zindex-modal: 1000;
  --brick-zindex-modal-mask: 1000;
  --brick-zindex-message: 1010;
  --brick-zindex-notification: 1010;
  --brick-zindex-popover: 1030;
  --brick-zindex-dropdown: 1050;
  --brick-zindex-picker: 1050;
  --brick-zindex-popoconfirm: 1060;
  --brick-zindex-tooltip: 1070;
  --brick-zindex-image: 1080;
  /* Animation */
  --brick-animation-duration-slow: 0.3s;
  --brick-animation-duration-base: 0.2s;
  --brick-animation-duration-fast: 0.1s;
  --brick-collapse-panel-border-radius: 2px;
  --brick-dropdown-menu-bg: #fff;
  --brick-dropdown-vertical-padding: 5px;
  --brick-dropdown-edge-child-vertical-padding: 4px;
  --brick-dropdown-font-size: 14px;
  --brick-dropdown-line-height: 22px;
  --brick-label-required-color: #ff4d4f;
  --brick-label-color: rgba(0, 0, 0, 0.85);
  /* Form */
  /* --- */
  --brick-form-warning-input-bg: #fff;
  --brick-form-item-margin-bottom: 24px;
  --brick-form-item-trailing-colon: true;
  --brick-form-vertical-label-padding: 0 0 8px;
  --brick-form-vertical-label-margin: 0;
  --brick-form-item-label-font-size: 14px;
  --brick-form-item-label-height: 32px;
  --brick-form-item-label-colon-margin-right: 8px;
  --brick-form-item-label-colon-margin-left: 2px;
  --brick-form-error-input-bg: #fff;
  /* Input */
  /* --- */
  --brick-input-height-base: 32px;
  --brick-input-height-lg: 40px;
  --brick-input-height-sm: 24px;
  --brick-input-padding-horizontal: 11px;
  --brick-input-padding-horizontal-base: 11px;
  --brick-input-padding-horizontal-sm: 7px;
  --brick-input-padding-horizontal-lg: 11px;
  --brick-input-padding-vertical-base: 4px;
  --brick-input-padding-vertical-sm: 0px;
  --brick-input-padding-vertical-lg: 6.5px;
  --brick-input-placeholder-color: #bfbfbf;
  --brick-input-color: rgba(0, 0, 0, 0.85);
  --brick-input-icon-color: rgba(0, 0, 0, 0.85);
  --brick-input-border-color: #d9d9d9;
  --brick-input-bg: #fff;
  --brick-input-number-hover-border-color: #40a9ff;
  --brick-input-number-handler-active-bg: #f4f4f4;
  --brick-input-number-handler-hover-bg: #40a9ff;
  --brick-input-number-handler-bg: #fff;
  --brick-input-number-handler-border-color: #d9d9d9;
  --brick-input-addon-bg: #fafafa;
  --brick-input-hover-border-color: #40a9ff;
  --brick-input-disabled-bg: #f5f5f5;
  --brick-input-outline-offset: 0 0;
  --brick-input-icon-hover-color: rgba(0, 0, 0, 0.85);
  --brick-input-disabled-color: rgba(0, 0, 0, 0.25);
  /* Mentions */
  /* --- */
  --brick-mentions-dropdown-bg: #fff;
  --brick-mentions-dropdown-menu-item-hover-bg: #fff;
  /* Select */
  /* --- */
  --brick-select-border-color: #d9d9d9;
  --brick-select-item-selected-color: rgba(0, 0, 0, 0.85);
  --brick-select-item-selected-font-weight: 600;
  --brick-select-dropdown-bg: #fff;
  --brick-select-item-selected-bg: #e6f7ff;
  --brick-select-item-active-bg: #f5f5f5;
  --brick-select-dropdown-vertical-padding: 5px;
  --brick-select-dropdown-font-size: 14px;
  --brick-select-dropdown-line-height: 22px;
  --brick-select-dropdown-height: 32px;
  --brick-select-background: #fff;
  --brick-select-clear-background: #fff;
  --brick-select-selection-item-bg: #f5f5f5;
  --brick-select-selection-item-border-color: #f0f0f0;
  --brick-select-single-item-height-lg: 40px;
  --brick-select-multiple-item-height: 24px;
  --brick-select-multiple-item-height-lg: 32px;
  --brick-select-multiple-item-spacing-half: 2px;
  --brick-select-multiple-disabled-background: #f5f5f5;
  --brick-select-multiple-item-disabled-color: #bfbfbf;
  --brick-select-multiple-item-disabled-border-color: #d9d9d9;
  /* Cascader */
  /* --- */
  --brick-cascader-bg: #fff;
  --brick-cascader-item-selected-bg: #e6f7ff;
  --brick-cascader-menu-bg: #fff;
  --brick-cascader-menu-border-color-split: #f0f0f0;
  --brick-cascader-dropdown-vertical-padding: 5px;
  --brick-cascader-dropdown-edge-child-vertical-padding: 4px;
  --brick-cascader-dropdown-font-size: 14px;
  --brick-cascader-dropdown-line-height: 22px;
  /* Anchor */
  /* --- */
  --brick-anchor-bg: transparent;
  --brick-anchor-border-color: #f0f0f0;
  --brick-anchor-link-top: 4px;
  --brick-anchor-link-left: 16px;
  --brick-anchor-link-padding: 4px 0 4px 16px;
  /* Tooltip */
  /* --- */
  --brick-tooltip-max-width: 250px;
  --brick-tooltip-color: #fff;
  --brick-tooltip-bg: rgba(0, 0, 0, 0.75);
  --brick-tooltip-arrow-width: 11.3137085px;
  --brick-tooltip-distance: 14.3137085px;
  --brick-tooltip-arrow-color: rgba(0, 0, 0, 0.75);
  /* Popover */
  --brick-popover-bg: #fff;
  --brick-popover-color: rgba(0, 0, 0, 0.85);
  --brick-popover-min-width: 177px;
  --brick-popover-min-height: 32px;
  --brick-popover-arrow-width: 11.3137085px;
  --brick-popover-arrow-color: #fff;
  --brick-popover-arrow-outer-color: #fff;
  --brick-popover-distance: 15.3137085px;
  --brick-popover-padding-horizontal: 16px;
  /* Modal */
  /* -- */
  --brick-modal-header-padding-vertical: 16px;
  --brick-modal-header-padding-horizontal: 24px;
  --brick-modal-body-padding: 24px;
  --brick-modal-header-bg: #fff;
  --brick-modal-header-padding: 16px 24px;
  --brick-modal-header-border-width: 1px;
  --brick-modal-header-border-style: solid;
  --brick-modal-header-title-line-height: 22px;
  --brick-modal-header-title-font-size: 16px;
  --brick-modal-header-border-color-split: #f0f0f0;
  --brick-modal-header-close-size: 54px;
  --brick-modal-content-bg: #fff;
  --brick-modal-heading-color: rgba(0, 0, 0, 0.85);
  --brick-modal-close-color: rgba(0, 0, 0, 0.45);
  --brick-modal-footer-bg: transparent;
  --brick-modal-footer-border-color-split: #f0f0f0;
  --brick-modal-footer-border-style: solid;
  --brick-modal-footer-padding-vertical: 10px;
  --brick-modal-footer-padding-horizontal: 16px;
  --brick-modal-footer-border-width: 1px;
  --brick-modal-mask-bg: rgba(0, 0, 0, 0.45);
  --brick-modal-confirm-body-padding: 32px 32px 24px;
  /* Progress */
  /* -- */
  --brick-progress-default-color: #1890ff;
  --brick-progress-remaining-color: #f5f5f5;
  --brick-progress-info-text-color: rgba(0, 0, 0, 0.85);
  --brick-progress-radius: 100px;
  --brick-progress-steps-item-bg: #f3f3f3;
  --brick-progress-text-font-size: 1em;
  --brick-progress-text-color: rgba(0, 0, 0, 0.85);
  --brick-progress-circle-text-font-size: 1em;
  /* Menu */
  /* --- */
  --brick-menu-inline-toplevel-item-height: 40px;
  --brick-menu-item-height: 40px;
  --brick-menu-item-group-height: 1.5715;
  --brick-menu-collapsed-width: 80px;
  --brick-menu-bg: #fff;
  --brick-menu-popup-bg: #fff;
  --brick-menu-item-color: rgba(0, 0, 0, 0.85);
  --brick-menu-inline-submenu-bg: #fafafa;
  --brick-menu-highlight-color: #1890ff;
  --brick-menu-highlight-danger-color: #ff4d4f;
  --brick-menu-item-active-bg: #e6f7ff;
  --brick-menu-item-active-danger-bg: #fff1f0;
  --brick-menu-item-active-border-width: 3px;
  --brick-menu-item-group-title-color: rgba(0, 0, 0, 0.45);
  --brick-menu-item-vertical-margin: 4px;
  --brick-menu-item-font-size: 14px;
  --brick-menu-item-boundary-margin: 8px;
  --brick-menu-item-padding-horizontal: 20px;
  --brick-menu-item-padding: 0 20px;
  --brick-menu-horizontal-line-height: 46px;
  --brick-menu-icon-margin-right: 10px;
  --brick-menu-icon-size: 14px;
  --brick-menu-icon-size-lg: 16px;
  --brick-menu-item-group-title-font-size: 14px;
  /* dark theme */
  --brick-menu-dark-color: rgba(255, 255, 255, 0.65);
  --brick-menu-dark-danger-color: #ff4d4f;
  --brick-menu-dark-bg: #001529;
  --brick-menu-dark-arrow-color: #fff;
  --brick-menu-dark-inline-submenu-bg: #000c17;
  --brick-menu-dark-highlight-color: #fff;
  --brick-menu-dark-item-active-bg: #1890ff;
  --brick-menu-dark-item-active-danger-bg: #ff4d4f;
  --brick-menu-dark-selected-item-icon-color: #fff;
  --brick-menu-dark-selected-item-text-color: #fff;
  --brick-menu-dark-item-hover-bg: transparent;
  /* Spin */
  /* --- */
  --brick-spin-dot-size-sm: 14px;
  --brick-spin-dot-size: 20px;
  --brick-spin-dot-size-lg: 32px;
  /* Table */
  /* -- */
  --brick-table-bg: #fff;
  --brick-table-header-bg: #fafafa;
  --brick-table-header-color: rgba(0, 0, 0, 0.85);
  --brick-table-header-sort-bg: #f5f5f5;
  --brick-table-body-sort-bg: #fafafa;
  --brick-table-row-hover-bg: #fafafa;
  --brick-table-selected-row-color: inherit;
  --brick-table-selected-row-bg: #e6f7ff;
  --brick-table-body-selected-sort-bg: #e6f7ff;
  --brick-table-selected-row-hover-bg: #dcf4ff;
  --brick-table-expanded-row-bg: #fbfbfb;
  --brick-table-padding-vertical: 16px;
  --brick-table-padding-horizontal: 16px;
  --brick-table-padding-vertical-md: 12px;
  --brick-table-padding-horizontal-md: 8px;
  --brick-table-padding-vertical-sm: 8px;
  --brick-table-padding-horizontal-sm: 8px;
  --brick-table-border-color: #f0f0f0;
  --brick-table-border-radius-base: 2px;
  --brick-table-footer-bg: #fafafa;
  --brick-table-footer-color: rgba(0, 0, 0, 0.85);
  --brick-table-header-bg-sm: #fafafa;
  --brick-table-font-size: 14px;
  --brick-table-font-size-md: 14px;
  --brick-table-font-size-sm: 14px;
  --brick-table-header-cell-split-color: rgba(0, 0, 0, 0.06);
  /* Sorter */
  /* Legacy: `table-header-sort-active-bg` is used for hover not real active */
  --brick-table-header-sort-active-bg: rgba(0, 0, 0, 0.04);
  --brick-table-fixed-header-sort-active-bg: #f5f5f5;
  /* Filter */
  --brick-table-header-filter-active-bg: rgba(0, 0, 0, 0.04);
  --brick-table-filter-btns-bg: inherit;
  --brick-table-filter-dropdown-bg: #fff;
  --brick-table-expand-icon-bg: #fff;
  --brick-table-selection-column-width: 32px;
  /* Sticky */
  --brick-table-sticky-scroll-bar-bg: rgba(0, 0, 0, 0.35);
  --brick-table-sticky-scroll-bar-radius: 4px;
  /* Tag */
  /* -- */
  --brick-tag-default-bg: #fafafa;
  --brick-tag-default-color: rgba(0, 0, 0, 0.85);
  --brick-tag-font-size: 12px;
  --brick-tag-line-height: 20px;
  /* TimePicker */
  /* --- */
  --brick-picker-bg: #fff;
  --brick-picker-basic-cell-hover-color: #f5f5f5;
  --brick-picker-basic-cell-active-with-range-color: #e6f7ff;
  --brick-picker-basic-cell-hover-with-range-color: #cbe6ff;
  --brick-picker-basic-cell-disabled-bg: rgba(0, 0, 0, 0.04);
  --brick-picker-border-color: #f0f0f0;
  --brick-picker-date-hover-range-border-color: #7ec1ff;
  --brick-picker-date-hover-range-color: #cbe6ff;
  --brick-picker-time-panel-column-width: 56px;
  --brick-picker-time-panel-column-height: 224px;
  --brick-picker-time-panel-cell-height: 28px;
  --brick-picker-panel-cell-height: 24px;
  --brick-picker-panel-cell-width: 36px;
  --brick-picker-text-height: 40px;
  --brick-picker-panel-without-time-cell-height: 66px;
  /* Calendar */
  /* --- */
  --brick-calendar-bg: #fff;
  --brick-calendar-input-bg: #fff;
  --brick-calendar-border-color: #fff;
  --brick-calendar-item-active-bg: #e6f7ff;
  --brick-calendar-full-bg: #fff;
  --brick-calendar-full-panel-bg: #fff;
  /* Carousel */
  /* --- */
  --brick-carousel-dot-width: 16px;
  --brick-carousel-dot-height: 3px;
  --brick-carousel-dot-active-width: 24px;
  /* Badge */
  /* --- */
  --brick-badge-height: 20px;
  --brick-badge-height-sm: 14px;
  --brick-badge-dot-size: 6px;
  --brick-badge-font-size: 12px;
  --brick-badge-font-size-sm: 12px;
  --brick-badge-font-weight: normal;
  --brick-badge-status-size: 6px;
  --brick-badge-text-color: #fff;
  --brick-badge-color: #ff4d4f;
  /* Rate */
  /* --- */
  --brick-rate-star-color: #fadb14;
  --brick-rate-star-bg: #f0f0f0;
  --brick-rate-star-size: 20px;
  --brick-rate-star-hover-scale: scale(1.1);
  /* Card */
  /* --- */
  --brick-card-head-color: rgba(0, 0, 0, 0.85);
  --brick-card-head-background: transparent;
  --brick-card-head-font-size: 16px;
  --brick-card-head-font-size-sm: 14px;
  --brick-card-head-padding: 16px;
  --brick-card-head-padding-sm: 8px;
  --brick-card-head-height: 48px;
  --brick-card-head-height-sm: 36px;
  --brick-card-inner-head-padding: 12px;
  --brick-card-padding-base: 24px;
  --brick-card-padding-base-sm: 12px;
  --brick-card-actions-background: #fff;
  --brick-card-actions-li-margin: 12px 0;
  --brick-card-skeleton-bg: #cfd8dc;
  --brick-card-background: #fff;
  --brick-card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  --brick-card-radius: 2px;
  --brick-card-head-tabs-margin-bottom: -17px;
  --brick-card-head-extra-color: rgba(0, 0, 0, 0.85);
  /* Comment */
  /* --- */
  --brick-comment-bg: inherit;
  --brick-comment-padding-base: 16px 0;
  --brick-comment-nest-indent: 44px;
  --brick-comment-font-size-base: 14px;
  --brick-comment-font-size-sm: 12px;
  --brick-comment-author-name-color: rgba(0, 0, 0, 0.45);
  --brick-comment-author-time-color: #ccc;
  --brick-comment-action-color: rgba(0, 0, 0, 0.45);
  --brick-comment-action-hover-color: #595959;
  --brick-comment-actions-margin-bottom: inherit;
  --brick-comment-actions-margin-top: 12px;
  --brick-comment-content-detail-p-margin-bottom: inherit;
  /* Tabs */
  /* --- */
  --brick-tabs-card-head-background: #fafafa;
  --brick-tabs-card-height: 40px;
  --brick-tabs-card-active-color: #1890ff;
  --brick-tabs-card-horizontal-padding: 8px 16px;
  --brick-tabs-card-horizontal-padding-sm: 6px 16px;
  --brick-tabs-card-horizontal-padding-lg: 7px 16px 6px;
  --brick-tabs-title-font-size: 14px;
  --brick-tabs-title-font-size-lg: 16px;
  --brick-tabs-title-font-size-sm: 14px;
  --brick-tabs-ink-bar-color: #1890ff;
  --brick-tabs-bar-margin: 0 0 16px 0;
  --brick-tabs-horizontal-gutter: 32px;
  --brick-tabs-horizontal-margin: 0 0 0 32px;
  --brick-tabs-horizontal-margin-rtl: 0 0 0 32px;
  --brick-tabs-horizontal-padding: 12px 0;
  --brick-tabs-horizontal-padding-lg: 16px 0;
  --brick-tabs-horizontal-padding-sm: 8px 0;
  --brick-tabs-vertical-padding: 8px 24px;
  --brick-tabs-vertical-margin: 16px 0 0 0;
  --brick-tabs-scrolling-size: 32px;
  --brick-tabs-highlight-color: #1890ff;
  --brick-tabs-hover-color: #40a9ff;
  --brick-tabs-active-color: #096dd9;
  --brick-tabs-card-gutter: 2px;
  --brick-tabs-card-tab-active-border-top: 2px solid transparent;
  /* BackTop */
  /* --- */
  --brick-back-top-color: #fff;
  --brick-back-top-bg: rgba(0, 0, 0, 0.45);
  --brick-back-top-hover-bg: rgba(0, 0, 0, 0.85);
  /* Avatar */
  /* --- */
  --brick-avatar-size-base: 32px;
  --brick-avatar-size-lg: 40px;
  --brick-avatar-size-sm: 24px;
  --brick-avatar-font-size-base: 18px;
  --brick-avatar-font-size-lg: 24px;
  --brick-avatar-font-size-sm: 14px;
  --brick-avatar-bg: #ccc;
  --brick-avatar-color: #fff;
  --brick-avatar-border-radius: 2px;
  --brick-avatar-group-overlapping: -8px;
  --brick-avatar-group-space: 3px;
  --brick-avatar-group-border-color: #fff;
  /* Switch */
  /* --- */
  --brick-switch-height: 22px;
  --brick-switch-sm-height: 16px;
  --brick-switch-min-width: 44px;
  --brick-switch-sm-min-width: 28px;
  --brick-switch-disabled-opacity: 0.4;
  --brick-switch-color: #1890ff;
  --brick-switch-bg: #fff;
  --brick-switch-shadow-color: rgba(0, 35, 11, 0.2);
  --brick-switch-padding: 2px;
  --brick-switch-inner-margin-min: 7px;
  --brick-switch-inner-margin-max: 25px;
  --brick-switch-sm-inner-margin-min: 5px;
  --brick-switch-sm-inner-margin-max: 18px;
  /* Pagination */
  /* --- */
  --brick-pagination-item-bg: #fff;
  --brick-pagination-item-size: 32px;
  --brick-pagination-item-size-sm: 24px;
  --brick-pagination-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --brick-pagination-font-weight-active: 500;
  --brick-pagination-item-bg-active: #fff;
  --brick-pagination-item-link-bg: #fff;
  --brick-pagination-item-disabled-color-active: rgba(0, 0, 0, 0.25);
  --brick-pagination-item-disabled-bg-active: #e6e6e6;
  --brick-pagination-item-input-bg: #fff;
  --brick-pagination-mini-options-size-changer-top: 0px;
  /* PageHeader */
  /* --- */
  --brick-page-header-padding: 24px;
  --brick-page-header-padding-vertical: 16px;
  --brick-page-header-padding-breadcrumb: 12px;
  --brick-page-header-content-padding-vertical: 12px;
  --brick-page-header-back-color: #000;
  --brick-page-header-ghost-bg: inherit;
  --brick-page-header-heading-title: 20px;
  --brick-page-header-heading-sub-title: 14px;
  --brick-page-header-tabs-tab-font-size: 16px;
  /* Breadcrumb */
  /* --- */
  --brick-breadcrumb-base-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-last-item-color: rgba(0, 0, 0, 0.85);
  --brick-breadcrumb-font-size: 14px;
  --brick-breadcrumb-icon-font-size: 14px;
  --brick-breadcrumb-link-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-link-color-hover: rgba(0, 0, 0, 0.85);
  --brick-breadcrumb-separator-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-separator-margin: 0 8px;
  /* Slider */
  /* --- */
  --brick-slider-margin: 10px 6px 10px;
  --brick-slider-rail-background-color: #f5f5f5;
  --brick-slider-rail-background-color-hover: #e1e1e1;
  --brick-slider-track-background-color: #91d5ff;
  --brick-slider-track-background-color-hover: #69c0ff;
  --brick-slider-handle-border-width: 2px;
  --brick-slider-handle-background-color: #fff;
  --brick-slider-handle-color: #91d5ff;
  --brick-slider-handle-color-hover: #69c0ff;
  --brick-slider-handle-color-focus: #46a6ff;
  --brick-slider-handle-color-focus-shadow: rgba(24, 144, 255, 0.12);
  --brick-slider-handle-color-tooltip-open: #1890ff;
  --brick-slider-handle-size: 14px;
  --brick-slider-handle-margin-top: -5px;
  --brick-slider-handle-shadow: 0;
  --brick-slider-dot-border-color: #f0f0f0;
  --brick-slider-dot-border-color-active: #8cc8ff;
  --brick-slider-disabled-color: rgba(0, 0, 0, 0.25);
  --brick-slider-disabled-background-color: #fff;
  /* Tree */
  /* --- */
  --brick-tree-bg: #fff;
  --brick-tree-title-height: 24px;
  --brick-tree-child-padding: 18px;
  --brick-tree-directory-selected-color: #fff;
  --brick-tree-directory-selected-bg: #1890ff;
  --brick-tree-node-hover-bg: #f5f5f5;
  --brick-tree-node-selected-bg: #bae7ff;
  /* Collapse */
  /* --- */
  --brick-collapse-header-padding: 12px 16px;
  --brick-collapse-header-padding-extra: 40px;
  --brick-collapse-header-bg: #fafafa;
  --brick-collapse-content-padding: 16px;
  --brick-collapse-content-bg: #fff;
  --brick-collapse-header-arrow-left: 16px;
  /* Skeleton */
  /* --- */
  --brick-skeleton-color: rgba(190, 190, 190, 0.2);
  --brick-skeleton-to-color: rgba(129, 129, 129, 0.24);
  --brick-skeleton-paragraph-margin-top: 28px;
  --brick-skeleton-paragraph-li-margin-top: 16px;
  --brick-skeleton-paragraph-li-height: 16px;
  --brick-skeleton-title-height: 16px;
  --brick-skeleton-title-paragraph-margin-top: 24px;
  /* Transfer */
  /* --- */
  --brick-transfer-header-height: 40px;
  --brick-transfer-item-height: 32px;
  --brick-transfer-disabled-bg: #f5f5f5;
  --brick-transfer-list-height: 200px;
  --brick-transfer-item-hover-bg: #f5f5f5;
  --brick-transfer-item-padding-vertical: 6px;
  --brick-transfer-list-search-icon-top: 12px;
  /* Message */
  /* --- */
  --brick-message-notice-content-padding: 10px 16px;
  --brick-message-notice-content-bg: #fff;
  /* Motion */
  /* --- */
  --brick-wave-animation-width: 6px;
  /* Alert */
  /* --- */
  --brick-alert-success-border-color: #b7eb8f;
  --brick-alert-success-bg-color: #f6ffed;
  --brick-alert-success-icon-color: #52c41a;
  --brick-alert-info-border-color: #91d5ff;
  --brick-alert-info-bg-color: #e6f7ff;
  --brick-alert-info-icon-color: #1890ff;
  --brick-alert-warning-border-color: #ffe58f;
  --brick-alert-warning-bg-color: #fffbe6;
  --brick-alert-warning-icon-color: #faad14;
  --brick-alert-error-border-color: #ffccc7;
  --brick-alert-error-bg-color: #fff2f0;
  --brick-alert-error-icon-color: #ff4d4f;
  --brick-alert-message-color: rgba(0, 0, 0, 0.85);
  --brick-alert-text-color: rgba(0, 0, 0, 0.85);
  --brick-alert-close-color: rgba(0, 0, 0, 0.45);
  --brick-alert-close-hover-color: rgba(0, 0, 0, 0.75);
  --brick-alert-no-icon-padding-vertical: 8px;
  --brick-alert-with-description-no-icon-padding-vertical: 15px;
  --brick-alert-with-description-padding-vertical: 15px;
  --brick-alert-with-description-padding: 15px 15px 15px 24px;
  --brick-alert-icon-top: 12.0005px;
  --brick-alert-with-description-icon-size: 24px;
  /* List */
  /* --- */
  --brick-list-header-background: transparent;
  --brick-list-footer-background: transparent;
  --brick-list-empty-text-padding: 16px;
  --brick-list-item-padding: 12px 0;
  --brick-list-item-padding-sm: 8px 16px;
  --brick-list-item-padding-lg: 16px 24px;
  --brick-list-item-meta-margin-bottom: 16px;
  --brick-list-item-meta-avatar-margin-right: 16px;
  --brick-list-item-meta-title-margin-bottom: 12px;
  --brick-list-customize-card-bg: #fff;
  --brick-list-item-meta-description-font-size: 14px;
  /* Statistic */
  /* --- */
  --brick-statistic-title-font-size: 14px;
  --brick-statistic-content-font-size: 24px;
  --brick-statistic-unit-font-size: 24px;
  --brick-statistic-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  /* Drawer */
  /* --- */
  --brick-drawer-header-padding: 16px 24px;
  --brick-drawer-body-padding: 24px;
  --brick-drawer-bg: #fff;
  --brick-drawer-footer-padding-vertical: 10px;
  --brick-drawer-footer-padding-horizontal: 16px;
  --brick-drawer-header-close-size: 56px;
  /* Timeline */
  /* --- */
  --brick-timeline-width: 2px;
  --brick-timeline-color: #f0f0f0;
  --brick-timeline-dot-border-width: 2px;
  --brick-timeline-dot-color: #1890ff;
  --brick-timeline-dot-bg: #fff;
  --brick-timeline-item-padding-bottom: 20px;
  /* Typography */
  /* --- */
  --brick-typography-title-font-weight: 600;
  --brick-typography-title-margin-top: 1.2em;
  --brick-typography-title-margin-bottom: 0.5em;
  /* Upload */
  /* --- */
  --brick-upload-actions-color: rgba(0, 0, 0, 0.45);
  /* Steps */
  /* --- */
  --brick-process-tail-color: #f0f0f0;
  --brick-steps-nav-arrow-color: rgba(0, 0, 0, 0.25);
  --brick-steps-background: #fff;
  --brick-steps-icon-size: 32px;
  --brick-steps-icon-custom-size: 32px;
  --brick-steps-icon-custom-top: 0px;
  --brick-steps-icon-custom-font-size: 24px;
  --brick-steps-icon-top: -0.5px;
  --brick-steps-icon-font-size: 16px;
  --brick-steps-icon-margin: 0 8px 0 0;
  --brick-steps-title-line-height: 32px;
  --brick-steps-small-icon-size: 24px;
  --brick-steps-small-icon-margin: 0 8px 0 0;
  --brick-steps-dot-size: 8px;
  --brick-steps-dot-top: 2px;
  --brick-steps-current-dot-size: 10px;
  --brick-steps-description-max-width: 140px;
  --brick-steps-nav-content-max-width: auto;
  --brick-steps-vertical-icon-width: 16px;
  --brick-steps-vertical-tail-width: 16px;
  --brick-steps-vertical-tail-width-sm: 12px;
  /* Notification */
  /* --- */
  --brick-notification-bg: #fff;
  --brick-notification-padding-vertical: 16px;
  --brick-notification-padding-horizontal: 24px;
  /*  Result */
  /* --- */
  --brick-result-title-font-size: 24px;
  --brick-result-subtitle-font-size: 14px;
  --brick-result-icon-font-size: 72px;
  --brick-result-extra-margin: 24px 0 0 0;
  /* Image */
  /* --- */
  --brick-image-size-base: 48px;
  --brick-image-font-size-base: 24px;
  --brick-image-bg: #f5f5f5;
  --brick-image-color: #fff;
  --brick-image-mask-font-size: 16px;
  --brick-image-preview-operation-size: 18px;
  --brick-image-preview-operation-color: rgba(255, 255, 255, 0.85);
  --brick-image-preview-operation-disabled-color: rgba(255, 255, 255, 0.25);
}
/**  继承自antd的样式变量 END **/
/**/
/**  Brick 自定义样式变量 START **/
html {
  /* base */
  --brick-height-xs: 20px;
  --brick-text-color-thirdly: rgba(0, 0, 0, 0.25);
  --brick-font-size-xl: 24px;
  /* component */
  /* tag */
  --brick-tag-margin-base: 10px;
  --brick-tag-margin-sm: 5px;
  --brick-tag-active-border-color: var(--brick-primary-color);
  --brick-tag-active-text-color: var(--brick-primary-color);
  --brick-tag-active-bg-color: var(--brick-component-background);
  --brick-table-tr-zebra-background: #f9f9f9;
  --brick-table-tr-selected-background: #e6f7ff;
  --brick-table-tr-hover-background: #e6f7ff;
  --brick-layout-background-color: #f5f5f5;
  --brick-header-height-base: 48px;
  --brick-header-item-hover: rgba(0, 0, 0, 0.03);
  --brick-header-shadow: 0px 1px 4px rgba(0, 21, 41, 0.11764706);
  --brick-menu-trigger-bg-color: #00152a;
  --brick-menu-trigger-border-top-color: #141c25;
  --brick-menu-trigger-padding: 0 12px 0 16px;
  --brick-menu-trigger-collapsed-padding: 0 32px;
  --brick-menu-logo-padding-left: 16px;
  --brick-menu-logo-font-size: 20px;
  --brick-menu-logo-font-weight: bold;
  --brick-menu-logo-letter-spacing: 1px;
  --brick-menu-width: 208px;
  --brick-menu-search-padding: 10px 0 5px;
  --brick-menu-search-input-clear-icon-color: rgba(255, 255, 255, 0.65);
  --brick-menu-search-input-padding: 0 0 0 5px;
  --brick-menu-search-input-placeholder-color: #999;
  --brick-menu-collection-border-bottom-color: rgba(255, 255, 255, 0.1);
  --brick-menu-collection-item-padding-left: 32px;
  --brick-menu-collection-item-padding-left-collapsed: 16px;
  --brick-menu-overview-collection-empty-margin-top: 120px;
  --brick-menu-overview-collection-padding-top: 20px;
  --brick-menu-overview-collection-bg-color: #f7f7f7;
  --brick-menu-overview-waterfull-title-height: 40px;
  --brick-menu-overview-waterfull-title-border-radius: 4px;
  --brick-menu-overview-waterfull-title-bg-color: rgba(0, 0, 0, 0.03);
  --brick-menu-overview-item-hover-bg: rgba(0, 0, 0, 0.03);
  --brick-menu-overview-item-text-color: rgba(0, 0, 0, 0.65);
  --time-range-picker-right-panel-width: 242px;
  --time-range-picker-right-panel-hour-and-minute-width: 200px;
  --time-range-picker-right-panel-hour-width: 160px;
  --time-range-picker-time-panel-line-height: 40px;
  --brick-date-picker-holiday-color: #ff3546;
  --brick-date-picker-work-color: #ffa900;
  --brick-date-picker-special-color: #4ea6ff;
  --brick-date-picker-solar-color: rgba(0, 0, 0, 0.25);
  --brick-page-header-banner-description-color: rgba(0, 0, 0, 0.65);
  --brick-page-header-banner-padding: 14px 24px;
}
/**  Brick 自定义样式变量 END **/
.search-highlight {
  color: var(--brick-primary-color);
}
.brick-banner-pager {
  margin-right: 24px;
}
.brick-banner-pager-arrow--disabled {
  color: var(--brick-disabled-color);
}

/* stylelint-disable */
/* 组件库 style变量 集合 */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/**/
/**/
/* 为统一brick与antd的换肤功能，brick主要样式变量全部继承自antd，以便项目对antd主题进行变更时，能同样对brick生效 */
/* 新增自定义brick变量见本文件底部，按组件分类 */
/**/
/* brick提供css样式变量与less样式变量 */
/**/
/**  继承自antd的样式变量 START **/
/**/
html {
  /* -------- Colors ----------- */
  --brick-primary-color: #1890ff;
  --brick-info-color: #1890ff;
  --brick-success-color: #52c41a;
  --brick-processing-color: #1890ff;
  --brick-error-color: #ff4d4f;
  --brick-highlight-color: #ff4d4f;
  --brick-warning-color: #faad14;
  --brick-normal-color: #d9d9d9;
  --brick-white: #fff;
  --brick-black: #000;
  /* Color used by default to control hover and active backgrounds and for alert info backgrounds. */
  --brick-primary-1: #e6f7ff;
  --brick-primary-2: #bae7ff;
  --brick-primary-3: #91d5ff;
  --brick-primary-4: #69c0ff;
  --brick-primary-5: #40a9ff;
  --brick-primary-6: #1890ff;
  --brick-primary-7: #096dd9;
  --brick-primary-8: #0050b3;
  --brick-primary-9: #003a8c;
  --brick-primary-10: #002766;
  /* Base Scaffolding Variables */
  /* --- */
  /* Background color for `<body>` */
  --brick-body-background: #fff;
  /* Base background color for most components */
  --brick-component-background: #fff;
  /* Popover background color */
  --brick-popover-background: #fff;
  --brick-popover-customize-border-color: #f0f0f0;
  --brick-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --brick-code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  --brick-text-color: rgba(0, 0, 0, 0.85);
  --brick-text-color-secondary: rgba(0, 0, 0, 0.45);
  --brick-text-color-inverse: #fff;
  --brick-icon-color: inherit;
  --brick-icon-color-hover: rgba(0, 0, 0, 0.75);
  --brick-heading-color: rgba(0, 0, 0, 0.85);
  --brick-text-color-dark: rgba(255, 255, 255, 0.85);
  --brick-text-color-secondary-dark: rgba(255, 255, 255, 0.65);
  --brick-text-selection-bg: #1890ff;
  --brick-font-variant-base: tabular-nums;
  --brick-font-feature-settings-base: 'tnum';
  --brick-font-size-base: 14px;
  --brick-font-size-lg: 16px;
  --brick-font-size-sm: 12px;
  --brick-heading-1-size: 38px;
  --brick-heading-2-size: 30px;
  --brick-heading-3-size: 24px;
  --brick-heading-4-size: 20px;
  --brick-heading-5-size: 16px;
  --brick-line-height-base: 1.5715;
  --brick-border-radius-base: 2px;
  --brick-border-radius-sm: 2px;
  /* vertical paddings */
  --brick-padding-lg: 24px;
  --brick-padding-md: 16px;
  --brick-padding-sm: 12px;
  --brick-padding-xs: 8px;
  --brick-padding-xss: 4px;
  /* vertical padding for all form controls */
  --brick-control-padding-horizontal: 12px;
  --brick-control-padding-horizontal-sm: 8px;
  /* vertical margins */
  --brick-margin-lg: 24px;
  --brick-margin-md: 16px;
  --brick-margin-sm: 12px;
  --brick-margin-xs: 8px;
  --brick-margin-xss: 4px;
  /* height rules */
  --brick-height-base: 32px;
  --brick-height-lg: 40px;
  --brick-height-sm: 24px;
  /* The background colors for active and hover states for things like */
  /* list items or table cells. */
  --brick-item-active-bg: #e6f7ff;
  --brick-item-hover-bg: #f5f5f5;
  /* ICONFONT */
  --brick-iconfont-css-prefix: anticon;
  /* LINK */
  --brick-link-color: #1890ff;
  --brick-link-hover-color: #40a9ff;
  --brick-link-active-color: #096dd9;
  --brick-link-decoration: none;
  --brick-link-hover-decoration: none;
  --brick-link-focus-decoration: none;
  --brick-link-focus-outline: 0;
  /* Animation */
  --brick-ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
  --brick-ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
  --brick-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --brick-ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --brick-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --brick-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
  --brick-ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
  --brick-ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
  --brick-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
  --brick-ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  --brick-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  --brick-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --brick-ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --brick-ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
  /* Border color */
  --brick-border-color-base: #d9d9d9;
  --brick-border-color-split: #f0f0f0;
  --brick-border-color-inverse: #fff;
  --brick-border-width-base: 1px;
  --brick-border-style-base: solid;
  /* Outline */
  --brick-outline-blur-size: 0;
  --brick-outline-width: 2px;
  --brick-outline-color: #1890ff;
  --brick-outline-fade: 20%;
  --brick-background-color-light: #fafafa;
  --brick-background-color-base: #f5f5f5;
  /* Disabled states */
  --brick-disabled-color: rgba(0, 0, 0, 0.25);
  --brick-disabled-bg: #f5f5f5;
  --brick-disabled-active-bg: #e6e6e6;
  --brick-disabled-color-dark: rgba(255, 255, 255, 0.35);
  /* Shadow */
  --brick-shadow-color: rgba(0, 0, 0, 0.15);
  --brick-shadow-color-inverse: #fff;
  --brick-box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --brick-shadow-1-up: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-down: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-left: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-1-right: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
  --brick-shadow-2: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  /* Buttons */
  --brick-btn-font-weight: 400;
  --brick-btn-border-radius-base: 2px;
  --brick-btn-border-radius-sm: 2px;
  --brick-btn-border-width: 1px;
  --brick-btn-border-style: solid;
  --brick-btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  --brick-btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  --brick-btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  --brick-btn-primary-color: #fff;
  --brick-btn-primary-bg: #1890ff;
  --brick-btn-default-color: rgba(0, 0, 0, 0.85);
  --brick-btn-default-bg: #fff;
  --brick-btn-default-border: #d9d9d9;
  --brick-btn-danger-color: #fff;
  --brick-btn-danger-bg: #ff4d4f;
  --brick-btn-danger-border: #ff4d4f;
  --brick-btn-disable-color: rgba(0, 0, 0, 0.25);
  --brick-btn-disable-bg: #f5f5f5;
  --brick-btn-disable-border: #d9d9d9;
  --brick-btn-default-ghost-color: #fff;
  --brick-btn-default-ghost-bg: transparent;
  --brick-btn-default-ghost-border: #fff;
  --brick-btn-font-size-lg: 16px;
  --brick-btn-font-size-sm: 14px;
  --brick-btn-padding-horizontal-base: 15px;
  --brick-btn-padding-horizontal-lg: 15px;
  --brick-btn-padding-horizontal-sm: 7px;
  --brick-btn-height-base: 32px;
  --brick-btn-height-lg: 40px;
  --brick-btn-height-sm: 24px;
  --brick-btn-line-height: 1.5715;
  --brick-btn-circle-size: 32px;
  --brick-btn-circle-size-lg: 40px;
  --brick-btn-circle-size-sm: 24px;
  --brick-btn-square-size: 32px;
  --brick-btn-square-size-lg: 40px;
  --brick-btn-square-size-sm: 24px;
  --brick-btn-square-only-icon-size: 16px;
  --brick-btn-square-only-icon-size-sm: 14px;
  --brick-btn-square-only-icon-size-lg: 18px;
  --brick-btn-group-border: #40a9ff;
  --brick-btn-link-hover-bg: transparent;
  --brick-btn-text-hover-bg: rgba(0, 0, 0, 0.018);
  /* Checkbox */
  --brick-checkbox-size: 16px;
  --brick-checkbox-color: #1890ff;
  --brick-checkbox-check-color: #fff;
  --brick-checkbox-check-bg: #fff;
  --brick-checkbox-border-width: 1px;
  --brick-checkbox-group-item-margin-right: 8px;
  /* Descriptions */
  --brick-descriptions-bg: #fafafa;
  --brick-descriptions-title-margin-bottom: 20px;
  --brick-descriptions-default-padding: 16px 24px;
  --brick-descriptions-middle-padding: 12px 24px;
  --brick-descriptions-small-padding: 8px 16px;
  --brick-descriptions-item-padding-bottom: 16px;
  --brick-descriptions-item-trailing-colon: true;
  --brick-descriptions-item-label-colon-margin-right: 8px;
  --brick-descriptions-item-label-colon-margin-left: 2px;
  --brick-descriptions-extra-color: rgba(0, 0, 0, 0.85);
  /* Divider */
  --brick-divider-text-padding: 1em;
  --brick-divider-orientation-margin: 5%;
  --brick-divider-color: rgba(0, 0, 0, 0.06);
  /* Dropdown */
  --brick-dropdown-selected-color: #1890ff;
  --brick-dropdown-menu-submenu-disabled-bg: #fff;
  /* Empty */
  --brick-empty-font-size: 14px;
  /* Radio */
  --brick-radio-size: 16px;
  --brick-radio-top: 0.2em;
  --brick-radio-border-width: 1px;
  --brick-radio-dot-size: 8px;
  --brick-radio-dot-color: #1890ff;
  --brick-radio-dot-disabled-color: rgba(0, 0, 0, 0.2);
  --brick-radio-solid-checked-color: #fff;
  /* Radio buttons */
  --brick-radio-button-bg: #fff;
  --brick-radio-button-checked-bg: #fff;
  --brick-radio-button-color: rgba(0, 0, 0, 0.85);
  --brick-radio-button-hover-color: #40a9ff;
  --brick-radio-button-active-color: #096dd9;
  --brick-radio-disabled-button-checked-bg: #e6e6e6;
  --brick-radio-disabled-button-checked-color: rgba(0, 0, 0, 0.25);
  --brick-radio-wrapper-margin-right: 8px;
  /* Media queries breakpoints */
  /* @screen-xs and @screen-xs-min is not used in Grid */
  /* smallest break point is @screen-md */
  --brick-screen-xs: 480px;
  --brick-screen-xs-min: 480px;
  /* 👆 Extra small screen / phone */
  /* 👇 Small screen / tablet */
  --brick-screen-sm: 576px;
  --brick-screen-sm-min: 576px;
  /* Medium screen / desktop */
  --brick-screen-md: 768px;
  --brick-screen-md-min: 768px;
  /* Large screen / wide desktop */
  --brick-screen-lg: 992px;
  --brick-screen-lg-min: 992px;
  /* Extra large screen / full hd */
  --brick-screen-xl: 1200px;
  --brick-screen-xl-min: 1200px;
  /* Extra extra large screen / large desktop */
  --brick-screen-xxl: 1600px;
  --brick-screen-xxl-min: 1600px;
  /* provide a maximum */
  --brick-screen-xs-max: 575px;
  --brick-screen-sm-max: 767px;
  --brick-screen-md-max: 991px;
  --brick-screen-lg-max: 1199px;
  --brick-screen-xl-max: 1599px;
  /* Grid system */
  --brick-grid-columns: 24;
  /* Layout */
  --brick-layout-body-background: #f0f2f5;
  --brick-layout-header-background: #001529;
  --brick-layout-header-height: 64px;
  --brick-layout-header-padding: 0 50px;
  --brick-layout-header-color: rgba(0, 0, 0, 0.85);
  --brick-layout-footer-padding: 24px 50px;
  --brick-layout-footer-background: #f0f2f5;
  --brick-layout-sider-background: #001529;
  --brick-layout-trigger-height: 48px;
  --brick-layout-trigger-background: #002140;
  --brick-layout-trigger-color: #fff;
  --brick-layout-zero-trigger-width: 36px;
  --brick-layout-zero-trigger-height: 42px;
  /* Layout light theme */
  --brick-layout-sider-background-light: #fff;
  --brick-layout-trigger-background-light: #fff;
  --brick-layout-trigger-color-light: rgba(0, 0, 0, 0.85);
  /* z-index list, order by `z-index` */
  --brick-zindex-badge: auto;
  --brick-zindex-table-fixed: 2;
  --brick-zindex-affix: 10;
  --brick-zindex-back-top: 10;
  --brick-zindex-picker-panel: 10;
  --brick-zindex-popup-close: 10;
  --brick-zindex-modal: 1000;
  --brick-zindex-modal-mask: 1000;
  --brick-zindex-message: 1010;
  --brick-zindex-notification: 1010;
  --brick-zindex-popover: 1030;
  --brick-zindex-dropdown: 1050;
  --brick-zindex-picker: 1050;
  --brick-zindex-popoconfirm: 1060;
  --brick-zindex-tooltip: 1070;
  --brick-zindex-image: 1080;
  /* Animation */
  --brick-animation-duration-slow: 0.3s;
  --brick-animation-duration-base: 0.2s;
  --brick-animation-duration-fast: 0.1s;
  --brick-collapse-panel-border-radius: 2px;
  --brick-dropdown-menu-bg: #fff;
  --brick-dropdown-vertical-padding: 5px;
  --brick-dropdown-edge-child-vertical-padding: 4px;
  --brick-dropdown-font-size: 14px;
  --brick-dropdown-line-height: 22px;
  --brick-label-required-color: #ff4d4f;
  --brick-label-color: rgba(0, 0, 0, 0.85);
  /* Form */
  /* --- */
  --brick-form-warning-input-bg: #fff;
  --brick-form-item-margin-bottom: 24px;
  --brick-form-item-trailing-colon: true;
  --brick-form-vertical-label-padding: 0 0 8px;
  --brick-form-vertical-label-margin: 0;
  --brick-form-item-label-font-size: 14px;
  --brick-form-item-label-height: 32px;
  --brick-form-item-label-colon-margin-right: 8px;
  --brick-form-item-label-colon-margin-left: 2px;
  --brick-form-error-input-bg: #fff;
  /* Input */
  /* --- */
  --brick-input-height-base: 32px;
  --brick-input-height-lg: 40px;
  --brick-input-height-sm: 24px;
  --brick-input-padding-horizontal: 11px;
  --brick-input-padding-horizontal-base: 11px;
  --brick-input-padding-horizontal-sm: 7px;
  --brick-input-padding-horizontal-lg: 11px;
  --brick-input-padding-vertical-base: 4px;
  --brick-input-padding-vertical-sm: 0px;
  --brick-input-padding-vertical-lg: 6.5px;
  --brick-input-placeholder-color: #bfbfbf;
  --brick-input-color: rgba(0, 0, 0, 0.85);
  --brick-input-icon-color: rgba(0, 0, 0, 0.85);
  --brick-input-border-color: #d9d9d9;
  --brick-input-bg: #fff;
  --brick-input-number-hover-border-color: #40a9ff;
  --brick-input-number-handler-active-bg: #f4f4f4;
  --brick-input-number-handler-hover-bg: #40a9ff;
  --brick-input-number-handler-bg: #fff;
  --brick-input-number-handler-border-color: #d9d9d9;
  --brick-input-addon-bg: #fafafa;
  --brick-input-hover-border-color: #40a9ff;
  --brick-input-disabled-bg: #f5f5f5;
  --brick-input-outline-offset: 0 0;
  --brick-input-icon-hover-color: rgba(0, 0, 0, 0.85);
  --brick-input-disabled-color: rgba(0, 0, 0, 0.25);
  /* Mentions */
  /* --- */
  --brick-mentions-dropdown-bg: #fff;
  --brick-mentions-dropdown-menu-item-hover-bg: #fff;
  /* Select */
  /* --- */
  --brick-select-border-color: #d9d9d9;
  --brick-select-item-selected-color: rgba(0, 0, 0, 0.85);
  --brick-select-item-selected-font-weight: 600;
  --brick-select-dropdown-bg: #fff;
  --brick-select-item-selected-bg: #e6f7ff;
  --brick-select-item-active-bg: #f5f5f5;
  --brick-select-dropdown-vertical-padding: 5px;
  --brick-select-dropdown-font-size: 14px;
  --brick-select-dropdown-line-height: 22px;
  --brick-select-dropdown-height: 32px;
  --brick-select-background: #fff;
  --brick-select-clear-background: #fff;
  --brick-select-selection-item-bg: #f5f5f5;
  --brick-select-selection-item-border-color: #f0f0f0;
  --brick-select-single-item-height-lg: 40px;
  --brick-select-multiple-item-height: 24px;
  --brick-select-multiple-item-height-lg: 32px;
  --brick-select-multiple-item-spacing-half: 2px;
  --brick-select-multiple-disabled-background: #f5f5f5;
  --brick-select-multiple-item-disabled-color: #bfbfbf;
  --brick-select-multiple-item-disabled-border-color: #d9d9d9;
  /* Cascader */
  /* --- */
  --brick-cascader-bg: #fff;
  --brick-cascader-item-selected-bg: #e6f7ff;
  --brick-cascader-menu-bg: #fff;
  --brick-cascader-menu-border-color-split: #f0f0f0;
  --brick-cascader-dropdown-vertical-padding: 5px;
  --brick-cascader-dropdown-edge-child-vertical-padding: 4px;
  --brick-cascader-dropdown-font-size: 14px;
  --brick-cascader-dropdown-line-height: 22px;
  /* Anchor */
  /* --- */
  --brick-anchor-bg: transparent;
  --brick-anchor-border-color: #f0f0f0;
  --brick-anchor-link-top: 4px;
  --brick-anchor-link-left: 16px;
  --brick-anchor-link-padding: 4px 0 4px 16px;
  /* Tooltip */
  /* --- */
  --brick-tooltip-max-width: 250px;
  --brick-tooltip-color: #fff;
  --brick-tooltip-bg: rgba(0, 0, 0, 0.75);
  --brick-tooltip-arrow-width: 11.3137085px;
  --brick-tooltip-distance: 14.3137085px;
  --brick-tooltip-arrow-color: rgba(0, 0, 0, 0.75);
  /* Popover */
  --brick-popover-bg: #fff;
  --brick-popover-color: rgba(0, 0, 0, 0.85);
  --brick-popover-min-width: 177px;
  --brick-popover-min-height: 32px;
  --brick-popover-arrow-width: 11.3137085px;
  --brick-popover-arrow-color: #fff;
  --brick-popover-arrow-outer-color: #fff;
  --brick-popover-distance: 15.3137085px;
  --brick-popover-padding-horizontal: 16px;
  /* Modal */
  /* -- */
  --brick-modal-header-padding-vertical: 16px;
  --brick-modal-header-padding-horizontal: 24px;
  --brick-modal-body-padding: 24px;
  --brick-modal-header-bg: #fff;
  --brick-modal-header-padding: 16px 24px;
  --brick-modal-header-border-width: 1px;
  --brick-modal-header-border-style: solid;
  --brick-modal-header-title-line-height: 22px;
  --brick-modal-header-title-font-size: 16px;
  --brick-modal-header-border-color-split: #f0f0f0;
  --brick-modal-header-close-size: 54px;
  --brick-modal-content-bg: #fff;
  --brick-modal-heading-color: rgba(0, 0, 0, 0.85);
  --brick-modal-close-color: rgba(0, 0, 0, 0.45);
  --brick-modal-footer-bg: transparent;
  --brick-modal-footer-border-color-split: #f0f0f0;
  --brick-modal-footer-border-style: solid;
  --brick-modal-footer-padding-vertical: 10px;
  --brick-modal-footer-padding-horizontal: 16px;
  --brick-modal-footer-border-width: 1px;
  --brick-modal-mask-bg: rgba(0, 0, 0, 0.45);
  --brick-modal-confirm-body-padding: 32px 32px 24px;
  /* Progress */
  /* -- */
  --brick-progress-default-color: #1890ff;
  --brick-progress-remaining-color: #f5f5f5;
  --brick-progress-info-text-color: rgba(0, 0, 0, 0.85);
  --brick-progress-radius: 100px;
  --brick-progress-steps-item-bg: #f3f3f3;
  --brick-progress-text-font-size: 1em;
  --brick-progress-text-color: rgba(0, 0, 0, 0.85);
  --brick-progress-circle-text-font-size: 1em;
  /* Menu */
  /* --- */
  --brick-menu-inline-toplevel-item-height: 40px;
  --brick-menu-item-height: 40px;
  --brick-menu-item-group-height: 1.5715;
  --brick-menu-collapsed-width: 80px;
  --brick-menu-bg: #fff;
  --brick-menu-popup-bg: #fff;
  --brick-menu-item-color: rgba(0, 0, 0, 0.85);
  --brick-menu-inline-submenu-bg: #fafafa;
  --brick-menu-highlight-color: #1890ff;
  --brick-menu-highlight-danger-color: #ff4d4f;
  --brick-menu-item-active-bg: #e6f7ff;
  --brick-menu-item-active-danger-bg: #fff1f0;
  --brick-menu-item-active-border-width: 3px;
  --brick-menu-item-group-title-color: rgba(0, 0, 0, 0.45);
  --brick-menu-item-vertical-margin: 4px;
  --brick-menu-item-font-size: 14px;
  --brick-menu-item-boundary-margin: 8px;
  --brick-menu-item-padding-horizontal: 20px;
  --brick-menu-item-padding: 0 20px;
  --brick-menu-horizontal-line-height: 46px;
  --brick-menu-icon-margin-right: 10px;
  --brick-menu-icon-size: 14px;
  --brick-menu-icon-size-lg: 16px;
  --brick-menu-item-group-title-font-size: 14px;
  /* dark theme */
  --brick-menu-dark-color: rgba(255, 255, 255, 0.65);
  --brick-menu-dark-danger-color: #ff4d4f;
  --brick-menu-dark-bg: #001529;
  --brick-menu-dark-arrow-color: #fff;
  --brick-menu-dark-inline-submenu-bg: #000c17;
  --brick-menu-dark-highlight-color: #fff;
  --brick-menu-dark-item-active-bg: #1890ff;
  --brick-menu-dark-item-active-danger-bg: #ff4d4f;
  --brick-menu-dark-selected-item-icon-color: #fff;
  --brick-menu-dark-selected-item-text-color: #fff;
  --brick-menu-dark-item-hover-bg: transparent;
  /* Spin */
  /* --- */
  --brick-spin-dot-size-sm: 14px;
  --brick-spin-dot-size: 20px;
  --brick-spin-dot-size-lg: 32px;
  /* Table */
  /* -- */
  --brick-table-bg: #fff;
  --brick-table-header-bg: #fafafa;
  --brick-table-header-color: rgba(0, 0, 0, 0.85);
  --brick-table-header-sort-bg: #f5f5f5;
  --brick-table-body-sort-bg: #fafafa;
  --brick-table-row-hover-bg: #fafafa;
  --brick-table-selected-row-color: inherit;
  --brick-table-selected-row-bg: #e6f7ff;
  --brick-table-body-selected-sort-bg: #e6f7ff;
  --brick-table-selected-row-hover-bg: #dcf4ff;
  --brick-table-expanded-row-bg: #fbfbfb;
  --brick-table-padding-vertical: 16px;
  --brick-table-padding-horizontal: 16px;
  --brick-table-padding-vertical-md: 12px;
  --brick-table-padding-horizontal-md: 8px;
  --brick-table-padding-vertical-sm: 8px;
  --brick-table-padding-horizontal-sm: 8px;
  --brick-table-border-color: #f0f0f0;
  --brick-table-border-radius-base: 2px;
  --brick-table-footer-bg: #fafafa;
  --brick-table-footer-color: rgba(0, 0, 0, 0.85);
  --brick-table-header-bg-sm: #fafafa;
  --brick-table-font-size: 14px;
  --brick-table-font-size-md: 14px;
  --brick-table-font-size-sm: 14px;
  --brick-table-header-cell-split-color: rgba(0, 0, 0, 0.06);
  /* Sorter */
  /* Legacy: `table-header-sort-active-bg` is used for hover not real active */
  --brick-table-header-sort-active-bg: rgba(0, 0, 0, 0.04);
  --brick-table-fixed-header-sort-active-bg: #f5f5f5;
  /* Filter */
  --brick-table-header-filter-active-bg: rgba(0, 0, 0, 0.04);
  --brick-table-filter-btns-bg: inherit;
  --brick-table-filter-dropdown-bg: #fff;
  --brick-table-expand-icon-bg: #fff;
  --brick-table-selection-column-width: 32px;
  /* Sticky */
  --brick-table-sticky-scroll-bar-bg: rgba(0, 0, 0, 0.35);
  --brick-table-sticky-scroll-bar-radius: 4px;
  /* Tag */
  /* -- */
  --brick-tag-default-bg: #fafafa;
  --brick-tag-default-color: rgba(0, 0, 0, 0.85);
  --brick-tag-font-size: 12px;
  --brick-tag-line-height: 20px;
  /* TimePicker */
  /* --- */
  --brick-picker-bg: #fff;
  --brick-picker-basic-cell-hover-color: #f5f5f5;
  --brick-picker-basic-cell-active-with-range-color: #e6f7ff;
  --brick-picker-basic-cell-hover-with-range-color: #cbe6ff;
  --brick-picker-basic-cell-disabled-bg: rgba(0, 0, 0, 0.04);
  --brick-picker-border-color: #f0f0f0;
  --brick-picker-date-hover-range-border-color: #7ec1ff;
  --brick-picker-date-hover-range-color: #cbe6ff;
  --brick-picker-time-panel-column-width: 56px;
  --brick-picker-time-panel-column-height: 224px;
  --brick-picker-time-panel-cell-height: 28px;
  --brick-picker-panel-cell-height: 24px;
  --brick-picker-panel-cell-width: 36px;
  --brick-picker-text-height: 40px;
  --brick-picker-panel-without-time-cell-height: 66px;
  /* Calendar */
  /* --- */
  --brick-calendar-bg: #fff;
  --brick-calendar-input-bg: #fff;
  --brick-calendar-border-color: #fff;
  --brick-calendar-item-active-bg: #e6f7ff;
  --brick-calendar-full-bg: #fff;
  --brick-calendar-full-panel-bg: #fff;
  /* Carousel */
  /* --- */
  --brick-carousel-dot-width: 16px;
  --brick-carousel-dot-height: 3px;
  --brick-carousel-dot-active-width: 24px;
  /* Badge */
  /* --- */
  --brick-badge-height: 20px;
  --brick-badge-height-sm: 14px;
  --brick-badge-dot-size: 6px;
  --brick-badge-font-size: 12px;
  --brick-badge-font-size-sm: 12px;
  --brick-badge-font-weight: normal;
  --brick-badge-status-size: 6px;
  --brick-badge-text-color: #fff;
  --brick-badge-color: #ff4d4f;
  /* Rate */
  /* --- */
  --brick-rate-star-color: #fadb14;
  --brick-rate-star-bg: #f0f0f0;
  --brick-rate-star-size: 20px;
  --brick-rate-star-hover-scale: scale(1.1);
  /* Card */
  /* --- */
  --brick-card-head-color: rgba(0, 0, 0, 0.85);
  --brick-card-head-background: transparent;
  --brick-card-head-font-size: 16px;
  --brick-card-head-font-size-sm: 14px;
  --brick-card-head-padding: 16px;
  --brick-card-head-padding-sm: 8px;
  --brick-card-head-height: 48px;
  --brick-card-head-height-sm: 36px;
  --brick-card-inner-head-padding: 12px;
  --brick-card-padding-base: 24px;
  --brick-card-padding-base-sm: 12px;
  --brick-card-actions-background: #fff;
  --brick-card-actions-li-margin: 12px 0;
  --brick-card-skeleton-bg: #cfd8dc;
  --brick-card-background: #fff;
  --brick-card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  --brick-card-radius: 2px;
  --brick-card-head-tabs-margin-bottom: -17px;
  --brick-card-head-extra-color: rgba(0, 0, 0, 0.85);
  /* Comment */
  /* --- */
  --brick-comment-bg: inherit;
  --brick-comment-padding-base: 16px 0;
  --brick-comment-nest-indent: 44px;
  --brick-comment-font-size-base: 14px;
  --brick-comment-font-size-sm: 12px;
  --brick-comment-author-name-color: rgba(0, 0, 0, 0.45);
  --brick-comment-author-time-color: #ccc;
  --brick-comment-action-color: rgba(0, 0, 0, 0.45);
  --brick-comment-action-hover-color: #595959;
  --brick-comment-actions-margin-bottom: inherit;
  --brick-comment-actions-margin-top: 12px;
  --brick-comment-content-detail-p-margin-bottom: inherit;
  /* Tabs */
  /* --- */
  --brick-tabs-card-head-background: #fafafa;
  --brick-tabs-card-height: 40px;
  --brick-tabs-card-active-color: #1890ff;
  --brick-tabs-card-horizontal-padding: 8px 16px;
  --brick-tabs-card-horizontal-padding-sm: 6px 16px;
  --brick-tabs-card-horizontal-padding-lg: 7px 16px 6px;
  --brick-tabs-title-font-size: 14px;
  --brick-tabs-title-font-size-lg: 16px;
  --brick-tabs-title-font-size-sm: 14px;
  --brick-tabs-ink-bar-color: #1890ff;
  --brick-tabs-bar-margin: 0 0 16px 0;
  --brick-tabs-horizontal-gutter: 32px;
  --brick-tabs-horizontal-margin: 0 0 0 32px;
  --brick-tabs-horizontal-margin-rtl: 0 0 0 32px;
  --brick-tabs-horizontal-padding: 12px 0;
  --brick-tabs-horizontal-padding-lg: 16px 0;
  --brick-tabs-horizontal-padding-sm: 8px 0;
  --brick-tabs-vertical-padding: 8px 24px;
  --brick-tabs-vertical-margin: 16px 0 0 0;
  --brick-tabs-scrolling-size: 32px;
  --brick-tabs-highlight-color: #1890ff;
  --brick-tabs-hover-color: #40a9ff;
  --brick-tabs-active-color: #096dd9;
  --brick-tabs-card-gutter: 2px;
  --brick-tabs-card-tab-active-border-top: 2px solid transparent;
  /* BackTop */
  /* --- */
  --brick-back-top-color: #fff;
  --brick-back-top-bg: rgba(0, 0, 0, 0.45);
  --brick-back-top-hover-bg: rgba(0, 0, 0, 0.85);
  /* Avatar */
  /* --- */
  --brick-avatar-size-base: 32px;
  --brick-avatar-size-lg: 40px;
  --brick-avatar-size-sm: 24px;
  --brick-avatar-font-size-base: 18px;
  --brick-avatar-font-size-lg: 24px;
  --brick-avatar-font-size-sm: 14px;
  --brick-avatar-bg: #ccc;
  --brick-avatar-color: #fff;
  --brick-avatar-border-radius: 2px;
  --brick-avatar-group-overlapping: -8px;
  --brick-avatar-group-space: 3px;
  --brick-avatar-group-border-color: #fff;
  /* Switch */
  /* --- */
  --brick-switch-height: 22px;
  --brick-switch-sm-height: 16px;
  --brick-switch-min-width: 44px;
  --brick-switch-sm-min-width: 28px;
  --brick-switch-disabled-opacity: 0.4;
  --brick-switch-color: #1890ff;
  --brick-switch-bg: #fff;
  --brick-switch-shadow-color: rgba(0, 35, 11, 0.2);
  --brick-switch-padding: 2px;
  --brick-switch-inner-margin-min: 7px;
  --brick-switch-inner-margin-max: 25px;
  --brick-switch-sm-inner-margin-min: 5px;
  --brick-switch-sm-inner-margin-max: 18px;
  /* Pagination */
  /* --- */
  --brick-pagination-item-bg: #fff;
  --brick-pagination-item-size: 32px;
  --brick-pagination-item-size-sm: 24px;
  --brick-pagination-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --brick-pagination-font-weight-active: 500;
  --brick-pagination-item-bg-active: #fff;
  --brick-pagination-item-link-bg: #fff;
  --brick-pagination-item-disabled-color-active: rgba(0, 0, 0, 0.25);
  --brick-pagination-item-disabled-bg-active: #e6e6e6;
  --brick-pagination-item-input-bg: #fff;
  --brick-pagination-mini-options-size-changer-top: 0px;
  /* PageHeader */
  /* --- */
  --brick-page-header-padding: 24px;
  --brick-page-header-padding-vertical: 16px;
  --brick-page-header-padding-breadcrumb: 12px;
  --brick-page-header-content-padding-vertical: 12px;
  --brick-page-header-back-color: #000;
  --brick-page-header-ghost-bg: inherit;
  --brick-page-header-heading-title: 20px;
  --brick-page-header-heading-sub-title: 14px;
  --brick-page-header-tabs-tab-font-size: 16px;
  /* Breadcrumb */
  /* --- */
  --brick-breadcrumb-base-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-last-item-color: rgba(0, 0, 0, 0.85);
  --brick-breadcrumb-font-size: 14px;
  --brick-breadcrumb-icon-font-size: 14px;
  --brick-breadcrumb-link-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-link-color-hover: rgba(0, 0, 0, 0.85);
  --brick-breadcrumb-separator-color: rgba(0, 0, 0, 0.45);
  --brick-breadcrumb-separator-margin: 0 8px;
  /* Slider */
  /* --- */
  --brick-slider-margin: 10px 6px 10px;
  --brick-slider-rail-background-color: #f5f5f5;
  --brick-slider-rail-background-color-hover: #e1e1e1;
  --brick-slider-track-background-color: #91d5ff;
  --brick-slider-track-background-color-hover: #69c0ff;
  --brick-slider-handle-border-width: 2px;
  --brick-slider-handle-background-color: #fff;
  --brick-slider-handle-color: #91d5ff;
  --brick-slider-handle-color-hover: #69c0ff;
  --brick-slider-handle-color-focus: #46a6ff;
  --brick-slider-handle-color-focus-shadow: rgba(24, 144, 255, 0.12);
  --brick-slider-handle-color-tooltip-open: #1890ff;
  --brick-slider-handle-size: 14px;
  --brick-slider-handle-margin-top: -5px;
  --brick-slider-handle-shadow: 0;
  --brick-slider-dot-border-color: #f0f0f0;
  --brick-slider-dot-border-color-active: #8cc8ff;
  --brick-slider-disabled-color: rgba(0, 0, 0, 0.25);
  --brick-slider-disabled-background-color: #fff;
  /* Tree */
  /* --- */
  --brick-tree-bg: #fff;
  --brick-tree-title-height: 24px;
  --brick-tree-child-padding: 18px;
  --brick-tree-directory-selected-color: #fff;
  --brick-tree-directory-selected-bg: #1890ff;
  --brick-tree-node-hover-bg: #f5f5f5;
  --brick-tree-node-selected-bg: #bae7ff;
  /* Collapse */
  /* --- */
  --brick-collapse-header-padding: 12px 16px;
  --brick-collapse-header-padding-extra: 40px;
  --brick-collapse-header-bg: #fafafa;
  --brick-collapse-content-padding: 16px;
  --brick-collapse-content-bg: #fff;
  --brick-collapse-header-arrow-left: 16px;
  /* Skeleton */
  /* --- */
  --brick-skeleton-color: rgba(190, 190, 190, 0.2);
  --brick-skeleton-to-color: rgba(129, 129, 129, 0.24);
  --brick-skeleton-paragraph-margin-top: 28px;
  --brick-skeleton-paragraph-li-margin-top: 16px;
  --brick-skeleton-paragraph-li-height: 16px;
  --brick-skeleton-title-height: 16px;
  --brick-skeleton-title-paragraph-margin-top: 24px;
  /* Transfer */
  /* --- */
  --brick-transfer-header-height: 40px;
  --brick-transfer-item-height: 32px;
  --brick-transfer-disabled-bg: #f5f5f5;
  --brick-transfer-list-height: 200px;
  --brick-transfer-item-hover-bg: #f5f5f5;
  --brick-transfer-item-padding-vertical: 6px;
  --brick-transfer-list-search-icon-top: 12px;
  /* Message */
  /* --- */
  --brick-message-notice-content-padding: 10px 16px;
  --brick-message-notice-content-bg: #fff;
  /* Motion */
  /* --- */
  --brick-wave-animation-width: 6px;
  /* Alert */
  /* --- */
  --brick-alert-success-border-color: #b7eb8f;
  --brick-alert-success-bg-color: #f6ffed;
  --brick-alert-success-icon-color: #52c41a;
  --brick-alert-info-border-color: #91d5ff;
  --brick-alert-info-bg-color: #e6f7ff;
  --brick-alert-info-icon-color: #1890ff;
  --brick-alert-warning-border-color: #ffe58f;
  --brick-alert-warning-bg-color: #fffbe6;
  --brick-alert-warning-icon-color: #faad14;
  --brick-alert-error-border-color: #ffccc7;
  --brick-alert-error-bg-color: #fff2f0;
  --brick-alert-error-icon-color: #ff4d4f;
  --brick-alert-message-color: rgba(0, 0, 0, 0.85);
  --brick-alert-text-color: rgba(0, 0, 0, 0.85);
  --brick-alert-close-color: rgba(0, 0, 0, 0.45);
  --brick-alert-close-hover-color: rgba(0, 0, 0, 0.75);
  --brick-alert-no-icon-padding-vertical: 8px;
  --brick-alert-with-description-no-icon-padding-vertical: 15px;
  --brick-alert-with-description-padding-vertical: 15px;
  --brick-alert-with-description-padding: 15px 15px 15px 24px;
  --brick-alert-icon-top: 12.0005px;
  --brick-alert-with-description-icon-size: 24px;
  /* List */
  /* --- */
  --brick-list-header-background: transparent;
  --brick-list-footer-background: transparent;
  --brick-list-empty-text-padding: 16px;
  --brick-list-item-padding: 12px 0;
  --brick-list-item-padding-sm: 8px 16px;
  --brick-list-item-padding-lg: 16px 24px;
  --brick-list-item-meta-margin-bottom: 16px;
  --brick-list-item-meta-avatar-margin-right: 16px;
  --brick-list-item-meta-title-margin-bottom: 12px;
  --brick-list-customize-card-bg: #fff;
  --brick-list-item-meta-description-font-size: 14px;
  /* Statistic */
  /* --- */
  --brick-statistic-title-font-size: 14px;
  --brick-statistic-content-font-size: 24px;
  --brick-statistic-unit-font-size: 24px;
  --brick-statistic-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  /* Drawer */
  /* --- */
  --brick-drawer-header-padding: 16px 24px;
  --brick-drawer-body-padding: 24px;
  --brick-drawer-bg: #fff;
  --brick-drawer-footer-padding-vertical: 10px;
  --brick-drawer-footer-padding-horizontal: 16px;
  --brick-drawer-header-close-size: 56px;
  /* Timeline */
  /* --- */
  --brick-timeline-width: 2px;
  --brick-timeline-color: #f0f0f0;
  --brick-timeline-dot-border-width: 2px;
  --brick-timeline-dot-color: #1890ff;
  --brick-timeline-dot-bg: #fff;
  --brick-timeline-item-padding-bottom: 20px;
  /* Typography */
  /* --- */
  --brick-typography-title-font-weight: 600;
  --brick-typography-title-margin-top: 1.2em;
  --brick-typography-title-margin-bottom: 0.5em;
  /* Upload */
  /* --- */
  --brick-upload-actions-color: rgba(0, 0, 0, 0.45);
  /* Steps */
  /* --- */
  --brick-process-tail-color: #f0f0f0;
  --brick-steps-nav-arrow-color: rgba(0, 0, 0, 0.25);
  --brick-steps-background: #fff;
  --brick-steps-icon-size: 32px;
  --brick-steps-icon-custom-size: 32px;
  --brick-steps-icon-custom-top: 0px;
  --brick-steps-icon-custom-font-size: 24px;
  --brick-steps-icon-top: -0.5px;
  --brick-steps-icon-font-size: 16px;
  --brick-steps-icon-margin: 0 8px 0 0;
  --brick-steps-title-line-height: 32px;
  --brick-steps-small-icon-size: 24px;
  --brick-steps-small-icon-margin: 0 8px 0 0;
  --brick-steps-dot-size: 8px;
  --brick-steps-dot-top: 2px;
  --brick-steps-current-dot-size: 10px;
  --brick-steps-description-max-width: 140px;
  --brick-steps-nav-content-max-width: auto;
  --brick-steps-vertical-icon-width: 16px;
  --brick-steps-vertical-tail-width: 16px;
  --brick-steps-vertical-tail-width-sm: 12px;
  /* Notification */
  /* --- */
  --brick-notification-bg: #fff;
  --brick-notification-padding-vertical: 16px;
  --brick-notification-padding-horizontal: 24px;
  /*  Result */
  /* --- */
  --brick-result-title-font-size: 24px;
  --brick-result-subtitle-font-size: 14px;
  --brick-result-icon-font-size: 72px;
  --brick-result-extra-margin: 24px 0 0 0;
  /* Image */
  /* --- */
  --brick-image-size-base: 48px;
  --brick-image-font-size-base: 24px;
  --brick-image-bg: #f5f5f5;
  --brick-image-color: #fff;
  --brick-image-mask-font-size: 16px;
  --brick-image-preview-operation-size: 18px;
  --brick-image-preview-operation-color: rgba(255, 255, 255, 0.85);
  --brick-image-preview-operation-disabled-color: rgba(255, 255, 255, 0.25);
}
/**  继承自antd的样式变量 END **/
/**/
/**  Brick 自定义样式变量 START **/
html {
  /* base */
  --brick-height-xs: 20px;
  --brick-text-color-thirdly: rgba(0, 0, 0, 0.25);
  --brick-font-size-xl: 24px;
  /* component */
  /* tag */
  --brick-tag-margin-base: 10px;
  --brick-tag-margin-sm: 5px;
  --brick-tag-active-border-color: var(--brick-primary-color);
  --brick-tag-active-text-color: var(--brick-primary-color);
  --brick-tag-active-bg-color: var(--brick-component-background);
  --brick-table-tr-zebra-background: #f9f9f9;
  --brick-table-tr-selected-background: #e6f7ff;
  --brick-table-tr-hover-background: #e6f7ff;
  --brick-layout-background-color: #f5f5f5;
  --brick-header-height-base: 48px;
  --brick-header-item-hover: rgba(0, 0, 0, 0.03);
  --brick-header-shadow: 0px 1px 4px rgba(0, 21, 41, 0.11764706);
  --brick-menu-trigger-bg-color: #00152a;
  --brick-menu-trigger-border-top-color: #141c25;
  --brick-menu-trigger-padding: 0 12px 0 16px;
  --brick-menu-trigger-collapsed-padding: 0 32px;
  --brick-menu-logo-padding-left: 16px;
  --brick-menu-logo-font-size: 20px;
  --brick-menu-logo-font-weight: bold;
  --brick-menu-logo-letter-spacing: 1px;
  --brick-menu-width: 208px;
  --brick-menu-search-padding: 10px 0 5px;
  --brick-menu-search-input-clear-icon-color: rgba(255, 255, 255, 0.65);
  --brick-menu-search-input-padding: 0 0 0 5px;
  --brick-menu-search-input-placeholder-color: #999;
  --brick-menu-collection-border-bottom-color: rgba(255, 255, 255, 0.1);
  --brick-menu-collection-item-padding-left: 32px;
  --brick-menu-collection-item-padding-left-collapsed: 16px;
  --brick-menu-overview-collection-empty-margin-top: 120px;
  --brick-menu-overview-collection-padding-top: 20px;
  --brick-menu-overview-collection-bg-color: #f7f7f7;
  --brick-menu-overview-waterfull-title-height: 40px;
  --brick-menu-overview-waterfull-title-border-radius: 4px;
  --brick-menu-overview-waterfull-title-bg-color: rgba(0, 0, 0, 0.03);
  --brick-menu-overview-item-hover-bg: rgba(0, 0, 0, 0.03);
  --brick-menu-overview-item-text-color: rgba(0, 0, 0, 0.65);
  --time-range-picker-right-panel-width: 242px;
  --time-range-picker-right-panel-hour-and-minute-width: 200px;
  --time-range-picker-right-panel-hour-width: 160px;
  --time-range-picker-time-panel-line-height: 40px;
  --brick-date-picker-holiday-color: #ff3546;
  --brick-date-picker-work-color: #ffa900;
  --brick-date-picker-special-color: #4ea6ff;
  --brick-date-picker-solar-color: rgba(0, 0, 0, 0.25);
  --brick-page-header-banner-description-color: rgba(0, 0, 0, 0.65);
  --brick-page-header-banner-padding: 14px 24px;
}
/**  Brick 自定义样式变量 END **/
.search-highlight {
  color: var(--brick-primary-color);
}
.brick-text-edit--isNotEditing {
  display: inline-block;
  max-width: 100%;
  border-bottom: 1px dashed #000000d9;
  cursor: pointer;
}
.brick-text-edit--isEditing {
  width: 100%;
  margin-bottom: -1px;
}

.brick-content-container {
  /* 右下角工具栏样式 */
}
.brick-content-container .ant-breadcrumb {
  padding-right: 50px;
}
.brick-content-container-back .text {
  margin-left: 4px;
}
.brick-content-container-extra {
  position: absolute;
  top: 12px;
  right: 24px;
  z-index: 90;
  line-height: 14px;
}
.brick-content-container-extra > * {
  color: rgba(0, 0, 0, 0.65);
  cursor: pointer;
}
.brick-content-container-extra > *:hover {
  color: #3ea4da;
}
.brick-content-container-content {
  padding: 24px;
  background: transparent;
}
.brick-content-container-footer {
  padding: 8px 24px;
  background-color: #fff;
  box-shadow: 0 -1px 4px rgba(0, 21, 41, 0.11764706);
}
.brick-content-container-fixedTool {
  position: fixed;
  right: 0;
  bottom: calc(72px + 56px + 12px);
  z-index: 1000;
  margin-right: 20px;
  overflow: hidden;
  cursor: pointer;
}
.brick-content-container-fixedTool,
.brick-content-container-fixedTool-backTop {
  width: 56px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: rgb(0 0 0 / 15%) 0px 0px 6px 2px;
}
.brick-content-container-fixedTool-item {
  padding: 9px 0;
}
.brick-content-container-fixedTool-item-text {
  color: #9c9c9c;
  font-size: 12px;
  line-height: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.brick-content-container-fixedTool-item-icon {
  color: rgba(0, 0, 0, 0.65);
  font-size: 19px;
  line-height: 24px;
}
.brick-content-container-fixedTool-item:hover .brick-content-container-fixedTool-item-text,
.brick-content-container-fixedTool-item:hover .brick-content-container-fixedTool-item-icon {
  color: #1890ff;
}
.brick-content-container-fixedTool-item:active .brick-content-container-fixedTool-item-text {
  color: rgba(0, 0, 0, 0.45);
}
.brick-content-container-fixedTool-item:active .brick-content-container-fixedTool-item-icon {
  color: #5a5a5a;
}
.brick-content-container-fixedTool-item,
.brick-content-container-fixedTool-backTop {
  text-align: center;
}
.brick-content-container-fixedTool-item:hover,
.brick-content-container-fixedTool-backTop:hover {
  color: #1890ff;
}
.brick-content-container-fixedTool-item:active,
.brick-content-container-fixedTool-backTop:active {
  color: initial;
  background-color: #eef0f3;
}
.brick-content-container-fixedTool-backTop {
  height: 56px;
}
.brick-content-container-fixedTool-backTop .anticon {
  color: rgba(0, 0, 0, 0.65);
  font-size: 20px;
  line-height: 56px;
}
.brick-content-container-fixedTool-backTop:hover .anticon {
  color: #1890ff;
}
.brick-content-container-fixedTool-backTop:active .anticon {
  color: initial;
}

.brick-content-container-anchor-anchor .ant-anchor {
  min-height: 157px;
}
.brick-content-container-anchor-anchor-popover .ant-popover-inner-content {
  min-width: 106px;
  max-height: 200px;
  margin-right: 8px;
  padding: 12px !important;
  overflow: auto;
}
.brick-content-container-anchor-anchor-popover .ant-popover-inner-content::-webkit-scrollbar {
  width: 2px;
  height: 3px;
  margin-right: 8px;
}
.brick-content-container-anchor-anchor-popover .ant-popover-inner-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
}
.brick-content-container-anchor-anchor-popover .ant-popover-inner-content::-webkit-scrollbar-track {
  background-color: #fff;
}

.brick-exception-page {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 64px 32px;
}
.brick-exception-page-root {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.brick-exception-page-root-other {
  display: block;
  text-align: center;
}
.brick-exception-page-box {
  margin-left: 24px;
}
.brick-exception-page-content-title {
  color: #8c8c8c;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
.brick-exception-page-content-extra {
  margin: 24px 0 0;
}
.brick-exception-page-title {
  color: #262626;
  font-weight: 500;
  font-size: 36px;
  line-height: 50px;
}
.brick-exception-page-subtitle {
  color: #8c8c8c;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.brick-exception-page-extra {
  margin: 24px 0 0;
}
.brick-exception-page-theme-rect-light {
  fill: #8cc8ff;
}
.brick-exception-page-theme-rect-light-stroke {
  stroke: #8cc8ff;
}
.brick-exception-page-theme-rect {
  fill: #74bcff;
}
.brick-exception-page-theme-rect-stroke {
  stroke: #46a6ff;
}
.brick-exception-page-theme-rect-fill {
  fill: #46a6ff;
}
.brick-exception-page-theme-mouth {
  fill: #e57f24;
}
.brick-exception-page-theme-rect-dark {
  fill: #444;
}
.brick-exception-page-theme-stroke-dark {
  stroke: #444;
}
.brick-exception-page-theme-rect-deep-dark {
  fill: #333;
}
.brick-exception-page-theme-stroke-deep-dark {
  stroke: #333;
}
.brick-exception-page-theme-vector {
  fill: #555;
}
.brick-exception-page-theme-mask {
  fill: #d9d9d9;
}
.brick-exception-page-theme-rect-tail {
  fill: #5db1ff;
}
.brick-exception-page-small .brick-exception-page-content-title {
  font-size: 14px;
  line-height: 20px;
}
.brick-exception-page-small .brick-exception-page-title {
  font-size: 28px;
  line-height: 40px;
}
.brick-exception-page-small .brick-exception-page-subtitle {
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 576px) {
  .brick-exception-page {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .brick-exception-page-root {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: center;
            justify-content: center;
  }
  .brick-exception-page-box {
    width: 100%;
    margin-left: 0;
  }
  .brick-exception-page-title {
    text-align: center;
  }
  .brick-exception-page-subtitle {
    text-align: center;
  }
  .brick-exception-page-extra {
    width: 100%;
  }
  .brick-exception-page-extra .ant-space {
    display: block;
  }
  .brick-exception-page-extra .ant-space-item {
    margin-bottom: 24px;
  }
  .brick-exception-page-extra .ant-btn {
    width: 100%;
    height: 40px;
    border-radius: 40px;
  }
  .brick-exception-page-small .brick-exception-page-title {
    font-size: 18px;
  }
}

.brick-dropdown-search-selector__anchor--container {
  display: -webkit-flex;
  display: flex;
  width: 500px;
  height: 400px;
  padding-right: 4px;
}
.brick-dropdown-search-selector__anchor--container-menu {
  width: 172px;
  height: 100%;
}
.brick-dropdown-search-selector__anchor--container-menu .ant-menu {
  height: 100%;
  padding: 16px;
}
.brick-dropdown-search-selector__anchor--container-menu .ant-menu-item {
  height: 24px;
  margin-bottom: 6px;
  padding: 0 12px;
  line-height: 24px;
}
.brick-dropdown-search-selector__anchor--container-content {
  width: 328px;
  height: 100%;
  margin-bottom: 10px;
  padding-left: 16px;
  overflow: hidden auto;
  overscroll-behavior-y: contain;
}
.brick-dropdown-search-selector__anchor--container-content .ant-tree-switcher {
  line-height: 28px;
}
.brick-dropdown-search-selector__anchor--container-content .ant-tree-node-content-wrapper {
  margin-right: 8px;
  padding: 0;
}
.brick-dropdown-search-selector__anchor--container-content .ant-tree-indent-unit:first-child {
  display: none;
}
.brick-dropdown-search-selector__anchor--container-content .ant-tree-indent:empty ~ .ant-tree-switcher {
  display: none;
}
.brick-dropdown-search-selector__anchor--container-content .ant-tree-indent:empty ~ .ant-tree-node-content-wrapper {
  background: none;
}
.brick-dropdown-search-selector__anchor--container-content .ant-tree-list-scrollbar {
  width: 4px !important;
  height: 12px !important;
}
.brick-dropdown-search-selector__anchor--container-content .ant-tree-list-scrollbar-thumb {
  background: var(--brick-divider-color) !important;
  border-radius: 4px;
}
.brick-dropdown-search-selector__anchor--categoryItemTitle {
  padding-top: 16px;
  cursor: auto;
}
.brick-dropdown-search-selector__anchor--contentItemTitle {
  position: relative;
  padding-left: 8px;
  color: var(--brick-text-color);
  font-weight: 500;
}
.brick-dropdown-search-selector__anchor--contentItemTitle::before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 2px;
  height: 13px;
  background-color: var(--brick-primary-color);
  content: "";
}

.brick-dropdown-search-selector__data-node {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  height: 24px;
  margin: 2px 0;
  padding: 0 4px;
  font-size: 12px;
  line-height: 24px;
  border-radius: 1px;
  cursor: pointer;
}
.brick-dropdown-search-selector__data-node--truncate {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.brick-dropdown-search-selector__data-node--text {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
}
.brick-dropdown-search-selector__data-node--label {
  color: var(--brick-text-color);
  font-size: 14px;
}
.brick-dropdown-search-selector__data-node--alias {
  padding-left: 4px;
  color: var(--brick-text-color-secondary);
}
.brick-dropdown-search-selector__data-node--tag {
  -webkit-flex: none;
          flex: none;
  max-width: 6ch;
  height: 18px;
  margin: 0 0 0 4px;
  padding: 0 2px;
  line-height: 16px;
}
.brick-dropdown-search-selector__data-node--arrow {
  -webkit-flex: none;
          flex: none;
  margin: 0 0 0 4px;
  padding: 0;
}
.brick-dropdown-search-selector__data-node--button {
  display: none;
  -webkit-flex: none;
          flex: none;
  margin: 0 0 0 4px;
  padding: 0;
  color: var(--brick-primary-color);
  font-size: 12px;
  line-height: 22px;
  cursor: pointer;
}
.brick-dropdown-search-selector__data-node.disabled * {
  color: var(--brick-disabled-color) !important;
  cursor: not-allowed;
}
.brick-dropdown-search-selector__data-node.disabled .brick-dropdown-search-selector__data-node--button {
  display: none !important;
}
.brick-dropdown-search-selector__data-node:hover .brick-dropdown-search-selector__data-node--button {
  display: inline-block;
}
.brick-dropdown-search-selector__data-node.highlight.selected {
  background-color: var(--brick-item-active-bg);
}
.brick-dropdown-search-selector__data-node.highlight:hover {
  background-color: var(--brick-item-hover-bg);
  transition: background-color 0.3s;
}
.brick-dropdown-search-selector__data-node.highlight:focus {
  background-color: var(--brick-item-active-bg);
  transition: background-color 0.3s;
}

.brick-dropdown-search-selector__tab--top {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  height: 28px;
  margin: 12px;
}
.brick-dropdown-search-selector__tab--top-title {
  height: 24px;
  color: var(--brick-text-color-secondary);
  font-size: 12px;
  line-height: 24px;
}
.brick-dropdown-search-selector__tab--top-button {
  padding-bottom: 0;
  font-size: 12px;
  border-color: var(--brick-primary-3);
}
.brick-dropdown-search-selector__tab--top-button:hover {
  background-color: var(--brick-primary-1);
}
.brick-dropdown-search-selector__tab--top-button span {
  color: var(--brick-primary-color);
}
.brick-dropdown-search-selector__tab--top .ant-empty-image {
  display: none;
}
.brick-dropdown-search-selector__tab--bottom {
  display: -webkit-flex;
  display: flex;
  width: 500px;
  height: calc(400px - 56px);
}
.brick-dropdown-search-selector__tab--bottom .ant-tabs {
  width: 100%;
  height: 100%;
}
.brick-dropdown-search-selector__tab--bottom .ant-tabs-content {
  height: 100%;
  padding-left: 16px;
}
.brick-dropdown-search-selector__tab--bottom .ant-tabs-nav {
  margin-bottom: 0 !important;
}
.brick-dropdown-search-selector__tab--bottom .ant-tabs-nav-list {
  padding-left: 16px;
}
.brick-dropdown-search-selector__tab--bottom-tree {
  width: 40%;
  height: 100%;
  padding-top: 16px;
  padding-right: 16px;
  background-color: #fff;
}
.brick-dropdown-search-selector__tab--bottom-tree .ant-tree-switcher {
  width: 16px;
}
.brick-dropdown-search-selector__tab--bottom-tree .ant-tree-list-holder-inner {
  overflow: auto;
}
.brick-dropdown-search-selector__tab--bottom-content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.brick-dropdown-search-selector__tab--bottom-content ::-webkit-scrollbar {
  width: 4px;
  height: 12px;
  background: none;
}
.brick-dropdown-search-selector__tab--bottom-content ::-webkit-scrollbar-thumb {
  background: var(--brick-divider-color);
  border-radius: 4px;
}
.brick-dropdown-search-selector__tab--list {
  width: calc(100% - 4px);
  height: calc(400px - 100px);
  padding: 0 16px;
  overflow-y: overlay;
  overscroll-behavior-y: contain;
}
.brick-dropdown-search-selector__tab--list-title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  margin: 8px 0;
}
.brick-dropdown-search-selector__tab--list-title-delimiter {
  -webkit-flex: none;
          flex: none;
  width: 2px;
  height: 16px;
  margin-right: 8px;
  background-color: var(--brick-primary-color);
  border-radius: 1px;
}
.brick-dropdown-search-selector__tab--list-title-text {
  color: var(--brick-text-color);
  font-weight: 500;
}
.brick-dropdown-search-selector__tab--list-item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  width: 100%;
  cursor: auto;
}

.brick-check-card {
  position: relative;
  border-radius: 6px;
  cursor: pointer;
  padding-block: var(--brick-padding-md);
  padding-inline: var(--brick-padding-md);
}
.brick-check-card-content {
  position: relative;
  display: -webkit-flex;
  display: flex;
}
.brick-check-card-detail {
  width: 100%;
  overflow: hidden;
}
.brick-check-card-detail > div:not(:last-child) {
  margin-bottom: 4px;
}
.brick-check-card-extra-vertical {
  position: absolute;
  top: 0;
  right: 0;
}
.brick-check-card-vertical {
  display: block;
  text-align: center;
}
.brick-check-card-vertical-left {
  margin-top: brick-margin-md;
  text-align: left;
}
.brick-check-card-avatar-header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.brick-check-card-avatar {
  max-width: 50%;
  padding-right: var(--brick-margin-sm);
}
.brick-check-card-avatar-content {
  width: 100%;
  overflow: hidden;
}
.brick-check-card-avatar-vertical {
  max-width: 100%;
  padding-right: unset;
  padding-bottom: var(--brick-margin-sm);
}
.brick-check-card-header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.brick-check-card-header-left {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.brick-check-card-header-vertical {
  -webkit-justify-content: center;
          justify-content: center;
}
.brick-check-card-title {
  overflow: hidden;
  color: var(--brick-heading-color);
  font-weight: 500;
  font-size: var(--brick-font-size-lg);
}
.brick-check-card-description {
  color: var(--brick-text-color-secondary);
}
.brick-check-card-bordered {
  border-color: var(--brick-border-color-base);
  border-style: solid;
  border-width: var(--brick-border-width-base);
}
.brick-check-card-readonly {
  cursor: unset;
}
.brick-check-card-checked {
  background-color: var(--brick-item-active-bg);
  border-color: var(--brick-primary-color);
}
.brick-check-card-checked-tag {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border: 16px solid var(--brick-primary-color);
  pointer-events: none;
  -webkit-border-after: 16px solid transparent;
          border-block-end: 16px solid transparent;
  -webkit-border-start: 16px solid transparent;
          border-inline-start: 16px solid transparent;
  border-start-end-radius: 5px;
}
.brick-check-card-checked-tag::after {
  position: absolute;
  top: -5px;
  right: -10px;
  display: table;
  width: 6px;
  height: 9px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: " ";
  pointer-events: none;
}
.brick-check-card-disabled {
  background-color: var(--brick-disabled-bg);
  border-color: var(--brick-disabled-color);
  cursor: not-allowed;
}
.brick-check-card-disabled .brick-check-card-description {
  color: var(--brick-disabled-color);
}
.brick-check-card-disabled .brick-check-card-title {
  color: var(--brick-disabled-color);
}
.brick-check-card-disabled .brick-check-card-avatar {
  opacity: 0.25;
}
.brick-check-card-disabled .brick-check-card-checked-tag {
  border-color: var(--brick-disabled-color) var(--brick-disabled-color) transparent transparent;
}
.brick-check-card-body {
  padding: var(--brick-padding-md);
}
@-webkit-keyframes card-loading {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes card-loading {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.brick-check-card-loading {
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.brick-check-card-loading-content {
  border-radius: 6px;
  padding-block: 16px;
  padding-inline: 12px;
}
.brick-check-card-loading-content p {
  margin-block: 0;
  margin-inline: 0;
}
.brick-check-card-loading-block {
  height: 14px;
  background: linear-gradient(90deg, rgba(54, 61, 64, 0.2), rgba(54, 61, 64, 0.4), rgba(54, 61, 64, 0.2));
  -webkit-animation: card-loading;
          animation: card-loading;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  margin-block: 4px;
}

.dom-inspector {
  position: fixed;
  pointer-events: none;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.dom-inspector > div {
  position: absolute;
  pointer-events: none;
}
.dom-inspector-wrapper .tips {
  max-width: 70%;
  background-color: #333740;
  font-size: 0;
  line-height: 18px;
  padding: 3px 10px;
  position: fixed;
  border-radius: 4px;
  display: none;
  pointer-events: none;
}
.dom-inspector-wrapper .tips .triangle {
  width: 0;
  height: 0;
  position: absolute;
  border-top: 8px solid #333740;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid transparent;
  left: 10px;
  bottom: -16px;
}
.dom-inspector-wrapper .tips.reverse .triangle {
  border-top: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #333740;
  border-left: 8px solid transparent;
  left: 10px;
  top: -16px;
}
.dom-inspector-wrapper .tips.reverse-r .triangle {
  left: auto;
  right: 10px;
}
.dom-inspector-wrapper .tips > div {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-family: Consolas, Menlo, Monaco, Courier, monospace;
  overflow: auto;
}
.dom-inspector-wrapper .tips .tag {
  color: #e776e0;
}
.dom-inspector-wrapper .tips .id {
  color: #eba062;
}
.dom-inspector-wrapper .tips .class {
  color: #8dd2fb;
}
.dom-inspector-wrapper .tips .line {
  color: #fff;
}
.dom-inspector-wrapper .tips .size {
  color: #fff;
}
.dom-inspector-theme-default .margin {
  background-color: #f6c18b;
}
.dom-inspector-theme-default .border {
  background-color: rgba(81, 101, 255, 0.75);
}
.dom-inspector-theme-default .padding {
  background-color: rgba(81, 101, 255, 0.75);
}
.dom-inspector-theme-default .content {
  background-color: rgba(81, 101, 255, 0.75);
}
.select-bury-point {
  position: relative;
  border: 1px dashed #48C79C;
  background: rgba(0, 168, 112, 0.2) !important;
}
.select-bury-point__after--base {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  content: "" !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  border-radius: 3px;
}
.select-bury-point--green,
.select-bury-point--yellow,
.select-bury-point--red {
  position: relative;
  border: 1px dashed #48C79C;
  background: rgba(0, 168, 112, 0.2) !important;
}
.select-bury-point--green::after {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  content: "" !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  border-radius: 3px;
  background: rgba(0, 168, 112, 0.2) !important;
  border: 1px dashed #48C79C;
}
.select-bury-point--yellow::after {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  content: "" !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  border-radius: 3px;
  background: rgba(240, 187, 49, 0.2) !important;
  border: 1px dashed #F9D16D;
}
.select-bury-point--red::after {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  content: "" !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  border-radius: 3px;
  background: rgba(227, 77, 89, 0.2) !important;
  border: 1px dashed #F36D78;
}