:root {
  --groot-ui-rpx: 0.0625em;
  --groot-ui-default-font-size: 16px;
  --groot-ui-font-size-s: 12px;
  --groot-ui-font-size-m: 14px;
  --groot-ui-font-size-l: 16px;
  --groot-ui-spacing-unit-1: 0.3125em;
  --groot-ui-spacing-unit-2: 0.625em;
  --groot-ui-spacing-unit-3: 0.9375em;
  --groot-ui-spacing-unit-4: 1.25em;
  --groot-ui-spacing-unit-5: 1.875em;
  --groot-ui-spacing-unit-6: 2.5em;
  --groot-ui-spacing-unit-7: 3.125em;
  --groot-ui-spacing-unit-8: 3.75em;
  --groot-ui-spacing-unit-10: 4.125em;
  --groot-ui-spacing-unit-12: 4.75em;
  --groot-ui-height-unit-1: 0.3125em;
  --groot-ui-height-unit-2: 0.625em;
  --groot-ui-height-unit-3: 0.9375em;
  --groot-ui-height-unit-4: 1.25em;
  --groot-ui-height-unit-5: 1.875em;
  --groot-ui-height-unit-6: 2.5em;
  --groot-ui-height-unit-7: 3.125em;
  --groot-ui-height-unit-8: 3.75em;
  --groot-ui-color-brand-1: #d9d9d9;
  --groot-ui-color-brand-2: #bfbfbf;
  --groot-ui-color-brand-3: #8c8c8c;
  --groot-ui-color-brand-4: #595959;
  --groot-ui-color-brand-5: #434343;
  --groot-ui-color-brand-6: #333333;
  --groot-ui-color-brand-7: #282828;
  --groot-ui-color-brand-8: #1f1f1f;
  --groot-ui-color-brand-9: #0d0d0d;
  --groot-ui-color-brand-10: #000000;
  --groot-ui-color-gray-1: #fff;
  --groot-ui-color-gray-2: #f8f8f8;
  --groot-ui-color-gray-3: #f5f5f5;
  --groot-ui-color-gray-4: #eee;
  --groot-ui-color-gray-5: #d8d8d8;
  --groot-ui-color-gray-6: #ccc;
  --groot-ui-color-gray-7: #999;
  --groot-ui-color-gray-8: #666;
  --groot-ui-color-gray-9: #333;
  --groot-ui-color-gray-10: #000;
  --groot-ui-color-error-1: #fff3f2;
  --groot-ui-color-error-2: #ffd7d4;
  --groot-ui-color-error-3: #ffa8a3;
  --groot-ui-color-error-4: #ff7773;
  --groot-ui-color-error-5: #ff4542;
  --groot-ui-color-error-6: #ff1212;
  --groot-ui-color-error-7: #d90408;
  --groot-ui-color-error-8: #b30006;
  --groot-ui-color-error-9: #8c0007;
  --groot-ui-color-error-10: #660007;
  --groot-ui-color-warning-1: #fff8f2;
  --groot-ui-color-warning-2: #ffe4cc;
  --groot-ui-color-warning-3: #ffc799;
  --groot-ui-color-warning-4: #ffa866;
  --groot-ui-color-warning-5: #ff8833;
  --groot-ui-color-warning-6: #ff6600;
  --groot-ui-color-warning-7: #d95300;
  --groot-ui-color-warning-8: #b34100;
  --groot-ui-color-warning-9: #8c3100;
  --groot-ui-color-warning-10: #662200;
  --groot-ui-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --groot-ui-font-weight-1: 400;
  --groot-ui-font-weight-2: 500;
  --groot-ui-font-weight-3: 600;
  --groot-ui-line-height-1: 1.5;
  --groot-ui-line-height-2: 2;
  --groot-ui-border-radius-1: 2px;
  --groot-ui-border-radius-2: 4px;
  --groot-ui-border-radius-3: 6px;
  --groot-ui-border-radius-4: 8px;
  --groot-ui-border-radius-5: 10px;
  --groot-ui-border-radius-6: 100%;
  --groot-ui-separator-color-normal: #eee;
  --groot-ui-separator-color-strong: #eee;
  --groot-ui-separator-color-trigger: #666;
  --groot-ui-shadow-1: 0 6px 10px 0 rgba(51, 136, 255, 0.2);
  --groot-ui-shadow-2: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  --groot-ui-shadow-3: 0 -2px 8px 0 rgba(0, 0, 0, 0.06);
  --groot-ui-shadow-4: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  --groot-ui-page-min-width: 1200;
}