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-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-cascader .ant-cascader-menu-item-keyword {
  color: var(--brick-primary-color);
}

.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;
}