.app-tcmpp-theme-light,
:root,
[theme-mode=light] {
  color-scheme: light;
  --tea-color-text-link-default: var(--tea-color-palette-blue-8);
  --tea-color-text-link-hover: var(--tea-color-palette-blue-7);
  --tea-color-text-link-active: var(--tea-color-palette-blue-9);
  --tea-color-text-link-focus: var(--tea-color-palette-blue-5);
  --tea-color-text-link-disabled: var(--tea-color-palette-blue-3);
  --tea-color-text-solid: var(--tea-color-palette-black-100);
  --tea-color-text-primary: var(--tea-color-palette-black-90);
  --tea-color-text-secondary: var(--tea-color-palette-black-70);
  --tea-color-text-tertiary: var(--tea-color-palette-black-50);
  --tea-color-text-disabled: var(--tea-color-palette-black-30);
  --tea-color-text-paragraph: var(--tea-color-palette-black-90);
  --tea-color-text-brand-default: var(--tea-color-palette-blue-8);
  --tea-color-text-brand-hover: var(--tea-color-palette-blue-7);
  --tea-color-text-brand-active: var(--tea-color-palette-blue-9);
  --tea-color-text-brand-focus: var(--tea-color-palette-blue-5);
  --tea-color-text-brand-disabled: var(--tea-color-palette-blue-3);
  --tea-color-text-warning-default: var(--tea-color-palette-orange-8);
  --tea-color-text-warning-hover: var(--tea-color-palette-orange-7);
  --tea-color-text-warning-active: var(--tea-color-palette-orange-9);
  --tea-color-text-warning-focus: var(--tea-color-palette-orange-5);
  --tea-color-text-warning-disabled: var(--tea-color-palette-orange-3);
  --tea-color-text-success-default: var(--tea-color-palette-green-8);
  --tea-color-text-success-hover: var(--tea-color-palette-green-7);
  --tea-color-text-success-active: var(--tea-color-palette-green-9);
  --tea-color-text-success-focus: var(--tea-color-palette-green-5);
  --tea-color-text-success-disabled: var(--tea-color-palette-green-3);
  --tea-color-text-error-default: var(--tea-color-palette-red-8);
  --tea-color-text-error-hover: var(--tea-color-palette-red-7);
  --tea-color-text-error-active: var(--tea-color-palette-red-9);
  --tea-color-text-error-focus: var(--tea-color-palette-red-5);
  --tea-color-text-error-disabled: var(--tea-color-palette-red-3);
  --tea-color-text-on-bg-brand-default: var(--tea-color-palette-white-90);
  --tea-color-text-on-bg-brand-disabled: var(--tea-color-palette-white-70);
  --tea-color-text-on-bg-brand-lighten-default: var(--tea-color-palette-blue-9);
  --tea-color-text-on-bg-warning-default: var(--tea-color-palette-white-90);
  --tea-color-text-on-bg-warning-disabled: var(--tea-color-palette-white-70);
  --tea-color-text-on-bg-warning-lighten-default: var(--tea-color-palette-orange-9);
  --tea-color-text-on-bg-success-default: var(--tea-color-palette-white-90);
  --tea-color-text-on-bg-success-disabled: var(--tea-color-palette-white-70);
  --tea-color-text-on-bg-success-lighten-default: var(--tea-color-palette-green-9);
  --tea-color-text-on-bg-error-default: var(--tea-color-palette-white-90);
  --tea-color-text-on-bg-error-disabled: var(--tea-color-palette-white-70);
  --tea-color-text-on-bg-error-lighten-default: var(--tea-color-palette-red-9);
  --tea-color-text-on-bg-inverse-default: var(--tea-color-palette-white-90);
  --tea-color-text-on-bg-amber-default: var(--tea-color-palette-white-90);
  --tea-color-text-on-bg-yellow-default: var(--tea-color-palette-white-90);
  --tea-color-text-on-bg-amber-lighten-default: var(--tea-color-palette-amber-9);
  --tea-color-text-on-bg-yellow-lighten-default: var(--tea-color-palette-yellow-8);
  --tea-color-palette-white-0: hsla(0, 0%, 100%, 0);
  --tea-color-palette-white-5: hsla(0, 0%, 100%, 0.05);
  --tea-color-palette-white-10: hsla(0, 0%, 100%, 0.1);
  --tea-color-palette-white-15: hsla(0, 0%, 100%, 0.15);
  --tea-color-palette-white-20: hsla(0, 0%, 100%, 0.2);
  --tea-color-palette-white-25: hsla(0, 0%, 100%, 0.25);
  --tea-color-palette-white-30: hsla(0, 0%, 100%, 0.3);
  --tea-color-palette-white-35: hsla(0, 0%, 100%, 0.35);
  --tea-color-palette-white-40: hsla(0, 0%, 100%, 0.4);
  --tea-color-palette-white-45: hsla(0, 0%, 100%, 0.45);
  --tea-color-palette-white-50: hsla(0, 0%, 100%, 0.5);
  --tea-color-palette-white-55: hsla(0, 0%, 100%, 0.55);
  --tea-color-palette-white-60: hsla(0, 0%, 100%, 0.6);
  --tea-color-palette-white-70: hsla(0, 0%, 100%, 0.7);
  --tea-color-palette-white-80: hsla(0, 0%, 100%, 0.8);
  --tea-color-palette-white-90: hsla(0, 0%, 100%, 0.9);
  --tea-color-palette-white-100: #fff;
  --tea-color-palette-black-0: transparent;
  --tea-color-palette-black-5: rgba(0, 0, 0, 0.05);
  --tea-color-palette-black-10: rgba(0, 0, 0, 0.1);
  --tea-color-palette-black-15: rgba(0, 0, 0, 0.15);
  --tea-color-palette-black-20: rgba(0, 0, 0, 0.2);
  --tea-color-palette-black-25: rgba(0, 0, 0, 0.25);
  --tea-color-palette-black-30: rgba(0, 0, 0, 0.3);
  --tea-color-palette-black-35: rgba(0, 0, 0, 0.35);
  --tea-color-palette-black-40: rgba(0, 0, 0, 0.4);
  --tea-color-palette-black-45: rgba(0, 0, 0, 0.45);
  --tea-color-palette-black-50: rgba(0, 0, 0, 0.5);
  --tea-color-palette-black-55: rgba(0, 0, 0, 0.55);
  --tea-color-palette-black-60: rgba(0, 0, 0, 0.6);
  --tea-color-palette-black-70: rgba(0, 0, 0, 0.7);
  --tea-color-palette-black-80: rgba(0, 0, 0, 0.8);
  --tea-color-palette-black-90: rgba(0, 0, 0, 0.9);
  --tea-color-palette-black-100: #000;
  --tea-color-palette-red-1: #fce8e8;
  --tea-color-palette-red-2: #f9d1d1;
  --tea-color-palette-red-3: #f5b9b9;
  --tea-color-palette-red-4: #f2a2a2;
  --tea-color-palette-red-5: #ef8b8b;
  --tea-color-palette-red-6: #ec7474;
  --tea-color-palette-red-7: #e85c5c;
  --tea-color-palette-red-8: #f64041;
  --tea-color-palette-red-9: #b42c3f;
  --tea-color-palette-red-10: #821238;
  --tea-color-palette-red-rgb: 246,64,65;
  --tea-color-palette-yellow-1: #fff6db;
  --tea-color-palette-yellow-2: #ffecbd;
  --tea-color-palette-yellow-3: #ffe7a4;
  --tea-color-palette-yellow-4: #ffde87;
  --tea-color-palette-yellow-5: #ffd364;
  --tea-color-palette-yellow-6: #ffcb47;
  --tea-color-palette-yellow-7: #fac235;
  --tea-color-palette-yellow-8: #e7ae1d;
  --tea-color-palette-yellow-9: #8f6f1e;
  --tea-color-palette-yellow-10: #624c15;
  --tea-color-palette-yellow-rgb: 231,174,29;
  --tea-color-palette-orange-1: #ffeddf;
  --tea-color-palette-orange-2: #ffdcbf;
  --tea-color-palette-orange-3: #ffca9f;
  --tea-color-palette-orange-4: #ffb980;
  --tea-color-palette-orange-5: #ffa760;
  --tea-color-palette-orange-6: #ff9540;
  --tea-color-palette-orange-7: #ff8420;
  --tea-color-palette-orange-8: #ff7800;
  --tea-color-palette-orange-9: #c04100;
  --tea-color-palette-orange-10: #800f00;
  --tea-color-palette-orange-rgb: 255,120,0;
  --tea-color-palette-amber-1: #fff3e4;
  --tea-color-palette-amber-2: #fce5ca;
  --tea-color-palette-amber-3: #fbdbb5;
  --tea-color-palette-amber-4: #f9ce9a;
  --tea-color-palette-amber-5: #f7c07e;
  --tea-color-palette-amber-6: #f5ae59;
  --tea-color-palette-amber-7: #f4a547;
  --tea-color-palette-amber-8: #f2972b;
  --tea-color-palette-amber-9: #c37c11;
  --tea-color-palette-amber-10: #5f401c;
  --tea-color-palette-amber-rgb: 242,151,43;
  --tea-color-palette-green-1: #e7f8f0;
  --tea-color-palette-green-2: #c2efd6;
  --tea-color-palette-green-3: #a3e7c2;
  --tea-color-palette-green-4: #85dfad;
  --tea-color-palette-green-5: #66d799;
  --tea-color-palette-green-6: #47cf84;
  --tea-color-palette-green-7: #29c770;
  --tea-color-palette-green-8: #0cbf5b;
  --tea-color-palette-green-9: #088f50;
  --tea-color-palette-green-10: #055e45;
  --tea-color-palette-green-rgb: 12,191,91;
  --tea-color-palette-blue-1: #e3ecff;
  --tea-color-palette-blue-2: #d4e3fc;
  --tea-color-palette-blue-3: #bbd3fb;
  --tea-color-palette-blue-4: #96bbf8;
  --tea-color-palette-blue-5: #699ef5;
  --tea-color-palette-blue-6: #4787f0;
  --tea-color-palette-blue-7: #266fe8;
  --tea-color-palette-blue-8: #0052d9;
  --tea-color-palette-blue-9: #0034b5;
  --tea-color-palette-blue-10: #001f97;
  --tea-color-palette-blue-rgb: 0,82,217;
  --tea-color-palette-gray-1: #f3f3f3;
  --tea-color-palette-gray-2: #eee;
  --tea-color-palette-gray-3: #e7e7e7;
  --tea-color-palette-gray-4: #dcdcdc;
  --tea-color-palette-gray-5: #c5c5c5;
  --tea-color-palette-gray-6: #a6a6a6;
  --tea-color-palette-gray-7: #8b8b8b;
  --tea-color-palette-gray-8: #777;
  --tea-color-palette-gray-9: #5e5e5e;
  --tea-color-palette-gray-10: #4b4b4b;
  --tea-color-palette-gray-11: #383838;
  --tea-color-palette-gray-12: #2c2c2c;
  --tea-color-palette-gray-13: #202020;
  --tea-color-palette-gray-14: #181818;
  --tea-color-palette-gray-15: #101010;
  --tea-color-palette-bluegray-0: #f7f8fb;
  --tea-color-palette-bluegray-1: #f2f4f8;
  --tea-color-palette-bluegray-2: #e9ecf1;
  --tea-color-palette-bluegray-3: #e6e9ef;
  --tea-color-palette-bluegray-4: #d6dbe3;
  --tea-color-palette-bluegray-5: #bcc4d0;
  --tea-color-palette-bluegray-6: #97a3b7;
  --tea-color-palette-bluegray-7: #7787a2;
  --tea-color-palette-bluegray-8: #5f7292;
  --tea-color-palette-bluegray-9: #4b5b76;
  --tea-color-palette-bluegray-10: #3c485c;
  --tea-color-palette-bluegray-11: #2c3645;
  --tea-color-palette-bluegray-12: #232a35;
  --tea-color-palette-bluegray-13: #1c222b;
  --tea-color-palette-bluegray-14: #13161b;
  --tea-color-border-brand-default: var(--tea-color-palette-blue-8);
  --tea-color-border-brand-disabled: var(--tea-color-palette-blue-3);
  --tea-color-border-warning-default: var(--tea-color-palette-orange-8);
  --tea-color-border-warning-disabled: var(--tea-color-palette-orange-3);
  --tea-color-border-success-default: var(--tea-color-palette-green-8);
  --tea-color-border-success-disabled: var(--tea-color-palette-green-3);
  --tea-color-border-error-default: var(--tea-color-palette-red-8);
  --tea-color-border-error-disabled: var(--tea-color-palette-red-3);
  --tea-color-border-primary-default: var(--tea-color-palette-bluegray-3);
  --tea-color-border-primary-hover: var(--tea-color-palette-blue-8);
  --tea-color-border-primary-focus: var(--tea-color-palette-blue-8);
  --tea-color-border-primary-active: var(--tea-color-palette-blue-8);
  --tea-color-border-primary-disabled: var(--tea-color-palette-bluegray-3);
  --tea-color-border-secondary-default: var(--tea-color-palette-bluegray-2);
  --tea-color-border-secondary-hover: var(--tea-color-palette-bluegray-3);
  --tea-color-border-secondary-focus: var(--tea-color-palette-blue-8);
  --tea-color-border-secondary-active: var(--tea-color-palette-blue-8);
  --tea-color-border-secondary-disabled: var(--tea-color-palette-bluegray-2);
  --tea-color-border-tertiary-default: var(--tea-color-palette-bluegray-4);
  --tea-color-border-tertiary-hover: var(--tea-color-palette-bluegray-5);
  --tea-color-border-tertiary-focus: var(--tea-color-palette-blue-8);
  --tea-color-border-tertiary-active: var(--tea-color-palette-blue-8);
  --tea-color-border-tertiary-disabled: var(--tea-color-palette-bluegray-4);
  --tea-color-border-on-bg-yellow-default: var(--tea-color-palette-yellow-7);
  --tea-color-border-on-bg-yellow-hover: #fff;
  --tea-color-border-on-bg-yellow-active: #fff;
  --tea-color-border-on-bg-yellow-focus: #fff;
  --tea-color-border-on-bg-yellow-disabled: #fff;
  --tea-color-border-on-bg-yellow-lighten-default: var(--tea-color-palette-yellow-7);
  --tea-color-border-on-bg-amber-default: var(--tea-color-palette-amber-7);
  --tea-color-border-on-bg-amber-hover: #fff;
  --tea-color-border-on-bg-amber-active: #fff;
  --tea-color-border-on-bg-amber-focus: #fff;
  --tea-color-border-on-bg-amber-color: #fff;
  --tea-color-border-on-bg-amber-lighten-default: var(--tea-color-palette-amber-7);
  --tea-color-border-on-bg-brand-default: var(--tea-color-palette-blue-8);
  --tea-color-border-on-bg-brand-hover: var(--tea-color-palette-blue-7);
  --tea-color-border-on-bg-brand-active: var(--tea-color-palette-blue-9);
  --tea-color-border-on-bg-brand-focus: var(--tea-color-palette-blue-5);
  --tea-color-border-on-bg-brand-disabled: var(--tea-color-palette-blue-3);
  --tea-color-border-on-bg-brand-lighten-default: var(--tea-color-palette-blue-7);
  --tea-color-border-on-bg-warning-default: var(--tea-color-palette-orange-8);
  --tea-color-border-on-bg-warning-hover: var(--tea-color-palette-orange-7);
  --tea-color-border-on-bg-warning-active: var(--tea-color-palette-orange-9);
  --tea-color-border-on-bg-warning-focus: var(--tea-color-palette-orange-5);
  --tea-color-border-on-bg-warning-disabled: var(--tea-color-palette-orange-3);
  --tea-color-border-on-bg-warning-lighten-default: var(--tea-color-palette-orange-7);
  --tea-color-border-on-bg-success-default: var(--tea-color-palette-green-8);
  --tea-color-border-on-bg-success-hover: var(--tea-color-palette-green-7);
  --tea-color-border-on-bg-success-active: var(--tea-color-palette-green-9);
  --tea-color-border-on-bg-success-focus: var(--tea-color-palette-green-5);
  --tea-color-border-on-bg-success-disabled: var(--tea-color-palette-green-3);
  --tea-color-border-on-bg-success-lighten-default: var(--tea-color-palette-green-8);
  --tea-color-border-on-bg-error-default: var(--tea-color-palette-red-8);
  --tea-color-border-on-bg-error-hover: var(--tea-color-palette-red-7);
  --tea-color-border-on-bg-error-active: var(--tea-color-palette-red-9);
  --tea-color-border-on-bg-error-focus: var(--tea-color-palette-red-5);
  --tea-color-border-on-bg-error-disabled: var(--tea-color-palette-red-3);
  --tea-color-border-on-bg-error-lighten-default: var(--tea-color-palette-red-7);
  --tea-color-border-on-bg-inverse-default: var(--tea-color-palette-gray-13);
  --tea-color-bg-page-default: var(--tea-color-palette-bluegray-1);
  --tea-color-bg-inverse-default: var(--tea-color-palette-gray-13);
  --tea-color-bg-primary-default: var(--tea-color-palette-white-100);
  --tea-color-bg-primary-hover: var(--tea-color-palette-bluegray-0);
  --tea-color-bg-primary-active: var(--tea-color-palette-bluegray-1);
  --tea-color-bg-primary-focus: var(--tea-color-palette-bluegray-1);
  --tea-color-bg-primary-disabled: var(--tea-color-palette-bluegray-1);
  --tea-color-bg-primary-lighten: var(--tea-color-palette-bluegray-0);
  --tea-color-bg-secondary-default: var(--tea-color-palette-bluegray-1);
  --tea-color-bg-secondary-hover: var(--tea-color-palette-bluegray-2);
  --tea-color-bg-secondary-active: var(--tea-color-palette-bluegray-2);
  --tea-color-bg-secondary-focus: var(--tea-color-palette-bluegray-2);
  --tea-color-bg-secondary-disabled: var(--tea-color-palette-bluegray-1);
  --tea-color-bg-tertiary-default: var(--tea-color-palette-bluegray-2);
  --tea-color-bg-tertiary-hover: var(--tea-color-palette-bluegray-3);
  --tea-color-bg-tertiary-active: var(--tea-color-palette-bluegray-3);
  --tea-color-bg-tertiary-focus: var(--tea-color-palette-bluegray-3);
  --tea-color-bg-tertiary-disabled: var(--tea-color-palette-bluegray-2);
  --tea-color-bg-brand-default: var(--tea-color-palette-blue-8);
  --tea-color-bg-brand-hover: var(--tea-color-palette-blue-7);
  --tea-color-bg-brand-active: var(--tea-color-palette-blue-9);
  --tea-color-bg-brand-focus: var(--tea-color-palette-blue-5);
  --tea-color-bg-brand-disabled: var(--tea-color-palette-blue-3);
  --tea-color-bg-brand-lighten-default: var(--tea-color-palette-blue-1);
  --tea-color-bg-warning-default: var(--tea-color-palette-orange-8);
  --tea-color-bg-warning-hover: var(--tea-color-palette-orange-7);
  --tea-color-bg-warning-active: var(--tea-color-palette-orange-9);
  --tea-color-bg-warning-focus: var(--tea-color-palette-orange-5);
  --tea-color-bg-warning-disabled: var(--tea-color-palette-orange-3);
  --tea-color-bg-warning-lighten-default: var(--tea-color-palette-orange-1);
  --tea-color-bg-success-default: var(--tea-color-palette-green-8);
  --tea-color-bg-success-hover: var(--tea-color-palette-green-7);
  --tea-color-bg-success-active: var(--tea-color-palette-green-9);
  --tea-color-bg-success-focus: var(--tea-color-palette-green-5);
  --tea-color-bg-success-disabled: var(--tea-color-palette-green-3);
  --tea-color-bg-success-lighten-default: var(--tea-color-palette-green-1);
  --tea-color-bg-error-default: var(--tea-color-palette-red-8);
  --tea-color-bg-error-hover: var(--tea-color-palette-red-7);
  --tea-color-bg-error-active: var(--tea-color-palette-red-9);
  --tea-color-bg-error-focus: var(--tea-color-palette-red-5);
  --tea-color-bg-error-disabled: var(--tea-color-palette-red-3);
  --tea-color-bg-error-lighten-default: var(--tea-color-palette-red-1);
  --tea-color-bg-amber-default: var(--tea-color-palette-amber-7);
  --tea-color-bg-amber-hover: #fff;
  --tea-color-bg-amber-active: #fff;
  --tea-color-bg-amber-focus: #fff;
  --tea-color-bg-amber-disabled: #fff;
  --tea-color-bg-amber-lighten-lighten: var(--tea-color-palette-amber-1);
  --tea-color-bg-yellow-default: var(--tea-color-palette-yellow-7);
  --tea-color-bg-yellow-hover: #fff;
  --tea-color-bg-yellow-focus: #fff;
  --tea-color-bg-yellow-active: #fff;
  --tea-color-bg-yellow-disabled: #fff;
  --tea-color-bg-yellow-lighten-lighten: var(--tea-color-palette-yellow-1);
  --tea-color-bg-scheme-mode: light;
  --tea-color-mask-primary: var(--tea-color-palette-black-60);
  --tea-color-mask-secondary: var(--tea-color-palette-white-60);
  --tea-linear-gradient-fixed-1: var(--tea-color-palette-black-5);
  --tea-linear-gradient-fixed-2: var(--tea-color-palette-black-0);
  --tea-typography-display-sm-font-size: var(--tea-font-size-900);
  --tea-typography-display-sm-font-family: var(--tea-font-family-default);
  --tea-typography-display-sm-line-height: var(--tea-font-line-height-1100);
  --tea-typography-display-sm-font-weight: var(--tea-font-weight-medium);
  --tea-typography-display-md-font-size: var(--tea-font-size-1050);
  --tea-typography-display-md-font-family: var(--tea-font-family-default);
  --tea-typography-display-md-font-weight: var(--tea-font-weight-medium);
  --tea-typography-display-md-line-height: var(--tea-font-line-height-1350);
  --tea-typography-heading-1-font-size: var(--tea-font-size-800);
  --tea-typography-heading-1-font-family: var(--tea-font-family-default);
  --tea-typography-heading-1-font-weight: var(--tea-font-weight-medium);
  --tea-typography-heading-1-line-height: var(--tea-font-line-height-1000);
  --tea-typography-heading-2-font-size: var(--tea-font-size-700);
  --tea-typography-heading-2-font-family: var(--tea-font-family-default);
  --tea-typography-heading-2-font-weight: var(--tea-font-weight-medium);
  --tea-typography-heading-2-line-height: var(--tea-font-line-height-900);
  --tea-typography-heading-3-font-size: var(--tea-font-size-600);
  --tea-typography-heading-3-font-family: var(--tea-font-family-default);
  --tea-typography-heading-3-font-weight: var(--tea-font-weight-medium);
  --tea-typography-heading-3-line-height: var(--tea-font-line-height-800);
  --tea-typography-heading-4-font-size: var(--tea-font-size-500);
  --tea-typography-heading-4-font-family: var(--tea-font-family-default);
  --tea-typography-heading-4-font-weight: var(--tea-font-weight-medium);
  --tea-typography-heading-4-line-height: var(--tea-font-line-height-700);
  --tea-typography-heading-5-font-size: var(--tea-font-size-450);
  --tea-typography-heading-5-font-family: var(--tea-font-family-default);
  --tea-typography-heading-5-font-weight: var(--tea-font-weight-medium);
  --tea-typography-heading-5-line-height: var(--tea-font-line-height-650);
  --tea-typography-heading-6-font-size: var(--tea-font-size-400);
  --tea-typography-heading-6-font-family: var(--tea-font-family-default);
  --tea-typography-heading-6-font-weight: var(--tea-font-weight-medium);
  --tea-typography-heading-6-line-height: var(--tea-font-line-height-600);
  --tea-typography-heading-7-font-size: var(--tea-font-size-350);
  --tea-typography-heading-7-font-family: var(--tea-font-family-default);
  --tea-typography-heading-7-font-weight: var(--tea-font-weight-medium);
  --tea-typography-heading-7-line-height: var(--tea-font-line-height-550);
  --tea-typography-heading-8-font-size: var(--tea-font-size-300);
  --tea-typography-heading-8-font-family: var(--tea-font-family-default);
  --tea-typography-heading-8-font-weight: var(--tea-font-weight-medium);
  --tea-typography-heading-8-line-height: var(--tea-font-line-height-500);
  --tea-typography-body-sm-font-size: var(--tea-font-size-300);
  --tea-typography-body-sm-font-family: var(--tea-font-family-default);
  --tea-typography-body-sm-font-weight: var(--tea-font-weight-regular);
  --tea-typography-body-sm-line-height: var(--tea-font-line-height-500);
  --tea-typography-body-md-font-size: var(--tea-font-size-350);
  --tea-typography-body-md-font-family: var(--tea-font-family-default);
  --tea-typography-body-md-font-weight: var(--tea-font-weight-regular);
  --tea-typography-body-md-line-height: var(--tea-font-line-height-550);
  --tea-typography-body-lg-font-size: var(--tea-font-size-400);
  --tea-typography-body-lg-font-family: var(--tea-font-family-default);
  --tea-typography-body-lg-font-weight: var(--tea-font-weight-regular);
  --tea-typography-body-lg-line-height: var(--tea-font-line-height-600);
  --tea-typography-body-xl-font-size: var(--tea-font-size-450);
  --tea-typography-body-xl-font-family: var(--tea-font-family-default);
  --tea-typography-body-xl-font-weight: var(--tea-font-weight-regular);
  --tea-typography-body-xl-line-height: var(--tea-font-line-height-650);
  --tea-size-blur-0: 0px;
  --tea-size-blur-50: 2px;
  --tea-size-blur-100: 4px;
  --tea-size-blur-200: 8px;
  --tea-size-blur-300: 12px;
  --tea-size-blur-400: 16px;
  --tea-size-blur-500: 20px;
  --tea-size-blur-600: 24px;
  --tea-size-blur-700: 28px;
  --tea-size-blur-800: 32px;
  --tea-size-blur-900: 36px;
  --tea-size-blur-1000: 40px;
  --tea-size-blur-1100: 44px;
  --tea-size-blur-1200: 48px;
  --tea-size-blur-1300: 52px;
  --tea-size-blur-1400: 56px;
  --tea-size-blur-1500: 60px;
  --tea-size-blur-1600: 64px;
  --tea-size-spread-0: 0px;
  --tea-size-spread-25: 1px;
  --tea-size-spread-50: 2px;
  --tea-size-spread-100: 4px;
  --tea-size-spread-200: 8px;
  --tea-size-spread-300: 12px;
  --tea-size-spread-400: 16px;
  --tea-size-spread-500: 20px;
  --tea-size-spread-600: 24px;
  --tea-size-spread-700: 28px;
  --tea-size-spread-800: 32px;
  --tea-size-spread-900: 36px;
  --tea-size-spread-1000: 40px;
  --tea-size-spread-1100: 44px;
  --tea-size-spread-1200: 48px;
  --tea-size-spread-0400: -16px;
  --tea-size-spread-0300: -12px;
  --tea-size-spread-0200: -8px;
  --tea-size-spread-0100: -4px;
  --tea-size-spread-050: -2px;
  --tea-size-spread-025: -1px;
  --tea-size-offset-0: 0px;
  --tea-size-offset-25: 1px;
  --tea-size-offset-50: 2px;
  --tea-size-offset-100: 4px;
  --tea-size-offset-200: 8px;
  --tea-size-offset-300: 12px;
  --tea-size-offset-400: 16px;
  --tea-size-offset-500: 20px;
  --tea-size-offset-600: 24px;
  --tea-font-size-300: 12px;
  --tea-font-size-325: 13px;
  --tea-font-size-350: 14px;
  --tea-font-size-400: 16px;
  --tea-font-size-450: 18px;
  --tea-font-size-500: 20px;
  --tea-font-size-600: 24px;
  --tea-font-size-700: 28px;
  --tea-font-size-800: 32px;
  --tea-font-size-900: 36px;
  --tea-font-size-950: 38px;
  --tea-font-size-1000: 40px;
  --tea-font-size-1050: 42px;
  --tea-font-size-default: var(--tea-font-size-300);
  --tea-font-family-default: -apple-system,BlinkMacSystemFont,"pingfang SC","Hiragina Sans GB","Helvetica Neue",Helvetica,"microsoft yahei ui","microsoft yahei",simsun,arial,sans-serif;
  --tea-font-family-code: Consolas,Menlo,Monaco,Andale Mono,Ubuntu Mono,monospace;
  --tea-font-weight-regular: 400;
  --tea-font-weight-medium: 600;
  --tea-font-line-height-300: 12px;
  --tea-font-line-height-350: 14px;
  --tea-font-line-height-400: 16px;
  --tea-font-line-height-450: 18px;
  --tea-font-line-height-500: 20px;
  --tea-font-line-height-550: 22px;
  --tea-font-line-height-600: 24px;
  --tea-font-line-height-650: 26px;
  --tea-font-line-height-700: 28px;
  --tea-font-line-height-800: 32px;
  --tea-font-line-height-850: 34px;
  --tea-font-line-height-900: 36px;
  --tea-font-line-height-950: 38px;
  --tea-font-line-height-1000: 40px;
  --tea-font-line-height-1050: 42px;
  --tea-font-line-height-1100: 44px;
  --tea-font-line-height-1150: 46px;
  --tea-font-line-height-1200: 48px;
  --tea-font-line-height-1250: 50px;
  --tea-font-line-height-1300: 52px;
  --tea-font-line-height-1350: 54px;
  --tea-font-line-height-default: var(--tea-font-line-height-500);
  --tea-border-radius-0: 0px;
  --tea-border-radius-50: 2px;
  --tea-border-radius-100: 4px;
  --tea-border-radius-150: 6px;
  --tea-border-radius-200: 8px;
  --tea-border-radius-300: 12px;
  --tea-border-radius-400: 16px;
  --tea-border-radius-500: 20px;
  --tea-border-radius-750: 30px;
  --tea-border-radius-default: var(--tea-border-radius-0);
  --tea-border-radius-full: 9999px;
  --tea-border-width-0: 0px;
  --tea-border-width-25: 1px;
  --tea-border-width-50: 2px;
  --tea-border-width-100: 4px;
  --tea-border-width-default: var(--tea-border-width-25);
  --tea-shadow-xs-blur-1: var(--tea-size-blur-100);
  --tea-shadow-xs-color-1: var(--tea-color-palette-black-5);
  --tea-shadow-xs-offsetx-1: var(--tea-size-offset-0);
  --tea-shadow-xs-offsety-1: var(--tea-size-offset-25);
  --tea-shadow-xs-spread-1: var(--tea-size-spread-0);
  --tea-shadow-sm-blur-1: var(--tea-size-blur-100);
  --tea-shadow-sm-blur-2: var(--tea-size-blur-200);
  --tea-shadow-sm-color-1: var(--tea-color-palette-black-5);
  --tea-shadow-sm-color-2: var(--tea-color-palette-black-5);
  --tea-shadow-sm-offsetx-1: var(--tea-size-offset-0);
  --tea-shadow-sm-offsetx-2: var(--tea-size-offset-0);
  --tea-shadow-sm-offsety-1: var(--tea-size-offset-50);
  --tea-shadow-sm-offsety-2: var(--tea-size-offset-50);
  --tea-shadow-sm-spread-1: var(--tea-size-spread-50);
  --tea-shadow-sm-spread-2: var(--tea-size-spread-025);
  --tea-shadow-md-blur-1: var(--tea-size-blur-300);
  --tea-shadow-md-blur-2: var(--tea-size-blur-600);
  --tea-shadow-md-color-1: var(--tea-color-palette-black-5);
  --tea-shadow-md-color-2: var(--tea-color-palette-black-10);
  --tea-shadow-md-offsetx-1: var(--tea-size-offset-0);
  --tea-shadow-md-offsetx-2: var(--tea-size-offset-0);
  --tea-shadow-md-offsety-1: var(--tea-size-offset-200);
  --tea-shadow-md-offsety-2: var(--tea-size-offset-200);
  --tea-shadow-md-spread-1: var(--tea-size-spread-0200);
  --tea-shadow-md-spread-2: var(--tea-size-spread-0100);
  --tea-shadow-lg-blur-1: var(--tea-size-blur-1200);
  --tea-shadow-lg-color-1: var(--tea-color-palette-black-15);
  --tea-shadow-lg-offsetx-1: var(--tea-size-offset-0);
  --tea-shadow-lg-offsety-1: var(--tea-size-offset-600);
  --tea-shadow-lg-spread-1: var(--tea-size-spread-0300);
  --tea-shadow-xl-blur-1: var(--tea-size-blur-1200);
  --tea-shadow-xl-color-1: var(--tea-color-palette-black-10);
  --tea-shadow-xl-offsetx-1: var(--tea-size-offset-0);
  --tea-shadow-xl-offsety-1: var(--tea-size-offset-600);
  --tea-shadow-xl-spread-1: var(--tea-size-spread-0300);
  --tea-form-height-default: 30px;
  --tea-form-color-bg-primary-default: var(--tea-color-bg-primary-default);
  --tea-form-color-bg-primary-hover: var(--tea-color-bg-primary-hover);
  --tea-form-color-bg-primary-active: var(--tea-color-bg-primary-active);
  --tea-form-color-bg-primary-focus: var(--tea-color-bg-primary-focus);
  --tea-form-color-bg-primary-disabled: var(--tea-color-bg-primary-disabled);
  --tea-form-color-border-primary-default: var(--tea-color-border-primary-default);
  --tea-form-color-border-primary-hover: var(--tea-color-border-primary-hover);
  --tea-form-color-border-primary-focus: var(--tea-color-border-primary-focus);
  --tea-form-color-border-primary-active: var(--tea-color-border-primary-active);
  --tea-form-color-border-primary-disabled: var(--tea-color-border-primary-disabled);
  --tea-form-color-text-solid: var(--tea-color-palette-black-100);
  --tea-form-color-text-primary: var(--tea-color-palette-black-90);
  --tea-form-color-text-secondary: var(--tea-color-palette-black-70);
  --tea-form-color-text-tertiary: var(--tea-color-palette-black-50);
  --tea-form-color-text-disabled: var(--tea-color-palette-black-30);
  --tea-space-0: 0px;
  --tea-space-100: 4px;
  --tea-space-200: 8px;
  --tea-space-300: 12px;
  --tea-space-400: 16px;
  --tea-space-500: 20px;
  --tea-space-600: 24px;
  --tea-space-700: 28px;
  --tea-space-800: 32px;
  --tea-space-900: 36px;
  --tea-space-1000: 40px;
  --tea-space-1100: 44px;
  --tea-space-1200: 48px;
  --tea-space-1300: 52px;
  --tea-space-1400: 56px;
  --tea-space-1500: 60px;
  --tea-space-1600: 64px;
  --tea-shadow-xs: var(--tea-shadow-xs-offsetx-1) var(--tea-shadow-xs-offsety-1) var(--tea-shadow-xs-blur-1) var(--tea-shadow-xs-spread-1) var(--tea-shadow-xs-color-1);
  --tea-shadow-sm: var(--tea-shadow-sm-offsetx-2) var(--tea-shadow-sm-offsety-2) var(--tea-shadow-sm-blur-2) var(--tea-shadow-sm-spread-2) var(--tea-shadow-sm-color-2),var(--tea-shadow-sm-offsetx-1) var(--tea-shadow-sm-offsety-1) var(--tea-shadow-sm-blur-1) var(--tea-shadow-sm-spread-1) var(--tea-shadow-sm-color-1);
  --tea-shadow-md: var(--tea-shadow-md-offsetx-2) var(--tea-shadow-md-offsety-2) var(--tea-shadow-md-blur-2) var(--tea-shadow-md-spread-2) var(--tea-shadow-md-color-2),var(--tea-shadow-md-offsetx-1) var(--tea-shadow-md-offsety-1) var(--tea-shadow-md-blur-1) var(--tea-shadow-md-spread-1) var(--tea-shadow-md-color-1);
  --tea-shadow-lg: var(--tea-shadow-lg-offsetx-1) var(--tea-shadow-lg-offsety-1) var(--tea-shadow-lg-blur-1) var(--tea-shadow-lg-spread-1) var(--tea-shadow-lg-color-1);
  --tea-shadow-xl: var(--tea-shadow-xl-offsetx-1) var(--tea-shadow-xl-offsety-1) var(--tea-shadow-xl-blur-1) var(--tea-shadow-xl-spread-1) var(--tea-shadow-xl-color-1);
  --tea-shadow-fixed-left: linear-gradient(270deg, var(--tea-linear-gradient-fixed-1), var(--tea-linear-gradient-fixed-2));
  --tea-shadow-fixed-right: linear-gradient(270deg, var(--tea-linear-gradient-fixed-2), var(--tea-linear-gradient-fixed-1));
  --tea-shadow-fixed-bottom: linear-gradient(0deg, var(--tea-linear-gradient-fixed-2), var(--tea-linear-gradient-fixed-1));
  --tea-shadow-fixed-top: linear-gradient(0deg, var(--tea-linear-gradient-fixed-1), var(--tea-linear-gradient-fixed-2));
  --tea-typography-display-sm: normal var(--tea-typography-display-sm-font-weight) var(--tea-typography-display-sm-font-size)/var(--tea-typography-display-sm-line-height) var(--tea-typography-display-sm-font-family);
  --tea-typography-display-md: normal var(--tea-typography-display-md-font-weight) var(--tea-typography-display-md-font-size)/var(--tea-typography-display-md-line-height) var(--tea-typography-display-md-font-family);
  --tea-typography-heading-1: normal var(--tea-typography-heading-1-font-weight) var(--tea-typography-heading-1-font-size)/var(--tea-typography-heading-1-line-height) var(--tea-typography-heading-1-font-family);
  --tea-typography-heading-2: normal var(--tea-typography-heading-2-font-weight) var(--tea-typography-heading-2-font-size)/var(--tea-typography-heading-2-line-height) var(--tea-typography-heading-2-font-family);
  --tea-typography-heading-3: normal var(--tea-typography-heading-3-font-weight) var(--tea-typography-heading-3-font-size)/var(--tea-typography-heading-3-line-height) var(--tea-typography-heading-3-font-family);
  --tea-typography-heading-4: normal var(--tea-typography-heading-4-font-weight) var(--tea-typography-heading-4-font-size)/var(--tea-typography-heading-4-line-height) var(--tea-typography-heading-4-font-family);
  --tea-typography-heading-5: normal var(--tea-typography-heading-5-font-weight) var(--tea-typography-heading-5-font-size)/var(--tea-typography-heading-5-line-height) var(--tea-typography-heading-5-font-family);
  --tea-typography-heading-6: normal var(--tea-typography-heading-6-font-weight) var(--tea-typography-heading-6-font-size)/var(--tea-typography-heading-6-line-height) var(--tea-typography-heading-6-font-family);
  --tea-typography-heading-7: normal var(--tea-typography-heading-7-font-weight) var(--tea-typography-heading-7-font-size)/var(--tea-typography-heading-7-line-height) var(--tea-typography-heading-7-font-family);
  --tea-typography-heading-8: normal var(--tea-typography-heading-8-font-weight) var(--tea-typography-heading-8-font-size)/var(--tea-typography-heading-8-line-height) var(--tea-typography-heading-8-font-family);
  --tea-typography-body-sm: normal var(--tea-typography-body-sm-font-weight) var(--tea-typography-body-sm-font-size)/var(--tea-typography-body-sm-line-height) var(--tea-typography-body-sm-font-family);
  --tea-typography-body-md: normal var(--tea-typography-body-md-font-weight) var(--tea-typography-body-md-font-size)/var(--tea-typography-body-md-line-height) var(--tea-typography-body-md-font-family);
  --tea-typography-body-lg: normal var(--tea-typography-body-lg-font-weight) var(--tea-typography-body-lg-font-size)/var(--tea-typography-body-lg-line-height) var(--tea-typography-body-lg-font-family);
  --tea-typography-body-xl: normal var(--tea-typography-body-xl-font-weight) var(--tea-typography-body-xl-font-size)/var(--tea-typography-body-xl-line-height) var(--tea-typography-body-xl-font-family);
  --tea-typography-body-default: var(--tea-typography-body-sm);
  --tea-linear-gradient-fixed-right: var(--tea-shadow-fixed-left);
  --tea-linear-gradient-fixed-left: var(--tea-shadow-fixed-left);
  --tea-white: var(--tea-color-palette-white-100);
  --tea-black: var(--tea-color-palette-black-100);
  --tea-color-palette-white-1: var(--tea-color-palette-white-100);
  --tea-color-palette-white-2: var(--tea-color-palette-white-90);
  --tea-color-palette-white-3: var(--tea-color-palette-white-55);
  --tea-color-palette-white-4: var(--tea-color-palette-white-35);
  --tea-color-palette-black-1: var(--tea-color-palette-black-100);
  --tea-color-palette-black-2: var(--tea-color-palette-black-90);
  --tea-color-palette-black-3: var(--tea-color-palette-black-70);
  --tea-color-palette-black-4: var(--tea-color-palette-black-50);
  --tea-color-function-brand-default: var(--tea-color-palette-blue-8);
  --tea-color-function-brand-bright: var(--tea-color-palette-blue-2);
  --tea-color-function-brand-darkness: var(--tea-color-palette-blue-10);
  --tea-color-function-brand-hover: var(--tea-color-palette-blue-7);
  --tea-color-function-brand-focus: var(--tea-color-palette-blue-5);
  --tea-color-function-brand-active: var(--tea-color-palette-blue-9);
  --tea-color-function-brand-disabled: var(--tea-color-palette-blue-3);
  --tea-color-function-warning-default: var(--tea-color-palette-orange-8);
  --tea-color-function-warning-bright: var(--tea-color-palette-orange-2);
  --tea-color-function-warning-darkness: var(--tea-color-palette-orange-10);
  --tea-color-function-warning-hover: var(--tea-color-palette-orange-7);
  --tea-color-function-warning-focus: var(--tea-color-palette-orange-5);
  --tea-color-function-warning-active: var(--tea-color-palette-orange-9);
  --tea-color-function-warning-disabled: var(--tea-color-palette-orange-3);
  --tea-color-function-error-default: var(--tea-color-palette-red-8);
  --tea-color-function-error-bright: var(--tea-color-palette-red-2);
  --tea-color-function-error-darkness: var(--tea-color-palette-red-10);
  --tea-color-function-error-hover: var(--tea-color-palette-red-7);
  --tea-color-function-error-focus: var(--tea-color-palette-red-5);
  --tea-color-function-error-active: var(--tea-color-palette-red-9);
  --tea-color-function-error-disabled: var(--tea-color-palette-red-3);
  --tea-color-function-success-default: var(--tea-color-palette-green-8);
  --tea-color-function-success-bright: var(--tea-color-palette-green-2);
  --tea-color-function-success-darkness: var(--tea-color-palette-green-10);
  --tea-color-function-success-hover: var(--tea-color-palette-green-7);
  --tea-color-function-success-focus: var(--tea-color-palette-green-5);
  --tea-color-function-success-active: var(--tea-color-palette-green-9);
  --tea-color-function-success-disabled: var(--tea-color-palette-green-3);
  --tea-color-text-placeholder: var(--tea-color-text-tertiary);
  --tea-color-text-inverse: var(--tea-color-palette-white-90);
  --tea-color-text-brand: var(--tea-color-text-brand-default);
  --tea-color-text-success: var(--tea-color-text-success-default);
  --tea-color-text-error: var(--tea-color-text-error-default);
  --tea-color-text-warning: var(--tea-color-text-warning-default);
  --tea-color-text-highlight-solid: var(--tea-color-palette-black-100);
  --tea-color-text-highlight-primary: var(--tea-color-palette-black-90);
  --tea-color-text-highlight-secondary: var(--tea-color-palette-black-70);
  --tea-color-text-highlight-placeholder: var(--tea-color-palette-black-50);
  --tea-color-text-highlight-disabled: var(--tea-color-palette-black-30);
  --tea-color-text-highlight-inverse-solid: var(--tea-color-palette-white-100);
  --tea-color-text-highlight-inverse-primary: var(--tea-color-palette-white-90);
  --tea-color-text-highlight-inverse-secondary: var(--tea-color-palette-white-55);
  --tea-color-text-highlight-inverse-placeholder: var(--tea-color-palette-white-35);
  --tea-color-text-highlight-inverse-disabled: var(--tea-color-palette-white-20);
  --tea-color-border-primary: var(--tea-color-border-primary-default);
  --tea-color-border-secondary: var(--tea-color-border-secondary-default);
  --tea-color-border-hover: var(--tea-color-border-primary-hover);
  --tea-color-border-disabled: var(--tea-color-border-primary-disabled);
  --tea-color-border-active: var(--tea-color-border-primary-active);
  --tea-color-bg-container-default: var(--tea-color-bg-primary-default);
  --tea-color-bg-container-hover: var(--tea-color-bg-primary-hover);
  --tea-color-bg-container-active: var(--tea-color-bg-primary-active);
  --tea-color-bg-container-inverse-default: var(--tea-color-palette-gray-14);
  --tea-color-bg-secondarycontainer-default: var(--tea-color-bg-secondary-default);
  --tea-color-bg-secondarycontainer-hover: var(--tea-color-bg-secondary-hover);
  --tea-color-bg-secondarycontainer-active: var(--tea-color-bg-secondary-active);
  --tea-color-bg-mask-default: var(--tea-color-mask-primary);
  --tea-color-bg-mask-secondary: var(--tea-color-mask-secondary);
  --tea-color-scrollbar-default: var(--tea-color-palette-black-20);
  --tea-color-scrollbar-hover: var(--tea-color-palette-black-40);
  --tea-color-scrolltrack: transparent;
  --tea-shadow-default: var(--tea-shadow-sm);
  --tea-color-bg-page: var(--tea-color-bg-page-default);
  --tea-shadow-dropdown: var(--tea-shadow-sm);
  --tea-color-bg-form-default: var(--tea-form-color-bg-primary-default);
  --tea-color-bg-form-hover: var(--tea-form-color-bg-primary-hover);
  --tea-color-bg-form-focus: var(--tea-form-color-bg-primary-focus);
  --tea-color-bg-form-disabled: var(--tea-form-color-bg-primary-disabled);
  --tea-color-text-form-default: var(--tea-form-color-text-primary);
  --tea-color-text-form-label: var(--tea-form-color-text-tertiary);
  --tea-color-text-form-hover: var(--tea-form-color-text-primary);
  --tea-color-text-form-focus: var(--tea-form-color-text-primary);
  --tea-color-text-form-disabled: var(--tea-form-color-text-disabled);
  --tea-color-text-form-placeholder: var(--tea-form-color-text-tertiary);
  --tea-color-border-form-default: var(--tea-form-color-border-primary-default);
  --tea-color-border-form-hover: var(--tea-form-color-border-primary-hover);
  --tea-color-border-form-focus: var(--tea-form-color-border-primary-focus);
  --tea-color-border-form-disabled: var(--tea-form-color-border-primary-disabled);
  --icon-status-blank: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMCA1NlYyNGg0MHYzMnoiLz48cGF0aCBmaWxsPSIjQzFDQ0REIiBkPSJNMjYgMzdoMjh2MkgyNnptMCA3aDIwdjJIMjZ6bS02LTIwaDQwdjdIMjB6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDggNDQpIj48Y2lyY2xlIGZpbGw9IiNGRkYiIGN4PSIxMCIgY3k9IjEwIiByPSI3Ii8+PHBhdGggZD0iTTEwIDJhOCA4IDAgMSAxIDAgMTYgOCA4IDAgMCAxIDAtMTZ6bTEgMTBIOXYyaDJ2LTJ6bTAtNkg5djVoMlY2eiIgZmlsbD0iIzAwNkVGRiIvPjwvZz48L2c+PC9zdmc+);
  --icon-status-blank-s: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRUJFRkY1IiBkPSJNMTQgMzkuMlYxNi44aDI4djIyLjR6Ii8+PHBhdGggZmlsbD0iI0MxQ0NERCIgZD0iTTE4LjIgMjUuOWgxOS42djEuNEgxOC4yem0wIDQuOWgxNHYxLjRoLTE0em0tNC4yLTE0aDI4djQuOUgxNHoiLz48cGF0aCBkPSJNNDAuNiAzMi4yYTUuNiA1LjYgMCAxIDAgMCAxMS4yIDUuNiA1LjYgMCAwIDAgMC0xMS4yeiIgZmlsbD0iIzAwNkVGRiIvPjxwYXRoIGQ9Ik00MS4zIDM5LjJ2MS40aC0xLjR2LTEuNGgxLjR6bTAtNC4ydjMuNWgtMS40VjM1aDEuNHoiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+);
  --icon-status-chart: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMiA1N1Y0M2gxMnYxNHoiLz48cGF0aCBmaWxsPSIjQzFDQ0REIiBkPSJNMzQgNTdWMzNoMTJ2MjR6Ii8+PHBhdGggc3Ryb2tlPSIjQzFDQ0REIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xOCAzOC43NDdsMTItMTJoN0w0My43NDcgMjAiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNDYgNTdWMjFoMTJ2MzZ6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDggNDQpIj48Y2lyY2xlIGZpbGw9IiNGRkYiIGN4PSIxMCIgY3k9IjEwIiByPSI3Ii8+PHBhdGggZD0iTTEwIDJhOCA4IDAgMSAxIDAgMTYgOCA4IDAgMCAxIDAtMTZ6bTEgMTBIOXYyaDJ2LTJ6bTAtNkg5djVoMlY2eiIgZmlsbD0iIzAwNkVGRiIvPjwvZz48L2c+PC9zdmc+);
  --icon-status-chart-s: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRUJFRkY1IiBkPSJNMTUuNCAzOS45di05LjhoOC40djkuOHoiLz48cGF0aCBmaWxsPSIjQzFDQ0REIiBkPSJNMjMuOCAzOS45VjIzLjFoOC40djE2Ljh6Ii8+PHBhdGggZmlsbD0iI0MxQ0NERCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMzAuMTI4IDEzLjUwNWwuOTkuOTktNC45MjggNC45MjhoLTQuOWwtOC4xOTUgOC4xOTUtLjk5LS45OSA4LjYwNS04LjYwNWg0Ljl6Ii8+PHBhdGggZmlsbD0iI0VCRUZGNSIgZD0iTTMyLjIgMzkuOVYxNC43aDguNHYyNS4yeiIvPjxwYXRoIGQ9Ik00MC42IDMyLjJhNS42IDUuNiAwIDEgMCAwIDExLjIgNS42IDUuNiAwIDAgMCAwLTExLjJ6IiBmaWxsPSIjMDA2RUZGIi8+PHBhdGggZD0iTTQxLjMgMzkuMnYxLjRoLTEuNHYtMS40aDEuNHptMC00LjJ2My41aC0xLjRWMzVoMS40eiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=);
  --icon-status-loading: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik00MCAzNi44NzdMNjAuOTk0IDQ5IDQwIDYxLjEyMiAxOS4wMDMgNDl6Ii8+PHBhdGggZmlsbD0iI0MxQ0NERCIgZD0iTTQwIDI3Ljg3N0w2MC45OTQgNDAgNDAgNTIuMTIxIDE5LjAwMyA0MHoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNDAgMTguODc4TDYwLjk5NCAzMSA0MCA0My4xMjMgMTkuMDAzIDMxeiIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4IDQ0KSI+PGNpcmNsZSBmaWxsPSIjRkZGIiBjeD0iMTAiIGN5PSIxMCIgcj0iNyIvPjxwYXRoIGQ9Ik0xMCAyYTggOCAwIDEgMSAwIDE2IDggOCAwIDAgMSAwLTE2em0xIDNIOXY1LjkxNGwzLjI5MyAzLjI5MyAxLjQxNC0xLjQxNEwxMSAxMC4wODVWNXoiIGZpbGw9IiMwMDZFRkYiLz48L2c+PC9nPjwvc3ZnPg==);
  --icon-status-loading-s: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRUJFRkY1IiBkPSJNMjggMjUuODE0TDQyLjY5NiAzNC4zIDI4IDQyLjc4NiAxMy4zMDIgMzQuM3oiLz48cGF0aCBmaWxsPSIjQzFDQ0REIiBkPSJNMjggMTkuNTE0TDQyLjY5NiAyOCAyOCAzNi40ODYgMTMuMzAyIDI4eiIvPjxwYXRoIGZpbGw9IiNFQkVGRjUiIGQ9Ik0yOCAxMy4yMTRMNDIuNjk2IDIxLjcgMjggMzAuMTg2IDEzLjMwMiAyMS43eiIvPjxwYXRoIGQ9Ik00MC42IDMyLjJhNS42IDUuNiAwIDEgMSAwIDExLjIgNS42IDUuNiAwIDAgMSAwLTExLjJ6IiBmaWxsPSIjMDA2RUZGIi8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTQxLjMgMzQuM2gtMS40djQuMTRsMi4zMDUgMi4zMDUuOTktLjk5TDQxLjMgMzcuODZ6Ii8+PC9nPjwvc3ZnPg==);
  --icon-status-network: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2IDE2KSI+PGNpcmNsZSBmaWxsPSIjQzFDQ0REIiBjeD0iMjQiIGN5PSIyNCIgcj0iMjIiLz48cGF0aCBkPSJNMjQgMmgtLjEwM2MyLjQ4NiAwIDQuODc1LjQxMiA3LjEwNCAxLjE3MkwzMSAxMmgtN3Y5aC04djZoMTRsNSA1aDZsLjAwMSA1LjgzOGMtMy45NDcgNC44NzMtOS45MzUgOC4wMjYtMTYuNjY0IDguMTU4bC0uMzM3LjAwM1YzNmgtNnYtNEwzLjEwMyAxNy4xMDJDNS45OTcgOC4zMzEgMTQuMjYgMiAyNCAyeiIgZmlsbD0iI0ZGRiIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OCA0NCkiPjxjaXJjbGUgZmlsbD0iI0ZGRiIgY3g9IjEwIiBjeT0iMTAiIHI9IjciLz48cGF0aCBkPSJNMTAgMmE4IDggMCAxIDEgMCAxNiA4IDggMCAwIDEgMC0xNnptMSAxMEg5djJoMnYtMnptMC02SDl2NWgyVjZ6IiBmaWxsPSIjMDA2RUZGIi8+PC9nPjwvZz48L3N2Zz4=);
  --icon-status-network-s: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiNDMUNDREQiIGN4PSIyOCIgY3k9IjI4IiByPSIxNS40Ii8+PHBhdGggZD0iTTI4IDEyLjZoLS4wNzJjMS43NCAwIDMuNDEzLjI4OSA0Ljk3Mi44MnY2LjE4SDI4djYuM2gtNS42djQuMmg5LjhsMy41IDMuNWg0LjJsLjAwMSA0LjA4NmExNS4zNyAxNS4zNyAwIDAgMS0xMS42NjUgNS43MTFsLS4yMzYuMDAyVjM2LjRoLTQuMnYtMi44TDEzLjM3MiAyMy4xNzFDMTUuMzk4IDE3LjAzMSAyMS4xODIgMTIuNiAyOCAxMi42eiIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGQ9Ik00MC42IDMyLjJhNS42IDUuNiAwIDEgMCAwIDExLjIgNS42IDUuNiAwIDAgMCAwLTExLjJ6IiBmaWxsPSIjMDA2RUZGIi8+PHBhdGggZD0iTTQxLjMgMzkuMnYxLjRoLTEuNHYtMS40aDEuNHptMC00LjJ2My41aC0xLjRWMzVoMS40eiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=);
  --icon-status-no-permission: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGZpbGw9IiNDMUNDREQiIGQ9Ik00MCAzNi44NzdsMjAuOTk5IDEyLjEyNXYtMTlMNDAgMTcuODc4IDE4Ljk5OSAzMC4wMDJ2MTl6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTQwIDQyLjEyM2wyMC45OTktMTIuMTI1djIwTDQwIDYyLjEyMyAxOC45OTkgNDkuOTk4di0yMHoiLz48cGF0aCBkPSJNNTggNDVhNSA1IDAgMCAxIDUgNXYxaDJ2MTFINTFWNTFoMnYtMWE1IDUgMCAwIDEgNS01em0wIDJhMyAzIDAgMCAwLTIuOTk1IDIuODI0TDU1IDUwdjFoNnYtMWEzIDMgMCAwIDAtMi44MjQtMi45OTVMNTggNDd6IiBmaWxsPSIjMDA2RUZGIi8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU3IDU0aDJ2NWgtMnoiLz48L2c+PC9zdmc+);
  --icon-status-no-permission-s: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjQzFDQ0REIiBkPSJNMjggMjUuODE0bDE0LjcgOC40ODh2LTEzLjNMMjggMTIuNTE0bC0xNC43IDguNDg4djEzLjN6Ii8+PHBhdGggZmlsbD0iI0VCRUZGNSIgZD0iTTI4IDI5LjQ4NmwxNC43LTguNDg4djE0TDI4IDQzLjQ4NmwtMTQuNy04LjQ4OHYtMTR6Ii8+PHBhdGggZD0iTTQwLjYgMzEuNWEzLjUgMy41IDAgMCAxIDMuNSAzLjV2LjY5OWwxLjQuMDAxdjcuN2gtOS44di03LjdsMS40LS4wMDFWMzVhMy41IDMuNSAwIDAgMSAzLjUtMy41em0wIDEuNGEyLjEgMi4xIDAgMCAwLTIuMDk2IDEuOTc3TDM4LjUgMzV2LjdoNC4yVjM1YTIuMSAyLjEgMCAwIDAtMS45NzctMi4wOTZMNDAuNiAzMi45eiIgZmlsbD0iIzAwNkVGRiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0zOS45IDM3LjhoMS40djMuNWgtMS40eiIvPjwvZz48L3N2Zz4=);
  --icon-status-pay: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xOSA1NVYyNWg0MnYzMHoiLz48cGF0aCBmaWxsPSIjQzFDQ0REIiBkPSJNNDggNDJoOXY5aC05ek0xOSAzMGg0MnY4SDE5eiIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4IDQ0KSI+PGNpcmNsZSBmaWxsPSIjRkZGIiBjeD0iMTAiIGN5PSIxMCIgcj0iNyIvPjxwYXRoIGQ9Ik0xMCAyYTggOCAwIDEgMSAwIDE2IDggOCAwIDAgMSAwLTE2em0xIDEwSDl2Mmgydi0yem0wLTZIOXY1aDJWNnoiIGZpbGw9IiMwMDZFRkYiLz48L2c+PC9nPjwvc3ZnPg==);
  --icon-status-pay-s: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRUJFRkY1IiBkPSJNMTMuMyAzOC41di0yMWgyOS40djIxeiIvPjxwYXRoIGZpbGw9IiNDMUNDREQiIGQ9Ik0zMy42IDI5LjRoNi4zdjYuM2gtNi4zek0xMy4zIDIxaDI5LjR2NS42SDEzLjN6Ii8+PHBhdGggZD0iTTQwLjYgMzIuMmE1LjYgNS42IDAgMSAwIDAgMTEuMiA1LjYgNS42IDAgMCAwIDAtMTEuMnoiIGZpbGw9IiMwMDZFRkYiLz48cGF0aCBkPSJNNDEuMyAzOS4ydjEuNGgtMS40di0xLjRoMS40em0wLTQuMnYzLjVoLTEuNFYzNWgxLjR6IiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==);
  --icon-status-search: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGZpbGw9IiNDMUNDREQiIGQ9Ik0xOSAyM2gxNWw0IDRoMTl2MzBIMTl6Ii8+PHBhdGggZD0iTTYzLjQzMSAzM0w1NyA1N0gxOWw2LjQzMS0yNGgzOHoiIGZpbGw9IiNGRkYiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OCA0NCkiPjxjaXJjbGUgZmlsbD0iI0ZGRiIgY3g9IjEwIiBjeT0iMTAiIHI9IjciLz48cGF0aCBkPSJNMTAgMmE4IDggMCAxIDAgMCAxNiA4IDggMCAwIDAgMC0xNnoiIGZpbGw9IiMwMDZFRkYiLz48cGF0aCBkPSJNOS4yNTIgNWE0LjI1MiA0LjI1MiAwIDAgMSAzLjYzIDYuNDY3bDEuNzc1IDEuNzc2LTEuNDE0IDEuNDE0LTEuNzc2LTEuNzc2QTQuMjUyIDQuMjUyIDAgMSAxIDkuMjUxIDV6bTAgMmEyLjI1MiAyLjI1MiAwIDEgMCAwIDQuNTA0IDIuMjUyIDIuMjUyIDAgMCAwIDAtNC41MDR6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9nPjwvc3ZnPg==);
  --icon-status-search-s: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjQzFDQ0REIiBkPSJNMTMuMyAxNi4xaDEwLjVsMi44IDIuOGgxMy4zdjIxSDEzLjN6Ii8+PHBhdGggZD0iTTQ0LjQwMiAyMy4xTDM5LjkgMzkuOUgxMy4zbDQuNTAyLTE2LjhoMjYuNnoiIGZpbGw9IiNFQkVGRjUiLz48cGF0aCBkPSJNNDAuNiAzMi4yYTUuNiA1LjYgMCAxIDAgMCAxMS4yIDUuNiA1LjYgMCAwIDAgMC0xMS4yeiIgZmlsbD0iIzAwNkVGRiIvPjxwYXRoIGQ9Ik00MC4wNzYgMzQuM2EyLjk3NiAyLjk3NiAwIDAgMSAyLjU0MSA0LjUyN2wxLjI0MyAxLjI0My0uOTkuOTktMS4yNDMtMS4yNDNhMi45NzYgMi45NzYgMCAxIDEtMS41NS01LjUxN3ptMCAxLjRhMS41NzYgMS41NzYgMCAxIDAgMCAzLjE1MyAxLjU3NiAxLjU3NiAwIDAgMCAwLTMuMTUzeiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==);
  --icon-status-upload: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMCA1NlYyNGg0MHYzMnoiLz48cGF0aCBkPSJNMzEgMzIuMTNsMTggMTggMS40MTQtMS40MTQtNS01TDUxIDM4LjEzbDkgOVY1NkgyMFY0My4xMjlsMTEtMTF6IiBmaWxsPSIjQzFDQ0REIi8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDggNDQpIj48Y2lyY2xlIGZpbGw9IiNGRkYiIGN4PSIxMCIgY3k9IjEwIiByPSI3Ii8+PHBhdGggZD0iTTE0IDExaC0zdjNIOXYtM0g2VjloM1Y2aDJ2M2gzdjJ6TTIgMTBhOCA4IDAgMSAwIDE2IDAgOCA4IDAgMCAwLTE2IDB6IiBmaWxsPSIjMDA2RUZGIi8+PC9nPjwvZz48L3N2Zz4=);
  --icon-status-upload-s: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRUJFRkY1IiBkPSJNMTQgMzkuMlYxNi44aDI4djIyLjR6Ii8+PHBhdGggZD0iTTIxLjcgMjIuNDkxbDEyLjYgMTIuNi45OS0uOTktMy41LTMuNDk5IDMuOTEtMy45MTEgNi4zIDYuMzAxVjM5LjJIMTR2LTkuMDFsNy43LTcuNjk5eiIgZmlsbD0iI0MxQ0NERCIvPjxwYXRoIGQ9Ik0zNSAzNy44YTUuNiA1LjYgMCAxIDAgMTEuMiAwIDUuNiA1LjYgMCAwIDAtMTEuMiAweiIgZmlsbD0iIzAwNkVGRiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik00My40IDM4LjVoLTIuMXYyLjFoLTEuNHYtMi4xaC0yLjF2LTEuNGgyLjFWMzVoMS40djIuMWgyLjF6Ii8+PC9nPjwvc3ZnPg==);
  --icon-status-blank-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOC45OSAyMy45MzJhMiAyIDAgMCAxIDIuNDUtMS40MTVsMTguODk5IDUuMDY0YTIgMiAwIDAgMSAxLjQxNiAyLjQ0TDU2LjUgNTAuMDI2IDQ3Ljk5OSA1NGwtMTQuMDI0LTMuNDg0YTIgMiAwIDAgMS0xLjQ1LTIuNDU4bDYuNDY1LTI0LjEyNnoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjgzMjkgLjg0NjUgLjg4NzEpIi8+PHBhdGggZD0iTTQ5LjM4MiA0OS44NTRMNDggNTRsOC41LTQtNC42MzItMS40MjVhMiAyIDAgMCAwLTIuNDg2IDEuMjc5eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuNzM3NCAuNzU4NyAuODIyNikiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuMDc4IDE5LjA5NmEyIDIgMCAwIDEgMS40MTQtMi40NWwyNy4zMTgtNy4zMmEyIDIgMCAwIDEgMi40NSAxLjQxNGw5LjAwNSAzMy42MDhhMiAyIDAgMCAxLTEuNDE0IDIuNDVsLTI3LjMxOCA3LjMyYTIgMiAwIDAgMS0yLjQ1LTEuNDE1TDIuMDc4IDE5LjA5NnoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjkxMzggLjkxOTIgLjk0NjIpIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjgzIDI0Ljk2M2wxOS4zMTgtNS4xNzYgMS4wMzYgMy44NjQtMTkuMzE5IDUuMTc2LTEuMDM1LTMuODY0em0xLjU1MyA1Ljc5NmwxMC40NDEtMi43OTggMS4wMzUgMy44NjQtMTAuNDQxIDIuNzk4LTEuMDM1LTMuODY0eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuODA4OSAuODI2NyAuODcxMSkiLz48cGF0aCBkPSJNNTggMTAuNWwuMzg3IDEuMDQ1YTMuNSAzLjUgMCAwIDAgMi4wNjggMi4wNjhMNjEuNSAxNGwtMS4wNDUuMzg3YTMuNSAzLjUgMCAwIDAtMi4wNjggMi4wNjhMNTggMTcuNWwtLjM4Ny0xLjA0NWEzLjUgMy41IDAgMCAwLTIuMDY4LTIuMDY4TDU0LjUgMTRsMS4wNDUtLjM4N2EzLjUgMy41IDAgMCAwIDIuMDY4LTIuMDY4TDU4IDEwLjV6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);
  --icon-status-blank-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOC45OSAyMy45MzJhMiAyIDAgMCAxIDIuNDUtMS40MTVsMTguODk5IDUuMDY0YTIgMiAwIDAgMSAxLjQxNiAyLjQ0TDU2LjUgNTAuMDI2IDQ3Ljk5OSA1NGwtMTQuMDI0LTMuNDg0YTIgMiAwIDAgMS0xLjQ1LTIuNDU4bDYuNDY1LTI0LjEyNnoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjgzMjkgLjg0NjUgLjg4NzEpIi8+PHBhdGggZD0iTTQ5LjM4MiA0OS44NTRMNDggNTRsOC41LTQtNC42MzItMS40MjVhMiAyIDAgMCAwLTIuNDg2IDEuMjc5eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuNzM3NCAuNzU4NyAuODIyNikiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuMDc4IDE5LjA5NmEyIDIgMCAwIDEgMS40MTQtMi40NWwyNy4zMTgtNy4zMmEyIDIgMCAwIDEgMi40NSAxLjQxNGw5LjAwNSAzMy42MDhhMiAyIDAgMCAxLTEuNDE0IDIuNDVsLTI3LjMxOCA3LjMyYTIgMiAwIDAgMS0yLjQ1LTEuNDE1TDIuMDc4IDE5LjA5NnoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjkxMzggLjkxOTIgLjk0NjIpIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjgzIDI0Ljk2M2wxOS4zMTgtNS4xNzYgMS4wMzYgMy44NjQtMTkuMzE5IDUuMTc2LTEuMDM1LTMuODY0em0xLjU1MyA1Ljc5NmwxMC40NDEtMi43OTggMS4wMzUgMy44NjQtMTAuNDQxIDIuNzk4LTEuMDM1LTMuODY0eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuODA4OSAuODI2NyAuODcxMSkiLz48cGF0aCBkPSJNNTggMTAuNWwuMzg3IDEuMDQ1YTMuNSAzLjUgMCAwIDAgMi4wNjggMi4wNjhMNjEuNSAxNGwtMS4wNDUuMzg3YTMuNSAzLjUgMCAwIDAtMi4wNjggMi4wNjhMNTggMTcuNWwtLjM4Ny0xLjA0NWEzLjUgMy41IDAgMCAwLTIuMDY4LTIuMDY4TDU0LjUgMTRsMS4wNDUtLjM4N2EzLjUgMy41IDAgMCAwIDIuMDY4LTIuMDY4TDU4IDEwLjV6IiBmaWxsPSIjMDAwIi8+PC9zdmc+);
  --icon-status-chart-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI2Ljc3IDkuNzNsMy4zNDIgMy4zNDJTMTguNjggMzEuNTg2IDQuNSAzMS41ODZjMTUuMjMgMCAzMC4wNjgtMTQuMDU3IDMwLjA2OC0xNC4wNTdsMy4zNDIgMy4zNDIgMS45NTMtMTMuMDk0TDI2Ljc3IDkuNzN6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC44NzA2IC44Nzg0IC45MDk4KSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEgNDlWMzRoMTF2MTVIMTF6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC43NjA3IC43Nzg2IC44MzkzKSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjYgNDlWMjhoMTF2MjFIMjZ6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC44MzE0IC44NDcxIC44ODYzKSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDEgNDguOTQzVjE4LjI3aDExdjMwLjY3M0g0MXoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjkxMzcgLjkxNzYgLjk0NTEpIi8+PHBhdGggZD0iTTEwIDUzaDQ0IiBzdHJva2U9ImNvbG9yKGRpc3BsYXktcDMgLjgxNTcgLjgzMTQgLjg3NDUpIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=);
  --icon-status-chart-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI2Ljc3IDkuNzNsMy4zNDIgMy4zNDJTMTguNjggMzEuNTg2IDQuNSAzMS41ODZjMTUuMjMgMCAzMC4wNjgtMTQuMDU3IDMwLjA2OC0xNC4wNTdsMy4zNDIgMy4zNDIgMS45NTMtMTMuMDk0TDI2Ljc3IDkuNzN6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC44NzA2IC44Nzg0IC45MDk4KSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEgNDlWMzRoMTF2MTVIMTF6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC43NjA3IC43Nzg2IC44MzkzKSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjYgNDlWMjhoMTF2MjFIMjZ6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC44MzE0IC44NDcxIC44ODYzKSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDEgNDguOTQzVjE4LjI3aDExdjMwLjY3M0g0MXoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjkxMzcgLjkxNzYgLjk0NTEpIi8+PHBhdGggZD0iTTEwIDUzaDQ0IiBzdHJva2U9ImNvbG9yKGRpc3BsYXktcDMgLjgxNTcgLjgzMTQgLjg3NDUpIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=);
  --icon-status-loading-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMzIiIGN5PSIzMiIgcj0iMjQiIHN0cm9rZT0iY29sb3IoZGlzcGxheS1wMyAuOTEzNyAuOTE3NiAuOTQ1MSkiIHN0cm9rZS13aWR0aD0iMyIvPjxwYXRoIGQ9Ik01NiAzMkM1NiAxOC43NDUgNDUuMjU1IDggMzIgOCIgc3Ryb2tlPSJjb2xvcihkaXNwbGF5LXAzIC43MzczIC43NTY5IC44MjM1KSIgc3Ryb2tlLXdpZHRoPSIzIi8+PC9zdmc+);
  --icon-status-loading-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMzIiIGN5PSIzMiIgcj0iMjQiIHN0cm9rZT0iY29sb3IoZGlzcGxheS1wMyAuOTEzNyAuOTE3NiAuOTQ1MSkiIHN0cm9rZS13aWR0aD0iMyIvPjxwYXRoIGQ9Ik01NiAzMkM1NiAxOC43NDUgNDUuMjU1IDggMzIgOCIgc3Ryb2tlPSJjb2xvcihkaXNwbGF5LXAzIC43MzczIC43NTY5IC44MjM1KSIgc3Ryb2tlLXdpZHRoPSIzIi8+PC9zdmc+);
  --icon-status-network-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iNjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNC4zNDYgMjYuMDMxTDMzIDMwLjI5aDUuMDJsLTEuMTY2IDUuNjI2Yy01LjY0NS0xLjMxOS0xMS43ODQuMzU0LTE2LjE3NSA1LjAybC02LjMwOC02LjcwNGM1LjQ4OS01LjgzMyAxMi43ODktOC41NjYgMTkuOTc1LTguMnptMS4zNTYtNC4yOWMtOC42OTMtLjgxNC0xNy42NTEgMi4zMTQtMjQuMzA0IDkuMzg0TDUgMjQuMzI2YzkuMTcyLTkuNzQ3IDIxLjcyNC0xMy43MTMgMzMuNjQ2LTExLjg5OWwtMi45NDQgOS4zMTR6bTguNDY4IDYuODQzbC0zLjcxNyA4LjYyM2ExNy41MiAxNy41MiAwIDAgMSA1LjAxIDMuNzI3bDYuMzEtNi43MDQtLjMxMi0uMzI2YTI2LjM3NyAyNi4zNzcgMCAwIDAtNy4yOTEtNS4zMnptLTguMzM0IDEyLjI0Yy00LjEyMS0uOTk4LTguNjIuMjA5LTExLjgzIDMuNjJMMzMgNTRsLjEzNC0uMTQzIDIuNzAzLTEzLjAzM3pNMzMuNCA1My41NzRsNS4wNzYtMTEuNzc2YTEyLjczIDEyLjczIDAgMCAxIDMuNTE3IDIuNjQ1bC04LjU5MyA5LjEzMnptOC43NjYtMzAuNDcxbDMuMDU2LTkuMDU5YzUuNTc1IDEuOTE2IDEwLjgzIDUuMTggMTUuMzEyIDkuNzkxbC40NjcuNDg5LTYuMzk4IDYuNzk5Yy0zLjYwNS0zLjgzMS03Ljg4Ny02LjUwNS0xMi40MzctOC4wMnoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjg4MjQgLjg5MDIgLjkxNzYpIi8+PGNpcmNsZSBjeD0iNDYiIGN5PSI0OC4wOTQiIHI9IjciIGZpbGw9IiMwMDAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQ2LjcwNyA1MS45MThoLTEuNDEydi0xLjQxMmgxLjQxMnYxLjQxMnpNNDcgNDQuMDk0bC0uMjM4IDUuMDVoLTEuNTI0TDQ1IDQ0LjA5NWgyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
  --icon-status-network-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iNjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNC4zNDYgMjYuMDMxTDMzIDMwLjI5aDUuMDJsLTEuMTY2IDUuNjI2Yy01LjY0NS0xLjMxOS0xMS43ODQuMzU0LTE2LjE3NSA1LjAybC02LjMwOC02LjcwNGM1LjQ4OS01LjgzMyAxMi43ODktOC41NjYgMTkuOTc1LTguMnptMS4zNTYtNC4yOWMtOC42OTMtLjgxNC0xNy42NTEgMi4zMTQtMjQuMzA0IDkuMzg0TDUgMjQuMzI2YzkuMTcyLTkuNzQ3IDIxLjcyNC0xMy43MTMgMzMuNjQ2LTExLjg5OWwtMi45NDQgOS4zMTR6bTguNDY4IDYuODQzbC0zLjcxNyA4LjYyM2ExNy41MiAxNy41MiAwIDAgMSA1LjAxIDMuNzI3bDYuMzEtNi43MDQtLjMxMi0uMzI2YTI2LjM3NyAyNi4zNzcgMCAwIDAtNy4yOTEtNS4zMnptLTguMzM0IDEyLjI0Yy00LjEyMS0uOTk4LTguNjIuMjA5LTExLjgzIDMuNjJMMzMgNTRsLjEzNC0uMTQzIDIuNzAzLTEzLjAzM3pNMzMuNCA1My41NzRsNS4wNzYtMTEuNzc2YTEyLjczIDEyLjczIDAgMCAxIDMuNTE3IDIuNjQ1bC04LjU5MyA5LjEzMnptOC43NjYtMzAuNDcxbDMuMDU2LTkuMDU5YzUuNTc1IDEuOTE2IDEwLjgzIDUuMTggMTUuMzEyIDkuNzkxbC40NjcuNDg5LTYuMzk4IDYuNzk5Yy0zLjYwNS0zLjgzMS03Ljg4Ny02LjUwNS0xMi40MzctOC4wMnoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjg4MjQgLjg5MDIgLjkxNzYpIi8+PGNpcmNsZSBjeD0iNDYiIGN5PSI0OC4wOTQiIHI9IjciIGZpbGw9IiMwMDAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQ2LjcwNyA1MS45MThoLTEuNDEydi0xLjQxMmgxLjQxMnYxLjQxMnpNNDcgNDQuMDk0bC0uMjM4IDUuMDVoLTEuNTI0TDQ1IDQ0LjA5NWgyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
  --icon-status-no-permission-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMzIiIGN5PSIzMiIgcj0iMjYiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjkxMzggLjkxOTIgLjk0NjIpIi8+PHBhdGggZD0iTTM4LjYyIDI2LjcxNnYtMy4wNDNhNi42NjMgNi42NjMgMCAwIDAtNi42NjQtNi42NjN2MGE2LjY2MyA2LjY2MyAwIDAgMC02LjY2MyA2LjY2M3YzLjA0MyIgc3Ryb2tlPSJjb2xvcihkaXNwbGF5LXAzIC44MTU3IC44MzE0IC44NzQ1KSIgc3Ryb2tlLXdpZHRoPSIzLjk5OCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjxwYXRoIGQ9Ik0xOS40NjUgMjguOTA4aDI0Ljk4OHYxNi42NTlIMTkuNDY1VjI4LjkwOHoiIGZpbGw9IiNmZmYiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMxLjI0MiA0Mi4wMTRWMzcuODVoMS40Mjh2NC4xNjRoLTEuNDI4eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuMDU4OCAuMDU4OCAuMDcwNikiLz48cGF0aCBkPSJNMjkuNzM0IDM0LjkyN2EyLjE0MyAyLjE0MyAwIDEgMCA0LjI4NiAwIDIuMTQzIDIuMTQzIDAgMCAwLTQuMjg2IDB6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4wNTg4IC4wNTg4IC4wNzA2KSIvPjwvc3ZnPg==);
  --icon-status-no-permission-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMzIiIGN5PSIzMiIgcj0iMjYiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjkxMzggLjkxOTIgLjk0NjIpIi8+PHBhdGggZD0iTTM4LjYyIDI2LjcxNnYtMy4wNDNhNi42NjMgNi42NjMgMCAwIDAtNi42NjQtNi42NjN2MGE2LjY2MyA2LjY2MyAwIDAgMC02LjY2MyA2LjY2M3YzLjA0MyIgc3Ryb2tlPSJjb2xvcihkaXNwbGF5LXAzIC44MTU3IC44MzE0IC44NzQ1KSIgc3Ryb2tlLXdpZHRoPSIzLjk5OCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjxwYXRoIGQ9Ik0xOS40NjUgMjguOTA4aDI0Ljk4OHYxNi42NTlIMTkuNDY1VjI4LjkwOHoiIGZpbGw9IiNmZmYiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMxLjI0MiA0Mi4wMTRWMzcuODVoMS40Mjh2NC4xNjRoLTEuNDI4eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuMDU4OCAuMDU4OCAuMDcwNikiLz48cGF0aCBkPSJNMjkuNzM0IDM0LjkyN2EyLjE0MyAyLjE0MyAwIDEgMCA0LjI4NiAwIDIuMTQzIDIuMTQzIDAgMCAwLTQuMjg2IDB6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4wNTg4IC4wNTg4IC4wNzA2KSIvPjwvc3ZnPg==);
  --icon-status-pay-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk2NyA0Mi4xYTEgMSAwIDAgMS0uNzA3LTEuMjI0bDguMjgyLTMwLjkxYTEgMSAwIDAgMSAxLjIyNS0uNzA3TDYwLjMgMjAuMzg4YTEgMSAwIDAgMSAuNzA4IDEuMjI1bC04LjI4MyAzMC45MWExIDEgMCAwIDEtMS4yMjQuNzA2TDkuOTY3IDQyLjF6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC44MjA4IC44Mzc1IC44NzkyKSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA1M2ExIDEgMCAwIDEtMS0xVjIwYTEgMSAwIDAgMSAxLTFoNDNhMSAxIDAgMCAxIDEgMXYzMmExIDEgMCAwIDEtMSAxSDl6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC45MjYyIC45MzA4IC45NTM4KSIvPjxwYXRoIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjA1ODggLjA1ODggLjA3MDYpIiBkPSJNMTQgNDVoMnYyaC0yem01IDBoMnYyaC0yeiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOCAzNXYtOWg0NXY5SDh6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC44NTQ5IC44NjY3IC45MDIpIi8+PHBhdGggZD0iTTQ4IDQwaC03djdoN3YtN3oiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjgxOTYgLjgzNTMgLjg3ODQpIi8+PC9zdmc+);
  --icon-status-pay-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk2NyA0Mi4xYTEgMSAwIDAgMS0uNzA3LTEuMjI0bDguMjgyLTMwLjkxYTEgMSAwIDAgMSAxLjIyNS0uNzA3TDYwLjMgMjAuMzg4YTEgMSAwIDAgMSAuNzA4IDEuMjI1bC04LjI4MyAzMC45MWExIDEgMCAwIDEtMS4yMjQuNzA2TDkuOTY3IDQyLjF6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC44MjA4IC44Mzc1IC44NzkyKSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA1M2ExIDEgMCAwIDEtMS0xVjIwYTEgMSAwIDAgMSAxLTFoNDNhMSAxIDAgMCAxIDEgMXYzMmExIDEgMCAwIDEtMSAxSDl6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC45MjYyIC45MzA4IC45NTM4KSIvPjxwYXRoIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjA1ODggLjA1ODggLjA3MDYpIiBkPSJNMTQgNDVoMnYyaC0yem01IDBoMnYyaC0yeiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOCAzNXYtOWg0NXY5SDh6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC44NTQ5IC44NjY3IC45MDIpIi8+PHBhdGggZD0iTTQ4IDQwaC03djdoN3YtN3oiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjgxOTYgLjgzNTMgLjg3ODQpIi8+PC9zdmc+);
  --icon-status-search-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuODMxNCAuODQ3MSAuODg2MykiIGQ9Ik05IDEzaDQ0djExSDl6Ii8+PHBhdGggZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuOTAxNSAuOTA3NyAuOTM4NSkiIGQ9Ik05IDI2aDExdjI1SDl6bTEzIDBoMzF2MjVIMjJ6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00NS43NSA0OS41ODNhNS44MzMgNS44MzMgMCAxIDAgMC0xMS42NjYgNS44MzMgNS44MzMgMCAwIDAgMCAxMS42NjZ6bTAgMS42NjdhNy41IDcuNSAwIDEgMCAwLTE1IDcuNSA3LjUgMCAwIDAgMCAxNXoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjA1ODggLjA1ODggLjA3MDYpIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01NS4xNiA1NC4zMzlsLTUtNSAxLjE3OS0xLjE3OSA1IDUtMS4xNzkgMS4xNzl6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4wNTg4IC4wNTg4IC4wNzA2KSIvPjwvc3ZnPg==);
  --icon-status-search-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuODMxNCAuODQ3MSAuODg2MykiIGQ9Ik05IDEzaDQ0djExSDl6Ii8+PHBhdGggZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuOTAxNSAuOTA3NyAuOTM4NSkiIGQ9Ik05IDI2aDExdjI1SDl6bTEzIDBoMzF2MjVIMjJ6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00NS43NSA0OS41ODNhNS44MzMgNS44MzMgMCAxIDAgMC0xMS42NjYgNS44MzMgNS44MzMgMCAwIDAgMCAxMS42NjZ6bTAgMS42NjdhNy41IDcuNSAwIDEgMCAwLTE1IDcuNSA3LjUgMCAwIDAgMCAxNXoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjA1ODggLjA1ODggLjA3MDYpIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01NS4xNiA1NC4zMzlsLTUtNSAxLjE3OS0xLjE3OSA1IDUtMS4xNzkgMS4xNzl6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4wNTg4IC4wNTg4IC4wNzA2KSIvPjwvc3ZnPg==);
  --icon-status-upload-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ3LjQ4NiAyNS41ODZhMS4yMiAxLjIyIDAgMCAxLS44OTQtLjkzIDE2LjA2IDE2LjA2IDAgMCAwLTUuMjUzLTguOTEzIDE1Ljg2NyAxNS44NjcgMCAwIDAtMTAuMzQtMy44MzdjLTMuNzkgMC03LjQ1NSAxLjM2LTEwLjMzOCAzLjgzN2ExNi4wNiAxNi4wNiAwIDAgMC01LjI1MyA4LjkxMyAxLjIyIDEuMjIgMCAwIDEtLjg5NS45MyAxMy4yNzEgMTMuMjcxIDAgMCAwLTcuMzU3IDQuOTM1IDEzLjQzIDEzLjQzIDAgMCAwIDEuNjY4IDE3Ljg5IDEzLjIyNiAxMy4yMjYgMCAwIDAgOC45MTQgMy40OTVINDQuMjg3YTEzLjIyNyAxMy4yMjcgMCAwIDAgOC45MDMtMy41MDkgMTMuNDMgMTMuNDMgMCAwIDAgMS42NDktMTcuODgyIDEzLjI3IDEzLjI3IDAgMCAwLTcuMzU0LTQuOTN6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC44ODI0IC44OTAyIC45MTc2KSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjcuMjQyIDQ2LjgxM1YzNy41aC02LjM4N2wxMC42NDYtMTMuNzNMNDIuMTQ1IDM3LjVoLTYuMzg3djkuMzEzaC04LjUxNnptOC41MTYgMS4wNTVoLTguNTE2djQuMDM4aDguNTE2di00LjAzOHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNOC41IDEzbC40NDIgMS4xOTVhNCA0IDAgMCAwIDIuMzYzIDIuMzYzTDEyLjUgMTdsLTEuMTk1LjQ0MmE0IDQgMCAwIDAtMi4zNjMgMi4zNjNMOC41IDIxbC0uNDQyLTEuMTk1YTQgNCAwIDAgMC0yLjM2My0yLjM2M0w0LjUgMTdsMS4xOTUtLjQ0MmE0IDQgMCAwIDAgMi4zNjMtMi4zNjNMOC41IDEzeiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  --icon-status-upload-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ3LjQ4NiAyNS41ODZhMS4yMiAxLjIyIDAgMCAxLS44OTQtLjkzIDE2LjA2IDE2LjA2IDAgMCAwLTUuMjUzLTguOTEzIDE1Ljg2NyAxNS44NjcgMCAwIDAtMTAuMzQtMy44MzdjLTMuNzkgMC03LjQ1NSAxLjM2LTEwLjMzOCAzLjgzN2ExNi4wNiAxNi4wNiAwIDAgMC01LjI1MyA4LjkxMyAxLjIyIDEuMjIgMCAwIDEtLjg5NS45MyAxMy4yNzEgMTMuMjcxIDAgMCAwLTcuMzU3IDQuOTM1IDEzLjQzIDEzLjQzIDAgMCAwIDEuNjY4IDE3Ljg5IDEzLjIyNiAxMy4yMjYgMCAwIDAgOC45MTQgMy40OTVINDQuMjg3YTEzLjIyNyAxMy4yMjcgMCAwIDAgOC45MDMtMy41MDkgMTMuNDMgMTMuNDMgMCAwIDAgMS42NDktMTcuODgyIDEzLjI3IDEzLjI3IDAgMCAwLTcuMzU0LTQuOTN6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC44ODI0IC44OTAyIC45MTc2KSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjcuMjQyIDQ2LjgxM1YzNy41aC02LjM4N2wxMC42NDYtMTMuNzNMNDIuMTQ1IDM3LjVoLTYuMzg3djkuMzEzaC04LjUxNnptOC41MTYgMS4wNTVoLTguNTE2djQuMDM4aDguNTE2di00LjAzOHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNOC41IDEzbC40NDIgMS4xOTVhNCA0IDAgMCAwIDIuMzYzIDIuMzYzTDEyLjUgMTdsLTEuMTk1LjQ0MmE0IDQgMCAwIDAtMi4zNjMgMi4zNjNMOC41IDIxbC0uNDQyLTEuMTk1YTQgNCAwIDAgMC0yLjM2My0yLjM2M0w0LjUgMTdsMS4xOTUtLjQ0MmE0IDQgMCAwIDAgMi4zNjMtMi4zNjNMOC41IDEzeiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  --icon-status-error-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC4yMSAxNC44MDZMOC4yOSAxNi4yMjZhMS4wNjcgMS4wNjcgMCAwIDAtLjk4OCAxLjE0MmwyLjM1NSAzMy4wMDhjLjA0Mi41ODkuNTUyIDEuMDMxIDEuMTQuOTlsMTMuOTc1LS45OTggOS4xMjQtMTQuMDk2LTExLjg2OC03Ljk5NCA2LjE4LTEzLjQ3MnoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjkxMzggLjkxOTIgLjk0NjIpIi8+PHBhdGggZD0iTTcuMjkzIDE3LjM2N2ExIDEgMCAwIDEgLjkyNC0xLjA3NGwxOS45ODYtMS40NS0yLjgyNyA2LjA5LTE3LjcwMiAxLjM4LS4zODEtNC45NDZ6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC44NDQ3IC44NTkyIC44OTUzKSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjUuMTc4IDUwLjI3MmwyNS4zMjUuNjE2YTEuMDY4IDEuMDY4IDAgMCAwIDEuMDkzLTEuMDQybC44MDQtMzMuMDgzYTEuMDY4IDEuMDY4IDAgMCAwLTEuMDQxLTEuMDkzbC0xNS4yNjUtLjM3LTkuMjQzIDEyLjU0IDExLjM5NiA4LjA5LTEzLjA2OSAxNC4zNDJ6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC45MTM4IC45MTkyIC45NDYyKSIvPjxwYXRoIGQ9Ik0zNi4xMiAxNS4zMTJsMTUuMzE2LjM2N2ExIDEgMCAwIDEgLjk3NSAxLjAyN2wtLjEzNyA0LjkxNy0yMC4zOC0uNjYzIDQuMjI2LTUuNjQ4eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuODQ0NyAuODU5MiAuODk1MykiLz48Y2lyY2xlIGN4PSI0OS41IiBjeT0iNDciIHI9IjciIGZpbGw9IiMwMDAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUwLjIwNyA1MC44MjRoLTEuNDEydi0xLjQxMWgxLjQxMnYxLjQxMXpNNTAuNSA0M2wtLjIzOCA1LjA1MWgtMS41MjRMNDguNSA0M2gyeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0zNC40NDQgNy4yMDhsLTEuMjQ4IDUuNzI4Yy0uMDYzLjI4OC4zMzEuNDM1LjQ3My4xNzdsMi43ODctNS4wOTVhLjI1NS4yNTUgMCAwIDAtLjEyNy0uMzU4bC0xLjUzOC0uNjM0YS4yNTUuMjU1IDAgMCAwLS4zNDcuMTgyem0tNy44MzIgMi41NTZsMi42MTggMy4zM2MuMTc4LjIyNy41MzcuMDMuNDQtLjI0MmwtMS4zODctMy45NDVhLjI1NS4yNTUgMCAwIDAtLjM1NS0uMTQ0bC0xLjIzLjYxNWEuMjU1LjI1NSAwIDAgMC0uMDg2LjM4NnoiIGZpbGw9IiMwMDAiLz48L3N2Zz4=);
  --icon-status-error-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC4yMSAxNC44MDZMOC4yOSAxNi4yMjZhMS4wNjcgMS4wNjcgMCAwIDAtLjk4OCAxLjE0MmwyLjM1NSAzMy4wMDhjLjA0Mi41ODkuNTUyIDEuMDMxIDEuMTQuOTlsMTMuOTc1LS45OTggOS4xMjQtMTQuMDk2LTExLjg2OC03Ljk5NCA2LjE4LTEzLjQ3MnoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjkxMzggLjkxOTIgLjk0NjIpIi8+PHBhdGggZD0iTTcuMjkzIDE3LjM2N2ExIDEgMCAwIDEgLjkyNC0xLjA3NGwxOS45ODYtMS40NS0yLjgyNyA2LjA5LTE3LjcwMiAxLjM4LS4zODEtNC45NDZ6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC44NDQ3IC44NTkyIC44OTUzKSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjUuMTc4IDUwLjI3MmwyNS4zMjUuNjE2YTEuMDY4IDEuMDY4IDAgMCAwIDEuMDkzLTEuMDQybC44MDQtMzMuMDgzYTEuMDY4IDEuMDY4IDAgMCAwLTEuMDQxLTEuMDkzbC0xNS4yNjUtLjM3LTkuMjQzIDEyLjU0IDExLjM5NiA4LjA5LTEzLjA2OSAxNC4zNDJ6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC45MTM4IC45MTkyIC45NDYyKSIvPjxwYXRoIGQ9Ik0zNi4xMiAxNS4zMTJsMTUuMzE2LjM2N2ExIDEgMCAwIDEgLjk3NSAxLjAyN2wtLjEzNyA0LjkxNy0yMC4zOC0uNjYzIDQuMjI2LTUuNjQ4eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuODQ0NyAuODU5MiAuODk1MykiLz48Y2lyY2xlIGN4PSI0OS41IiBjeT0iNDciIHI9IjciIGZpbGw9IiMwMDAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUwLjIwNyA1MC44MjRoLTEuNDEydi0xLjQxMWgxLjQxMnYxLjQxMXpNNTAuNSA0M2wtLjIzOCA1LjA1MWgtMS41MjRMNDguNSA0M2gyeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0zNC40NDQgNy4yMDhsLTEuMjQ4IDUuNzI4Yy0uMDYzLjI4OC4zMzEuNDM1LjQ3My4xNzdsMi43ODctNS4wOTVhLjI1NS4yNTUgMCAwIDAtLjEyNy0uMzU4bC0xLjUzOC0uNjM0YS4yNTUuMjU1IDAgMCAwLS4zNDcuMTgyem0tNy44MzIgMi41NTZsMi42MTggMy4zM2MuMTc4LjIyNy41MzcuMDMuNDQtLjI0MmwtMS4zODctMy45NDVhLjI1NS4yNTUgMCAwIDAtLjM1NS0uMTQ0bC0xLjIzLjYxNWEuMjU1LjI1NSAwIDAgMC0uMDg2LjM4NnoiIGZpbGw9IiMwMDAiLz48L3N2Zz4=);
  --icon-status-positive-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iMTAiIHk9IjEwLjkwNiIgd2lkdGg9IjM4IiBoZWlnaHQ9IjQwIiByeD0iMSIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuOTEzOCAuOTE5MiAuOTQ2MikiLz48cGF0aCBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC44MDg5IC44MjY3IC44NzExKSIgZD0iTTE3IDIwLjkwNmgyNHY0SDE3em0wIDZoMTJ2NEgxN3oiLz48cGF0aCBkPSJNNTMuNSA2LjkwNmwuMzMyLjg5NmEzIDMgMCAwIDAgMS43NzIgMS43NzNsLjg5Ni4zMzEtLjg5Ni4zMzJhMyAzIDAgMCAwLTEuNzcyIDEuNzcybC0uMzMyLjg5Ni0uMzMyLS44OTZhMyAzIDAgMCAwLTEuNzcyLTEuNzcybC0uODk2LS4zMzIuODk2LS4zMzFhMyAzIDAgMCAwIDEuNzcyLTEuNzczbC4zMzItLjg5NnoiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNNDUuNSAzMS4zMTNsNC4wNjEgNC4xOTUgNS44MzktLjA5NS0uMDk2IDUuODM5IDQuMTk2IDQuMDYtNC4xOTYgNC4wNjIuMDk2IDUuODM4LTUuODM5LS4wOTUtNC4wNjEgNC4xOTYtNC4wNjEtNC4xOTYtNS44MzkuMDk1LjA5Ni01LjgzOS00LjE5Ni00LjA2IDQuMTk2LTQuMDYyLS4wOTYtNS44MzggNS44MzkuMDk1IDQuMDYxLTQuMTk2eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuODA5IC44MjQ1IC44NzEpIi8+PHBhdGggZD0iTTQxLjUgNDQuMDUxbDMuMjE2IDMuMDY1IDUuNDY3LTUuMjEiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjY3OSIvPjwvc3ZnPg==);
  --icon-status-positive-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iMTAiIHk9IjEwLjkwNiIgd2lkdGg9IjM4IiBoZWlnaHQ9IjQwIiByeD0iMSIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuOTEzOCAuOTE5MiAuOTQ2MikiLz48cGF0aCBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC44MDg5IC44MjY3IC44NzExKSIgZD0iTTE3IDIwLjkwNmgyNHY0SDE3em0wIDZoMTJ2NEgxN3oiLz48cGF0aCBkPSJNNTMuNSA2LjkwNmwuMzMyLjg5NmEzIDMgMCAwIDAgMS43NzIgMS43NzNsLjg5Ni4zMzEtLjg5Ni4zMzJhMyAzIDAgMCAwLTEuNzcyIDEuNzcybC0uMzMyLjg5Ni0uMzMyLS44OTZhMyAzIDAgMCAwLTEuNzcyLTEuNzcybC0uODk2LS4zMzIuODk2LS4zMzFhMyAzIDAgMCAwIDEuNzcyLTEuNzczbC4zMzItLjg5NnoiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNNDUuNSAzMS4zMTNsNC4wNjEgNC4xOTUgNS44MzktLjA5NS0uMDk2IDUuODM5IDQuMTk2IDQuMDYtNC4xOTYgNC4wNjIuMDk2IDUuODM4LTUuODM5LS4wOTUtNC4wNjEgNC4xOTYtNC4wNjEtNC4xOTYtNS44MzkuMDk1LjA5Ni01LjgzOS00LjE5Ni00LjA2IDQuMTk2LTQuMDYyLS4wOTYtNS44MzggNS44MzkuMDk1IDQuMDYxLTQuMTk2eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuODA5IC44MjQ1IC44NzEpIi8+PHBhdGggZD0iTTQxLjUgNDQuMDUxbDMuMjE2IDMuMDY1IDUuNDY3LTUuMjEiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjY3OSIvPjwvc3ZnPg==);
  --button-color-bg-solid-default-brand: var(--tea-color-bg-brand-default);
  --button-color-bg-solid-hover-brand: var(--tea-color-bg-brand-hover);
  --button-color-bg-solid-active-brand: var(--tea-color-bg-brand-active);
  --button-color-bg-solid-focus-brand: var(--tea-color-bg-brand-focus);
  --button-color-bg-solid-disabled-brand: var(--tea-color-bg-brand-disabled);
  --button-color-border-solid-default-brand: var(--tea-color-border-on-bg-brand-default);
  --button-color-border-solid-hover-brand: var(--tea-color-border-on-bg-brand-hover);
  --button-color-border-solid-active-brand: var(--tea-color-border-on-bg-brand-active);
  --button-color-border-solid-focus-brand: var(--tea-color-border-on-bg-brand-focus);
  --button-color-border-solid-disabled-brand: var(--tea-color-border-on-bg-brand-disabled);
  --button-color-text-solid-default-brand: var(--tea-color-text-on-bg-brand-default);
  --button-color-text-solid-hover-brand: var(--tea-color-text-on-bg-brand-default);
  --button-color-text-solid-active-brand: var(--tea-color-text-on-bg-brand-default);
  --button-color-text-solid-focus-brand: var(--tea-color-text-on-bg-brand-default);
  --button-color-text-solid-disabled-brand: var(--tea-color-text-on-bg-brand-disabled);
  --button-color-bg-solid-default-warning: var(--tea-color-bg-warning-default);
  --button-color-bg-solid-hover-warning: var(--tea-color-bg-warning-hover);
  --button-color-bg-solid-active-warning: var(--tea-color-bg-warning-active);
  --button-color-bg-solid-focus-warning: var(--tea-color-bg-warning-focus);
  --button-color-bg-solid-disabled-warning: var(--tea-color-bg-warning-disabled);
  --button-color-border-solid-default-warning: var(--tea-color-border-on-bg-warning-default);
  --button-color-border-solid-hover-warning: var(--tea-color-border-on-bg-warning-hover);
  --button-color-border-solid-active-warning: var(--tea-color-border-on-bg-warning-active);
  --button-color-border-solid-focus-warning: var(--tea-color-border-on-bg-warning-focus);
  --button-color-border-solid-disabled-warning: var(--tea-color-border-on-bg-warning-disabled);
  --button-color-text-solid-default-warning: var(--tea-color-text-on-bg-warning-default);
  --button-color-text-solid-hover-warning: var(--tea-color-text-on-bg-warning-default);
  --button-color-text-solid-active-warning: var(--tea-color-text-on-bg-warning-default);
  --button-color-text-solid-focus-warning: var(--tea-color-text-on-bg-warning-default);
  --button-color-text-solid-disabled-warning: var(--tea-color-text-on-bg-warning-disabled);
  --button-color-bg-solid-default-error: var(--tea-color-bg-error-default);
  --button-color-bg-solid-hover-error: var(--tea-color-bg-error-hover);
  --button-color-bg-solid-active-error: var(--tea-color-bg-error-active);
  --button-color-bg-solid-focus-error: var(--tea-color-bg-error-focus);
  --button-color-bg-solid-disabled-error: var(--tea-color-bg-error-disabled);
  --button-color-border-solid-default-error: var(--tea-color-border-on-bg-error-default);
  --button-color-border-solid-hover-error: var(--tea-color-border-on-bg-error-hover);
  --button-color-border-solid-active-error: var(--tea-color-border-on-bg-error-active);
  --button-color-border-solid-focus-error: var(--tea-color-border-on-bg-error-focus);
  --button-color-border-solid-disabled-error: var(--tea-color-border-on-bg-error-disabled);
  --button-color-text-solid-default-error: var(--tea-color-text-on-bg-error-default);
  --button-color-text-solid-hover-error: var(--tea-color-text-on-bg-error-default);
  --button-color-text-solid-active-error: var(--tea-color-text-on-bg-error-default);
  --button-color-text-solid-focus-error: var(--tea-color-text-on-bg-error-default);
  --button-color-text-solid-disabled-error: var(--tea-color-text-on-bg-error-disabled);
  --button-color-bg-outline-default-neutral: var(--tea-color-bg-primary-default);
  --button-color-bg-outline-hover-neutral: var(--tea-color-bg-primary-hover);
  --button-color-bg-outline-active-neutral: var(--tea-color-bg-primary-active);
  --button-color-bg-outline-focus-neutral: var(--tea-color-bg-primary-default);
  --button-color-bg-outline-disabled-neutral: var(--tea-color-bg-primary-default);
  --button-color-border-outline-default-neutral: var(--tea-color-border-primary-default);
  --button-color-border-outline-hover-neutral: var(--tea-color-border-primary-default);
  --button-color-border-outline-active-neutral: var(--tea-color-border-primary-default);
  --button-color-border-outline-focus-neutral: var(--tea-color-border-primary-default);
  --button-color-border-outline-disabled-neutral: var(--tea-color-border-primary-disabled);
  --button-color-text-outline-default-neutral: var(--tea-color-text-primary);
  --button-color-text-outline-hover-neutral: var(--tea-color-text-primary);
  --button-color-text-outline-active-neutral: var(--tea-color-text-primary);
  --button-color-text-outline-focus-neutral: var(--tea-color-text-primary);
  --button-color-text-outline-disabled-neutral: var(--tea-color-text-disabled);
  --button-size-height-sm: 24px;
  --button-size-height-md: var(--tea-form-height-default);
  --button-size-height-lg: 40px;
  --button-font-size-sm: var(--tea-font-size-default);
  --button-font-size-md: var(--tea-font-size-default);
  --button-font-size-lg: var(--tea-font-size-350);
  --button-shadow-outlined-neutral: 0px 2px 0px 0px hsla(0, 0%, 73.3%, 0.05);
  --button-shadow-solid-brand: 0px 2px 0px 0px rgba(var(--tea-color-palette-blue-rgb), 0.05);
  --button-shadow-solid-error: 0px 2px 0px 0px rgba(var(--tea-color-palette-red-rgb), 0.05);
  --button-shadow-solid-warning: 0px 2px 0px 0px rgba(var(--tea-color-palette-orange-rgb), 0.05);
  --button-color-bg-solid-default-neutral: var(--tea-color-palette-gray-14);
  --button-color-bg-solid-hover-neutral: var(--tea-color-palette-gray-11);
  --button-color-bg-solid-active-neutral: var(--tea-color-palette-gray-14);
  --button-color-bg-solid-focus-neutral: var(--tea-color-palette-gray-11);
  --button-color-bg-solid-disabled-neutral: var(--tea-color-palette-gray-11);
  --button-color-text-solid-default-neutral: var(--tea-color-text-on-bg-inverse-default);
  --button-color-text-solid-hover-neutral: var(--tea-color-text-on-bg-inverse-default);
  --button-color-text-solid-active-neutral: var(--tea-color-text-on-bg-inverse-default);
  --button-color-text-solid-focus-neutral: var(--tea-color-text-on-bg-inverse-default);
  --button-color-text-solid-disabled-neutral: var(--tea-color-text-on-bg-inverse-disabled, var(--tea-color-palette-white-70));
  --tag-font-size: var(--tea-font-size-default);
  --tag-line-height: 18px;
  --tag-group-gap: 4px;
  --tag-border-radius: calc((var(--tag-line-height) + 2px)/2);
  --tag-icon-dismiss-right: calc(var(--tea-space-100)*2 - 1px);
  --tag-padding: 0 7px 0 7px;
  --tag-edit-padding: 0 25px 0 10px;
  --tag-color-border-default: var(--tea-color-border-tertiary-default);
  --tag-color-border-brand: var(--tea-color-border-on-bg-brand-lighten-default);
  --tag-color-border-success: var(--tea-color-border-on-bg-success-lighten-default);
  --tag-color-border-warning: var(--tea-color-border-on-bg-warning-lighten-default);
  --tag-color-border-error: var(--tea-color-border-on-bg-error-lighten-default);
  --tag-color-text-default: var(--tea-color-text-tertiary);
  --tag-color-text-hightlight: var(--tea-color-text-on-bg-inverse-default);
  --tag-color-text-brand: var(--tea-color-text-on-bg-brand-lighten-default);
  --tag-color-text-success: var(--tea-color-text-on-bg-success-lighten-default);
  --tag-color-text-warning: var(--tea-color-text-on-bg-warning-lighten-default);
  --tag-color-text-error: var(--tea-color-text-on-bg-error-lighten-default);
  --tag-color-bg-bright-default: var(--tea-color-bg-tertiary-default);
  --tag-color-bg-bright-brand: var(--tea-color-bg-brand-lighten-default);
  --tag-color-bg-bright-success: var(--tea-color-bg-success-lighten-default);
  --tag-color-bg-bright-warning: var(--tea-color-bg-warning-lighten-default);
  --tag-color-bg-bright-error: var(--tea-color-bg-error-lighten-default);
  --tag-color-bg-darkness-default: var(--tea-color-bg-inverse-default);
  --tag-color-bg-darkness-brand: var(--tea-color-bg-brand-default);
  --tag-color-bg-darkness-success: var(--tea-color-bg-success-default);
  --tag-color-bg-darkness-warning: var(--tea-color-bg-warning-default);
  --tag-color-bg-darkness-error: var(--tea-color-bg-error-default);
  --tag-input-color-bg: var(--tea-form-color-bg-primary-default);
  --tag-input-color-border: var(--tea-color-border-primary-default);
  --list-item-color-bg-selected: var(--tea-color-bg-brand-default);
  --list-item-color-text-selected: var(--tea-color-text-on-bg-brand-default);
  --range-datepicker-container-width-format-1: 220px;
  --range-datepicker-container-width-format-2: 325px;
  --range-datepicker-container-width-format-3: 360px;
  --range-datepicker-cell-in-range-color-bg-default: var(--tea-color-bg-brand-lighten-default);
  --switch-dot-color-bg: var(--tea-color-bg-primary-default);
  --switch-color-bg-default: var(--tea-color-palette-bluegray-4);
  --switch-color-bg-hover: var(--tea-color-palette-bluegray-5);
  --switch-color-bg-disabled: var(--tea-color-palette-bluegray-4);
  --bubbles-font-size: var(--tea-font-size-default);
  --bubbles-border-radius: var(--tea-border-radius-default);
  --bubbles-width-max: 300px;
  --bubbles-triangle-width: 6px;
  --bubbles-border-width: 1px;
  --bubbles-color-bg-inverse: var(--tea-color-bg-inverse-default);
  --bubbles-color-bg-default: var(--tea-color-bg-primary-default);
  --bubbles-color-bg-error: var(--tea-color-bg-error-lighten-default);
  --bubbles-color-text-inverse: var(--tea-color-text-on-bg-inverse-default);
  --bubbles-color-text-default: var(--tea-color-text-primary);
  --bubbles-color-text-error: var(--tea-color-text-on-bg-error-lighten-default);
  --bubbles-color-border-inverse: var(--tea-color-bg-inverse-default);
  --bubbles-color-border-default: var(--tea-color-bg-primary-default);
  --bubbles-color-border-error: var(--tea-color-bg-error-lighten-default);
  --card-color-bg: var(--tea-color-bg-primary-default);
  --card-box-shadow-default: var(--tea-shadow-xs);
  --card-box-shadow-hover: var(--tea-shadow-sm);
  --card-size-border-default: 0px;
  --card-color-border-default: var(--card-color-bg);
  --card-bordered-color-border-default: var(--tea-color-border-primary-default);
  --card-color-text: var(--tea-color-text-primary);
  --card-color-text-maintitle: var(--tea-color-text-primary);
  --card-color-text-subtitle: var(--tea-color-text-tertiary);
  --card-border-radius: var(--tea-border-radius-default);
  --card-color-borde-inner: var(--tea-color-border-secondary-default);
  --card-title-margin-bottom: 18px;
  --card-multiple-margin-top: 20px;
  --card-font-size: var(--tea-font-size-default);
  --card-body-title-font-size: var(--tea-font-size-400);
  --card-body-padding: 24px 32px;
  --card-header-padding: 20px 32px;
  --dropdown-color-bg: var(--tea-form-color-bg-primary-default);
  --tooltips-border-radius: var(--tea-border-radius-default);
  --tooltips-color-bg-default: var(--tea-color-bg-inverse-default);
  --tooltips-color-border-default: var(--tea-color-bg-inverse-default);
  --tooltips-color-text-default: var(--tea-color-text-on-bg-inverse-default);
  --tooltips-color-bg-inverse: var(--tea-color-bg-primary-default);
  --tooltips-color-border-inverse: var(--tea-color-bg-primary-default);
  --tooltips-color-text-inverse: var(--tea-color-text-primary);
  --rate-color-bg-default: var(--tea-color-palette-bluegray-4);
  --alert-nav-color-bg: var(--tea-color-bg-primary-default);
  --alert-primary-color-bg: var(--tea-color-bg-brand-lighten-default);
  --alert-primary-color-border: var(--tea-color-bg-brand-lighten-default);
  --alert-primary-color-text: var(--tea-color-text-on-bg-brand-lighten-default);
  --alert-primary-color-icon: var(--tea-color-text-on-bg-brand-lighten-default);
  --alert-error-color-bg: var(--tea-color-bg-error-lighten-default);
  --alert-error-color-border: var(--tea-color-bg-error-lighten-default);
  --alert-error-color-text: var(--tea-color-text-on-bg-error-lighten-default);
  --alert-error-color-icon: var(--tea-color-text-on-bg-error-lighten-default);
  --alert-warning-color-bg: var(--tea-color-bg-warning-lighten-default);
  --alert-warning-color-border: var(--tea-color-bg-warning-lighten-default);
  --alert-warning-color-text: var(--tea-color-text-on-bg-warning-lighten-default);
  --alert-warning-color-icon: var(--tea-color-text-on-bg-warning-lighten-default);
  --alert-success-color-bg: var(--tea-color-bg-success-lighten-default);
  --alert-success-color-border: var(--tea-color-bg-success-lighten-default);
  --alert-success-color-text: var(--tea-color-text-on-bg-success-lighten-default);
  --alert-success-color-icon: var(--tea-color-text-on-bg-success-lighten-default);
  --alert-notice-color-bg: var(--tea-color-bg-primary-default);
  --alert-notice-color-bg-icon: var(--tea-color-palette-gray-1);
  --alert-notice-color-text: var(--tea-color-text-primary);
  --alert-notice-color-border: var(--tea-color-bg-primary-default);
  --segment-button-color-bg-default: var(--tea-form-color-bg-primary-default);
  --segment-button-color-bg-hover: var(--tea-form-color-bg-primary-hover);
  --segment-button-color-bg-selected: var(--tea-form-color-bg-primary-default);
  --segment-button-color-bg-disabled: var(--tea-form-color-bg-primary-disabled);
  --segment-button-color-border-default: var(--tea-color-border-primary-default);
  --segment-button-color-border-hover: var(--tea-color-border-primary-default);
  --segment-button-color-border-selected: var(--tea-color-border-brand-default);
  --segment-button-color-border-disabled: var(--tea-color-border-primary-default);
  --segment-button-color-text-default: var(--tea-color-text-primary);
  --segment-button-color-text-hover: var(--tea-color-text-primary);
  --segment-button-color-text-selected: var(--tea-color-text-brand-default);
  --segment-button-color-text-disabled: var(--tea-color-text-disabled);
  --step-num-color-bg-default: var(--tea-color-bg-brand-default);
  --step-num-color-bg-disabled: var(--tea-form-color-bg-primary-default);
  --step-num-color-border-default: var(--tea-color-border-on-bg-brand-default);
  --step-num-color-border-disabled: var(--tea-color-border-primary-default);
  --step-num-color-text-default: var(--tea-color-text-on-bg-brand-default);
  --step-num-color-text-disabled: var(--tea-color-text-disabled);
  --step-arrow-color-bg-default: var(--tea-color-border-primary-default);
  --step-num-color-bg-default-process: var(--tea-color-bg-brand-lighten-default);
  --step-num-color-bg-disabled-process: var(--tea-form-color-bg-primary-default);
  --step-num-color-border-default-process: var(--tea-color-bg-brand-lighten-default);
  --step-num-color-border-disabled-process: var(--tea-color-border-primary-default);
  --step-num-color-text-default-process: var(--tea-color-text-on-bg-brand-lighten-default);
  --step-num-color-text-disabled-process: var(--tea-color-text-on-bg-brand-lighten-default);
  --step-arrow-color-bg-default-process: var(--tea-color-border-primary-default);
  --tabs-color-text-default: var(--tea-color-text-secondary);
  --tabs-color-text-active: var(--tea-color-text-primary);
  --tabs-color-text-disabled: var(--tea-color-text-disabled);
  --tabs-color-border-default: var(--tea-color-border-primary-default);
  --tabs-color-border-active: var(--tea-color-border-brand-default);
  --tabs-height-default: var(--tea-form-height-default);
  --tabs-animation: 0.15s ease-in-out,width 0.15s ease-in-out,height 0.15s ease-in-out;
  --tabs-space-horizontal-outer: 16px;
  --tabs-item-color-bg-segment-default: var(--tea-color-bg-tertiary-default);
  --tabs-item-color-bg-segment-hover: var(--tea-color-bg-tertiary-default);
  --tabs-item-color-bg-segment-active: var(--tea-color-bg-primary-default);
  --table-color-bg-primary-default: var(--tea-color-bg-primary-default);
  --table-color-border-primary-default: var(--tea-color-border-primary-default);
  --table-color-border-secondary-default: var(--tea-color-border-secondary-default);
  --table-header-color-bg-primary-default: var(--tea-color-bg-primary-default);
  --table-header-color-bg-gray-default: var(--tea-color-bg-primary-lighten);
  --table-header-color-text-default: var(--tea-color-text-secondary);
  --table-header-font-weight: var(--tea-font-weight-medium);
  --table-cell-color-bg-hover: var(--tea-color-bg-primary-hover);
  --table-color-bg-primary-hover: var(--tea-color-bg-primary-hover);
  --table-color-bg-secondary-default: var(--tea-color-bg-secondary-default);
  --table-fake-bar-color-bg-default: var(--tea-color-palette-black-10);
  --table-fake-bar-color-bg-hover: var(--tea-color-palette-black-20);
  --table-nesting-color-bg-default: var(--tea-color-bg-primary-lighten);
  --table-cell-space-horizontal-md: 10px;
  --table-cell-space-horizontal-sm: 10px;
  --table-cell-space-vertical-md: 16px;
  --table-cell-space-vertical-sm: 12px;
  --table-action-panel-space-vertical: 16px;
  --table-color-mask-default: var(--tea-color-palette-white-80);
  --table-animation-duration: 0.1s;
  --menu-padding-both-sides: 16px;
  --menu-bg: var(--tea-color-bg-primary-default);
  --menu-border: var(--tea-color-border-secondary-default);
  --menu-text-default: var(--tea-color-text-primary);
  --ment-text-secondary: var(--tea-color-text-secondary);
  --menu-text-label: var(--tea-color-text-tertiary);
  --menu-item-bg-hover: var(--tea-color-bg-primary-hover);
  --menu-item-text-hover: var(--tea-color-text-primary);
  --menu-item-bg-active: var(--tea-color-bg-brand-default);
  --menu-item-text-active: var(--tea-color-text-on-bg-brand-default);
  --menu-badge-bg-default: var(--tea-color-bg-secondary-hover);
  --menu-badge-text-default: var(--tea-color-text-tertiary);
  --menu-icon-color: var(--tea-color-text-tertiary);
  --menu-icon-color-active: var(--tea-color-text-on-bg-brand-default);
  --menu-icon-jump-color-text: var(--tea-color-text-brand-default);
  --menu-icon-back-color-text: var(--tea-color-text-brand-default);
  --blank-color-bg: #f5f8fb;
  --notification-size-width-max: 368px;
}
@media (max-width: 1024px) {
  .app-tcmpp-theme-light,
  :root,
  [theme-mode=light] {
    --card-body-padding: 16px;
    --card-header-padding: 16px;
  }
}
.app-tcmpp-theme-dark,
[theme-mode=dark] {
  color-scheme: dark;
  --tea-color-text-link-default: var(--tea-color-palette-blue-8);
  --tea-color-text-link-hover: var(--tea-color-palette-blue-9);
  --tea-color-text-link-active: var(--tea-color-palette-blue-9);
  --tea-color-text-link-focus: var(--tea-color-palette-blue-5);
  --tea-color-text-link-disabled: var(--tea-color-palette-blue-3);
  --tea-color-text-solid: var(--tea-color-palette-white-100);
  --tea-color-text-primary: var(--tea-color-palette-white-90);
  --tea-color-text-secondary: var(--tea-color-palette-white-70);
  --tea-color-text-tertiary: var(--tea-color-palette-white-50);
  --tea-color-text-disabled: var(--tea-color-palette-white-35);
  --tea-color-text-paragraph: var(--tea-color-palette-white-80);
  --tea-color-text-brand-default: var(--tea-color-palette-blue-8);
  --tea-color-text-brand-hover: var(--tea-color-palette-blue-5);
  --tea-color-text-brand-active: var(--tea-color-palette-blue-9);
  --tea-color-text-brand-focus: var(--tea-color-palette-blue-5);
  --tea-color-text-brand-disabled: var(--tea-color-palette-blue-3);
  --tea-color-text-warning-default: var(--tea-color-palette-orange-6);
  --tea-color-text-warning-hover: var(--tea-color-palette-orange-5);
  --tea-color-text-warning-active: var(--tea-color-palette-orange-9);
  --tea-color-text-warning-focus: var(--tea-color-palette-orange-5);
  --tea-color-text-warning-disabled: var(--tea-color-palette-orange-3);
  --tea-color-text-success-default: var(--tea-color-palette-green-6);
  --tea-color-text-success-hover: var(--tea-color-palette-green-5);
  --tea-color-text-success-active: var(--tea-color-palette-green-9);
  --tea-color-text-success-focus: var(--tea-color-palette-green-5);
  --tea-color-text-success-disabled: var(--tea-color-palette-green-3);
  --tea-color-text-error-default: var(--tea-color-palette-red-6);
  --tea-color-text-error-hover: var(--tea-color-palette-red-5);
  --tea-color-text-error-active: var(--tea-color-palette-red-9);
  --tea-color-text-error-focus: var(--tea-color-palette-red-5);
  --tea-color-text-error-disabled: var(--tea-color-palette-red-3);
  --tea-color-text-on-bg-brand-default: var(--tea-color-palette-white-90);
  --tea-color-text-on-bg-brand-disabled: var(--tea-color-palette-white-35);
  --tea-color-text-on-bg-brand-lighten-default: var(--tea-color-palette-blue-9);
  --tea-color-text-on-bg-warning-default: var(--tea-color-palette-white-90);
  --tea-color-text-on-bg-warning-disabled: var(--tea-color-palette-white-35);
  --tea-color-text-on-bg-warning-lighten-default: var(--tea-color-palette-orange-9);
  --tea-color-text-on-bg-success-default: var(--tea-color-palette-white-90);
  --tea-color-text-on-bg-success-disabled: var(--tea-color-palette-white-35);
  --tea-color-text-on-bg-success-lighten-default: var(--tea-color-palette-green-9);
  --tea-color-text-on-bg-error-default: var(--tea-color-palette-white-90);
  --tea-color-text-on-bg-error-disabled: var(--tea-color-palette-white-35);
  --tea-color-text-on-bg-error-lighten-default: var(--tea-color-palette-red-8);
  --tea-color-text-on-bg-inverse-default: var(--tea-color-palette-black-90);
  --tea-color-text-on-bg-amber-default: var(--tea-color-palette-white-90);
  --tea-color-text-on-bg-yellow-default: var(--tea-color-palette-white-90);
  --tea-color-text-on-bg-amber-lighten-default: var(--tea-color-palette-amber-9);
  --tea-color-text-on-bg-yellow-lighten-default: var(--tea-color-palette-yellow-8);
  --tea-color-palette-white-0: hsla(0, 0%, 100%, 0);
  --tea-color-palette-white-5: hsla(0, 0%, 100%, 0.05);
  --tea-color-palette-white-10: hsla(0, 0%, 100%, 0.1);
  --tea-color-palette-white-15: hsla(0, 0%, 100%, 0.15);
  --tea-color-palette-white-20: hsla(0, 0%, 100%, 0.2);
  --tea-color-palette-white-25: hsla(0, 0%, 100%, 0.25);
  --tea-color-palette-white-30: hsla(0, 0%, 100%, 0.3);
  --tea-color-palette-white-35: hsla(0, 0%, 100%, 0.35);
  --tea-color-palette-white-40: hsla(0, 0%, 100%, 0.4);
  --tea-color-palette-white-45: hsla(0, 0%, 100%, 0.45);
  --tea-color-palette-white-50: hsla(0, 0%, 100%, 0.5);
  --tea-color-palette-white-55: hsla(0, 0%, 100%, 0.55);
  --tea-color-palette-white-60: hsla(0, 0%, 100%, 0.6);
  --tea-color-palette-white-70: hsla(0, 0%, 100%, 0.7);
  --tea-color-palette-white-80: hsla(0, 0%, 100%, 0.8);
  --tea-color-palette-white-90: hsla(0, 0%, 100%, 0.9);
  --tea-color-palette-white-100: #fff;
  --tea-color-palette-black-0: transparent;
  --tea-color-palette-black-5: rgba(0, 0, 0, 0.05);
  --tea-color-palette-black-10: rgba(0, 0, 0, 0.1);
  --tea-color-palette-black-15: rgba(0, 0, 0, 0.15);
  --tea-color-palette-black-20: rgba(0, 0, 0, 0.2);
  --tea-color-palette-black-25: rgba(0, 0, 0, 0.25);
  --tea-color-palette-black-30: rgba(0, 0, 0, 0.3);
  --tea-color-palette-black-35: rgba(0, 0, 0, 0.35);
  --tea-color-palette-black-40: rgba(0, 0, 0, 0.4);
  --tea-color-palette-black-45: rgba(0, 0, 0, 0.45);
  --tea-color-palette-black-50: rgba(0, 0, 0, 0.5);
  --tea-color-palette-black-55: rgba(0, 0, 0, 0.55);
  --tea-color-palette-black-60: rgba(0, 0, 0, 0.6);
  --tea-color-palette-black-70: rgba(0, 0, 0, 0.7);
  --tea-color-palette-black-80: rgba(0, 0, 0, 0.8);
  --tea-color-palette-black-90: rgba(0, 0, 0, 0.9);
  --tea-color-palette-black-100: #000;
  --tea-color-palette-red-1: #461523;
  --tea-color-palette-red-2: #960627;
  --tea-color-palette-red-3: #b01c37;
  --tea-color-palette-red-4: #c9384a;
  --tea-color-palette-red-5: #e35661;
  --tea-color-palette-red-6: #fb6e77;
  --tea-color-palette-red-7: #ff9195;
  --tea-color-palette-red-8: #ffb5b8;
  --tea-color-palette-red-9: #ffd6d8;
  --tea-color-palette-red-10: #fff2f2;
  --tea-color-palette-red-rgb: 255,181,184;
  --tea-color-palette-yellow-1: #271d04;
  --tea-color-palette-yellow-2: #413007;
  --tea-color-palette-yellow-3: #644e15;
  --tea-color-palette-yellow-4: #967420;
  --tea-color-palette-yellow-5: #d5a52d;
  --tea-color-palette-yellow-6: #f8c034;
  --tea-color-palette-yellow-7: #fbcd59;
  --tea-color-palette-yellow-8: #fcda86;
  --tea-color-palette-yellow-9: #fde7ae;
  --tea-color-palette-yellow-10: #ffefc7;
  --tea-color-palette-yellow-rgb: 252,218,134;
  --tea-color-palette-orange-1: #462415;
  --tea-color-palette-orange-2: #873105;
  --tea-color-palette-orange-3: #a24006;
  --tea-color-palette-orange-4: #c25110;
  --tea-color-palette-orange-5: #d66724;
  --tea-color-palette-orange-6: #ed8139;
  --tea-color-palette-orange-7: #ff9852;
  --tea-color-palette-orange-8: #ffb97d;
  --tea-color-palette-orange-9: #ffd8ad;
  --tea-color-palette-orange-10: #fff4e5;
  --tea-color-palette-orange-rgb: 255,185,125;
  --tea-color-palette-amber-1: #291c0c;
  --tea-color-palette-amber-2: #3d2912;
  --tea-color-palette-amber-3: #5e401e;
  --tea-color-palette-amber-4: #7a5324;
  --tea-color-palette-amber-5: #92632b;
  --tea-color-palette-amber-6: #b77c35;
  --tea-color-palette-amber-7: #cf8c3c;
  --tea-color-palette-amber-8: #f2a74e;
  --tea-color-palette-amber-9: #f7c07e;
  --tea-color-palette-amber-10: #fbdbb5;
  --tea-color-palette-amber-rgb: 242,167,78;
  --tea-color-palette-green-1: #223b30;
  --tea-color-palette-green-2: #035428;
  --tea-color-palette-green-3: #046939;
  --tea-color-palette-green-4: #057e4c;
  --tea-color-palette-green-5: #06935f;
  --tea-color-palette-green-6: #07a872;
  --tea-color-palette-green-7: #37bf8e;
  --tea-color-palette-green-8: #71d5ae;
  --tea-color-palette-green-9: #b3e8d1;
  --tea-color-palette-green-10: #e8f7f1;
  --tea-color-palette-green-rgb: 113,213,174;
  --tea-color-palette-blue-1: #1d2852;
  --tea-color-palette-blue-2: #062e9a;
  --tea-color-palette-blue-3: #073ab5;
  --tea-color-palette-blue-4: #084dcd;
  --tea-color-palette-blue-5: #0957d9;
  --tea-color-palette-blue-6: #2174ff;
  --tea-color-palette-blue-7: #478dff;
  --tea-color-palette-blue-8: #69a1ff;
  --tea-color-palette-blue-9: #8cb8ff;
  --tea-color-palette-blue-10: #abcaff;
  --tea-color-palette-blue-rgb: 105,161,255;
  --tea-color-palette-gray-1: #f3f3f3;
  --tea-color-palette-gray-2: #eee;
  --tea-color-palette-gray-3: #e7e7e7;
  --tea-color-palette-gray-4: #dcdcdc;
  --tea-color-palette-gray-5: #c5c5c5;
  --tea-color-palette-gray-6: #a6a6a6;
  --tea-color-palette-gray-7: #8b8b8b;
  --tea-color-palette-gray-8: #777;
  --tea-color-palette-gray-9: #5e5e5e;
  --tea-color-palette-gray-10: #4b4b4b;
  --tea-color-palette-gray-11: #383838;
  --tea-color-palette-gray-12: #2c2c2c;
  --tea-color-palette-gray-13: #202020;
  --tea-color-palette-gray-14: #181818;
  --tea-color-palette-gray-15: #101010;
  --tea-color-palette-bluegray-0: #f7f8fb;
  --tea-color-palette-bluegray-1: #f2f4f8;
  --tea-color-palette-bluegray-2: #e9ecf1;
  --tea-color-palette-bluegray-3: #e6e9ef;
  --tea-color-palette-bluegray-4: #d6dbe3;
  --tea-color-palette-bluegray-5: #bcc4d0;
  --tea-color-palette-bluegray-6: #97a3b7;
  --tea-color-palette-bluegray-7: #7787a2;
  --tea-color-palette-bluegray-8: #5f7292;
  --tea-color-palette-bluegray-9: #4b5b76;
  --tea-color-palette-bluegray-10: #3c485c;
  --tea-color-palette-bluegray-11: #2c3645;
  --tea-color-palette-bluegray-12: #232a35;
  --tea-color-palette-bluegray-13: #1c222b;
  --tea-color-palette-bluegray-14: #13161b;
  --tea-color-border-brand-default: var(--tea-color-palette-blue-8);
  --tea-color-border-brand-disabled: var(--tea-color-palette-blue-3);
  --tea-color-border-warning-default: var(--tea-color-palette-orange-6);
  --tea-color-border-warning-disabled: var(--tea-color-palette-orange-3);
  --tea-color-border-success-default: var(--tea-color-palette-green-6);
  --tea-color-border-success-disabled: var(--tea-color-palette-green-3);
  --tea-color-border-error-default: var(--tea-color-palette-red-6);
  --tea-color-border-error-disabled: var(--tea-color-palette-red-3);
  --tea-color-border-primary-default: var(--tea-color-palette-gray-11);
  --tea-color-border-primary-hover: var(--tea-color-palette-blue-8);
  --tea-color-border-primary-focus: var(--tea-color-palette-blue-8);
  --tea-color-border-primary-active: var(--tea-color-palette-blue-8);
  --tea-color-border-primary-disabled: var(--tea-color-palette-gray-11);
  --tea-color-border-secondary-default: var(--tea-color-palette-gray-12);
  --tea-color-border-secondary-hover: var(--tea-color-palette-gray-11);
  --tea-color-border-secondary-focus: var(--tea-color-palette-blue-8);
  --tea-color-border-secondary-active: var(--tea-color-palette-blue-8);
  --tea-color-border-secondary-disabled: var(--tea-color-palette-gray-10);
  --tea-color-border-tertiary-default: var(--tea-color-palette-gray-9);
  --tea-color-border-tertiary-hover: var(--tea-color-palette-gray-8);
  --tea-color-border-tertiary-focus: var(--tea-color-palette-blue-8);
  --tea-color-border-tertiary-active: var(--tea-color-palette-blue-8);
  --tea-color-border-tertiary-disabled: var(--tea-color-palette-gray-9);
  --tea-color-border-on-bg-yellow-default: var(--tea-color-palette-yellow-7);
  --tea-color-border-on-bg-yellow-hover: #fff;
  --tea-color-border-on-bg-yellow-active: #fff;
  --tea-color-border-on-bg-yellow-focus: #fff;
  --tea-color-border-on-bg-yellow-disabled: #fff;
  --tea-color-border-on-bg-yellow-lighten-default: var(--tea-color-palette-yellow-7);
  --tea-color-border-on-bg-amber-default: var(--tea-color-palette-amber-7);
  --tea-color-border-on-bg-amber-hover: #fff;
  --tea-color-border-on-bg-amber-active: #fff;
  --tea-color-border-on-bg-amber-focus: #fff;
  --tea-color-border-on-bg-amber-color: #fff;
  --tea-color-border-on-bg-amber-lighten-default: var(--tea-color-palette-amber-7);
  --tea-color-border-on-bg-brand-default: var(--tea-color-palette-blue-6);
  --tea-color-border-on-bg-brand-hover: var(--tea-color-palette-blue-7);
  --tea-color-border-on-bg-brand-active: var(--tea-color-palette-blue-4);
  --tea-color-border-on-bg-brand-focus: var(--tea-color-palette-blue-5);
  --tea-color-border-on-bg-brand-disabled: var(--tea-color-palette-blue-3);
  --tea-color-border-on-bg-brand-lighten-default: var(--tea-color-palette-blue-5);
  --tea-color-border-on-bg-warning-default: var(--tea-color-palette-orange-6);
  --tea-color-border-on-bg-warning-hover: var(--tea-color-palette-orange-7);
  --tea-color-border-on-bg-warning-active: var(--tea-color-palette-orange-4);
  --tea-color-border-on-bg-warning-focus: var(--tea-color-palette-orange-5);
  --tea-color-border-on-bg-warning-disabled: var(--tea-color-palette-orange-3);
  --tea-color-border-on-bg-warning-lighten-default: var(--tea-color-palette-orange-5);
  --tea-color-border-on-bg-success-default: var(--tea-color-palette-green-6);
  --tea-color-border-on-bg-success-hover: var(--tea-color-palette-green-7);
  --tea-color-border-on-bg-success-active: var(--tea-color-palette-green-4);
  --tea-color-border-on-bg-success-focus: var(--tea-color-palette-green-5);
  --tea-color-border-on-bg-success-disabled: var(--tea-color-palette-green-3);
  --tea-color-border-on-bg-success-lighten-default: var(--tea-color-palette-green-5);
  --tea-color-border-on-bg-error-default: var(--tea-color-palette-red-6);
  --tea-color-border-on-bg-error-hover: var(--tea-color-palette-red-7);
  --tea-color-border-on-bg-error-active: var(--tea-color-palette-red-4);
  --tea-color-border-on-bg-error-focus: var(--tea-color-palette-red-5);
  --tea-color-border-on-bg-error-disabled: var(--tea-color-palette-red-3);
  --tea-color-border-on-bg-error-lighten-default: var(--tea-color-palette-red-5);
  --tea-color-border-on-bg-inverse-default: var(--tea-color-palette-white-100);
  --tea-color-bg-page-default: var(--tea-color-palette-gray-14);
  --tea-color-bg-inverse-default: var(--tea-color-palette-white-100);
  --tea-color-bg-primary-default: var(--tea-color-palette-gray-13);
  --tea-color-bg-primary-hover: var(--tea-color-palette-gray-12);
  --tea-color-bg-primary-active: var(--tea-color-palette-gray-11);
  --tea-color-bg-primary-focus: var(--tea-color-palette-gray-12);
  --tea-color-bg-primary-disabled: var(--tea-color-palette-gray-12);
  --tea-color-bg-primary-lighten: var(--tea-color-palette-gray-12);
  --tea-color-bg-secondary-default: var(--tea-color-palette-gray-12);
  --tea-color-bg-secondary-hover: var(--tea-color-palette-gray-11);
  --tea-color-bg-secondary-active: var(--tea-color-palette-gray-11);
  --tea-color-bg-secondary-focus: var(--tea-color-palette-gray-11);
  --tea-color-bg-secondary-disabled: var(--tea-color-palette-gray-12);
  --tea-color-bg-tertiary-default: var(--tea-color-palette-gray-11);
  --tea-color-bg-tertiary-hover: var(--tea-color-palette-gray-10);
  --tea-color-bg-tertiary-active: var(--tea-color-palette-gray-10);
  --tea-color-bg-tertiary-focus: var(--tea-color-palette-gray-10);
  --tea-color-bg-tertiary-disabled: var(--tea-color-palette-gray-11);
  --tea-color-bg-brand-default: var(--tea-color-palette-blue-6);
  --tea-color-bg-brand-hover: var(--tea-color-palette-blue-7);
  --tea-color-bg-brand-active: var(--tea-color-palette-blue-4);
  --tea-color-bg-brand-focus: var(--tea-color-palette-blue-5);
  --tea-color-bg-brand-disabled: var(--tea-color-palette-blue-3);
  --tea-color-bg-brand-lighten-default: var(--tea-color-palette-blue-1);
  --tea-color-bg-warning-default: var(--tea-color-palette-orange-6);
  --tea-color-bg-warning-hover: var(--tea-color-palette-orange-7);
  --tea-color-bg-warning-active: var(--tea-color-palette-orange-4);
  --tea-color-bg-warning-focus: var(--tea-color-palette-orange-5);
  --tea-color-bg-warning-disabled: var(--tea-color-palette-orange-3);
  --tea-color-bg-warning-lighten-default: var(--tea-color-palette-orange-1);
  --tea-color-bg-success-default: var(--tea-color-palette-green-6);
  --tea-color-bg-success-hover: var(--tea-color-palette-green-7);
  --tea-color-bg-success-active: var(--tea-color-palette-green-4);
  --tea-color-bg-success-focus: var(--tea-color-palette-green-5);
  --tea-color-bg-success-disabled: var(--tea-color-palette-green-3);
  --tea-color-bg-success-lighten-default: var(--tea-color-palette-green-1);
  --tea-color-bg-error-default: var(--tea-color-palette-red-6);
  --tea-color-bg-error-hover: var(--tea-color-palette-red-7);
  --tea-color-bg-error-active: var(--tea-color-palette-red-4);
  --tea-color-bg-error-focus: var(--tea-color-palette-red-5);
  --tea-color-bg-error-disabled: var(--tea-color-palette-red-3);
  --tea-color-bg-error-lighten-default: var(--tea-color-palette-red-1);
  --tea-color-bg-amber-default: var(--tea-color-palette-amber-8);
  --tea-color-bg-amber-hover: #fff;
  --tea-color-bg-amber-active: #fff;
  --tea-color-bg-amber-focus: #fff;
  --tea-color-bg-amber-disabled: #fff;
  --tea-color-bg-amber-lighten-lighten: var(--tea-color-palette-amber-3);
  --tea-color-bg-yellow-default: var(--tea-color-palette-yellow-5);
  --tea-color-bg-yellow-hover: #fff;
  --tea-color-bg-yellow-focus: #fff;
  --tea-color-bg-yellow-active: #fff;
  --tea-color-bg-yellow-disabled: #fff;
  --tea-color-bg-yellow-lighten-lighten: var(--tea-color-palette-yellow-2);
  --tea-color-bg-scheme-mode: dark;
  --tea-color-mask-primary: var(--tea-color-palette-black-60);
  --tea-color-mask-secondary: var(--tea-color-palette-white-60);
  --tea-linear-gradient-fixed-1: var(--tea-color-palette-white-5);
  --tea-linear-gradient-fixed-2: var(--tea-color-palette-white-0);
  --tea-typography-display-sm-font-size: var(--tea-font-size-900);
  --tea-typography-display-sm-font-family: var(--tea-font-family-default);
  --tea-typography-display-sm-line-height: var(--tea-font-line-height-1100);
  --tea-typography-display-sm-font-weight: var(--tea-font-weight-medium);
  --tea-typography-display-md-font-size: var(--tea-font-size-1050);
  --tea-typography-display-md-font-family: var(--tea-font-family-default);
  --tea-typography-display-md-font-weight: var(--tea-font-weight-medium);
  --tea-typography-display-md-line-height: var(--tea-font-line-height-1350);
  --tea-typography-heading-1-font-size: var(--tea-font-size-800);
  --tea-typography-heading-1-font-family: var(--tea-font-family-default);
  --tea-typography-heading-1-font-weight: var(--tea-font-weight-medium);
  --tea-typography-heading-1-line-height: var(--tea-font-line-height-1000);
  --tea-typography-heading-2-font-size: var(--tea-font-size-700);
  --tea-typography-heading-2-font-family: var(--tea-font-family-default);
  --tea-typography-heading-2-font-weight: var(--tea-font-weight-medium);
  --tea-typography-heading-2-line-height: var(--tea-font-line-height-900);
  --tea-typography-heading-3-font-size: var(--tea-font-size-600);
  --tea-typography-heading-3-font-family: var(--tea-font-family-default);
  --tea-typography-heading-3-font-weight: var(--tea-font-weight-medium);
  --tea-typography-heading-3-line-height: var(--tea-font-line-height-800);
  --tea-typography-heading-4-font-size: var(--tea-font-size-500);
  --tea-typography-heading-4-font-family: var(--tea-font-family-default);
  --tea-typography-heading-4-font-weight: var(--tea-font-weight-medium);
  --tea-typography-heading-4-line-height: var(--tea-font-line-height-700);
  --tea-typography-heading-5-font-size: var(--tea-font-size-450);
  --tea-typography-heading-5-font-family: var(--tea-font-family-default);
  --tea-typography-heading-5-font-weight: var(--tea-font-weight-medium);
  --tea-typography-heading-5-line-height: var(--tea-font-line-height-650);
  --tea-typography-heading-6-font-size: var(--tea-font-size-400);
  --tea-typography-heading-6-font-family: var(--tea-font-family-default);
  --tea-typography-heading-6-font-weight: var(--tea-font-weight-medium);
  --tea-typography-heading-6-line-height: var(--tea-font-line-height-600);
  --tea-typography-heading-7-font-size: var(--tea-font-size-350);
  --tea-typography-heading-7-font-family: var(--tea-font-family-default);
  --tea-typography-heading-7-font-weight: var(--tea-font-weight-medium);
  --tea-typography-heading-7-line-height: var(--tea-font-line-height-550);
  --tea-typography-heading-8-font-size: var(--tea-font-size-300);
  --tea-typography-heading-8-font-family: var(--tea-font-family-default);
  --tea-typography-heading-8-font-weight: var(--tea-font-weight-medium);
  --tea-typography-heading-8-line-height: var(--tea-font-line-height-500);
  --tea-typography-body-sm-font-size: var(--tea-font-size-300);
  --tea-typography-body-sm-font-family: var(--tea-font-family-default);
  --tea-typography-body-sm-font-weight: var(--tea-font-weight-regular);
  --tea-typography-body-sm-line-height: var(--tea-font-line-height-500);
  --tea-typography-body-md-font-size: var(--tea-font-size-350);
  --tea-typography-body-md-font-family: var(--tea-font-family-default);
  --tea-typography-body-md-font-weight: var(--tea-font-weight-regular);
  --tea-typography-body-md-line-height: var(--tea-font-line-height-550);
  --tea-typography-body-lg-font-size: var(--tea-font-size-400);
  --tea-typography-body-lg-font-family: var(--tea-font-family-default);
  --tea-typography-body-lg-font-weight: var(--tea-font-weight-regular);
  --tea-typography-body-lg-line-height: var(--tea-font-line-height-600);
  --tea-typography-body-xl-font-size: var(--tea-font-size-450);
  --tea-typography-body-xl-font-family: var(--tea-font-family-default);
  --tea-typography-body-xl-font-weight: var(--tea-font-weight-regular);
  --tea-typography-body-xl-line-height: var(--tea-font-line-height-650);
  --tea-size-blur-0: 0px;
  --tea-size-blur-50: 2px;
  --tea-size-blur-100: 4px;
  --tea-size-blur-200: 8px;
  --tea-size-blur-300: 12px;
  --tea-size-blur-400: 16px;
  --tea-size-blur-500: 20px;
  --tea-size-blur-600: 24px;
  --tea-size-blur-700: 28px;
  --tea-size-blur-800: 32px;
  --tea-size-blur-900: 36px;
  --tea-size-blur-1000: 40px;
  --tea-size-blur-1100: 44px;
  --tea-size-blur-1200: 48px;
  --tea-size-blur-1300: 52px;
  --tea-size-blur-1400: 56px;
  --tea-size-blur-1500: 60px;
  --tea-size-blur-1600: 64px;
  --tea-size-spread-0: 0px;
  --tea-size-spread-25: 1px;
  --tea-size-spread-50: 2px;
  --tea-size-spread-100: 4px;
  --tea-size-spread-200: 8px;
  --tea-size-spread-300: 12px;
  --tea-size-spread-400: 16px;
  --tea-size-spread-500: 20px;
  --tea-size-spread-600: 24px;
  --tea-size-spread-700: 28px;
  --tea-size-spread-800: 32px;
  --tea-size-spread-900: 36px;
  --tea-size-spread-1000: 40px;
  --tea-size-spread-1100: 44px;
  --tea-size-spread-1200: 48px;
  --tea-size-spread-0400: -16px;
  --tea-size-spread-0300: -12px;
  --tea-size-spread-0200: -8px;
  --tea-size-spread-0100: -4px;
  --tea-size-spread-050: -2px;
  --tea-size-spread-025: -1px;
  --tea-size-offset-0: 0px;
  --tea-size-offset-25: 1px;
  --tea-size-offset-50: 2px;
  --tea-size-offset-100: 4px;
  --tea-size-offset-200: 8px;
  --tea-size-offset-300: 12px;
  --tea-size-offset-400: 16px;
  --tea-size-offset-500: 20px;
  --tea-size-offset-600: 24px;
  --tea-font-size-300: 12px;
  --tea-font-size-325: 13px;
  --tea-font-size-350: 14px;
  --tea-font-size-400: 16px;
  --tea-font-size-450: 18px;
  --tea-font-size-500: 20px;
  --tea-font-size-600: 24px;
  --tea-font-size-700: 28px;
  --tea-font-size-800: 32px;
  --tea-font-size-900: 36px;
  --tea-font-size-950: 38px;
  --tea-font-size-1000: 40px;
  --tea-font-size-1050: 42px;
  --tea-font-size-default: var(--tea-font-size-300);
  --tea-font-family-default: -apple-system,BlinkMacSystemFont,"pingfang SC","Hiragina Sans GB","Helvetica Neue",Helvetica,"microsoft yahei ui","microsoft yahei",simsun,arial,sans-serif;
  --tea-font-family-code: Consolas,Menlo,Monaco,Andale Mono,Ubuntu Mono,monospace;
  --tea-font-weight-regular: 400;
  --tea-font-weight-medium: 600;
  --tea-font-line-height-300: 12px;
  --tea-font-line-height-350: 14px;
  --tea-font-line-height-400: 16px;
  --tea-font-line-height-450: 18px;
  --tea-font-line-height-500: 20px;
  --tea-font-line-height-550: 22px;
  --tea-font-line-height-600: 24px;
  --tea-font-line-height-650: 26px;
  --tea-font-line-height-700: 28px;
  --tea-font-line-height-800: 32px;
  --tea-font-line-height-850: 34px;
  --tea-font-line-height-900: 36px;
  --tea-font-line-height-950: 38px;
  --tea-font-line-height-1000: 40px;
  --tea-font-line-height-1050: 42px;
  --tea-font-line-height-1100: 44px;
  --tea-font-line-height-1150: 46px;
  --tea-font-line-height-1200: 48px;
  --tea-font-line-height-1250: 50px;
  --tea-font-line-height-1300: 52px;
  --tea-font-line-height-1350: 54px;
  --tea-font-line-height-default: var(--tea-font-line-height-500);
  --tea-border-radius-0: 0px;
  --tea-border-radius-50: 2px;
  --tea-border-radius-100: 4px;
  --tea-border-radius-150: 6px;
  --tea-border-radius-200: 8px;
  --tea-border-radius-300: 12px;
  --tea-border-radius-400: 16px;
  --tea-border-radius-500: 20px;
  --tea-border-radius-750: 30px;
  --tea-border-radius-default: var(--tea-border-radius-0);
  --tea-border-radius-full: 9999px;
  --tea-border-width-0: 0px;
  --tea-border-width-25: 1px;
  --tea-border-width-50: 2px;
  --tea-border-width-100: 4px;
  --tea-border-width-default: var(--tea-border-width-25);
  --tea-shadow-xs-blur-1: var(--tea-size-blur-200);
  --tea-shadow-xs-color-1: var(--tea-color-palette-black-20);
  --tea-shadow-xs-offsetx-1: var(--tea-size-offset-50);
  --tea-shadow-xs-offsety-1: var(--tea-size-offset-100);
  --tea-shadow-xs-spread-1: var(--tea-size-spread-0);
  --tea-shadow-sm-blur-1: var(--tea-size-blur-200);
  --tea-shadow-sm-blur-2: var(--tea-size-blur-300);
  --tea-shadow-sm-color-1: var(--tea-color-palette-black-20);
  --tea-shadow-sm-color-2: var(--tea-color-palette-black-20);
  --tea-shadow-sm-offsetx-1: var(--tea-size-offset-50);
  --tea-shadow-sm-offsetx-2: var(--tea-size-offset-0);
  --tea-shadow-sm-offsety-1: var(--tea-size-offset-100);
  --tea-shadow-sm-offsety-2: var(--tea-size-offset-50);
  --tea-shadow-sm-spread-1: var(--tea-size-spread-0);
  --tea-shadow-sm-spread-2: var(--tea-size-spread-0);
  --tea-shadow-md-blur-1: var(--tea-size-blur-600);
  --tea-shadow-md-blur-2: var(--tea-size-blur-600);
  --tea-shadow-md-color-1: var(--tea-color-palette-black-20);
  --tea-shadow-md-color-2: var(--tea-color-palette-black-30);
  --tea-shadow-md-offsetx-1: var(--tea-size-offset-0);
  --tea-shadow-md-offsetx-2: var(--tea-size-offset-0);
  --tea-shadow-md-offsety-1: var(--tea-size-offset-100);
  --tea-shadow-md-offsety-2: var(--tea-size-offset-100);
  --tea-shadow-md-spread-1: var(--tea-size-spread-0200);
  --tea-shadow-md-spread-2: var(--tea-size-spread-0100);
  --tea-shadow-lg-blur-1: var(--tea-size-blur-1600);
  --tea-shadow-lg-color-1: var(--tea-color-palette-black-70);
  --tea-shadow-lg-offsetx-1: var(--tea-size-offset-50);
  --tea-shadow-lg-offsety-1: var(--tea-size-offset-200);
  --tea-shadow-lg-spread-1: var(--tea-size-spread-0300);
  --tea-shadow-xl-blur-1: var(--tea-size-blur-1200);
  --tea-shadow-xl-color-1: var(--tea-color-palette-black-50);
  --tea-shadow-xl-offsetx-1: var(--tea-size-offset-0);
  --tea-shadow-xl-offsety-1: var(--tea-size-offset-200);
  --tea-shadow-xl-spread-1: var(--tea-size-spread-0300);
  --tea-form-height-default: 30px;
  --tea-form-color-bg-primary-default: var(--tea-color-bg-primary-default);
  --tea-form-color-bg-primary-hover: var(--tea-color-bg-primary-hover);
  --tea-form-color-bg-primary-active: var(--tea-color-bg-primary-active);
  --tea-form-color-bg-primary-focus: var(--tea-color-bg-primary-focus);
  --tea-form-color-bg-primary-disabled: var(--tea-color-bg-primary-disabled);
  --tea-form-color-border-primary-default: var(--tea-color-border-primary-default);
  --tea-form-color-border-primary-hover: var(--tea-color-border-primary-hover);
  --tea-form-color-border-primary-focus: var(--tea-color-border-primary-focus);
  --tea-form-color-border-primary-active: var(--tea-color-border-primary-active);
  --tea-form-color-border-primary-disabled: var(--tea-color-border-primary-disabled);
  --tea-form-color-text-solid: var(--tea-color-palette-white-100);
  --tea-form-color-text-primary: var(--tea-color-palette-white-90);
  --tea-form-color-text-secondary: var(--tea-color-palette-white-55);
  --tea-form-color-text-tertiary: var(--tea-color-palette-white-35);
  --tea-form-color-text-disabled: var(--tea-color-palette-white-20);
  --tea-space-0: 0px;
  --tea-space-100: 4px;
  --tea-space-200: 8px;
  --tea-space-300: 12px;
  --tea-space-400: 16px;
  --tea-space-500: 20px;
  --tea-space-600: 24px;
  --tea-space-700: 28px;
  --tea-space-800: 32px;
  --tea-space-900: 36px;
  --tea-space-1000: 40px;
  --tea-space-1100: 44px;
  --tea-space-1200: 48px;
  --tea-space-1300: 52px;
  --tea-space-1400: 56px;
  --tea-space-1500: 60px;
  --tea-space-1600: 64px;
  --tea-shadow-xs: var(--tea-shadow-xs-offsetx-1) var(--tea-shadow-xs-offsety-1) var(--tea-shadow-xs-blur-1) var(--tea-shadow-xs-spread-1) var(--tea-shadow-xs-color-1);
  --tea-shadow-sm: var(--tea-shadow-sm-offsetx-2) var(--tea-shadow-sm-offsety-2) var(--tea-shadow-sm-blur-2) var(--tea-shadow-sm-spread-2) var(--tea-shadow-sm-color-2),var(--tea-shadow-sm-offsetx-1) var(--tea-shadow-sm-offsety-1) var(--tea-shadow-sm-blur-1) var(--tea-shadow-sm-spread-1) var(--tea-shadow-sm-color-1);
  --tea-shadow-md: var(--tea-shadow-md-offsetx-2) var(--tea-shadow-md-offsety-2) var(--tea-shadow-md-blur-2) var(--tea-shadow-md-spread-2) var(--tea-shadow-md-color-2),var(--tea-shadow-md-offsetx-1) var(--tea-shadow-md-offsety-1) var(--tea-shadow-md-blur-1) var(--tea-shadow-md-spread-1) var(--tea-shadow-md-color-1);
  --tea-shadow-lg: var(--tea-shadow-lg-offsetx-1) var(--tea-shadow-lg-offsety-1) var(--tea-shadow-lg-blur-1) var(--tea-shadow-lg-spread-1) var(--tea-shadow-lg-color-1);
  --tea-shadow-xl: var(--tea-shadow-xl-offsetx-1) var(--tea-shadow-xl-offsety-1) var(--tea-shadow-xl-blur-1) var(--tea-shadow-xl-spread-1) var(--tea-shadow-xl-color-1);
  --tea-shadow-fixed-left: linear-gradient(270deg, var(--tea-linear-gradient-fixed-1), var(--tea-linear-gradient-fixed-2));
  --tea-shadow-fixed-right: linear-gradient(270deg, var(--tea-linear-gradient-fixed-2), var(--tea-linear-gradient-fixed-1));
  --tea-shadow-fixed-bottom: linear-gradient(0deg, var(--tea-linear-gradient-fixed-2), var(--tea-linear-gradient-fixed-1));
  --tea-shadow-fixed-top: linear-gradient(0deg, var(--tea-linear-gradient-fixed-1), var(--tea-linear-gradient-fixed-2));
  --tea-typography-display-sm: normal var(--tea-typography-display-sm-font-weight) var(--tea-typography-display-sm-font-size)/var(--tea-typography-display-sm-line-height) var(--tea-typography-display-sm-font-family);
  --tea-typography-display-md: normal var(--tea-typography-display-md-font-weight) var(--tea-typography-display-md-font-size)/var(--tea-typography-display-md-line-height) var(--tea-typography-display-md-font-family);
  --tea-typography-heading-1: normal var(--tea-typography-heading-1-font-weight) var(--tea-typography-heading-1-font-size)/var(--tea-typography-heading-1-line-height) var(--tea-typography-heading-1-font-family);
  --tea-typography-heading-2: normal var(--tea-typography-heading-2-font-weight) var(--tea-typography-heading-2-font-size)/var(--tea-typography-heading-2-line-height) var(--tea-typography-heading-2-font-family);
  --tea-typography-heading-3: normal var(--tea-typography-heading-3-font-weight) var(--tea-typography-heading-3-font-size)/var(--tea-typography-heading-3-line-height) var(--tea-typography-heading-3-font-family);
  --tea-typography-heading-4: normal var(--tea-typography-heading-4-font-weight) var(--tea-typography-heading-4-font-size)/var(--tea-typography-heading-4-line-height) var(--tea-typography-heading-4-font-family);
  --tea-typography-heading-5: normal var(--tea-typography-heading-5-font-weight) var(--tea-typography-heading-5-font-size)/var(--tea-typography-heading-5-line-height) var(--tea-typography-heading-5-font-family);
  --tea-typography-heading-6: normal var(--tea-typography-heading-6-font-weight) var(--tea-typography-heading-6-font-size)/var(--tea-typography-heading-6-line-height) var(--tea-typography-heading-6-font-family);
  --tea-typography-heading-7: normal var(--tea-typography-heading-7-font-weight) var(--tea-typography-heading-7-font-size)/var(--tea-typography-heading-7-line-height) var(--tea-typography-heading-7-font-family);
  --tea-typography-heading-8: normal var(--tea-typography-heading-8-font-weight) var(--tea-typography-heading-8-font-size)/var(--tea-typography-heading-8-line-height) var(--tea-typography-heading-8-font-family);
  --tea-typography-body-sm: normal var(--tea-typography-body-sm-font-weight) var(--tea-typography-body-sm-font-size)/var(--tea-typography-body-sm-line-height) var(--tea-typography-body-sm-font-family);
  --tea-typography-body-md: normal var(--tea-typography-body-md-font-weight) var(--tea-typography-body-md-font-size)/var(--tea-typography-body-md-line-height) var(--tea-typography-body-md-font-family);
  --tea-typography-body-lg: normal var(--tea-typography-body-lg-font-weight) var(--tea-typography-body-lg-font-size)/var(--tea-typography-body-lg-line-height) var(--tea-typography-body-lg-font-family);
  --tea-typography-body-xl: normal var(--tea-typography-body-xl-font-weight) var(--tea-typography-body-xl-font-size)/var(--tea-typography-body-xl-line-height) var(--tea-typography-body-xl-font-family);
  --tea-linear-gradient-fixed-right: var(--tea-shadow-fixed-right);
  --tea-linear-gradient-fixed-left: var(--tea-shadow-fixed-left);
  --tea-white: var(--tea-color-palette-white-100);
  --tea-black: var(--tea-color-palette-black-100);
  --tea-color-palette-white-1: var(--tea-color-palette-white-100);
  --tea-color-palette-white-2: var(--tea-color-palette-white-90);
  --tea-color-palette-white-3: var(--tea-color-palette-white-55);
  --tea-color-palette-white-4: var(--tea-color-palette-white-35);
  --tea-color-palette-black-1: var(--tea-color-palette-black-100);
  --tea-color-palette-black-2: var(--tea-color-palette-black-90);
  --tea-color-palette-black-3: var(--tea-color-palette-black-70);
  --tea-color-palette-black-4: var(--tea-color-palette-black-50);
  --tea-color-function-brand-default: var(--tea-color-palette-blue-6);
  --tea-color-function-brand-bright: var(--tea-color-palette-blue-2);
  --tea-color-function-brand-darkness: var(--tea-color-palette-blue-10);
  --tea-color-function-brand-hover: var(--tea-color-palette-blue-5);
  --tea-color-function-brand-focus: var(--tea-color-palette-blue-5);
  --tea-color-function-brand-active: var(--tea-color-palette-blue-9);
  --tea-color-function-brand-disabled: var(--tea-color-palette-blue-3);
  --tea-color-function-warning-default: var(--tea-color-palette-orange-6);
  --tea-color-function-warning-bright: var(--tea-color-palette-orange-2);
  --tea-color-function-warning-darkness: var(--tea-color-palette-orange-10);
  --tea-color-function-warning-hover: var(--tea-color-palette-orange-5);
  --tea-color-function-warning-focus: var(--tea-color-palette-orange-5);
  --tea-color-function-warning-active: var(--tea-color-palette-orange-9);
  --tea-color-function-warning-disabled: var(--tea-color-palette-orange-3);
  --tea-color-function-error-default: var(--tea-color-palette-red-6);
  --tea-color-function-error-bright: var(--tea-color-palette-red-2);
  --tea-color-function-error-darkness: var(--tea-color-palette-red-10);
  --tea-color-function-error-hover: var(--tea-color-palette-red-5);
  --tea-color-function-error-focus: var(--tea-color-palette-red-5);
  --tea-color-function-error-active: var(--tea-color-palette-red-9);
  --tea-color-function-error-disabled: var(--tea-color-palette-red-3);
  --tea-color-function-success-default: var(--tea-color-palette-green-6);
  --tea-color-function-success-bright: var(--tea-color-palette-green-2);
  --tea-color-function-success-darkness: var(--tea-color-palette-green-10);
  --tea-color-function-success-hover: var(--tea-color-palette-green-5);
  --tea-color-function-success-focus: var(--tea-color-palette-green-5);
  --tea-color-function-success-active: var(--tea-color-palette-green-9);
  --tea-color-function-success-disabled: var(--tea-color-palette-green-3);
  --tea-color-text-placeholder: var(--tea-color-text-tertiary);
  --tea-color-text-inverse: var(--tea-color-palette-black-90);
  --tea-color-text-brand: var(--tea-color-text-brand-default);
  --tea-color-text-success: var(--tea-color-text-success-default);
  --tea-color-text-error: var(--tea-color-text-error-default);
  --tea-color-text-warning: var(--tea-color-text-warning-default);
  --tea-color-text-highlight-solid: var(--tea-color-palette-black-100);
  --tea-color-text-highlight-primary: var(--tea-color-palette-black-90);
  --tea-color-text-highlight-secondary: var(--tea-color-palette-black-70);
  --tea-color-text-highlight-placeholder: var(--tea-color-palette-black-50);
  --tea-color-text-highlight-disabled: var(--tea-color-palette-black-30);
  --tea-color-text-highlight-inverse-solid: var(--tea-color-palette-white-100);
  --tea-color-text-highlight-inverse-primary: var(--tea-color-palette-white-90);
  --tea-color-text-highlight-inverse-secondary: var(--tea-color-palette-white-55);
  --tea-color-text-highlight-inverse-placeholder: var(--tea-color-palette-white-35);
  --tea-color-text-highlight-inverse-disabled: var(--tea-color-palette-white-20);
  --tea-color-border-primary: var(--tea-color-border-primary-default);
  --tea-color-border-secondary: var(--tea-color-border-secondary-default);
  --tea-color-border-hover: var(--tea-color-border-primary-hover);
  --tea-color-border-disabled: var(--tea-color-border-primary-disabled);
  --tea-color-border-active: var(--tea-color-border-primary-active);
  --tea-color-bg-container-default: var(--tea-color-bg-primary-default);
  --tea-color-bg-container-hover: var(--tea-color-bg-primary-hover);
  --tea-color-bg-container-active: var(--tea-color-bg-primary-active);
  --tea-color-bg-container-inverse-default: var(--tea-color-palette-white-100);
  --tea-color-bg-secondarycontainer-default: var(--tea-color-bg-secondary-default);
  --tea-color-bg-secondarycontainer-hover: var(--tea-color-bg-secondary-hover);
  --tea-color-bg-secondarycontainer-active: var(--tea-color-bg-secondary-active);
  --tea-color-bg-mask-default: var(--tea-color-mask-primary);
  --tea-color-bg-mask-secondary: var(--tea-color-mask-secondary);
  --tea-color-scrollbar-default: var(--tea-color-palette-white-20);
  --tea-color-scrollbar-hover: var(--tea-color-palette-white-40);
  --tea-color-scrolltrack: transparent;
  --tea-shadow-default: var(--tea-shadow-sm);
  --tea-color-bg-page: var(--tea-color-bg-page-default);
  --tea-shadow-dropdown: var(--tea-shadow-sm);
  --tea-color-bg-form-default: var(--tea-form-color-bg-primary-default);
  --tea-color-bg-form-hover: var(--tea-form-color-bg-primary-hover);
  --tea-color-bg-form-focus: var(--tea-form-color-bg-primary-focus);
  --tea-color-bg-form-disabled: var(--tea-form-color-bg-primary-disabled);
  --tea-color-text-form-default: var(--tea-form-color-text-primary);
  --tea-color-text-form-label: var(--tea-form-color-text-tertiary);
  --tea-color-text-form-hover: var(--tea-form-color-text-primary);
  --tea-color-text-form-focus: var(--tea-form-color-text-primary);
  --tea-color-text-form-disabled: var(--tea-form-color-text-disabled);
  --tea-color-text-form-placeholder: var(--tea-form-color-text-tertiary);
  --tea-color-border-form-default: var(--tea-form-color-border-primary-default);
  --tea-color-border-form-hover: var(--tea-form-color-border-primary-hover);
  --tea-color-border-form-focus: var(--tea-form-color-border-primary-focus);
  --tea-color-border-form-disabled: var(--tea-form-color-border-primary-disabled);
  --icon-status-blank: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iIzE1MTgyMiIgb3BhY2l0eT0iLjUiLz48cGF0aCBmaWxsPSIjNEU2MDgwIiBkPSJNMjAgNTZWMjRoNDB2MzJ6Ii8+PHBhdGggZmlsbD0iIzI2MkYzRSIgZD0iTTI2IDM3aDI4djJIMjZ6bTAgN2gyMHYySDI2em0tNi0yMGg0MHY3SDIweiIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4IDQ0KSI+PGNpcmNsZSBmaWxsPSIjMTUxODIyIiBjeD0iMTAiIGN5PSIxMCIgcj0iNyIvPjxwYXRoIGQ9Ik0xMCAyYTggOCAwIDEgMSAwIDE2IDggOCAwIDAgMSAwLTE2em0xIDEwSDl2Mmgydi0yem0wLTZIOXY1aDJWNnoiIGZpbGw9IiMyNjg0RkYiLz48L2c+PC9nPjwvc3ZnPg==);
  --icon-status-blank-s: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjNEU2MDgwIiBkPSJNMTQgMzkuMlYxNi44aDI4djIyLjR6Ii8+PHBhdGggZmlsbD0iIzI2MkYzRSIgZD0iTTE4LjIgMjUuOWgxOS42djEuNEgxOC4yem0wIDQuOWgxNHYxLjRoLTE0em0tNC4yLTE0aDI4djQuOUgxNHoiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMy42IDMwLjgpIj48Y2lyY2xlIGZpbGw9IiMxNTE4MjIiIGN4PSI3IiBjeT0iNyIgcj0iNC45Ii8+PHBhdGggZD0iTTcgMS40YTUuNiA1LjYgMCAxIDEgMCAxMS4yQTUuNiA1LjYgMCAwIDEgNyAxLjR6bS43IDdINi4zdjEuNGgxLjRWOC40em0wLTQuMkg2LjN2My41aDEuNFY0LjJ6IiBmaWxsPSIjMjY4NEZGIi8+PC9nPjwvZz48L3N2Zz4=);
  --icon-status-chart: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iIzE1MTgyMiIgb3BhY2l0eT0iLjUiLz48cGF0aCBmaWxsPSIjNEU2MDgwIiBkPSJNMjIgNTdWNDNoMTJ2MTR6Ii8+PHBhdGggZmlsbD0iIzI2MkYzRSIgZD0iTTM0IDU3VjMzaDEydjI0eiIvPjxwYXRoIHN0cm9rZT0iIzI2MkYzRSIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMTggMzguNzQ3bDEyLTEyaDdMNDMuNzQ3IDIwIi8+PHBhdGggZmlsbD0iIzRFNjA4MCIgZD0iTTQ2IDU3VjIxaDEydjM2eiIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4IDQ0KSI+PGNpcmNsZSBmaWxsPSIjMTUxODIyIiBjeD0iMTAiIGN5PSIxMCIgcj0iNyIvPjxwYXRoIGQ9Ik0xMCAyYTggOCAwIDEgMSAwIDE2IDggOCAwIDAgMSAwLTE2em0xIDEwSDl2Mmgydi0yem0wLTZIOXY1aDJWNnoiIGZpbGw9IiMyNjg0RkYiLz48L2c+PC9nPjwvc3ZnPg==);
  --icon-status-chart-s: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjNEU2MDgwIiBkPSJNMTUuNCAzOS45di05LjhoOC40djkuOHoiLz48cGF0aCBmaWxsPSIjMjYyRjNFIiBkPSJNMjMuOCAzOS45VjIzLjFoOC40djE2Ljh6Ii8+PHBhdGggc3Ryb2tlPSIjMjYyRjNFIiBzdHJva2Utd2lkdGg9IjEuNCIgZD0iTTEyLjYgMjcuMTIzbDguNC04LjRoNC45TDMwLjYyMyAxNCIvPjxwYXRoIGZpbGw9IiM0RTYwODAiIGQ9Ik0zMi4yIDM5LjlWMTQuN2g4LjR2MjUuMnoiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMy42IDMwLjgpIj48Y2lyY2xlIGZpbGw9IiMxNTE4MjIiIGN4PSI3IiBjeT0iNyIgcj0iNC45Ii8+PHBhdGggZD0iTTcgMS40YTUuNiA1LjYgMCAxIDEgMCAxMS4yQTUuNiA1LjYgMCAwIDEgNyAxLjR6bS43IDdINi4zdjEuNGgxLjRWOC40em0wLTQuMkg2LjN2My41aDEuNFY0LjJ6IiBmaWxsPSIjMjY4NEZGIi8+PC9nPjwvZz48L3N2Zz4=);
  --icon-status-loading: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iIzE1MTgyMiIgb3BhY2l0eT0iLjUiLz48cGF0aCBmaWxsPSIjNEU2MDgwIiBkPSJNNDAgMzYuODc3TDYwLjk5NCA0OSA0MCA2MS4xMjIgMTkuMDAzIDQ5eiIvPjxwYXRoIGZpbGw9IiMyNjJGM0UiIGQ9Ik00MCAyNy44NzdMNjAuOTk0IDQwIDQwIDUyLjEyMSAxOS4wMDMgNDB6Ii8+PHBhdGggZmlsbD0iIzRFNjA4MCIgZD0iTTQwIDE4Ljg3OEw2MC45OTQgMzEgNDAgNDMuMTIzIDE5LjAwMyAzMXoiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OCA0NCkiPjxjaXJjbGUgZmlsbD0iIzE1MTgyMiIgY3g9IjEwIiBjeT0iMTAiIHI9IjciLz48cGF0aCBkPSJNMTAgMmE4IDggMCAxIDEgMCAxNiA4IDggMCAwIDEgMC0xNnptMSAzSDl2NS45MTRsMy4yOTMgMy4yOTMgMS40MTQtMS40MTRMMTEgMTAuMDg1VjV6IiBmaWxsPSIjMjY4NEZGIi8+PC9nPjwvZz48L3N2Zz4=);
  --icon-status-loading-s: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjNEU2MDgwIiBkPSJNMjggMjUuODE0TDQyLjY5NiAzNC4zIDI4IDQyLjc4NiAxMy4zMDIgMzQuM3oiLz48cGF0aCBmaWxsPSIjMjYyRjNFIiBkPSJNMjggMTkuNTE0TDQyLjY5NiAyOCAyOCAzNi40ODYgMTMuMzAyIDI4eiIvPjxwYXRoIGZpbGw9IiM0RTYwODAiIGQ9Ik0yOCAxMy4yMTRMNDIuNjk2IDIxLjcgMjggMzAuMTg2IDEzLjMwMiAyMS43eiIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzLjYgMzAuOCkiPjxjaXJjbGUgZmlsbD0iIzE1MTgyMiIgY3g9IjciIGN5PSI3IiByPSI0LjkiLz48cGF0aCBkPSJNNyAxLjRhNS42IDUuNiAwIDEgMSAwIDExLjJBNS42IDUuNiAwIDAgMSA3IDEuNHptLjcgMi4xSDYuM3Y0LjE0bDIuMzA1IDIuMzA1Ljk5LS45OUw3LjcgNy4wNTlWMy41eiIgZmlsbD0iIzI2ODRGRiIvPjwvZz48L2c+PC9zdmc+);
  --icon-status-network: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iIzE1MTgyMiIgb3BhY2l0eT0iLjUiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNiAxNikiPjxjaXJjbGUgZmlsbD0iIzI2MkYzRSIgY3g9IjI0IiBjeT0iMjQiIHI9IjIyIi8+PHBhdGggZD0iTTI0IDJoLS4xMDNjMi40ODYgMCA0Ljg3NS40MTIgNy4xMDQgMS4xNzJMMzEgMTJoLTd2OWgtOHY2aDE0bDUgNWg2bC4wMDEgNS44MzhjLTMuOTQ3IDQuODczLTkuOTM1IDguMDI2LTE2LjY2NCA4LjE1OGwtLjMzNy4wMDNWMzZoLTZ2LTRMMy4xMDMgMTcuMTAyQzUuOTk3IDguMzMxIDE0LjI2IDIgMjQgMnoiIGZpbGw9IiM0RTYwODAiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDggNDQpIj48Y2lyY2xlIGZpbGw9IiMxNTE4MjIiIGN4PSIxMCIgY3k9IjEwIiByPSI3Ii8+PHBhdGggZD0iTTEwIDJhOCA4IDAgMSAxIDAgMTYgOCA4IDAgMCAxIDAtMTZ6bTEgMTBIOXYyaDJ2LTJ6bTAtNkg5djVoMlY2eiIgZmlsbD0iIzI2ODRGRiIvPjwvZz48L2c+PC9zdmc+);
  --icon-status-network-s: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS4yIDExLjIpIj48Y2lyY2xlIGZpbGw9IiMyNjJGM0UiIGN4PSIxNi44IiBjeT0iMTYuOCIgcj0iMTUuNCIvPjxwYXRoIGQ9Ik0xNi44IDEuNGgtLjA3MmMxLjc0IDAgMy40MTMuMjg5IDQuOTcyLjgyVjguNGgtNC45djYuM2gtNS42djQuMkgyMWwzLjUgMy41aDQuMmwuMDAxIDQuMDg2YTE1LjM3IDE1LjM3IDAgMCAxLTExLjY2NSA1LjcxMWwtLjIzNi4wMDJWMjUuMmgtNC4ydi0yLjhMMi4xNzIgMTEuOTcxQzQuMTk4IDUuODMxIDkuOTgyIDEuNCAxNi44IDEuNHoiIGZpbGw9IiM0RTYwODAiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzMuNiAzMC44KSI+PGNpcmNsZSBmaWxsPSIjMTUxODIyIiBjeD0iNyIgY3k9IjciIHI9IjQuOSIvPjxwYXRoIGQ9Ik03IDEuNGE1LjYgNS42IDAgMSAxIDAgMTEuMkE1LjYgNS42IDAgMCAxIDcgMS40em0uNyA3SDYuM3YxLjRoMS40VjguNHptMC00LjJINi4zdjMuNWgxLjRWNC4yeiIgZmlsbD0iIzI2ODRGRiIvPjwvZz48L2c+PC9zdmc+);
  --icon-status-no-permission: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iIzE1MTgyMiIgb3BhY2l0eT0iLjUiLz48cGF0aCBmaWxsPSIjMjYyRjNFIiBkPSJNNDAgMzYuODc3bDIwLjk5OSAxMi4xMjV2LTE5TDQwIDE3Ljg3OCAxOC45OTkgMzAuMDAydjE5eiIvPjxwYXRoIGZpbGw9IiM0RTYwODAiIGQ9Ik00MCA0Mi4xMjNsMjAuOTk5LTEyLjEyNXYyMEw0MCA2Mi4xMjMgMTguOTk5IDQ5Ljk5OHYtMjB6Ii8+PHBhdGggZD0iTTU4IDQ1YTUgNSAwIDAgMSA1IDV2MWgydjExSDUxVjUxaDJ2LTFhNSA1IDAgMCAxIDUtNXptMCAyYTMgMyAwIDAgMC0yLjk5NSAyLjgyNEw1NSA1MHYxaDZ2LTFhMyAzIDAgMCAwLTIuODI0LTIuOTk1TDU4IDQ3eiIgZmlsbD0iIzI2ODRGRiIvPjxwYXRoIGZpbGw9IiMxNTE4MjIiIGQ9Ik01NyA1NGgydjVoLTJ6Ii8+PC9nPjwvc3ZnPg==);
  --icon-status-no-permission-s: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjMjYyRjNFIiBkPSJNMjggMjUuODE0bDE0LjcgOC40ODh2LTEzLjNMMjggMTIuNTE0bC0xNC43IDguNDg4djEzLjN6Ii8+PHBhdGggZmlsbD0iIzRFNjA4MCIgZD0iTTI4IDI5LjQ4NmwxNC43LTguNDg4djE0TDI4IDQzLjQ4NmwtMTQuNy04LjQ4OHYtMTR6Ii8+PHBhdGggZD0iTTQwLjYgMzEuNWEzLjUgMy41IDAgMCAxIDMuNSAzLjV2LjY5OWwxLjQuMDAxdjcuN2gtOS44di03LjdsMS40LS4wMDFWMzVhMy41IDMuNSAwIDAgMSAzLjUtMy41em0wIDEuNGEyLjEgMi4xIDAgMCAwLTIuMDk2IDEuOTc3TDM4LjUgMzV2LjdoNC4yVjM1YTIuMSAyLjEgMCAwIDAtMS45NzctMi4wOTZMNDAuNiAzMi45eiIgZmlsbD0iIzI2ODRGRiIvPjxwYXRoIGZpbGw9IiMxNTE4MjIiIGQ9Ik0zOS45IDM3LjhoMS40djMuNWgtMS40eiIvPjwvZz48L3N2Zz4=);
  --icon-status-pay: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iIzE1MTgyMiIgb3BhY2l0eT0iLjUiLz48cGF0aCBmaWxsPSIjNEU2MDgwIiBkPSJNMTkgNTVWMjVoNDJ2MzB6Ii8+PHBhdGggZmlsbD0iIzI2MkYzRSIgZD0iTTQ4IDQyaDl2OWgtOXpNMTkgMzBoNDJ2OEgxOXoiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OCA0NCkiPjxjaXJjbGUgZmlsbD0iIzE1MTgyMiIgY3g9IjEwIiBjeT0iMTAiIHI9IjciLz48cGF0aCBkPSJNMTAgMmE4IDggMCAxIDEgMCAxNiA4IDggMCAwIDEgMC0xNnptMSAxMEg5djJoMnYtMnptMC02SDl2NWgyVjZ6IiBmaWxsPSIjMjY4NEZGIi8+PC9nPjwvZz48L3N2Zz4=);
  --icon-status-pay-s: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjNEU2MDgwIiBkPSJNMTMuMyAzOC41di0yMWgyOS40djIxeiIvPjxwYXRoIGZpbGw9IiMyNjJGM0UiIGQ9Ik0zMy42IDI5LjRoNi4zdjYuM2gtNi4zek0xMy4zIDIxaDI5LjR2NS42SDEzLjN6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzMuNiAzMC44KSI+PGNpcmNsZSBmaWxsPSIjMTUxODIyIiBjeD0iNyIgY3k9IjciIHI9IjQuOSIvPjxwYXRoIGQ9Ik03IDEuNGE1LjYgNS42IDAgMSAxIDAgMTEuMkE1LjYgNS42IDAgMCAxIDcgMS40em0uNyA3SDYuM3YxLjRoMS40VjguNHptMC00LjJINi4zdjMuNWgxLjRWNC4yeiIgZmlsbD0iIzI2ODRGRiIvPjwvZz48L2c+PC9zdmc+);
  --icon-status-search: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iIzE1MTgyMiIgb3BhY2l0eT0iLjUiLz48cGF0aCBmaWxsPSIjMjYyRjNFIiBkPSJNMTkgMjNoMTVsNCA0aDE5djMwSDE5eiIvPjxwYXRoIGQ9Ik02My40MzEgMzNMNTcgNTdIMTlsNi40MzEtMjRoMzh6IiBmaWxsPSIjNEU2MDgwIi8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDggNDQpIj48Y2lyY2xlIGZpbGw9IiNGRkYiIGN4PSIxMCIgY3k9IjEwIiByPSI3Ii8+PHBhdGggZD0iTTEwIDJhOCA4IDAgMSAwIDAgMTYgOCA4IDAgMCAwIDAtMTZ6IiBmaWxsPSIjMjY4NEZGIi8+PHBhdGggZD0iTTkuMjUyIDVhNC4yNTIgNC4yNTIgMCAwIDEgMy42MyA2LjQ2N2wxLjc3NSAxLjc3Ni0xLjQxNCAxLjQxNC0xLjc3Ni0xLjc3NkE0LjI1MiA0LjI1MiAwIDEgMSA5LjI1MSA1em0wIDJhMi4yNTIgMi4yNTIgMCAxIDAgMCA0LjUwNCAyLjI1MiAyLjI1MiAwIDAgMCAwLTQuNTA0eiIgZmlsbD0iIzE1MTgyMiIvPjwvZz48L2c+PC9zdmc+);
  --icon-status-search-s: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjMjYyRjNFIiBkPSJNMTMuMyAxNi4xaDEwLjVsMi44IDIuOGgxMy4zdjIxSDEzLjN6Ii8+PHBhdGggZD0iTTQ0LjQwMiAyMy4xTDM5LjkgMzkuOUgxMy4zbDQuNTAyLTE2LjhoMjYuNnoiIGZpbGw9IiM0RTYwODAiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMy42IDMwLjgpIj48Y2lyY2xlIGZpbGw9IiNGRkYiIGN4PSI3IiBjeT0iNyIgcj0iNC45Ii8+PHBhdGggZD0iTTcgMS40YTUuNiA1LjYgMCAxIDAgMCAxMS4yQTUuNiA1LjYgMCAwIDAgNyAxLjR6IiBmaWxsPSIjMjY4NEZGIi8+PHBhdGggZD0iTTYuNDc2IDMuNWEyLjk3NiAyLjk3NiAwIDAgMSAyLjU0MSA0LjUyN0wxMC4yNiA5LjI3bC0uOTkuOTktMS4yNDMtMS4yNDNBMi45NzYgMi45NzYgMCAxIDEgNi40NzcgMy41em0wIDEuNGExLjU3NiAxLjU3NiAwIDEgMCAwIDMuMTUzIDEuNTc2IDEuNTc2IDAgMCAwIDAtMy4xNTN6IiBmaWxsPSIjMTUxODIyIi8+PC9nPjwvZz48L3N2Zz4=);
  --icon-status-upload: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iIzE1MTgyMiIgb3BhY2l0eT0iLjUiLz48cGF0aCBmaWxsPSIjNEU2MDgwIiBkPSJNMjAgNTZWMjRoNDB2MzJ6Ii8+PHBhdGggZD0iTTMxIDMyLjEzbDE4IDE4IDEuNDE0LTEuNDE0LTUtNUw1MSAzOC4xM2w5IDlWNTZIMjBWNDMuMTI5bDExLTExeiIgZmlsbD0iIzI2MkYzRSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4IDQ0KSI+PGNpcmNsZSBmaWxsPSIjMTUxODIyIiBjeD0iMTAiIGN5PSIxMCIgcj0iNyIvPjxwYXRoIGQ9Ik0xNCAxMWgtM3YzSDl2LTNINlY5aDNWNmgydjNoM3Yyek0yIDEwYTggOCAwIDEgMCAxNiAwIDggOCAwIDAgMC0xNiAweiIgZmlsbD0iIzI2ODRGRiIvPjwvZz48L2c+PC9zdmc+);
  --icon-status-upload-s: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjNEU2MDgwIiBkPSJNMTQgMzkuMlYxNi44aDI4djIyLjR6Ii8+PHBhdGggZD0iTTIxLjcgMjIuNDkxbDEyLjYgMTIuNi45OS0uOTktMy41MDEtMy41IDMuOTExLTMuOTEgNi4zIDYuM1YzOS4ySDE0di05LjAxbDcuNy03LjY5OXoiIGZpbGw9IiMyNjJGM0UiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMy42IDMwLjgpIj48Y2lyY2xlIGZpbGw9IiMxNTE4MjIiIGN4PSI3IiBjeT0iNyIgcj0iNC45Ii8+PHBhdGggZD0iTTkuOCA3LjdINy43djIuMUg2LjNWNy43SDQuMlY2LjNoMi4xVjQuMmgxLjR2Mi4xaDIuMXYxLjR6TTEuNCA3YTUuNiA1LjYgMCAxIDAgMTEuMiAwQTUuNiA1LjYgMCAwIDAgMS40IDd6IiBmaWxsPSIjMjY4NEZGIi8+PC9nPjwvZz48L3N2Zz4=);
  --icon-status-blank-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOC45OSAyMy45MzJhMiAyIDAgMCAxIDIuNDUtMS40MTVsMTguODk5IDUuMDY0YTIgMiAwIDAgMSAxLjQxNiAyLjQ0TDU2LjUgNTAuMDI2IDQ3Ljk5OSA1NGwtMTQuMDI0LTMuNDg0YTIgMiAwIDAgMS0xLjQ1LTIuNDU4bDYuNDY1LTI0LjEyNnoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjE5IC4xOSAuMTkpIi8+PHBhdGggZD0iTTQ5LjM4MiA0OS44NTRMNDggNTRsOC41LTQtNC42MzItMS40MjVhMiAyIDAgMCAwLTIuNDg2IDEuMjc5eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuMyAuMyAuMykiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuMDc4IDE5LjA5NmEyIDIgMCAwIDEgMS40MTQtMi40NWwyNy4zMTgtNy4zMmEyIDIgMCAwIDEgMi40NSAxLjQxNGw5LjAwNSAzMy42MDhhMiAyIDAgMCAxLTEuNDE0IDIuNDVsLTI3LjMxOCA3LjMyYTIgMiAwIDAgMS0yLjQ1LTEuNDE1TDIuMDc4IDE5LjA5NnoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjI0IC4yNCAuMjQpIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjgzIDI0Ljk2M2wxOS4zMTgtNS4xNzYgMS4wMzYgMy44NjQtMTkuMzE5IDUuMTc2LTEuMDM1LTMuODY0em0xLjU1MyA1Ljc5NmwxMC40NDEtMi43OTggMS4wMzUgMy44NjQtMTAuNDQxIDIuNzk4LTEuMDM1LTMuODY0eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuMzkgLjM5IC4zOSkiLz48cGF0aCBkPSJNNTggMTAuNWwuMzg3IDEuMDQ1YTMuNSAzLjUgMCAwIDAgMi4wNjggMi4wNjhMNjEuNSAxNGwtMS4wNDUuMzg3YTMuNSAzLjUgMCAwIDAtMi4wNjggMi4wNjhMNTggMTcuNWwtLjM4Ny0xLjA0NWEzLjUgMy41IDAgMCAwLTIuMDY4LTIuMDY4TDU0LjUgMTRsMS4wNDUtLjM4N2EzLjUgMy41IDAgMCAwIDIuMDY4LTIuMDY4TDU4IDEwLjV6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC43NCAuNzQgLjc0KSIvPjwvc3ZnPg==);
  --icon-status-blank-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOC45OSAyMy45MzJhMiAyIDAgMCAxIDIuNDUtMS40MTVsMTguODk5IDUuMDY0YTIgMiAwIDAgMSAxLjQxNiAyLjQ0TDU2LjUgNTAuMDI2IDQ3Ljk5OSA1NGwtMTQuMDI0LTMuNDg0YTIgMiAwIDAgMS0xLjQ1LTIuNDU4bDYuNDY1LTI0LjEyNnoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjE5IC4xOSAuMTkpIi8+PHBhdGggZD0iTTQ5LjM4MiA0OS44NTRMNDggNTRsOC41LTQtNC42MzItMS40MjVhMiAyIDAgMCAwLTIuNDg2IDEuMjc5eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuMyAuMyAuMykiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuMDc4IDE5LjA5NmEyIDIgMCAwIDEgMS40MTQtMi40NWwyNy4zMTgtNy4zMmEyIDIgMCAwIDEgMi40NSAxLjQxNGw5LjAwNSAzMy42MDhhMiAyIDAgMCAxLTEuNDE0IDIuNDVsLTI3LjMxOCA3LjMyYTIgMiAwIDAgMS0yLjQ1LTEuNDE1TDIuMDc4IDE5LjA5NnoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjI0IC4yNCAuMjQpIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjgzIDI0Ljk2M2wxOS4zMTgtNS4xNzYgMS4wMzYgMy44NjQtMTkuMzE5IDUuMTc2LTEuMDM1LTMuODY0em0xLjU1MyA1Ljc5NmwxMC40NDEtMi43OTggMS4wMzUgMy44NjQtMTAuNDQxIDIuNzk4LTEuMDM1LTMuODY0eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuMzkgLjM5IC4zOSkiLz48cGF0aCBkPSJNNTggMTAuNWwuMzg3IDEuMDQ1YTMuNSAzLjUgMCAwIDAgMi4wNjggMi4wNjhMNjEuNSAxNGwtMS4wNDUuMzg3YTMuNSAzLjUgMCAwIDAtMi4wNjggMi4wNjhMNTggMTcuNWwtLjM4Ny0xLjA0NWEzLjUgMy41IDAgMCAwLTIuMDY4LTIuMDY4TDU0LjUgMTRsMS4wNDUtLjM4N2EzLjUgMy41IDAgMCAwIDIuMDY4LTIuMDY4TDU4IDEwLjV6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC43NCAuNzQgLjc0KSIvPjwvc3ZnPg==);
  --icon-status-chart-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI2Ljc3IDkuNzNsMy4zNDIgMy4zNDJTMTguNjggMzEuNTg2IDQuNSAzMS41ODZjMTUuMjMgMCAzMC4wNjgtMTQuMDU3IDMwLjA2OC0xNC4wNTdsMy4zNDIgMy4zNDIgMS45NTMtMTMuMDk0TDI2Ljc3IDkuNzN6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4yMyAuMjMgLjIzKSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEgNDlWMzRoMTF2MTVIMTF6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4zMDk4IC4zMDk4IC4zMDk4KSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjYgNDlWMjhoMTF2MjFIMjZ6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4yNTEgLjI1MSAuMjUxKSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDEgNDguOTQzVjE4LjI3aDExdjMwLjY3M0g0MXoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjIxIC4yMSAuMjEpIi8+PHBhdGggZD0iTTEwIDUzaDQ0IiBzdHJva2U9ImNvbG9yKGRpc3BsYXktcDMgLjMwOTggLjMwOTggLjMwOTgpIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=);
  --icon-status-chart-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI2Ljc3IDkuNzNsMy4zNDIgMy4zNDJTMTguNjggMzEuNTg2IDQuNSAzMS41ODZjMTUuMjMgMCAzMC4wNjgtMTQuMDU3IDMwLjA2OC0xNC4wNTdsMy4zNDIgMy4zNDIgMS45NTMtMTMuMDk0TDI2Ljc3IDkuNzN6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4yMyAuMjMgLjIzKSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEgNDlWMzRoMTF2MTVIMTF6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4zMDk4IC4zMDk4IC4zMDk4KSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjYgNDlWMjhoMTF2MjFIMjZ6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4yNTEgLjI1MSAuMjUxKSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDEgNDguOTQzVjE4LjI3aDExdjMwLjY3M0g0MXoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjIxIC4yMSAuMjEpIi8+PHBhdGggZD0iTTEwIDUzaDQ0IiBzdHJva2U9ImNvbG9yKGRpc3BsYXktcDMgLjMwOTggLjMwOTggLjMwOTgpIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=);
  --icon-status-loading-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMzIiIGN5PSIzMiIgcj0iMjQiIHN0cm9rZT0iY29sb3IoZGlzcGxheS1wMyAuMjEgLjIxIC4yMSkiIHN0cm9rZS13aWR0aD0iMyIvPjxwYXRoIGQ9Ik01NiAzMkM1NiAxOC43NDUgNDUuMjU1IDggMzIgOCIgc3Ryb2tlPSJjb2xvcihkaXNwbGF5LXAzIC4zOSAuMzkgLjM5KSIgc3Ryb2tlLXdpZHRoPSIzIi8+PC9zdmc+);
  --icon-status-loading-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMzIiIGN5PSIzMiIgcj0iMjQiIHN0cm9rZT0iY29sb3IoZGlzcGxheS1wMyAuMjEgLjIxIC4yMSkiIHN0cm9rZS13aWR0aD0iMyIvPjxwYXRoIGQ9Ik01NiAzMkM1NiAxOC43NDUgNDUuMjU1IDggMzIgOCIgc3Ryb2tlPSJjb2xvcihkaXNwbGF5LXAzIC4zOSAuMzkgLjM5KSIgc3Ryb2tlLXdpZHRoPSIzIi8+PC9zdmc+);
  --icon-status-network-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMy44NDYgMjUuOTM4TDMyLjUgMzAuMTk2aDUuMDJsLTEuMTY2IDUuNjI3Yy01LjY0NS0xLjMyLTExLjc4NC4zNTMtMTYuMTc1IDUuMDE5bC02LjMwOC02LjcwNGM1LjQ4OS01LjgzMiAxMi43ODktOC41NjYgMTkuOTc1LTguMnptMS4zNTYtNC4yOWMtOC42OTMtLjgxNS0xNy42NTEgMi4zMTMtMjQuMzA0IDkuMzgzTDQuNSAyNC4yMzNjOS4xNzItOS43NDcgMjEuNzI0LTEzLjcxNCAzMy42NDYtMTEuOWwtMi45NDQgOS4zMTV6bTguNDY4IDYuODQzbC0zLjcxNyA4LjYyMmExNy41MTkgMTcuNTE5IDAgMCAxIDUuMDEgMy43MjdsNi4zMS02LjcwNC0uMzEyLS4zMjZhMjYuMzc3IDI2LjM3NyAwIDAgMC03LjI5MS01LjMyek0zNS4zMzYgNDAuNzNjLTQuMTIxLS45OTctOC42Mi4yMS0xMS44MyAzLjYybDguOTkzIDkuNTU2LjEzNC0uMTQzIDIuNzAzLTEzLjAzM3pNMzIuOSA1My40ODFsNS4wNzYtMTEuNzc3YTEyLjczIDEyLjczIDAgMCAxIDMuNTE3IDIuNjQ1bC04LjU5MyA5LjEzMnptOC43NjYtMzAuNDcybDMuMDU2LTkuMDU5YzUuNTc1IDEuOTE3IDEwLjgzIDUuMTggMTUuMzEyIDkuNzkybC40NjcuNDg4LTYuMzk4IDYuNzk5Yy0zLjYwNS0zLjgzMS03Ljg4Ny02LjUwNC0xMi40MzctOC4wMnoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjIxIC4yMSAuMjEpIi8+PGNpcmNsZSBjeD0iNDUuNSIgY3k9IjQ4IiByPSI3IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4zOSAuMzkgLjM5KSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDYuMjA3IDUxLjgyNGgtMS40MTJ2LTEuNDExaDEuNDEydjEuNDExek00Ni41IDQ0bC0uMjM4IDUuMDUxaC0xLjUyNEw0NC41IDQ0aDJ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
  --icon-status-network-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMy44NDYgMjUuOTM4TDMyLjUgMzAuMTk2aDUuMDJsLTEuMTY2IDUuNjI3Yy01LjY0NS0xLjMyLTExLjc4NC4zNTMtMTYuMTc1IDUuMDE5bC02LjMwOC02LjcwNGM1LjQ4OS01LjgzMiAxMi43ODktOC41NjYgMTkuOTc1LTguMnptMS4zNTYtNC4yOWMtOC42OTMtLjgxNS0xNy42NTEgMi4zMTMtMjQuMzA0IDkuMzgzTDQuNSAyNC4yMzNjOS4xNzItOS43NDcgMjEuNzI0LTEzLjcxNCAzMy42NDYtMTEuOWwtMi45NDQgOS4zMTV6bTguNDY4IDYuODQzbC0zLjcxNyA4LjYyMmExNy41MTkgMTcuNTE5IDAgMCAxIDUuMDEgMy43MjdsNi4zMS02LjcwNC0uMzEyLS4zMjZhMjYuMzc3IDI2LjM3NyAwIDAgMC03LjI5MS01LjMyek0zNS4zMzYgNDAuNzNjLTQuMTIxLS45OTctOC42Mi4yMS0xMS44MyAzLjYybDguOTkzIDkuNTU2LjEzNC0uMTQzIDIuNzAzLTEzLjAzM3pNMzIuOSA1My40ODFsNS4wNzYtMTEuNzc3YTEyLjczIDEyLjczIDAgMCAxIDMuNTE3IDIuNjQ1bC04LjU5MyA5LjEzMnptOC43NjYtMzAuNDcybDMuMDU2LTkuMDU5YzUuNTc1IDEuOTE3IDEwLjgzIDUuMTggMTUuMzEyIDkuNzkybC40NjcuNDg4LTYuMzk4IDYuNzk5Yy0zLjYwNS0zLjgzMS03Ljg4Ny02LjUwNC0xMi40MzctOC4wMnoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjIxIC4yMSAuMjEpIi8+PGNpcmNsZSBjeD0iNDUuNSIgY3k9IjQ4IiByPSI3IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4zOSAuMzkgLjM5KSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDYuMjA3IDUxLjgyNGgtMS40MTJ2LTEuNDExaDEuNDEydjEuNDExek00Ni41IDQ0bC0uMjM4IDUuMDUxaC0xLjUyNEw0NC41IDQ0aDJ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
  --icon-status-no-permission-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMzIiIGN5PSIzMiIgcj0iMjYiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjIxIC4yMSAuMjEpIi8+PHBhdGggZD0iTTM4LjYyIDI2LjcxNnYtMy4wNDNhNi42NjMgNi42NjMgMCAwIDAtNi42NjQtNi42NjN2MGE2LjY2MyA2LjY2MyAwIDAgMC02LjY2MyA2LjY2M3YzLjA0MyIgc3Ryb2tlPSJjb2xvcihkaXNwbGF5LXAzIC40MiAuNDIgLjQyKSIgc3Ryb2tlLXdpZHRoPSIzLjk5OCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjxwYXRoIGQ9Ik0xOS40NjUgMjguOTA4aDI0Ljk4OHYxNi42NTlIMTkuNDY1VjI4LjkwOHoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjMyIC4zMiAuMzIpIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMS4yNDIgNDIuMDE0VjM3Ljg1aDEuNDI4djQuMTY0aC0xLjQyOHoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjc0IC43NCAuNzQpIi8+PHBhdGggZD0iTTI5LjczNCAzNC45MjdhMi4xNDMgMi4xNDMgMCAxIDAgNC4yODYgMCAyLjE0MyAyLjE0MyAwIDAgMC00LjI4NiAweiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuNzQgLjc0IC43NCkiLz48L3N2Zz4=);
  --icon-status-no-permission-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMzIiIGN5PSIzMiIgcj0iMjYiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjIxIC4yMSAuMjEpIi8+PHBhdGggZD0iTTM4LjYyIDI2LjcxNnYtMy4wNDNhNi42NjMgNi42NjMgMCAwIDAtNi42NjQtNi42NjN2MGE2LjY2MyA2LjY2MyAwIDAgMC02LjY2MyA2LjY2M3YzLjA0MyIgc3Ryb2tlPSJjb2xvcihkaXNwbGF5LXAzIC40MiAuNDIgLjQyKSIgc3Ryb2tlLXdpZHRoPSIzLjk5OCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjxwYXRoIGQ9Ik0xOS40NjUgMjguOTA4aDI0Ljk4OHYxNi42NTlIMTkuNDY1VjI4LjkwOHoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjMyIC4zMiAuMzIpIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMS4yNDIgNDIuMDE0VjM3Ljg1aDEuNDI4djQuMTY0aC0xLjQyOHoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjc0IC43NCAuNzQpIi8+PHBhdGggZD0iTTI5LjczNCAzNC45MjdhMi4xNDMgMi4xNDMgMCAxIDAgNC4yODYgMCAyLjE0MyAyLjE0MyAwIDAgMC00LjI4NiAweiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuNzQgLjc0IC43NCkiLz48L3N2Zz4=);
  --icon-status-pay-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk2NyA0Mi4xYTEgMSAwIDAgMS0uNzA3LTEuMjI0bDguMjgyLTMwLjkxYTEgMSAwIDAgMSAxLjIyNS0uNzA3TDYwLjMgMjAuMzg4YTEgMSAwIDAgMSAuNzA4IDEuMjI1bC04LjI4MyAzMC45MWExIDEgMCAwIDEtMS4yMjQuNzA2TDkuOTY3IDQyLjF6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4xOSAuMTkgLjE5KSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA1M2ExIDEgMCAwIDEtMS0xVjIwYTEgMSAwIDAgMSAxLTFoNDNhMSAxIDAgMCAxIDEgMXYzMmExIDEgMCAwIDEtMSAxSDl6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4yNCAuMjQgLjI0KSIvPjxwYXRoIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjkwMiAuOTAyIC45MDIpIiBkPSJNMTQgNDVoMnYyaC0yem01IDBoMnYyaC0yeiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOCAzNXYtOWg0NXY5SDh6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4zMDk4IC4zMDk4IC4zMDk4KSIvPjxwYXRoIGQ9Ik00OCA0MGgtN3Y3aDd2LTd6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4zMDk4IC4zMDk4IC4zMDk4KSIvPjwvc3ZnPg==);
  --icon-status-pay-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljk2NyA0Mi4xYTEgMSAwIDAgMS0uNzA3LTEuMjI0bDguMjgyLTMwLjkxYTEgMSAwIDAgMSAxLjIyNS0uNzA3TDYwLjMgMjAuMzg4YTEgMSAwIDAgMSAuNzA4IDEuMjI1bC04LjI4MyAzMC45MWExIDEgMCAwIDEtMS4yMjQuNzA2TDkuOTY3IDQyLjF6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4xOSAuMTkgLjE5KSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSA1M2ExIDEgMCAwIDEtMS0xVjIwYTEgMSAwIDAgMSAxLTFoNDNhMSAxIDAgMCAxIDEgMXYzMmExIDEgMCAwIDEtMSAxSDl6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4yNCAuMjQgLjI0KSIvPjxwYXRoIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjkwMiAuOTAyIC45MDIpIiBkPSJNMTQgNDVoMnYyaC0yem01IDBoMnYyaC0yeiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOCAzNXYtOWg0NXY5SDh6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4zMDk4IC4zMDk4IC4zMDk4KSIvPjxwYXRoIGQ9Ik00OCA0MGgtN3Y3aDd2LTd6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4zMDk4IC4zMDk4IC4zMDk4KSIvPjwvc3ZnPg==);
  --icon-status-search-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iMTAiIHk9IjEzIiB3aWR0aD0iNDQiIGhlaWdodD0iMTEiIHJ4PSIxIiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4zMDk4IC4zMDk4IC4zMDk4KSIvPjxyZWN0IHg9IjEwIiB5PSIyNiIgd2lkdGg9IjExIiBoZWlnaHQ9IjI1IiByeD0iMSIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuMjEgLjIxIC4yMSkiLz48cmVjdCB4PSIyMyIgeT0iMjYiIHdpZHRoPSIzMSIgaGVpZ2h0PSIyNSIgcng9IjEiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjIxIC4yMSAuMjEpIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ni43NSA0OS41ODNhNS44MzMgNS44MzMgMCAxIDAgMC0xMS42NjYgNS44MzMgNS44MzMgMCAwIDAgMCAxMS42NjZ6bTAgMS42NjdhNy41IDcuNSAwIDEgMCAwLTE1IDcuNSA3LjUgMCAwIDAgMCAxNXoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjYyIC42MiAuNjIpIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Ni4xNiA1NC4zMzlsLTUtNSAxLjE3OS0xLjE3OSA1IDUtMS4xNzkgMS4xNzl6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC42MiAuNjIgLjYyKSIvPjwvc3ZnPg==);
  --icon-status-search-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iMTAiIHk9IjEzIiB3aWR0aD0iNDQiIGhlaWdodD0iMTEiIHJ4PSIxIiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4zMDk4IC4zMDk4IC4zMDk4KSIvPjxyZWN0IHg9IjEwIiB5PSIyNiIgd2lkdGg9IjExIiBoZWlnaHQ9IjI1IiByeD0iMSIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuMjEgLjIxIC4yMSkiLz48cmVjdCB4PSIyMyIgeT0iMjYiIHdpZHRoPSIzMSIgaGVpZ2h0PSIyNSIgcng9IjEiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjIxIC4yMSAuMjEpIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ni43NSA0OS41ODNhNS44MzMgNS44MzMgMCAxIDAgMC0xMS42NjYgNS44MzMgNS44MzMgMCAwIDAgMCAxMS42NjZ6bTAgMS42NjdhNy41IDcuNSAwIDEgMCAwLTE1IDcuNSA3LjUgMCAwIDAgMCAxNXoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjYyIC42MiAuNjIpIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Ni4xNiA1NC4zMzlsLTUtNSAxLjE3OS0xLjE3OSA1IDUtMS4xNzkgMS4xNzl6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC42MiAuNjIgLjYyKSIvPjwvc3ZnPg==);
  --icon-status-upload-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ3LjQ4NiAyNS41ODZhMS4yMiAxLjIyIDAgMCAxLS44OTQtLjkzIDE2LjA2IDE2LjA2IDAgMCAwLTUuMjUzLTguOTEzIDE1Ljg2NyAxNS44NjcgMCAwIDAtMTAuMzQtMy44MzdjLTMuNzkgMC03LjQ1NSAxLjM2LTEwLjMzOCAzLjgzN2ExNi4wNiAxNi4wNiAwIDAgMC01LjI1MyA4LjkxMyAxLjIyIDEuMjIgMCAwIDEtLjg5NS45MyAxMy4yNzEgMTMuMjcxIDAgMCAwLTcuMzU3IDQuOTM1IDEzLjQzIDEzLjQzIDAgMCAwIDEuNjY4IDE3Ljg5IDEzLjIyNiAxMy4yMjYgMCAwIDAgOC45MTQgMy40OTVINDQuMjg3YTEzLjIyNyAxMy4yMjcgMCAwIDAgOC45MDMtMy41MDkgMTMuNDMgMTMuNDMgMCAwIDAgMS42NDktMTcuODgyIDEzLjI3IDEzLjI3IDAgMCAwLTcuMzU0LTQuOTN6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4yMSAuMjEgLjIxKSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjcuMjQyIDQ2LjgxM1YzNy41aC02LjM4N2wxMC42NDYtMTMuNzNMNDIuMTQ1IDM3LjVoLTYuMzg3djkuMzEzaC04LjUxNnptOC41MTYgMS4wNTVoLTguNTE2djQuMDM4aDguNTE2di00LjAzOHoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjM5IC4zOSAuMzkpIi8+PHBhdGggZD0iTTguNSAxM2wuNDQyIDEuMTk1YTQgNCAwIDAgMCAyLjM2MyAyLjM2M0wxMi41IDE3bC0xLjE5NS40NDJhNCA0IDAgMCAwLTIuMzYzIDIuMzYzTDguNSAyMWwtLjQ0Mi0xLjE5NWE0IDQgMCAwIDAtMi4zNjMtMi4zNjNMNC41IDE3bDEuMTk1LS40NDJhNCA0IDAgMCAwIDIuMzYzLTIuMzYzTDguNSAxM3oiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjYyIC42MiAuNjIpIi8+PC9zdmc+);
  --icon-status-upload-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ3LjQ4NiAyNS41ODZhMS4yMiAxLjIyIDAgMCAxLS44OTQtLjkzIDE2LjA2IDE2LjA2IDAgMCAwLTUuMjUzLTguOTEzIDE1Ljg2NyAxNS44NjcgMCAwIDAtMTAuMzQtMy44MzdjLTMuNzkgMC03LjQ1NSAxLjM2LTEwLjMzOCAzLjgzN2ExNi4wNiAxNi4wNiAwIDAgMC01LjI1MyA4LjkxMyAxLjIyIDEuMjIgMCAwIDEtLjg5NS45MyAxMy4yNzEgMTMuMjcxIDAgMCAwLTcuMzU3IDQuOTM1IDEzLjQzIDEzLjQzIDAgMCAwIDEuNjY4IDE3Ljg5IDEzLjIyNiAxMy4yMjYgMCAwIDAgOC45MTQgMy40OTVINDQuMjg3YTEzLjIyNyAxMy4yMjcgMCAwIDAgOC45MDMtMy41MDkgMTMuNDMgMTMuNDMgMCAwIDAgMS42NDktMTcuODgyIDEzLjI3IDEzLjI3IDAgMCAwLTcuMzU0LTQuOTN6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4yMSAuMjEgLjIxKSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjcuMjQyIDQ2LjgxM1YzNy41aC02LjM4N2wxMC42NDYtMTMuNzNMNDIuMTQ1IDM3LjVoLTYuMzg3djkuMzEzaC04LjUxNnptOC41MTYgMS4wNTVoLTguNTE2djQuMDM4aDguNTE2di00LjAzOHoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjM5IC4zOSAuMzkpIi8+PHBhdGggZD0iTTguNSAxM2wuNDQyIDEuMTk1YTQgNCAwIDAgMCAyLjM2MyAyLjM2M0wxMi41IDE3bC0xLjE5NS40NDJhNCA0IDAgMCAwLTIuMzYzIDIuMzYzTDguNSAyMWwtLjQ0Mi0xLjE5NWE0IDQgMCAwIDAtMi4zNjMtMi4zNjNMNC41IDE3bDEuMTk1LS40NDJhNCA0IDAgMCAwIDIuMzYzLTIuMzYzTDguNSAxM3oiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjYyIC42MiAuNjIpIi8+PC9zdmc+);
  --icon-status-error-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC4yMSAxNC44MDZMOC4yOSAxNi4yMjZhMS4wNjcgMS4wNjcgMCAwIDAtLjk4OCAxLjE0MmwyLjM1NSAzMy4wMDhjLjA0Mi41ODkuNTUyIDEuMDMxIDEuMTQuOTlsMTMuOTc1LS45OTggOS4xMjQtMTQuMDk2LTExLjg2OC03Ljk5NCA2LjE4LTEzLjQ3MnoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjIxIC4yMSAuMjEpIi8+PHBhdGggZD0iTTcuMjkzIDE3LjM2OGExIDEgMCAwIDEgLjkyNS0xLjA3NGwxOS45ODYtMS40NS0yLjgyNyA2LjA5LTE3LjcwMyAxLjM4LS4zODEtNC45NDZ6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4yNTg4IC4yNTg4IC4yNTg4KSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjUuMTggNTAuMjcybDI1LjMyMy42MTZhMS4wNjcgMS4wNjcgMCAwIDAgMS4wOTMtMS4wNDJsLjgwNC0zMy4wODNhMS4wNjggMS4wNjggMCAwIDAtMS4wNDEtMS4wOTNsLTE1LjI2My0uMzctOS4yNDQgMTIuNTQgMTEuMzk2IDguMDlMMjUuMTggNTAuMjczeiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuMjEgLjIxIC4yMSkiLz48cGF0aCBkPSJNMzYuMTE5IDE1LjMxbDE1LjMxNi4zNjhhMSAxIDAgMCAxIC45NzYgMS4wMjdsLS4xMzggNC45MTctMjAuMzgtLjY2MyA0LjIyNi01LjY0OHoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjI1ODggLjI1ODggLjI1ODgpIi8+PGNpcmNsZSBjeD0iNDkuNSIgY3k9IjQ3IiByPSI3IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4zOSAuMzkgLjM5KSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTAuMjA3IDUwLjgyNGgtMS40MTJ2LTEuNDExaDEuNDEydjEuNDExek01MC41IDQzbC0uMjM4IDUuMDUxaC0xLjUyNEw0OC41IDQzaDJ6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTM0LjQ0NSA3LjIwOGwtMS4yNDkgNS43MjhjLS4wNjMuMjg4LjMzMi40MzUuNDczLjE3N2wyLjc4Ny01LjA5NWEuMjU1LjI1NSAwIDAgMC0uMTI2LS4zNThsLTEuNTM5LS42MzRhLjI1NS4yNTUgMCAwIDAtLjM0Ni4xODJ6bS03LjgzMiAyLjU1NmwyLjYxNyAzLjMzYy4xNzguMjI3LjUzNy4wMy40NDEtLjI0MmwtMS4zODgtMy45NDVhLjI1NS4yNTUgMCAwIDAtLjM1NS0uMTQ0bC0xLjIyOS42MTVhLjI1NS4yNTUgMCAwIDAtLjA4Ni4zODZ6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC42NiAuNjYgLjY2KSIvPjwvc3ZnPg==);
  --icon-status-error-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC4yMSAxNC44MDZMOC4yOSAxNi4yMjZhMS4wNjcgMS4wNjcgMCAwIDAtLjk4OCAxLjE0MmwyLjM1NSAzMy4wMDhjLjA0Mi41ODkuNTUyIDEuMDMxIDEuMTQuOTlsMTMuOTc1LS45OTggOS4xMjQtMTQuMDk2LTExLjg2OC03Ljk5NCA2LjE4LTEzLjQ3MnoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjIxIC4yMSAuMjEpIi8+PHBhdGggZD0iTTcuMjkzIDE3LjM2OGExIDEgMCAwIDEgLjkyNS0xLjA3NGwxOS45ODYtMS40NS0yLjgyNyA2LjA5LTE3LjcwMyAxLjM4LS4zODEtNC45NDZ6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4yNTg4IC4yNTg4IC4yNTg4KSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjUuMTggNTAuMjcybDI1LjMyMy42MTZhMS4wNjcgMS4wNjcgMCAwIDAgMS4wOTMtMS4wNDJsLjgwNC0zMy4wODNhMS4wNjggMS4wNjggMCAwIDAtMS4wNDEtMS4wOTNsLTE1LjI2My0uMzctOS4yNDQgMTIuNTQgMTEuMzk2IDguMDlMMjUuMTggNTAuMjczeiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuMjEgLjIxIC4yMSkiLz48cGF0aCBkPSJNMzYuMTE5IDE1LjMxbDE1LjMxNi4zNjhhMSAxIDAgMCAxIC45NzYgMS4wMjdsLS4xMzggNC45MTctMjAuMzgtLjY2MyA0LjIyNi01LjY0OHoiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjI1ODggLjI1ODggLjI1ODgpIi8+PGNpcmNsZSBjeD0iNDkuNSIgY3k9IjQ3IiByPSI3IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC4zOSAuMzkgLjM5KSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTAuMjA3IDUwLjgyNGgtMS40MTJ2LTEuNDExaDEuNDEydjEuNDExek01MC41IDQzbC0uMjM4IDUuMDUxaC0xLjUyNEw0OC41IDQzaDJ6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTM0LjQ0NSA3LjIwOGwtMS4yNDkgNS43MjhjLS4wNjMuMjg4LjMzMi40MzUuNDczLjE3N2wyLjc4Ny01LjA5NWEuMjU1LjI1NSAwIDAgMC0uMTI2LS4zNThsLTEuNTM5LS42MzRhLjI1NS4yNTUgMCAwIDAtLjM0Ni4xODJ6bS03LjgzMiAyLjU1NmwyLjYxNyAzLjMzYy4xNzguMjI3LjUzNy4wMy40NDEtLjI0MmwtMS4zODgtMy45NDVhLjI1NS4yNTUgMCAwIDAtLjM1NS0uMTQ0bC0xLjIyOS42MTVhLjI1NS4yNTUgMCAwIDAtLjA4Ni4zODZ6IiBmaWxsPSJjb2xvcihkaXNwbGF5LXAzIC42NiAuNjYgLjY2KSIvPjwvc3ZnPg==);
  --icon-status-positive-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iOS41IiB5PSIxMC45MDYiIHdpZHRoPSIzOCIgaGVpZ2h0PSI0MCIgcng9IjEiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjIxIC4yMSAuMjEpIi8+PHBhdGggZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuMzIgLjMyIC4zMikiIGQ9Ik0xNi41IDE5LjkwNmgyNHY0aC0yNHptMCA3aDEydjRoLTEyeiIvPjxwYXRoIGQ9Ik01My41IDYuOTA2bC4zMzIuODk2YTMgMyAwIDAgMCAxLjc3MiAxLjc3M2wuODk2LjMzMS0uODk2LjMzMmEzIDMgMCAwIDAtMS43NzIgMS43NzJsLS4zMzIuODk2LS4zMzItLjg5NmEzIDMgMCAwIDAtMS43NzItMS43NzJsLS44OTYtLjMzMi44OTYtLjMzMWEzIDMgMCAwIDAgMS43NzItMS43NzNsLjMzMi0uODk2eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuNjIgLjYyIC42MikiLz48cGF0aCBkPSJNNDUuNSAzMS4zMTNsNC4wNjEgNC4xOTUgNS44MzktLjA5NS0uMDk2IDUuODM5IDQuMTk2IDQuMDYtNC4xOTYgNC4wNjIuMDk2IDUuODM4LTUuODM5LS4wOTUtNC4wNjEgNC4xOTYtNC4wNjEtNC4xOTYtNS44MzkuMDk1LjA5Ni01LjgzOS00LjE5Ni00LjA2IDQuMTk2LTQuMDYyLS4wOTYtNS44MzggNS44MzkuMDk1IDQuMDYxLTQuMTk2eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuMzkgLjM5IC4zOSkiLz48cGF0aCBkPSJNNDEuNSA0NC4wNTFsMy4yMTYgMy4wNjUgNS40NjctNS4yMSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNjc5Ii8+PC9zdmc+);
  --icon-status-positive-s-v2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iOS41IiB5PSIxMC45MDYiIHdpZHRoPSIzOCIgaGVpZ2h0PSI0MCIgcng9IjEiIGZpbGw9ImNvbG9yKGRpc3BsYXktcDMgLjIxIC4yMSAuMjEpIi8+PHBhdGggZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuMzIgLjMyIC4zMikiIGQ9Ik0xNi41IDE5LjkwNmgyNHY0aC0yNHptMCA3aDEydjRoLTEyeiIvPjxwYXRoIGQ9Ik01My41IDYuOTA2bC4zMzIuODk2YTMgMyAwIDAgMCAxLjc3MiAxLjc3M2wuODk2LjMzMS0uODk2LjMzMmEzIDMgMCAwIDAtMS43NzIgMS43NzJsLS4zMzIuODk2LS4zMzItLjg5NmEzIDMgMCAwIDAtMS43NzItMS43NzJsLS44OTYtLjMzMi44OTYtLjMzMWEzIDMgMCAwIDAgMS43NzItMS43NzNsLjMzMi0uODk2eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuNjIgLjYyIC42MikiLz48cGF0aCBkPSJNNDUuNSAzMS4zMTNsNC4wNjEgNC4xOTUgNS44MzktLjA5NS0uMDk2IDUuODM5IDQuMTk2IDQuMDYtNC4xOTYgNC4wNjIuMDk2IDUuODM4LTUuODM5LS4wOTUtNC4wNjEgNC4xOTYtNC4wNjEtNC4xOTYtNS44MzkuMDk1LjA5Ni01LjgzOS00LjE5Ni00LjA2IDQuMTk2LTQuMDYyLS4wOTYtNS44MzggNS44MzkuMDk1IDQuMDYxLTQuMTk2eiIgZmlsbD0iY29sb3IoZGlzcGxheS1wMyAuMzkgLjM5IC4zOSkiLz48cGF0aCBkPSJNNDEuNSA0NC4wNTFsMy4yMTYgMy4wNjUgNS40NjctNS4yMSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNjc5Ii8+PC9zdmc+);
  --button-color-bg-solid-default-brand: var(--tea-color-bg-brand-default);
  --button-color-bg-solid-hover-brand: var(--tea-color-bg-brand-hover);
  --button-color-bg-solid-active-brand: var(--tea-color-bg-brand-active);
  --button-color-bg-solid-focus-brand: var(--tea-color-bg-brand-focus);
  --button-color-bg-solid-disabled-brand: var(--tea-color-bg-brand-disabled);
  --button-color-border-solid-default-brand: var(--tea-color-border-on-bg-brand-default);
  --button-color-border-solid-hover-brand: var(--tea-color-border-on-bg-brand-hover);
  --button-color-border-solid-active-brand: var(--tea-color-border-on-bg-brand-active);
  --button-color-border-solid-focus-brand: var(--tea-color-border-on-bg-brand-focus);
  --button-color-border-solid-disabled-brand: var(--tea-color-border-on-bg-brand-disabled);
  --button-color-text-solid-default-brand: var(--tea-color-text-on-bg-brand-default);
  --button-color-text-solid-hover-brand: var(--tea-color-text-on-bg-brand-default);
  --button-color-text-solid-active-brand: var(--tea-color-text-on-bg-brand-default);
  --button-color-text-solid-focus-brand: var(--tea-color-text-on-bg-brand-default);
  --button-color-text-solid-disabled-brand: var(--tea-color-text-on-bg-brand-disabled);
  --button-color-bg-solid-default-warning: var(--tea-color-bg-warning-default);
  --button-color-bg-solid-hover-warning: var(--tea-color-bg-warning-hover);
  --button-color-bg-solid-active-warning: var(--tea-color-bg-warning-active);
  --button-color-bg-solid-focus-warning: var(--tea-color-bg-warning-focus);
  --button-color-bg-solid-disabled-warning: var(--tea-color-bg-warning-disabled);
  --button-color-border-solid-default-warning: var(--tea-color-border-on-bg-warning-default);
  --button-color-border-solid-hover-warning: var(--tea-color-border-on-bg-warning-hover);
  --button-color-border-solid-active-warning: var(--tea-color-border-on-bg-warning-active);
  --button-color-border-solid-focus-warning: var(--tea-color-border-on-bg-warning-focus);
  --button-color-border-solid-disabled-warning: var(--tea-color-border-on-bg-warning-disabled);
  --button-color-text-solid-default-warning: var(--tea-color-text-on-bg-warning-default);
  --button-color-text-solid-hover-warning: var(--tea-color-text-on-bg-warning-default);
  --button-color-text-solid-active-warning: var(--tea-color-text-on-bg-warning-default);
  --button-color-text-solid-focus-warning: var(--tea-color-text-on-bg-warning-default);
  --button-color-text-solid-disabled-warning: var(--tea-color-text-on-bg-warning-disabled);
  --button-color-bg-solid-default-error: var(--tea-color-bg-error-default);
  --button-color-bg-solid-hover-error: var(--tea-color-bg-error-hover);
  --button-color-bg-solid-active-error: var(--tea-color-bg-error-active);
  --button-color-bg-solid-focus-error: var(--tea-color-bg-error-focus);
  --button-color-bg-solid-disabled-error: var(--tea-color-bg-error-disabled);
  --button-color-border-solid-default-error: var(--tea-color-border-on-bg-error-default);
  --button-color-border-solid-hover-error: var(--tea-color-border-on-bg-error-hover);
  --button-color-border-solid-active-error: var(--tea-color-border-on-bg-error-active);
  --button-color-border-solid-focus-error: var(--tea-color-border-on-bg-error-focus);
  --button-color-border-solid-disabled-error: var(--tea-color-border-on-bg-error-disabled);
  --button-color-text-solid-default-error: var(--tea-color-text-on-bg-error-default);
  --button-color-text-solid-hover-error: var(--tea-color-text-on-bg-error-default);
  --button-color-text-solid-active-error: var(--tea-color-text-on-bg-error-default);
  --button-color-text-solid-focus-error: var(--tea-color-text-on-bg-error-default);
  --button-color-text-solid-disabled-error: var(--tea-color-text-on-bg-error-disabled);
  --button-color-bg-outline-default-neutral: var(--tea-color-bg-primary-default);
  --button-color-bg-outline-hover-neutral: var(--tea-color-bg-primary-hover);
  --button-color-bg-outline-active-neutral: var(--tea-color-bg-primary-active);
  --button-color-bg-outline-focus-neutral: var(--tea-color-bg-primary-default);
  --button-color-bg-outline-disabled-neutral: var(--tea-color-bg-primary-default);
  --button-color-border-outline-default-neutral: var(--tea-color-border-primary-default);
  --button-color-border-outline-hover-neutral: var(--tea-color-border-primary-default);
  --button-color-border-outline-active-neutral: var(--tea-color-border-primary-default);
  --button-color-border-outline-focus-neutral: var(--tea-color-border-primary-default);
  --button-color-border-outline-disabled-neutral: var(--tea-color-border-primary-disabled);
  --button-color-text-outline-default-neutral: var(--tea-color-text-primary);
  --button-color-text-outline-hover-neutral: var(--tea-color-text-primary);
  --button-color-text-outline-active-neutral: var(--tea-color-text-primary);
  --button-color-text-outline-focus-neutral: var(--tea-color-text-primary);
  --button-color-text-outline-disabled-neutral: var(--tea-color-text-disabled);
  --button-size-height-sm: 24px;
  --button-size-height-md: var(--tea-form-height-default);
  --button-size-height-lg: 40px;
  --button-font-size-sm: var(--tea-font-size-default);
  --button-font-size-md: var(--tea-font-size-default);
  --button-font-size-lg: var(--tea-font-size-350);
  --button-shadow-outlined-neutral: 0px 2px 0px 0px hsla(0, 0%, 73.3%, 0.05);
  --button-shadow-solid-brand: 0px 2px 0px 0px rgba(var(--tea-color-palette-blue-rgb), 0.05);
  --button-shadow-solid-error: 0px 2px 0px 0px rgba(var(--tea-color-palette-red-rgb), 0.05);
  --button-shadow-solid-warning: 0px 2px 0px 0px rgba(var(--tea-color-palette-orange-rgb), 0.05);
  --button-color-bg-solid-default-neutral: var(--tea-color-palette-gray-14);
  --button-color-bg-solid-hover-neutral: var(--tea-color-palette-gray-11);
  --button-color-bg-solid-active-neutral: var(--tea-color-palette-gray-14);
  --button-color-bg-solid-focus-neutral: var(--tea-color-palette-gray-11);
  --button-color-bg-solid-disabled-neutral: var(--tea-color-palette-gray-11);
  --button-color-text-solid-default-neutral: var(--tea-color-text-on-bg-inverse-default);
  --button-color-text-solid-hover-neutral: var(--tea-color-text-on-bg-inverse-default);
  --button-color-text-solid-active-neutral: var(--tea-color-text-on-bg-inverse-default);
  --button-color-text-solid-focus-neutral: var(--tea-color-text-on-bg-inverse-default);
  --button-color-text-solid-disabled-neutral: var(--tea-color-text-on-bg-inverse-disabled, var(--tea-color-palette-white-70));
  --button-shadow-outlined-neutral: 0px 2px 0px 0px var(--tea-color-palette-black-10);
  --button-shadow-solid-brand: 0px 2px 0px 0px var(--tea-color-palette-black-10);
  --button-shadow-solid-error: 0px 2px 0px 0px var(--tea-color-palette-black-10);
  --button-shadow-solid-warning: 0px 2px 0px 0px var(--tea-color-palette-black-10);
  --button-color-bg-solid-default-neutral: var(--tea-color-palette-bluegray-1);
  --button-color-bg-solid-hover-neutral: var(--tea-color-palette-white-100);
  --button-color-bg-solid-active-neutral: var(--tea-color-palette-bluegray-1);
  --button-color-bg-solid-focus-neutral: var(--tea-color-palette-white-100);
  --button-color-bg-solid-disabled-neutral: var(--tea-color-palette-bluegray-2);
  --button-color-text-solid-disabled-neutral: var(--tea-color-text-on-bg-inverse-disabled, var(--tea-color-palette-black-30));
  --tag-font-size: var(--tea-font-size-default);
  --tag-line-height: 18px;
  --tag-group-gap: 4px;
  --tag-border-radius: calc((var(--tag-line-height) + 2px)/2);
  --tag-icon-dismiss-right: calc(var(--tea-space-100)*2 - 1px);
  --tag-padding: 0 7px 0 7px;
  --tag-edit-padding: 0 25px 0 10px;
  --tag-color-border-default: var(--tea-color-border-tertiary-default);
  --tag-color-border-brand: var(--tea-color-border-on-bg-brand-lighten-default);
  --tag-color-border-success: var(--tea-color-border-on-bg-success-lighten-default);
  --tag-color-border-warning: var(--tea-color-border-on-bg-warning-lighten-default);
  --tag-color-border-error: var(--tea-color-border-on-bg-error-lighten-default);
  --tag-color-text-default: var(--tea-color-text-tertiary);
  --tag-color-text-hightlight: var(--tea-color-text-on-bg-inverse-default);
  --tag-color-text-brand: var(--tea-color-text-on-bg-brand-lighten-default);
  --tag-color-text-success: var(--tea-color-text-on-bg-success-lighten-default);
  --tag-color-text-warning: var(--tea-color-text-on-bg-warning-lighten-default);
  --tag-color-text-error: var(--tea-color-text-on-bg-error-lighten-default);
  --tag-color-bg-bright-default: var(--tea-color-bg-tertiary-default);
  --tag-color-bg-bright-brand: var(--tea-color-bg-brand-lighten-default);
  --tag-color-bg-bright-success: var(--tea-color-bg-success-lighten-default);
  --tag-color-bg-bright-warning: var(--tea-color-bg-warning-lighten-default);
  --tag-color-bg-bright-error: var(--tea-color-bg-error-lighten-default);
  --tag-color-bg-darkness-default: var(--tea-color-bg-inverse-default);
  --tag-color-bg-darkness-brand: var(--tea-color-bg-brand-default);
  --tag-color-bg-darkness-success: var(--tea-color-bg-success-default);
  --tag-color-bg-darkness-warning: var(--tea-color-bg-warning-default);
  --tag-color-bg-darkness-error: var(--tea-color-bg-error-default);
  --tag-input-color-bg: var(--tea-form-color-bg-primary-default);
  --tag-input-color-border: var(--tea-color-border-primary-default);
  --list-item-color-bg-selected: var(--tea-color-bg-brand-default);
  --list-item-color-text-selected: var(--tea-color-text-on-bg-brand-default);
  --range-datepicker-container-width-format-1: 220px;
  --range-datepicker-container-width-format-2: 325px;
  --range-datepicker-container-width-format-3: 360px;
  --range-datepicker-cell-in-range-color-bg-default: var(--tea-color-bg-brand-lighten-default);
  --switch-dot-color-bg: var(--tea-color-bg-primary-default);
  --switch-color-bg-default: var(--tea-color-palette-bluegray-4);
  --switch-color-bg-hover: var(--tea-color-palette-bluegray-5);
  --switch-color-bg-disabled: var(--tea-color-palette-bluegray-4);
  --switch-color-bg-default: var(--tea-color-palette-gray-9);
  --switch-color-bg-hover: var(--tea-color-palette-gray-8);
  --switch-color-bg-disabled: var(--tea-color-palette-gray-10);
  --bubbles-font-size: var(--tea-font-size-default);
  --bubbles-border-radius: var(--tea-border-radius-default);
  --bubbles-width-max: 300px;
  --bubbles-triangle-width: 6px;
  --bubbles-border-width: 1px;
  --bubbles-color-bg-inverse: var(--tea-color-bg-inverse-default);
  --bubbles-color-bg-default: var(--tea-color-bg-primary-default);
  --bubbles-color-bg-error: var(--tea-color-bg-error-lighten-default);
  --bubbles-color-text-inverse: var(--tea-color-text-on-bg-inverse-default);
  --bubbles-color-text-default: var(--tea-color-text-primary);
  --bubbles-color-text-error: var(--tea-color-text-on-bg-error-lighten-default);
  --bubbles-color-border-inverse: var(--tea-color-bg-inverse-default);
  --bubbles-color-border-default: var(--tea-color-bg-primary-default);
  --bubbles-color-border-error: var(--tea-color-bg-error-lighten-default);
  --bubbles-color-border-default: var(--tea-color-border-primary-default);
  --card-box-shadow-default: var(--tea-shadow-xs);
  --card-box-shadow-hover: var(--tea-shadow-sm);
  --card-size-border-default: 0px;
  --card-color-border-default: var(--card-color-bg);
  --card-bordered-color-border-default: var(--tea-color-border-primary-default);
  --card-color-text: var(--tea-color-text-primary);
  --card-color-text-maintitle: var(--tea-color-text-primary);
  --card-border-radius: var(--tea-border-radius-default);
  --card-color-borde-inner: var(--tea-color-border-secondary-default);
  --card-title-margin-bottom: 18px;
  --card-multiple-margin-top: 20px;
  --card-font-size: var(--tea-font-size-default);
  --card-body-title-font-size: var(--tea-font-size-400);
  --card-body-padding: 24px 32px;
  --card-header-padding: 20px 32px;
  --card-color-bg: var(--tea-color-bg-primary-default);
  --card-size-border-default: 1px;
  --card-color-border-default: var(--tea-color-border-primary-default);
  --card-color-text-subtitle: var(--tea-color-text-tertiary);
  --dropdown-color-bg: var(--tea-form-color-bg-primary-default);
  --tooltips-border-radius: var(--tea-border-radius-default);
  --tooltips-color-bg-default: var(--tea-color-bg-inverse-default);
  --tooltips-color-border-default: var(--tea-color-bg-inverse-default);
  --tooltips-color-text-default: var(--tea-color-text-on-bg-inverse-default);
  --tooltips-color-bg-inverse: var(--tea-color-bg-primary-default);
  --tooltips-color-border-inverse: var(--tea-color-bg-primary-default);
  --tooltips-color-text-inverse: var(--tea-color-text-primary);
  --rate-color-bg-default: var(--tea-color-palette-bluegray-4);
  --rate-color-bg-default: var(--tea-color-palette-gray-9);
  --alert-nav-color-bg: var(--tea-color-bg-primary-default);
  --alert-primary-color-bg: var(--tea-color-bg-brand-lighten-default);
  --alert-primary-color-border: var(--tea-color-bg-brand-lighten-default);
  --alert-primary-color-text: var(--tea-color-text-on-bg-brand-lighten-default);
  --alert-primary-color-icon: var(--tea-color-text-on-bg-brand-lighten-default);
  --alert-error-color-bg: var(--tea-color-bg-error-lighten-default);
  --alert-error-color-border: var(--tea-color-bg-error-lighten-default);
  --alert-error-color-text: var(--tea-color-text-on-bg-error-lighten-default);
  --alert-error-color-icon: var(--tea-color-text-on-bg-error-lighten-default);
  --alert-warning-color-bg: var(--tea-color-bg-warning-lighten-default);
  --alert-warning-color-border: var(--tea-color-bg-warning-lighten-default);
  --alert-warning-color-text: var(--tea-color-text-on-bg-warning-lighten-default);
  --alert-warning-color-icon: var(--tea-color-text-on-bg-warning-lighten-default);
  --alert-success-color-bg: var(--tea-color-bg-success-lighten-default);
  --alert-success-color-border: var(--tea-color-bg-success-lighten-default);
  --alert-success-color-text: var(--tea-color-text-on-bg-success-lighten-default);
  --alert-success-color-icon: var(--tea-color-text-on-bg-success-lighten-default);
  --alert-notice-color-bg: var(--tea-color-bg-primary-default);
  --alert-notice-color-bg-icon: var(--tea-color-palette-gray-1);
  --alert-notice-color-text: var(--tea-color-text-primary);
  --alert-notice-color-border: var(--tea-color-bg-primary-default);
  --segment-button-color-bg-default: var(--tea-form-color-bg-primary-default);
  --segment-button-color-bg-hover: var(--tea-form-color-bg-primary-hover);
  --segment-button-color-bg-selected: var(--tea-form-color-bg-primary-default);
  --segment-button-color-bg-disabled: var(--tea-form-color-bg-primary-disabled);
  --segment-button-color-border-default: var(--tea-color-border-primary-default);
  --segment-button-color-border-hover: var(--tea-color-border-primary-default);
  --segment-button-color-border-selected: var(--tea-color-border-brand-default);
  --segment-button-color-border-disabled: var(--tea-color-border-primary-default);
  --segment-button-color-text-default: var(--tea-color-text-primary);
  --segment-button-color-text-hover: var(--tea-color-text-primary);
  --segment-button-color-text-selected: var(--tea-color-text-brand-default);
  --segment-button-color-text-disabled: var(--tea-color-text-disabled);
  --step-num-color-bg-default: var(--tea-color-bg-brand-default);
  --step-num-color-bg-disabled: var(--tea-form-color-bg-primary-default);
  --step-num-color-border-default: var(--tea-color-border-on-bg-brand-default);
  --step-num-color-border-disabled: var(--tea-color-border-primary-default);
  --step-num-color-text-default: var(--tea-color-text-on-bg-brand-default);
  --step-num-color-text-disabled: var(--tea-color-text-disabled);
  --step-arrow-color-bg-default: var(--tea-color-border-primary-default);
  --step-num-color-bg-default-process: var(--tea-color-bg-brand-lighten-default);
  --step-num-color-bg-disabled-process: var(--tea-form-color-bg-primary-default);
  --step-num-color-border-default-process: var(--tea-color-bg-brand-lighten-default);
  --step-num-color-border-disabled-process: var(--tea-color-border-primary-default);
  --step-num-color-text-default-process: var(--tea-color-text-on-bg-brand-lighten-default);
  --step-num-color-text-disabled-process: var(--tea-color-text-on-bg-brand-lighten-default);
  --step-arrow-color-bg-default-process: var(--tea-color-border-primary-default);
  --tabs-color-text-default: var(--tea-color-text-secondary);
  --tabs-color-text-active: var(--tea-color-text-primary);
  --tabs-color-text-disabled: var(--tea-color-text-disabled);
  --tabs-color-border-default: var(--tea-color-border-primary-default);
  --tabs-color-border-active: var(--tea-color-border-brand-default);
  --tabs-height-default: var(--tea-form-height-default);
  --tabs-animation: 0.15s ease-in-out,width 0.15s ease-in-out,height 0.15s ease-in-out;
  --tabs-space-horizontal-outer: 16px;
  --tabs-item-color-bg-segment-default: var(--tea-color-bg-tertiary-default);
  --tabs-item-color-bg-segment-hover: var(--tea-color-bg-tertiary-default);
  --tabs-item-color-bg-segment-active: var(--tea-color-bg-primary-default);
  --tabs-item-color-bg-segment-default: #101010;
  --tabs-item-color-bg-segment-active: var(--tea-color-bg-tertiary-default);
  --tabs-item-color-bg-segment-hover: var(--tea-color-bg-primary-default);
  --table-color-bg-primary-default: var(--tea-color-bg-primary-default);
  --table-color-border-primary-default: var(--tea-color-border-primary-default);
  --table-color-border-secondary-default: var(--tea-color-border-secondary-default);
  --table-header-color-bg-primary-default: var(--tea-color-bg-primary-default);
  --table-header-color-bg-gray-default: var(--tea-color-bg-primary-lighten);
  --table-header-color-text-default: var(--tea-color-text-secondary);
  --table-header-font-weight: var(--tea-font-weight-medium);
  --table-cell-color-bg-hover: var(--tea-color-bg-primary-hover);
  --table-color-bg-primary-hover: var(--tea-color-bg-primary-hover);
  --table-color-bg-secondary-default: var(--tea-color-bg-secondary-default);
  --table-fake-bar-color-bg-default: var(--tea-color-palette-black-10);
  --table-fake-bar-color-bg-hover: var(--tea-color-palette-black-20);
  --table-nesting-color-bg-default: var(--tea-color-bg-primary-lighten);
  --table-cell-space-horizontal-md: 10px;
  --table-cell-space-horizontal-sm: 10px;
  --table-cell-space-vertical-md: 16px;
  --table-cell-space-vertical-sm: 12px;
  --table-action-panel-space-vertical: 16px;
  --table-color-mask-default: var(--tea-color-palette-white-80);
  --table-animation-duration: 0.1s;
  --table-fake-bar-color-bg-default: var(--tea-color-palette-white-20);
  --table-fake-bar-color-bg-hover: var(--tea-color-palette-white-40);
  --table-nesting-color-bg-default: var(--tea-color-bg-page-default);
  --table-color-mask-default: var(--tea-color-palette-black-80);
  --menu-padding-both-sides: 16px;
  --menu-bg: var(--tea-color-bg-primary-default);
  --menu-border: var(--tea-color-border-secondary-default);
  --menu-text-default: var(--tea-color-text-primary);
  --ment-text-secondary: var(--tea-color-text-secondary);
  --menu-text-label: var(--tea-color-text-tertiary);
  --menu-item-bg-hover: var(--tea-color-bg-primary-hover);
  --menu-item-text-hover: var(--tea-color-text-primary);
  --menu-item-bg-active: var(--tea-color-bg-brand-default);
  --menu-item-text-active: var(--tea-color-text-on-bg-brand-default);
  --menu-badge-bg-default: var(--tea-color-bg-secondary-hover);
  --menu-badge-text-default: var(--tea-color-text-tertiary);
  --menu-icon-color: var(--tea-color-text-tertiary);
  --menu-icon-color-active: var(--tea-color-text-on-bg-brand-default);
  --menu-icon-jump-color-text: var(--tea-color-text-brand-default);
  --menu-icon-back-color-text: var(--tea-color-text-brand-default);
  --menu-item-bg-hover: var(--tea-color-bg-secondary-hover);
  --blank-color-bg: var(--tea-color-bg-primary-default);
  --notification-size-width-max: 368px;
}
@media (max-width: 1024px) {
  .app-tcmpp-theme-dark,
  [theme-mode=dark] {
    --card-body-padding: 16px;
    --card-header-padding: 16px;
  }
}
:root {
  --tea-font-size-1: var(--tea-font-size-300);
  --tea-font-size-2: var(--tea-font-size-350);
  --tea-font-size-3: var(--tea-font-size-400);
  --tea-font-size-4: var(--tea-font-size-450);
  --tea-font-size-5: var(--tea-font-size-500);
  --tea-font-size-6: var(--tea-font-size-600);
  --tea-font-size-7: var(--tea-font-size-700);
  --tea-font-size-8: var(--tea-font-size-800);
  --tea-font-size-9: var(--tea-font-size-900);
  --tea-font-size-10: var(--tea-font-size-1050);
  --tea-font-line-height-1: var(--tea-font-line-height-500);
  --tea-font-line-height-2: var(--tea-font-line-height-550);
  --tea-font-line-height-3: var(--tea-font-line-height-600);
  --tea-font-line-height-4: var(--tea-font-line-height-650);
  --tea-font-line-height-5: var(--tea-font-line-height-700);
  --tea-font-line-height-6: var(--tea-font-line-height-800);
  --tea-font-line-height-7: var(--tea-font-line-height-900);
  --tea-font-line-height-8: var(--tea-font-line-height-1000);
  --tea-font-line-height-9: var(--tea-font-line-height-1100);
  --tea-font-line-height-10: var(--tea-font-line-height-1350);
  --tea-font-family: var(--tea-font-family-default);
  --tea-typography-title-sm: var(--tea-typography-heading-8);
  --tea-typography-title-md: var(--tea-typography-heading-7);
  --tea-typography-title-lg: var(--tea-typography-heading-6);
  --tea-typography-title-xl: var(--tea-typography-heading-5);
  --tea-typography-headline-sm: var(--tea-typography-heading-4);
  --tea-typography-headline-md: var(--tea-typography-heading-3);
  --tea-typography-headline-lg: var(--tea-typography-heading-2);
  --tea-border-radius: var(--tea-border-radius-default);
  --tea-space-base: var(--tea-space-100);
  --tea-form-height: var(--tea-form-height-default);
  --tea-navbar-height: 50px;
  --tea-campaign-bar-height: 0px;
  --tea-safe-area-inset-vertical: calc(var(--tea-navbar-height) + var(--tea-campaign-bar-height));
}
:root:has(.qc-header-nav_layer_double) {
  --tea-navbar-height: 100px;
}
:root:has(.opc_resource) {
  --tea-campaign-bar-height: 51px;
}

[class*=app-tcmpp-],
[class*=app-tcmpp-]:after,
[class*=app-tcmpp-]:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body,
html {
  height: 100%;
  color-scheme: var(--tea-color-scheme-mode);
}
body {
  margin: 0;
  padding: 0;
  font-family: var(--tea-font-family-default);
  font-size: var(--tea-font-size-default);
  line-height: 1.5;
}
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
}
[hidden],
template {
  display: none;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
  margin: 0;
}
ol,
ul {
  list-style: none;
  padding: 0;
}
address,
cite,
dfn,
em,
i,
var {
  font-style: normal;
}
a {
  background-color: transparent;
  text-decoration: none;
  color: var(--tea-color-text-link-default);
  cursor: pointer;
}
a:active,
a:hover {
  outline-width: 0;
}
a:hover {
  text-decoration: underline;
}
iframe {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
img {
  border-style: none;
}
b,
strong {
  font-weight: bolder;
}
svg:not(:root) {
  overflow: hidden;
}
[tabindex]:focus {
  outline: 0!important;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  margin: 0;
}
input.app-tcmpp-input:disabled {
  opacity: 1;
  -webkit-text-fill-color: var(--tea-color-text-disabled);
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
  cursor: pointer;
}
[disabled] {
  cursor: default;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
textarea {
  overflow: auto;
  resize: vertical;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
hr {
  padding: 0;
  border: none;
  border-bottom: 1px solid var(--tea-color-border-secondary-default);
  margin: 20px 0;
}
fieldset {
  min-width: 0;
  margin: 0;
  border: 0;
}
fieldset,
legend {
  padding: 0;
}
.app-tcmpp-text {
  color: var(--tea-color-text-primary) !important;
}
.app-tcmpp-text-label {
  color: var(--tea-color-text-tertiary) !important;
}
.app-tcmpp-text-weak {
  color: var(--tea-color-text-disabled) !important;
}
.app-tcmpp-text-strong {
  color: var(--tea-color-text-primary) !important;
}
.app-tcmpp-text-primary {
  color: var(--tea-color-text-brand-default) !important;
}
.app-tcmpp-text-success {
  color: var(--tea-color-text-success-default) !important;
}
.app-tcmpp-text-danger {
  color: var(--tea-color-text-error-default) !important;
}
.app-tcmpp-text-warning {
  color: var(--tea-color-text-warning-default) !important;
}
.app-tcmpp-text-cost {
  color: var(--tea-color-text-warning-default);
  font: var(--tea-font-weight-regular) var(--tea-font-size-600)/var(--tea-font-line-height-800) var(--tea-font-family-default);
}
.app-tcmpp-bg-success {
  background-color: var(--tea-color-bg-success-default) !important;
}
.app-tcmpp-bg-warning {
  background-color: var(--tea-color-bg-warning-default) !important;
}
.app-tcmpp-bg-danger {
  background-color: var(--tea-color-bg-error-default) !important;
}
.app-tcmpp-text-justify {
  text-align: justify!important;
}
.app-tcmpp-text-wrap {
  white-space: normal!important;
}
.app-tcmpp-text-nowrap {
  white-space: nowrap!important;
}
.app-tcmpp-text-left {
  text-align: left!important;
}
.app-tcmpp-text-center {
  text-align: center!important;
}
.app-tcmpp-text-right {
  text-align: right!important;
}
.app-tcmpp-text-overflow,
.app-tcmpp-text-truncate {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.app-tcmpp-text-underline {
  position: relative;
  display: inline-block;
}
.app-tcmpp-text-underline:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px dashed;
}
.app-tcmpp-text-with-icon {
  padding-right: 16px;
  position: relative;
  min-width: 16px;
}
.app-tcmpp-text-with-icon .app-tcmpp-icon {
  position: absolute;
  right: 0;
  visibility: hidden;
  cursor: pointer;
}
.app-tcmpp-text-with-icon.is-shown .app-tcmpp-icon,
.app-tcmpp-text-with-icon:hover .app-tcmpp-icon {
  visibility: visible;
}
.app-tcmpp-fz-reset {
  font-size: var(--tea-font-size-default);
}
.app-tcmpp-h1,
.app-tcmpp-h2,
.app-tcmpp-h3,
.app-tcmpp-h4,
.app-tcmpp-h5,
.app-tcmpp-h6 {
  font-weight: var(--tea-font-weight-medium);
}
.app-tcmpp-h1 {
  font: var(--tea-typography-display-sm);
}
.app-tcmpp-h2 {
  font: var(--tea-typography-heading-3);
}
.app-tcmpp-h3,
.app-tcmpp-h4 {
  font: var(--tea-typography-heading-7);
}
.app-tcmpp-h5,
.app-tcmpp-h6 {
  font: var(--tea-typography-heading-8);
}
.app-tcmpp-text-ellipsis--on {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.app-tcmpp-text-ellipsis__expand {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 4px;
  min-height: 20px;
}
.app-tcmpp-text-ellipsis--expanded .app-tcmpp-text-ellipsis__expand {
  float: right;
}
.app-tcmpp-text-ellipsis-faker .app-tcmpp-text-ellipsis__expand {
  float: none;
}
.app-tcmpp-align-top {
  vertical-align: top!important;
}
.app-tcmpp-align-middle {
  vertical-align: middle!important;
}
.app-tcmpp-align-bottom {
  vertical-align: bottom!important;
}
.app-tcmpp-align-text-bottom {
  vertical-align: text-bottom !important;
}
.app-tcmpp-align-text-top {
  vertical-align: text-top !important;
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}
.app-tcmpp-float-left {
  float: left!important;
}
.app-tcmpp-float-right {
  float: right!important;
}
.app-tcmpp-float-none {
  float: none!important;
}
.app-tcmpp-d-inline {
  display: inline!important;
}
.app-tcmpp-d-block {
  display: block!important;
}
.app-tcmpp-d-inline-block {
  display: inline-block !important;
}
.app-tcmpp-justify-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--tea-color-text-primary);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  vertical-align: middle;
  text-align: right;
  font-size: 0;
}
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col .app-tcmpp-form--search {
  display: inline-block;
}
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col .app-tcmpp-search {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 180px;
  vertical-align: middle;
}
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col .app-tcmpp-search .app-tcmpp-search__inner + .app-tcmpp-btn {
  margin-left: -1px;
}
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col .app-tcmpp-search .app-tcmpp-search__inner .app-tcmpp-btn {
  margin: 0;
}
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col .app-tcmpp-search--tags {
  width: 100%;
}
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col .app-tcmpp-form--search.size-l .app-tcmpp-search {
  width: 420px;
}
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--left,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col:first-child {
  text-align: left;
}
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--left .app-tcmpp-btn,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--left .app-tcmpp-combobox,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--left .app-tcmpp-dropdown,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--left .app-tcmpp-segment,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--left .app-tcmpp-select,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col:first-child .app-tcmpp-btn,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col:first-child .app-tcmpp-combobox,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col:first-child .app-tcmpp-dropdown,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col:first-child .app-tcmpp-segment,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col:first-child .app-tcmpp-select {
  margin-right: 10px;
}
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--left .app-tcmpp-segment .app-tcmpp-btn,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--left .app-tcmpp-select-refresh .app-tcmpp-dropdown,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col:first-child .app-tcmpp-segment .app-tcmpp-btn,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col:first-child .app-tcmpp-select-refresh .app-tcmpp-dropdown {
  margin-right: 0;
}
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right:first-child {
  text-align: right;
}
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right .app-tcmpp-btn,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right .app-tcmpp-combobox,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right .app-tcmpp-dropdown,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right .app-tcmpp-segment,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right .app-tcmpp-select,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right:first-child .app-tcmpp-btn,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right:first-child .app-tcmpp-combobox,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right:first-child .app-tcmpp-dropdown,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right:first-child .app-tcmpp-segment,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right:first-child .app-tcmpp-select {
  margin-left: 10px;
  margin-right: 0;
}
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right .app-tcmpp-segment .app-tcmpp-btn,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right:first-child .app-tcmpp-segment .app-tcmpp-btn {
  margin-left: 0;
}
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right .app-tcmpp-segment .app-tcmpp-btn:nth-of-type(n+2),
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right:first-child .app-tcmpp-segment .app-tcmpp-btn:nth-of-type(n+2) {
  margin-left: -1px;
}
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right .app-tcmpp-btn--icon,
.app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right:first-child .app-tcmpp-btn--icon {
  margin-left: 0;
}
.app-tcmpp-justify-grid.app-tcmpp-justify-grid--start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.app-tcmpp-justify-grid.app-tcmpp-justify-grid--end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.app-tcmpp-overlay {
  z-index: 1001;
  position: fixed;
}
.app-tcmpp-overlay,
::-ms-backdrop {
  position: static;
}
.app-tcmpp-ma-0 {
  margin: 0!important;
}
.app-tcmpp-ma-1n {
  margin: var(--tea-space-100) !important;
}
.app-tcmpp-ma-2n {
  margin: calc(var(--tea-space-100)*2) !important;
}
.app-tcmpp-ma-3n {
  margin: calc(var(--tea-space-100)*3) !important;
}
.app-tcmpp-ma-4n {
  margin: calc(var(--tea-space-100)*4) !important;
}
.app-tcmpp-ma-5n {
  margin: calc(var(--tea-space-100)*5) !important;
}
.app-tcmpp-mt-0 {
  margin-top: 0!important;
}
.app-tcmpp-mt-1n {
  margin-top: var(--tea-space-100) !important;
}
.app-tcmpp-mt-2n {
  margin-top: calc(var(--tea-space-100)*2) !important;
}
.app-tcmpp-mt-3n {
  margin-top: calc(var(--tea-space-100)*3) !important;
}
.app-tcmpp-mt-4n {
  margin-top: calc(var(--tea-space-100)*4) !important;
}
.app-tcmpp-mt-5n {
  margin-top: calc(var(--tea-space-100)*5) !important;
}
.app-tcmpp-mb-0 {
  margin-bottom: 0!important;
}
.app-tcmpp-mb-1n {
  margin-bottom: var(--tea-space-100) !important;
}
.app-tcmpp-mb-2n {
  margin-bottom: calc(var(--tea-space-100)*2) !important;
}
.app-tcmpp-mb-3n {
  margin-bottom: calc(var(--tea-space-100)*3) !important;
}
.app-tcmpp-mb-4n {
  margin-bottom: calc(var(--tea-space-100)*4) !important;
}
.app-tcmpp-mb-5n {
  margin-bottom: calc(var(--tea-space-100)*5) !important;
}
.app-tcmpp-mr-0 {
  margin-right: 0!important;
}
.app-tcmpp-mr-1n {
  margin-right: var(--tea-space-100) !important;
}
.app-tcmpp-mr-2n {
  margin-right: calc(var(--tea-space-100)*2) !important;
}
.app-tcmpp-mr-3n {
  margin-right: calc(var(--tea-space-100)*3) !important;
}
.app-tcmpp-mr-4n {
  margin-right: calc(var(--tea-space-100)*4) !important;
}
.app-tcmpp-mr-5n {
  margin-right: calc(var(--tea-space-100)*5) !important;
}
.app-tcmpp-ml-0 {
  margin-left: 0!important;
}
.app-tcmpp-ml-1n {
  margin-left: var(--tea-space-100) !important;
}
.app-tcmpp-ml-2n {
  margin-left: calc(var(--tea-space-100)*2) !important;
}
.app-tcmpp-ml-3n {
  margin-left: calc(var(--tea-space-100)*3) !important;
}
.app-tcmpp-ml-4n {
  margin-left: calc(var(--tea-space-100)*4) !important;
}
.app-tcmpp-ml-5n {
  margin-left: calc(var(--tea-space-100)*5) !important;
}
.app-tcmpp-pa-0 {
  padding: 0!important;
}
.app-tcmpp-pa-1n {
  padding: var(--tea-space-100) !important;
}
.app-tcmpp-pa-2n {
  padding: calc(var(--tea-space-100)*2) !important;
}
.app-tcmpp-pa-3n {
  padding: calc(var(--tea-space-100)*3) !important;
}
.app-tcmpp-pa-4n {
  padding: calc(var(--tea-space-100)*4) !important;
}
.app-tcmpp-pa-5n {
  padding: calc(var(--tea-space-100)*5) !important;
}
.app-tcmpp-pt-0 {
  padding-top: 0!important;
}
.app-tcmpp-pt-1n {
  padding-top: var(--tea-space-100) !important;
}
.app-tcmpp-pt-2n {
  padding-top: calc(var(--tea-space-100)*2) !important;
}
.app-tcmpp-pt-3n {
  padding-top: calc(var(--tea-space-100)*3) !important;
}
.app-tcmpp-pt-4n {
  padding-top: calc(var(--tea-space-100)*4) !important;
}
.app-tcmpp-pt-5n {
  padding-top: calc(var(--tea-space-100)*5) !important;
}
.app-tcmpp-pb-0 {
  padding-bottom: 0!important;
}
.app-tcmpp-pb-1n {
  padding-bottom: var(--tea-space-100) !important;
}
.app-tcmpp-pb-2n {
  padding-bottom: calc(var(--tea-space-100)*2) !important;
}
.app-tcmpp-pb-3n {
  padding-bottom: calc(var(--tea-space-100)*3) !important;
}
.app-tcmpp-pb-4n {
  padding-bottom: calc(var(--tea-space-100)*4) !important;
}
.app-tcmpp-pb-5n {
  padding-bottom: calc(var(--tea-space-100)*5) !important;
}
.app-tcmpp-pl-0 {
  padding-left: 0!important;
}
.app-tcmpp-pl-1n {
  padding-left: var(--tea-space-100) !important;
}
.app-tcmpp-pl-2n {
  padding-left: calc(var(--tea-space-100)*2) !important;
}
.app-tcmpp-pl-3n {
  padding-left: calc(var(--tea-space-100)*3) !important;
}
.app-tcmpp-pl-4n {
  padding-left: calc(var(--tea-space-100)*4) !important;
}
.app-tcmpp-pl-5n {
  padding-left: calc(var(--tea-space-100)*5) !important;
}
.app-tcmpp-pr-0 {
  padding-right: 0!important;
}
.app-tcmpp-pr-1n {
  padding-right: var(--tea-space-100) !important;
}
.app-tcmpp-pr-2n {
  padding-right: calc(var(--tea-space-100)*2) !important;
}
.app-tcmpp-pr-3n {
  padding-right: calc(var(--tea-space-100)*3) !important;
}
.app-tcmpp-pr-4n {
  padding-right: calc(var(--tea-space-100)*4) !important;
}
.app-tcmpp-pr-5n {
  padding-right: calc(var(--tea-space-100)*5) !important;
}
.app-tcmpp-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-media + .app-tcmpp-media {
  margin-top: 20px;
}
.app-tcmpp-media__body,
.app-tcmpp-media__left {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  text-align: left;
  line-height: normal;
}
.app-tcmpp-media__left {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding-right: 10px;
}
.app-tcmpp-media--middle.app-tcmpp-media,
.app-tcmpp-media--middle .app-tcmpp-media {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-media--bottom.app-tcmpp-media,
.app-tcmpp-media--bottom .app-tcmpp-media {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.app-tcmpp-media--reverse.app-tcmpp-media,
.app-tcmpp-media--reverse .app-tcmpp-media {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.app-tcmpp-media--reverse.app-tcmpp-media .app-tcmpp-media__left,
.app-tcmpp-media--reverse .app-tcmpp-media .app-tcmpp-media__left {
  padding-right: 0;
  padding-left: 10px;
}
.app-tcmpp-action-state {
  font-size: var(--tea-font-size-default);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-action-state .ruyi-icon,
.app-tcmpp-action-state .app-tcmpp-action-state-dot,
.app-tcmpp-action-state .app-tcmpp-icon {
  margin-right: 4px;
}
.app-tcmpp-action-state .app-tcmpp-action-state__text {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.app-tcmpp-action-state a,
.app-tcmpp-action-state a.app-tcmpp-action-state__text {
  color: var(--tea-color-text-link-default);
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial;
}
.app-tcmpp-action-state a.app-tcmpp-action-state__text:hover,
.app-tcmpp-action-state a:hover {
  color: var(--tea-color-text-link-hover);
}
.app-tcmpp-action-state-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: relative;
}
.app-tcmpp-action-state-dot:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: none;
}
.app-tcmpp-action-state-dot.is-running,
.app-tcmpp-action-state-dot.is-running:before {
  background-color: var(--tea-color-bg-success-default);
}
.app-tcmpp-action-state-dot.is-error,
.app-tcmpp-action-state-dot.is-error:before {
  background-color: var(--tea-color-bg-error-default);
}
.app-tcmpp-action-state-dot.is-warning,
.app-tcmpp-action-state-dot.is-warning:before {
  background-color: var(--tea-color-bg-warning-default);
}
.app-tcmpp-action-state-dot.is-operating,
.app-tcmpp-action-state-dot.is-operating:before {
  background-color: var(--tea-color-bg-brand-default);
}
.app-tcmpp-action-state-dot.is-closed,
.app-tcmpp-action-state-dot.is-closed:before {
  background-color: var(--tea-color-border-tertiary-hover);
}
.app-tcmpp-action-state-dot.is-animate:before {
  display: block;
  -webkit-animation: pulse-animation 1.2s ease-out 0s infinite normal none running;
  animation: pulse-animation 1.2s ease-out 0s infinite normal none running;
}
@-webkit-keyframes pulse-animation {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
@keyframes pulse-animation {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
.app-tcmpp-action-state--instance {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-action-state--instance .app-tcmpp-action-state-dot {
  margin-right: 8px;
}
.app-tcmpp-action-state.app-tcmpp-action-state--form-align {
  height: var(--tea-form-height-default);
  line-height: var(--tea-form-height-default);
  display: inline-block;
  vertical-align: middle;
}
.app-tcmpp-br--right {
  border-radius: 0 var(--tea-border-radius-default) var(--tea-border-radius-default) 0 !important;
}
.app-tcmpp-br--left {
  border-radius: var(--tea-border-radius-default) 0 0 var(--tea-border-radius-default) !important;
}
.app-tcmpp-br--top {
  border-radius: var(--tea-border-radius-default) var(--tea-border-radius-default) 0 0 !important;
}
.app-tcmpp-br--bottom {
  border-radius: 0 0 var(--tea-border-radius-default) var(--tea-border-radius-default) !important;
}
.app-tcmpp-br--none {
  border-radius: 0!important;
}
.app-tcmpp-bg-layout {
  background-color: var(--tea-color-bg-secondary-default);
  padding: 10px;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-bg-layout.app-tcmpp-bg-layout--border {
  border: 1px solid var(--tea-color-border-primary-default);
}
.app-tcmpp-custom-scrollbar-visiable {
  overflow: auto;
}
.app-tcmpp-custom-scrollbar-visiable:hover {
  overflow: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.app-tcmpp-custom-scrollbar-visiable::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: transparent;
  border-radius: 9px;
}
.app-tcmpp-custom-scrollbar-visiable::-webkit-scrollbar-thumb {
  border: 0 solid transparent;
  background-color: var(--tea-color-scrollbar-default);
  border-radius: 0;
  background-clip: content-box;
}
.app-tcmpp-custom-scrollbar-visiable::-webkit-scrollbar-thumb:hover {
  background-color: var(--tea-color-scrollbar-hover);
}
.app-tcmpp-custom-scrollbar-hidden {
  overflow: hidden;
}
.app-tcmpp-custom-scrollbar-hidden:hover {
  overflow: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.app-tcmpp-custom-scrollbar-hidden::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: transparent;
  border-radius: 9px;
}
.app-tcmpp-custom-scrollbar-hidden::-webkit-scrollbar-thumb {
  visibility: hidden;
  border: 0 solid transparent;
  background-color: var(--tea-color-scrollbar-default);
  border-radius: 0;
  background-clip: content-box;
}
.app-tcmpp-custom-scrollbar-hidden::-webkit-scrollbar-thumb:hover {
  background-color: var(--tea-color-scrollbar-hover);
}
.app-tcmpp-custom-scrollbar-hidden:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.app-tcmpp-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: inherit;
  font-size: 0;
}
.ruyi-icon {
  font-size: 16px;
  vertical-align: middle;
}
.ruyi-icon-loading,
.ruyi-icon-loading-white {
  -webkit-animation: spin 0.6s linear infinite;
  animation: spin 0.6s linear infinite;
}
.ruyi-icon-arrow-left-stroke,
.ruyi-icon-loading,
.app-tcmpp-util-icon-brand {
  color: var(--tea-color-text-brand-default);
}
.app-tcmpp-util-icon-error {
  color: var(--tea-color-text-error-default);
}
.app-tcmpp-util-icon-warning {
  color: var(--tea-color-text-warning-default);
}
.app-tcmpp-util-icon-success {
  color: var(--tea-color-text-success-default);
}
.app-tcmpp-icon-daily {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMXYxNGgxNFY1LjAwMUwxMSAxSDF6bTIgMi4wMDFoNy4xNzJMMTMgNS44Mjl2Ny4xNzJIM3YtMTB6TTUgOGg2VjZINXYyem0wIDMuMDAxaDZWOUg1djIuMDAxeiIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}
.app-tcmpp-icon-shopcart {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTE1Ljg2NSAyLjk3M0wxNCA5LjVhMSAxIDAgMCAxLTEgMUg1YTEgMSAwIDAgMS0xLTFsLTItN0gxYTEgMSAwIDEgMSAwLTJoMmMuNTUzIDAgLjkyNS41ODcgMS4wNzUgMS40MTNzMS42NTQgNi42NDIgMS42NTQgNi42NDJjLjA4OC0uMDI2LjE3NS0uMDU1LjI3MS0uMDU1aDZjLjA5NiAwIC4xODMuMDI5LjI3LjA1NUwxMy43MTQgMy41SDhhMSAxIDAgMSAxIDAtMmg3YTEgMSAwIDAgMSAxIDFjMCAuMTc0LS4wNTcuMzMtLjEzNS40NzN6TTUuNSAxMi41YTEuNSAxLjUgMCAxIDEtLjAwMSAzLjAwMUExLjUgMS41IDAgMCAxIDUuNSAxMi41em03IDBhMS41IDEuNSAwIDEgMS0uMDAxIDMuMDAxQTEuNSAxLjUgMCAwIDEgMTIuNSAxMi41eiIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-more {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgMTBhMiAyIDAgMSAxIDAtNCAyIDIgMCAwIDEgMCA0em02IDBhMiAyIDAgMSAxIDAtNCAyIDIgMCAwIDEgMCA0em02IDBhMiAyIDAgMSAxIDAtNCAyIDIgMCAwIDEgMCA0eiIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}
.app-tcmpp-icon-folderclose {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYgMWwyIDJoN3YxMUgwVjFoNnptNyA0SDJ2N2gxMVY1eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-folderopen {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYgMmwyIDJoNXYxaDNsLTEuMTUgMi43NC0yIDUtLjUgMS4yNkgwVjJoNnptNyA1SDVsLTIgNWg4bDItNXoiIGZpbGw9IiM4ODgiLz48L3N2Zz4=);
}
.app-tcmpp-icon-notice {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgMy40NDZMNC41MzEgNkgydjRoMi41MzFMOSAxMi41NTRWMy40NDZ6TTExIDB2MTZsLTctNEgwVjRoNGw3LTR6bTEgMy4xYTUuMDAyIDUuMDAyIDAgMCAxIDAgOS44di0yLjA3YTMuMDAxIDMuMDAxIDAgMCAwIDAtNS42NlYzLjF6IiBmaWxsPSIjODg4Ii8+PC9zdmc+);
}
.app-tcmpp-icon-notice-blue {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgMy40NDZMNC41MzEgNkgydjRoMi41MzFMOSAxMi41NTRWMy40NDZ6TTExIDB2MTZsLTctNEgwVjRoNGw3LTR6bTEgMy4xYTUuMDAyIDUuMDAyIDAgMCAxIDAgOS44di0yLjA3YTMuMDAxIDMuMDAxIDAgMCAwIDAtNS42NlYzLjF6IiBmaWxsPSIjMDA2ZWZmIi8+PC9zdmc+);
}
.app-tcmpp-icon-guide {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzg4OCI+PHBhdGggZD0iTTAgMHYxNmgxNlYwSDB6bTE0IDE0SDJWMmgxMnYxMnoiLz48cGF0aCBkPSJNOCA1Yy41NTEgMCAxIC40NDkgMSAxcy0uNDIyLjkyMi0xIDEuMDc4di4wMTRjLS41ODEuMjA2LTEgLjc1Ni0xIDEuNDA4VjEwaDJWOC44MTZBMi45OSAyLjk5IDAgMCAwIDExIDZhMyAzIDAgMSAwLTYgMGgyYzAtLjU1MS40NDktMSAxLTF6bS0xIDZoMnYySDd6Ii8+PC9nPjwvc3ZnPg==);
}
.app-tcmpp-icon-consult {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYgMnYzSDR2MmMwIDMuMDg0IDEuOTE2IDUgNSA1aDJ2LTJoM3Y0aC0zLjk0OWwtLjg5OC0uMDQ1YTguMDA5IDguMDA5IDAgMCAxLTcuMTA3LTcuMTA3TDIgNS45NDlWMmg0bTItMkgwdjZsLjA1IDFBMTAuMDA1IDEwLjAwNSAwIDAgMCA5IDE1Ljk1bDEgLjA1aDZWOEg5djJjLTIgMC0zLTEtMy0zaDJWMHoiLz48L3N2Zz4=);
}
.app-tcmpp-icon-realname {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEgMTIuNUMxIDEwLjE3MiA1LjY2NCA5IDggOXM3IDEuMTcyIDcgMy41VjE1SDF2LTIuNXptMTIgLjA2N0MxMi42MjIgMTEuOTYyIDEwLjEzNCAxMSA4IDExcy00LjYyMi45NjItNSAxLjU2N1YxM2gxMHYtLjQzM3pNOCA4QzUuNzkgOCA0IDYuMjEgNCA0czEuNzktNCA0LTQgNCAxLjc5IDQgNC0xLjc5IDQtNCA0em0wLTJhMiAyIDAgMSAwIC4wMDEtMy45OTlBMiAyIDAgMCAwIDggNnoiLz48L3N2Zz4=);
}
.app-tcmpp-icon-realnamev {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEyIDhhNCA0IDAgMSAwIDAgOCA0IDQgMCAwIDAgMC04em0tLjYwOCA2LjA3NmwtMS43NzgtMS43NzguNzA3LS43MDcgMS4wNyAxLjA3IDIuNDIyLTIuNDIyLjcwNy43MDctMy4xMjggMy4xM3oiIGZpbGw9IiMwYWJmNWIiLz48cGF0aCBkPSJNNy4xMDEgMTNIM3YtLjQzM2MuMzI2LS41MjEgMi4yMTctMS4zMDQgNC4wOTktMS41MTJBNC45MzcgNC45MzcgMCAwIDEgOC4wMjUgOUg4Yy0yLjMzNiAwLTcgMS4xNzItNyAzLjVWMTVoNy4wMjNhNC45NDIgNC45NDIgMCAwIDEtLjkyMi0yek04IDhjMi4yMSAwIDQtMS43OSA0LTRzLTEuNzktNC00LTQtNCAxLjc5LTQgNCAxLjc5IDQgNCA0em0wLTZhMiAyIDAgMSAxIC4wMDEgMy45OTlBMiAyIDAgMCAxIDggMnoiIGZpbGw9IiM4ODgiLz48L3N2Zz4=);
}
.app-tcmpp-icon-show {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTggM0M0LjM3OCAzIDEuMjgxIDUuMDY5IDAgOGMxLjI4MSAyLjkzMSA0LjM3OCA1IDggNXM2LjcxOS0yLjA2OSA4LTVjLTEuMjgxLTIuOTMxLTQuMzc4LTUtOC01em0wIDlhNCA0IDAgMSAxIDAtOCA0IDQgMCAwIDEgMCA4eiIvPjxjaXJjbGUgZmlsbD0iIzg4OCIgY3g9IjgiIGN5PSI4IiByPSIyIi8+PC9zdmc+);
}
.app-tcmpp-icon-hide {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzg4OCI+PHBhdGggZD0iTTQuMTQ5IDkuMDIzQTMuOTI2IDMuOTI2IDAgMCAxIDQgOGE0IDQgMCAwIDEgNC00Yy4zNTYgMCAuNjk1LjA2MSAxLjAyMy4xNDlsLjkyMS0uOTIxQTkuMTkxIDkuMTkxIDAgMCAwIDggM0M0LjM3OCAzIDEuMjgxIDUuMDY5IDAgOGE4LjA0OCA4LjA0OCAwIDAgMCAyLjIzMyAyLjkzOWwxLjkxNi0xLjkxNnoiLz48cGF0aCBkPSJNMTIuOTQ0IDQuNDdsMS40Mi0xLjQyLTEuNDE0LTEuNDE0LTQuNDM5IDQuNDM4QTIuMDAyIDIuMDAyIDAgMCAwIDggNmEyIDIgMCAwIDAtMiAyYzAgLjE3OC4wMzEuMzQ3LjA3NC41MTFMMS42MzYgMTIuOTVsMS40MTQgMS40MTQgMS44OTctMS44OTdBOS4wNSA5LjA1IDAgMCAwIDggMTNjMy42MjIgMCA2LjcxOS0yLjA2OSA4LTUtLjYyOC0xLjQzNy0xLjcwNC0yLjY1My0zLjA1Ni0zLjUzek04IDEyYTMuOTYgMy45NiAwIDAgMS0yLjAyLS41NjZsMS41MDktMS41MDljLjE2NC4wNDQuMzMzLjA3NS41MTEuMDc1YTIgMiAwIDAgMCAyLTJjMC0uMTc4LS4wMzEtLjM0Ny0uMDc0LS41MTFsMS41MDktMS41MDljLjM1LjU5NS41NjUgMS4yNzkuNTY1IDIuMDJhNCA0IDAgMCAxLTQgNHoiLz48L2c+PC9zdmc+);
}
.app-tcmpp-icon-records {
  width: 15px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NGM2YmFlMy0zN2I1LWE1NGItYTE5Yi1jNmU1NGI5MTBmNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEQ4QTk5RTgyNDgwMTFFNUI2OTc4OTdCOTNGN0E2NTciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEQ4QTk5RTcyNDgwMTFFNUI2OTc4OTdCOTNGN0E2NTciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0YzZiYWUzLTM3YjUtYTU0Yi1hMTliLWM2ZTU0YjkxMGY2MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NGM2YmFlMy0zN2I1LWE1NGItYTE5Yi1jNmU1NGI5MTBmNjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5tnmGTAAABY0lEQVR42oyTzyuEQRjH39k2J4dVLhwcKbm4ykVcbHFxdBU5kKWt9SMUoZRILeLgH3DYJE6ScuXmzsUBB+Wkzfg8b89bj3d3aqc+7zPvzPN95pmZZ5z3Pko3N//UjdmBQbiDot/rfa7xs2JEbZhN6INluIERWId7sQR5+ydG1Ex/DqZgHw5x+jFBmzAz6nMMB8x/u6jwOMTPGVRgg8GPKNAI0opZg1GYFPE7nQlEFXXwITE+Tn3ymNMsH4l2aXzkoLI4Fs2Ku5iq8bmG9oxG/DUTS5BDUFKh2BYdTzKIs5O0fZKOWSmHeYEOeBVxaoF4e5nQ9pS4nxYmLSSehXNEX2JZZTUoZtKZdKYxXbCgQ2I7dTyy/iKWe82bgGUYl9PVa6vqf9n4yD1/yoEN0zmCC9huoEgWYUxqw5ZnQaqmgfI8EZ+4PAMPo1/v9Uq3tAUPsFLzMOqk1yNbgAG4hVK9J/knwABfJJsFlJrl8QAAAABJRU5ErkJggg==);
}
.app-tcmpp-icon-error.size-l {
  width: 32px;
  height: 32px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0iI2U1NDU0NSI+PHBhdGggZD0iTTE0IDIwaDN2M2gtM3ptMC0xMmgzdjEwaC0zeiIvPjxwYXRoIGQ9Ik0xNS41IDBDNi45NCAwIDAgNi45NCAwIDE1LjVTNi45NCAzMSAxNS41IDMxIDMxIDI0LjA2IDMxIDE1LjUgMjQuMDYgMCAxNS41IDB6bTAgMjhDOC42MDcgMjggMyAyMi4zOTMgMyAxNS41UzguNjA3IDMgMTUuNSAzIDI4IDguNjA3IDI4IDE1LjUgMjIuMzkzIDI4IDE1LjUgMjh6Ii8+PC9nPjwvc3ZnPg==);
}
.app-tcmpp-icon-sales {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDQvMjkvMTWEKxpXAAABNElEQVQ4ja2T4W2DMBCFP1AGYISYBUonqDNBs0HoGGYA/+4GpRM0nSBkgqYLWB2BDa4/fAaMUKRKfRISPt9798DPhYiQoatb4Ag85xt8Amd86JfFYhLo6goYgAfgHTgDo/ZVKnoCvgGLD+MsEMk/+rT4cKOrLXBLjTqkAXpgD+zxYSx1a1CyxYeb1i5Ak31E3LPaO0QHzrTAG/A4kbtagIOKsBIp1MkX8II4M4gzvYggIogzIs7I9J7q67UzvTgz7IAn4HWaHCfMR7N8z3EGPna6GCd7a7tL4RwjQMk9rJ1suEkOqrtCW+6UUwJXYkjW023moqvtVIs4AteSGIyTHs0SF+CAD4VOv5CONfaegD4lMYXHZsnbwhx58KFJP9ES4zlsOFmSGyXvlfNflymf0vKH6/wL1t6o8wIsJh4AAAAASUVORK5CYII=);
}
.app-tcmpp-icon-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMGE4IDggMCAxIDEgMCAxNkE4IDggMCAwIDEgOCAwem0wIDJDNC42OTEgMiAyIDQuNjkxIDIgOHMyLjY5MSA2IDYgNiA2LTIuNjkxIDYtNi0yLjY5MS02LTYtNnptMi45MjUgMi44bDEuNDE0IDEuNDE0LTUuMzAzIDUuMzA0TDMuNSA3Ljk4MmwxLjQxNC0xLjQxNCAyLjEyMiAyLjEyMUwxMC45MjUgNC44eiIgZmlsbD0iIzBhYmY1YiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}
.app-tcmpp-icon-success.size-l {
  width: 32px;
  height: 32px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0iIzBhYmY1YiI+PHBhdGggZD0iTTEzLjI1IDE3LjgxMWwtMy4zNjQtMy4zNjQtMi4xMjEgMi4xMjEgMy4zNjQgMy4zNjQgMi4xMjEgMi4xMjEgMi4xMjEtMi4xMjEgNy44NjQtNy44NjQtMi4xMjEtMi4xMjF6Ii8+PHBhdGggZD0iTTE1LjUgMEM2Ljk0IDAgMCA2Ljk0IDAgMTUuNVM2Ljk0IDMxIDE1LjUgMzEgMzEgMjQuMDYgMzEgMTUuNSAyNC4wNiAwIDE1LjUgMHptMCAyOEM4LjYwNyAyOCAzIDIyLjM5MyAzIDE1LjVTOC42MDcgMyAxNS41IDMgMjggOC42MDcgMjggMTUuNSAyMi4zOTMgMjggMTUuNSAyOHoiLz48L2c+PC9zdmc+);
  background-size: cover;
}
.app-tcmpp-icon-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgMTJoMnYtMkg3djJ6bTAtM2gyVjRIN3Y1em0xIDVjLTMuMzA5IDAtNi0yLjY5MS02LTZzMi42OTEtNiA2LTYgNiAyLjY5MSA2IDYtMi42OTEgNi02IDZ6TTggMGE4IDggMCAxIDAgMCAxNkE4IDggMCAwIDAgOCAweiIgZmlsbD0iI2ZmNzIwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}
.app-tcmpp-icon-warning.size-l {
  width: 32px;
  height: 32px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2IDMyQzcuMTYzIDMyIDAgMjQuODM3IDAgMTZTNy4xNjMgMCAxNiAwczE2IDcuMTYzIDE2IDE2LTcuMTYzIDE2LTE2IDE2em0wLTNjNy4xOCAwIDEzLTUuODIgMTMtMTNTMjMuMTggMyAxNiAzIDMgOC44MiAzIDE2czUuODIgMTMgMTMgMTN6bS0xLjUtMTAuNXYtMTBoM3YxMGgtM3ptMCA1di0zaDN2M2gtM3oiIGZpbGw9IiNmZjcyMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
  background-size: cover;
}
.app-tcmpp-icon-loading {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMTZBOCA4IDAgMSAxIDggMHYyYTYgNiAwIDEgMCA2IDZoMmE4IDggMCAwIDEtOCA4eiIgZmlsbD0iIzAwNmVmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
  -webkit-animation: spin 0.6s linear infinite;
  animation: spin 0.6s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.app-tcmpp-icon-shutdown {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDQvMjIvMTVTKp1WAAABHElEQVQ4jc2TzU0DMRCFPyIKSAcsHYRzLLFRfF93wNJB6GBL2A4SOhjulhIk30kHMR3QgTkwibw/ISInRrLkw3vPb8ZvSClx7syXVTFfVuk3zE1KibEy1tVABLbAPVAGL5s+biBgrCuBBpgBTgUegA/gHWiCl90RP8mIhbFOlBBVAIDgZa8uIrA11omxrjgJqN0DMAUWwUsdvMTcWfASg5caWCjuYKyrb411U2ANvAQvba/Fr37Par801jXAepJZHQwosz5Wu84MgpfBa0frZwToCFxb/0hAf+Mqgb3e6z9yZ6BR1iCtGYlqv7KoPwLPp13QaLZABbyqUMyIhRKfgDdgFbzES8vU8hOYElhpux2Hl9a5Ae6ATyVu+rhvXvGiGQ+9ErwAAAAASUVORK5CYII=);
}
.app-tcmpp-icon-running {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAM1BMVEUAAAAHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYsHuYtzY/JWAAAAEHRSTlMAQCDAYPCwEOCggHDQkFAw48okZwAAAHJJREFUGNNlj0sSwCAIQwFF/LXN/U/bATt1YRY6eYQBaClX1Ey/OGnnjsTLSkET/xuKeDoqXxKZDCPM3fztIIYFmBDPOPB2Y+i1waOlpaFW5AOzAlkw1RZgfXolKrjCwWjphjjwsVsDx2Ln6vs4jeRx/gtUqwRbIvcTmQAAAABJRU5ErkJggg==);
}
.app-tcmpp-icon-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgMTJoMnYtMkg3djJ6bTAtM2gyVjRIN3Y1em0xIDVjLTMuMzA5IDAtNi0yLjY5MS02LTZzMi42OTEtNiA2LTYgNiAyLjY5MSA2IDYtMi42OTEgNi02IDZ6TTggMGE4IDggMCAxIDAgMCAxNkE4IDggMCAwIDAgOCAweiIgZmlsbD0iI2U1NDU0NSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}
.app-tcmpp-icon-error--ring {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBzdHJva2U9IiNGRjU4NEQiIHN0cm9rZS13aWR0aD0iMiIgY3g9IjgiIGN5PSI4IiByPSI2IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}
.app-tcmpp-icon-deploy {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDQvMjIvMTVTKp1WAAAA8UlEQVQ4ja2U7Q2CQAyGn7s4gBvICIYFxAkcQdxAWEAmIGygjuAE4AAQR9AJdIP6w54xeH4hTUiupe9Hk94hIrz7SOrgU48REXxh0iYGMmCkpROQSR5unnrbJCZtIgWPgQKo9FcErIC9klV3jCMxaRMoaAZstfHYEghUYA7sgKXk4dGIiLO+9qm8GNW5nQALQ1IPgTOQSB4W78AesgxYWZ0dYPMLgUYFYF0meXjpQALA4DHRWUslNVoTXw5MHc7SQxiSOgJKp/QTWJ3bh8KwqxMLHPQcd8CPQTf272Xrbe1fqPgu4JLb+P4L6LEc8+VTcAU6HK1cvNNY9wAAAABJRU5ErkJggg==);
  width: 17px;
  height: 17px;
}
.app-tcmpp-icon-sort {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTkgN2gzTDggMyA0IDdoM3YySDRsNCA0IDQtNEg5eiIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-sortup {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEyIDdMOCAzIDQgN2gzdjZoMlY3eiIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-sortdown {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTkgOVYzSDd2Nkg0bDQgNCA0LTR6Ii8+PC9zdmc+);
}
.app-tcmpp-icon-links {
  width: 14px;
  height: 13px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDMvMjQvMTWz5vwEAAABKElEQVQokY3Qv0uVURgH8M+Rd/EOFjo1FG0tORxxc3EJSqKCdtGlLeG+4CKCi+B2BjNny6HAISJaDAtpU/Id/AN08AcuIg5BEJyWQ1zQe+uMz3M+fM/5hpyzf51QN+N4jUEcY6rvP9ATvMV0TvEWlrDRE4a6mcQrPMgp7pTxB9ypeqBHWMBYTvGoY7WIrdDtj6Fu3uET7mITP7CMYTy9khjqZgAt9GMOJ1jBOgYwkVP8+Tcx1E1VLkzgEufIGMLNkv4yp/gbqoJaeF/AMDbK7jtW8SuneNH5sirUzQ18xD5mMIpvOMTjnOLZdR1UeIPdnOJsme2GujnFV7Svba7Ah3jeUc690uJ8TvFzN9iHAzwraARfSgnr3RAE7b37WMNtXOBFTnG7F4I/87td0ywkGPsAAAAASUVORK5CYII=);
}
.app-tcmpp-icon-btnback {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzAwNmVmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSA3SDQuN2w0LjQtNC42TDcuNyAxIDEgOGw2LjcgNyAxLjQtMS40TDQuNyA5SDE1eiIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-client {
  width: 16px;
  height: 15px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDUvMTkvMTVl/GszAAAAW0lEQVQoke2SMQ7AIAwDL1F+VXhU30i78qV2gI4oalgYsBRlcWwrsnDWAiRiuLQfZ0B+TgaSfkoRdwD1WB62wEoCkSYeAEYrRAkGuI1WyRGevmVEmP6BOc5ukhdxMAurJ2NtsQAAAABJRU5ErkJggg==);
  margin-top: 2px;
}
.app-tcmpp-icon-plus {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZS8+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEzIDdIOVYzSDd2NEgzdjJoNHY0aDJWOWg0eiIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-minus {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTMgN2gxMHYySDN6Ii8+PC9zdmc+);
}
.app-tcmpp-icon-setting {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEzLjAwMyA4YzAtLjU1My0uMTExLTEuMDc1LS4yNzctMS41NzJsMS43MjMtLjk5NS0xLTEuNzMyLTEuNzIxLjk5NGE0Ljk2IDQuOTYgMCAwIDAtMi43MjUtMS41OTRWMWgtMnYyLjEwMWE0Ljk3MiA0Ljk3MiAwIDAgMC0yLjcyNSAxLjU5M2wtMS43MjEtLjk5My0xIDEuNzMyIDEuNzIzLjk5NWMtLjE2NS40OTctLjI3NyAxLjAxOS0uMjc3IDEuNTcycy4xMTIgMS4wNzUuMjc3IDEuNTcybC0xLjcyMy45OTUgMSAxLjczMiAxLjcyMS0uOTk0YTQuOTggNC45OCAwIDAgMCAyLjcyNSAxLjU5NFYxNWgydi0yLjEwMWE0Ljk3IDQuOTcgMCAwIDAgMi43MjUtMS41OTRsMS43MjEuOTk0IDEtMS43MzItMS43MjMtLjk5NUE0LjkzNSA0LjkzNSAwIDAgMCAxMy4wMDMgOHptLTUgM2EzIDMgMCAxIDEgMC02IDMgMyAwIDAgMSAwIDZ6Ii8+PC9zdmc+);
}
.app-tcmpp-icon-pencil {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzg4OCI+PHBhdGggZD0iTTkuODI3IDMuNzI5TDExLjU1NSAyIDE0IDQuNDQ1bC0xLjcyOCAxLjcyOHpNMyAxMC41NTZWMTNoMi40NDRsNS45NjMtNS45NjMtMi40NDQtMi40NDR6Ii8+PC9nPjwvc3ZnPg==);
}
.app-tcmpp-icon-copy {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzg4OCI+PHBhdGggZD0iTTExIDVINXY5aDhWNWgtMnptMCA3SDdWN2g0djV6Ii8+PHBhdGggZD0iTTEwIDJIMnY5aDJWNGg2eiIvPjwvZz48L3N2Zz4=);
}
.app-tcmpp-icon-remind {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PHBhdGggZmlsbD0iI2ZmNzIwMCIgZD0iTTguODM3Ljk2MkwuMjAzIDE3LjAzOGgxNy41OTRMOC44MzcuOTYyem0uMDM0IDQuMTY2bDUuNjcyIDkuOTY5SDMuNTI0bDUuMzQ3LTkuOTY5em0tLjgzNyAyLjg4djMuMTA3aDEuNzY4VjguMDA4SDguMDM0em0wIDUuOTM0aDEuNzY4di0xLjc2OUg4LjAzNHYxLjc2OXoiLz48L3N2Zz4=);
}
.app-tcmpp-icon-dismiss,
.app-tcmpp-icon-dismiss.size-s {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTggMWE3IDcgMCAxIDAgMCAxNEE3IDcgMCAwIDAgOCAxem0zLjUzNiA5LjEyMWwtMS40MTQgMS40MTRMOCA5LjQxNGwtMi4xMjEgMi4xMjEtMS40MTQtMS40MTRMNi41ODYgOCA0LjQ2NCA1Ljg3OWwxLjQxNC0xLjQxNEw4IDYuNTg2bDIuMTIxLTIuMTIxIDEuNDE0IDEuNDE0TDkuNDE0IDhsMi4xMjIgMi4xMjF6Ii8+PC9zdmc+);
}
.app-tcmpp-icon-phone {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTIgMGgxMnYxNkgyVjB6bTIgMnYxMmg4VjJINHptMyA5aDJ2Mkg3di0yeiIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-phonev {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEyIDhhNCA0IDAgMSAwIDAgOCA0IDQgMCAwIDAgMC04em0tLjYwOCA2LjA3NmwtMS43NzgtMS43NzguNzA3LS43MDcgMS4wNyAxLjA3IDIuNDIyLTIuNDIyLjcwNy43MDctMy4xMjggMy4xM3oiIGZpbGw9IiMwYWJmNWIiLz48ZyBmaWxsPSIjODg4Ij48cGF0aCBkPSJNNy40MjIgMTRIMlYyaDh2NS40MjJBNC45NzkgNC45NzkgMCAwIDEgMTIgN1YwSDB2MTZoOS4wMjdhNS4wMDEgNS4wMDEgMCAwIDEtMS42MDUtMnoiLz48cGF0aCBkPSJNNSAxMWgydjJINXoiLz48L2c+PC9zdmc+);
}
.app-tcmpp-icon-phone-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjOTc5Nzk3IiBmaWxsPSIjODg4IiBkPSJNNS41IDExLjVoMXYxaC0xeiIvPjxwYXRoIGQ9Ik0xMiAwdjdjLS43MSAwLTEuMzg3LjE0OC0yIC40MTZWMkgydjEyaDUuNDE2YTUuMDE4IDUuMDE4IDAgMCAwIDEuNTg1IDIuMDAxTDAgMTZWMGgxMnoiIGZpbGw9IiM4ODgiLz48cGF0aCBkPSJNMTIgOGE0IDQgMCAxIDEgMCA4IDQgNCAwIDAgMSAwLTh6bS41IDUuNWgtMXYxaDF2LTF6bTAtNGgtMXYzaDF2LTN6IiBmaWxsPSIjZjc0MDQyIi8+PC9nPjwvc3ZnPg==);
}
.app-tcmpp-icon-phone-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTcgMTF2Mkg1di0yeiIvPjxwYXRoIGZpbGw9IiM4ODgiIGQ9Ik0xMiAwdjdoLTJWMkgydjEyaDR2MkgwVjB6Ii8+PHBhdGggZD0iTTExLjQyNiA4LjMzOWMuMTA3LjA2MS4xOTUuMTUuMjU3LjI1NmwzLjQyMSA1Ljg5MWEuNzA3LjcwNyAwIDAgMS0uNjExIDEuMDYzSDcuNjQ5YS43MDcuNzA3IDAgMCAxLS42MTEtMS4wNjJsMy40MjItNS44OTJhLjcwNy43MDcgMCAwIDEgLjk2Ni0uMjU2ek0xMS42IDE0aC0xdjFoMXYtMXptMC00aC0xdjNoMXYtM3oiIGZpbGw9IiNmMGI2NGIiLz48L2c+PC9zdmc+);
}
.app-tcmpp-icon-wechat {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTkuMjQ5IDYuNDk5YTEuMjQ5IDEuMjQ5IDAgMSAxIDIuNDk3IDAgMS4yNDkgMS4yNDkgMCAwIDEtMi40OTcgMHptLTQuOTk2IDBhMS4yNDkgMS4yNDkgMCAxIDEgMi40OTcgMCAxLjI0OSAxLjI0OSAwIDAgMS0yLjQ5NyAwem0tMS41ODcgOS40NzdhLjMuMyAwIDAgMS0uMzk3LS4zODdsLjgyNC0yLjA2QzEuMjExIDEyLjI0OCAwIDEwLjI0OCAwIDhjMC0zLjg2NiAzLjU4Mi03IDgtN3M4IDMuMTM0IDggNy0zLjU4MiA3LTggN2E5LjA5IDkuMDkgMCAwIDEtMi4zNDUtLjMwNWwtMi45ODkgMS4yODF6TTE0IDhjMC0yLjY5OC0yLjYzMS01LTYtNVMyIDUuMzAyIDIgOHMyLjYzMSA1IDYgNSA2LTIuMzAyIDYtNXoiLz48L3N2Zz4=);
}
.app-tcmpp-icon-wechatv {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEyIDhhNCA0IDAgMSAwIDAgOCA0IDQgMCAwIDAgMC04em0tLjYwOCA2LjA3NmwtMS43NzgtMS43NzguNzA3LS43MDcgMS4wNyAxLjA3IDIuNDIyLTIuNDIyLjcwNy43MDctMy4xMjggMy4xM3oiIGZpbGw9IiMwYWJmNWIiLz48Y2lyY2xlIGZpbGw9IiM4ODgiIGN4PSIxMC40OTgiIGN5PSI2LjQ5OSIgcj0iMS4yNDkiLz48Y2lyY2xlIGZpbGw9IiM4ODgiIGN4PSI1LjUwMiIgY3k9IjYuNDk5IiByPSIxLjI0OSIvPjxwYXRoIGZpbGw9IiM4ODgiIGQ9Ik0yIDhjMC0yLjY5OCAyLjYzMS01IDYtNSAzLjExMyAwIDUuNTkyIDEuOTY4IDUuOTUxIDQuMzk1YTQuOTk3IDQuOTk3IDAgMCAxIDEuOTcgMS41MzZBNi4wOSA2LjA5IDAgMCAwIDE2IDhjMC0zLjg2Ni0zLjU4Mi03LTgtN1MwIDQuMTM0IDAgOGMwIDIuMjQ4IDEuMjExIDQuMjQ4IDMuMDkzIDUuNTI5bC0uODI0IDIuMDZhLjMuMyAwIDAgMCAuMzk3LjM4N2wyLjk5LTEuMjgxQTkuMDc3IDkuMDc3IDAgMCAwIDggMTVsLjAyMi0uMDAxYTQuOTQxIDQuOTQxIDAgMCAxLS45MjctMi4wNjJDNC4xNzMgMTIuNTY3IDIgMTAuNDUgMiA4eiIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-wechat-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTguMDM1IDBjNC40MTkgMCA3Ljk4OCAyLjk0NiA3Ljk4OCA2LjU3MiAwIC43LS4xMzMgMS4zNzMtLjM3OSAyLjAwNmE0Ljk5NSA0Ljk5NSAwIDAgMC0xLjcyLTEuMTk0Yy4wNjYtLjI2NS4wOTktLjUzNy4wOTktLjgxMkMxNC4wMjMgNC4xNDIgMTEuNDIyIDIgOC4wMzUgMiA0LjY0OCAyIDIuMDQ3IDQuMTQyIDIuMDQ3IDYuNTcyYzAgLjk3OC40IDEuOTExIDEuMTcgMi43MjFsLjIyNS4yMi4xNDcuMTMxLjkyLjY5Mi0uMDkgMS4wOTkgMS4xNzMtLjU3NyAxLjQ5Ny4xOThhNS4wMjYgNS4wMjYgMCAwIDAgLjAyNyAyLjAybC0uNDIzLS4wNTUtLjc1NC0uMTA0LTMuNzk2IDEuODcuMjgzLTMuNTEzYTYuMjAzIDYuMjAzIDAgMCAxLS42MjMtLjU2N0MuNjcgOS41MTcuMDQ3IDguMTAxLjA0NyA2LjU3Mi4wNDcgMi45NDYgMy42MTYgMCA4LjAzNSAwek01LjU0NyA1YTEgMSAwIDEgMSAwIDIgMSAxIDAgMCAxIDAtMnptNSAwYTEgMSAwIDEgMSAwIDIgMSAxIDAgMCAxIDAtMnoiIGZpbGw9IiM4ODgiLz48cGF0aCBkPSJNMTIgOGE0IDQgMCAxIDEgMCA4IDQgNCAwIDAgMSAwLTh6bS41IDUuNWgtMXYxaDF2LTF6bTAtNGgtMXYzaDF2LTN6IiBmaWxsPSIjZjc0MDQyIi8+PC9nPjwvc3ZnPg==);
}
.app-tcmpp-icon-wechat-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTguMDgyIDBDMTIuNSAwIDE2LjA3IDIuOTQ2IDE2LjA3IDYuNTcyYzAgMS4zMzItLjQ4MiAyLjU3Mi0xLjMxIDMuNjA4TDEzLjY0IDguMjVjLjI3OS0uNTI0LjQzLTEuMDkzLjQzLTEuNjhDMTQuMDcgNC4xNDMgMTEuNDY5IDIgOC4wODIgMiA0LjY5NSAyIDIuMDk0IDQuMTQyIDIuMDk0IDYuNTcyYzAgLjk3OC40IDEuOTExIDEuMTcgMi43MjFsLjIyNS4yMi4xNDcuMTMxLjkyLjY5Mi0uMDkgMS4wOTkgMS4xNzMtLjU3NyAxLjY0NS4yMTcuMTI2LjAxNWMuMTIuMDE0LjIyOS4wMjYuMzI2LjAzNGwuMjUxLjAxN2E3Ljk2IDcuOTYgMCAwIDAgLjQzNy0uMDA1bC0xLjEzNSAxLjk1MmExLjQwMSAxLjQwMSAwIDAgMS0uMDg0LS4wMDhsLS40NjUtLjA1OS0uNzU0LS4xMDQtMy43OTYgMS44Ny4yODMtMy41MTNhNi4yMDMgNi4yMDMgMCAwIDEtLjYyMy0uNTY3Qy43MTcgOS41MTcuMDk0IDguMTAxLjA5NCA2LjU3Mi4wOTQgMi45NDYgMy42NjMgMCA4LjA4MiAwek01LjU5NCA1YTEgMSAwIDEgMSAwIDIgMSAxIDAgMCAxIDAtMnptNSAwYTEgMSAwIDEgMSAwIDIgMSAxIDAgMCAxIDAtMnoiIGZpbGw9IiM4ODgiLz48cGF0aCBkPSJNMTIuMjI0IDguMzM5Yy4xMDcuMDYxLjE5NS4xNS4yNTcuMjU2bDMuNDIxIDUuODkxYS43MDcuNzA3IDAgMCAxLS42MTEgMS4wNjNIOC40NDdhLjcwNy43MDcgMCAwIDEtLjYxMS0xLjA2MmwzLjQyMi01Ljg5MmEuNzA3LjcwNyAwIDAgMSAuOTY2LS4yNTZ6TTEyLjM5OCAxNGgtMXYxaDF2LTF6bTAtNGgtMXYzaDF2LTN6IiBmaWxsPSIjZjBiNjRiIi8+PC9nPjwvc3ZnPg==);
}
.app-tcmpp-icon-email {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTggOS4wMzlsNi0zLjQ2NFYxMkgyVjUuNTc1bDYgMy40NjR6bTAtMi4wNzhMMi44NzEgNGgxMC4yNThMOCA2Ljk2MXpNMCAxNGgxNlYySDB2MTJ6Ii8+PC9zdmc+);
}
.app-tcmpp-icon-emailv {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEyIDhhNCA0IDAgMSAwIDAgOCA0IDQgMCAwIDAgMC04em0tLjYwOCA2LjA3NmwtMS43NzgtMS43NzguNzA3LS43MDcgMS4wNyAxLjA3IDIuNDIyLTIuNDIyLjcwNy43MDctMy4xMjggMy4xM3oiIGZpbGw9IiMwYWJmNWIiLz48cGF0aCBmaWxsPSIjODg4IiBkPSJNNyAxMkgyVjUuNTc1bDYgMy40NjQgNi0zLjQ2NHYxLjg1NmMuOC4zNTEgMS40ODQuOTAyIDIgMS41OTRWMkgwdjEyaDcuNDIyQTQuOTc5IDQuOTc5IDAgMCAxIDcgMTJ6bTYuMTI5LThMOCA2Ljk2MSAyLjg3MSA0aDEwLjI1OHoiLz48L3N2Zz4=);
}
.app-tcmpp-icon-email-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE1Ljg2IDFsLjAwMSA3YTUuMDE4IDUuMDE4IDAgMCAwLTItMS41ODRsLS4wMDItMi42NjYtNS45OTkgNC41LTYuMDAxLTQuNTAxTDEuODYgMTFoNWMwIC43MTEuMTQ5IDEuMzg4LjQxNiAySC0uMTRWMWgxNnptLTQuMzM0IDJINC4xOTRMNy44NiA1Ljc1IDExLjUyNiAzeiIgZmlsbD0iIzg4OCIvPjxwYXRoIGQ9Ik0xMS44NiA3YTQgNCAwIDEgMSAwIDggNCA0IDAgMCAxIDAtOHptLjUgNS41aC0xdjFoMXYtMXptMC00aC0xdjNoMXYtM3oiIGZpbGw9IiNmNzQwNDIiLz48L2c+PC9zdmc+);
}
.app-tcmpp-icon-email-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTE2IDF2MTAuNDE0TDE0IDcuOTdWM0gydjhoNi40MDFsLTEuMTYyIDJIMFYxeiIvPjxwYXRoIGQ9Ik0xMi40MTkgNy4zMzljLjEwNi4wNjEuMTk0LjE1LjI1Ni4yNTZsMy40MjIgNS44OTFhLjcwNy43MDcgMCAwIDEtLjYxMiAxLjA2M0g4LjY0MWEuNzA3LjcwNyAwIDAgMS0uNjExLTEuMDYybDMuNDIyLTUuODkyYS43MDcuNzA3IDAgMCAxIC45NjctLjI1NnpNMTIuNTkyIDEzaC0xdjFoMXYtMXptMC00aC0xdjNoMVY5eiIgZmlsbD0iI2YwYjY0YiIvPjxwYXRoIGZpbGw9IiM4ODgiIGQ9Ik0xLjk0MyAxLjIwN0w4IDUuNzVsNi4wMi00LjUxNSAxLjIgMS42TDggOC4yNS43NDMgMi44MDd6Ii8+PC9nPjwvc3ZnPg==);
}
.app-tcmpp-icon-qq {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNzc5IDYuMTZDMi43NzkgMy4wODcgNC4yODkgMCA4IDBjMy43MTIgMCA1LjIyMiAzLjA4NyA1LjIyMiA2LjE2IDAgLjE4My0uMDEuNTM2LS4wMS41NThsLjc0OCAxLjc5NmMuMjA1LjUxNC40MDggMS4wNDkuNTU3IDEuNTA4LjcwOCAyLjE5LjQ3OCAzLjA5Ni4zMDQgMy4xMTdsLS4wMTUuMDAxYy0uMzg4IDAtMS40NDQtMS42NS0xLjQ0NC0xLjY1IDAgLjk4LS41MjUgMi4yNTgtMS42NiAzLjE4MS40MjUuMTI2Ljk0NS4zMiAxLjI4LjU1OC4zLjIxMi4yNjMuNDMuMjEuNTE4LS4xMTguMTkxLTEuMTE0LjI1My0yLjIyNS4yNTMtMS4xNDIgMC0yLjQwNC0uMDY2LTIuOTY3LS4xMjctLjU2Mi4wNjEtMS44MjUuMTI3LTIuOTY2LjEyNy0xLjExMiAwLTIuMTA2LS4wNjItMi4yMjQtLjI1My0uMDU1LS4wODgtLjA5My0uMzA2LjIwOC0uNTE4LjMzNS0uMjM4Ljg1NS0uNDMxIDEuMjgtLjU1Ny0xLjEzNS0uOTI0LTEuNjYtMi4yMDItMS42Ni0zLjE4MiAwIDAtMS4wNTYgMS42NS0xLjQ0NCAxLjY1bC0uMDE0LS4wMDFjLS4xNzUtLjAyMS0uNDA0LS45MjcuMzAzLTMuMTE3LjE1LS40NTkuMzUyLS45OTQuNTU2LTEuNTA4bC43NS0xLjc5NmMwLS4wMjItLjAxLS4zNzUtLjAxLS41NTh6bTguNTA0LTFjMC0xLjc0My0xLjQ3LTMuMTU1LTMuMjgzLTMuMTU1UzQuNzE3IDMuNDE3IDQuNzE3IDUuMTZ2MS41NDVsLS4wOTMuMTg2QzMuNjA2IDguOTY1IDMuNyA5Ljg5MyAzLjg3IDkuOTM3bC4wMTUuMDAzYy4xMTEuMDE1LjM4OC0uMDY1LjgzMS0uMjR2MS4xNDVDNC43MTcgMTIuNTg3IDYuMTg3IDE0IDggMTRzMy4yODMtMS40MTMgMy4yODMtMy4xNTVWOS43Yy40NDMuMTc1LjcyLjI1NS44MzEuMjQuMDA1IDAgLjAxIDAgLjAxNS0uMDAzLjE3LS4wNDQuMjY1LS45NzItLjc1My0zLjA0Ni0uMDMtLjA2LS4wNi0uMTIzLS4wOTMtLjE4NlY1LjE2eiIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}
.app-tcmpp-icon-favorable {
  width: 15px;
  height: 18px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAASCAYAAACEnoQPAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDYvMjMvMTV8CesaAAABNklEQVQ4jaWTPU7DQBCFPxuHVHRIqUkqbkBDSUXFCSgi0XCBSGlocoAUNBQ5AULUiBKkdFBAhRyBEEUS8SM7JLbj3aEgBsc2NoFtdnfmzbyZt7OGV0f447IAypXqwoF+v4eZi2jZxcy5wCx7s5YInhlSgVn2FPNPTPF7IlF2z83aNzB+LmROsuWItjhzLJnh1ZFypVr4LMnkfr/3P7Xny47Yo71Zy+0/f8LiFUVVxBLMT1hcpF9oMBNsDTByYJLyf30Mf/iIen8D0aiJiz98QE1cANTY+fSPHQC0N8If3AOznq3dI2Rzj3D0QjgNKDUu0atVwtEraqXC8sE1yrQI3WfU+hal/RMwl2B63JDwooNoJcHhjqjbM1F2F+0MJGhtiO7fiX66QdldCdrbIlNf1NUp4XlbPgDxX5ys2BcM7AAAAABJRU5ErkJggg==);
}
.app-tcmpp-icon-viewgrid {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTUgMnYzSDJWMmgzbTItMkgwdjdoN1Ywem02IDJ2M2gtM1YyaDNtMi0ySDh2N2g3VjB6TTUgMTB2M0gydi0zaDNtMi0ySDB2N2g3Vjh6bTYgMnYzaC0zdi0zaDNtMi0ySDh2N2g3Vjh6Ii8+PC9zdmc+);
}
.app-tcmpp-icon-viewgrid-blue {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzAwNmVmZiIgZD0iTTUgMnYzSDJWMmgzbTItMkgwdjdoN1Ywem02IDJ2M2gtM1YyaDNtMi0ySDh2N2g3VjB6TTUgMTB2M0gydi0zaDNtMi0ySDB2N2g3Vjh6bTYgMnYzaC0zdi0zaDNtMi0ySDh2N2g3Vjh6Ii8+PC9zdmc+);
}
.app-tcmpp-icon-viewlist {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEgMWgxNHYySDF6bTAgMTJoMTR2Mkgxem0wLTZoMTR2MkgxeiIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-viewlist-blue {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzAwNmVmZiIgZD0iTTEgMWgxNHYySDF6bTAgMTJoMTR2Mkgxem0wLTZoMTR2MkgxeiIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-alarm {
  width: 15px;
  height: 14px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZBQURFNEQzMkY1NjExRTU5NDlEQkRFRkJBRUI5RDhGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZBQURFNEQ0MkY1NjExRTU5NDlEQkRFRkJBRUI5RDhGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkFBREU0RDEyRjU2MTFFNTk0OURCREVGQkFFQjlEOEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkFBREU0RDIyRjU2MTFFNTk0OURCREVGQkFFQjlEOEYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5HIy7wAAAAoklEQVR42mJ8GODFgAbkgLgSiEESEkD8Aoi3AXE7ED9CVsiEptEJiE8B8WsgdgZiXij9BojPQNlwwILElgXi5UAcDMRHkMTvAHEtEO8E4rVAbALEj9FtrgDiWWgakQFIfA4Ql2NzNsiPy9A0/EfjLwZib2yaZaBORAaMaPy7UHUYmkH+/03A5t/I4cTEQAEYppoZaWYzC1p0/CdSH1gdQIABABwLHkiGfLDXAAAAAElFTkSuQmCC);
}
.app-tcmpp-icon-monitor {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEgOGgzdjZIMXptNS03aDN2MTNINnptNSA0aDN2OWgtM3oiIGZpbGw9IiM4ODgiLz48L3N2Zz4=);
}
.app-tcmpp-icon-monitor-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDJoM3YxM0g2VjJ6TTEgOWgzdjZIMVY5em0xMy0zaC0zdjloM1Y2eiIgZmlsbD0iIzg4OCIvPjxjaXJjbGUgY3g9IjE0IiBjeT0iMiIgcj0iMiIgZmlsbD0iI2ZmNzIwMCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-monitor-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDJoM3YxM0g2VjJ6TTEgOWgzdjZIMVY5em0xMy0zaC0zdjloM1Y2eiIgZmlsbD0iIzg4OCIvPjxjaXJjbGUgY3g9IjE0IiBjeT0iMiIgcj0iMiIgZmlsbD0iI2U1NDU0NSIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-download {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTcuNSAxMkwxMSA4SDlWMkg2djZINHpNMiAxM2gxMXYySDJ6IiBmaWxsPSIjODg4Ii8+PC9zdmc+);
}
.app-tcmpp-icon-filter {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEzIDRIM2w0IDR2NWwyLTFWOHoiLz48L3N2Zz4=);
}
.app-tcmpp-icon-try {
  width: 19px;
  height: 19px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE5NThBRjg3NDkzRTExRTRBNzNFQjk2REQ0MjU2RjNBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE5NThBRjg4NDkzRTExRTRBNzNFQjk2REQ0MjU2RjNBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk1OEFGODU0OTNFMTFFNEE3M0VCOTZERDQyNTZGM0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTk1OEFGODY0OTNFMTFFNEE3M0VCOTZERDQyNTZGM0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6fKEW3AAABj0lEQVR42qTUyysFURzA8ZnbrWthoYgFKzuPLBRig9h5Lckz1naUUq7HykK52VEeG4WFKDb4HygWXpEoKYSyHt9f/UbHaWbu1T31uWfuefzmd86ZGdebLHUCShG60QYZkI833OEQ23ixJ8Ws/wnM4hRlSKEZJVqntF3653T8b3GNzOTuB3jAKF6d8FKAJc263R8bMzKS9I/RkyaQo/29ONIEEmawadwj6fyvJHUfZ/xlFlOfoQrP8KQ9ZLLfZ46R7blAjWTWh00N5BiDo4p5MznlLYkjwTqwHzLYszjWtV/2JE6cn0pcWUvxA7ohy7TLOSokszzr9FxrspfBst8ljgT70k2M2hs3TTBJ6FuCXaPcya5U4zKmD2pXlsE6cSLB1jGIwoDNDrq2/8sSB7AmwW6wg4WI/XIjnsFF7Mp2+a/TOOowlcGGm8En0IAx892UE21BPzY09XSnt4oRtOr8P9+zJ9TqMm4xr3fN1X6p67Vd+uO6msewj+MnhtGIHCzrF9XTekXbmzCED3PyjwADABGXXdFpvUqZAAAAAElFTkSuQmCC);
}
.app-tcmpp-icon-convertip--blue,
.app-tcmpp-icon-convertip-blue {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUgNGg0VjJIM3Y4SDFsMyAzIDMtM0g1em03LTFMOSA2aDJ2Nkg3djJoNlY2aDJ6IiBmaWxsPSIjMDA2ZWZmIi8+PC9zdmc+);
}
.app-tcmpp-icon-convertip {
  cursor: default;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUgNGg0VjJIM3Y4SDFsMyAzIDMtM0g1em03LTFMOSA2aDJ2Nkg3djJoNlY2aDJ6IiBmaWxsPSIjODg4Ii8+PC9zdmc+);
}
.app-tcmpp-icon-new {
  cursor: default;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUxQkJEQTFDMDc2ODExRTZCQ0M1OUE0N0U4MDY5MjNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUxQkJEQTFEMDc2ODExRTZCQ0M1OUE0N0U4MDY5MjNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTFCQkRBMUEwNzY4MTFFNkJDQzU5QTQ3RTgwNjkyM0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTFCQkRBMUIwNzY4MTFFNkJDQzU5QTQ3RTgwNjkyM0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7VjP59AAAAh0lEQVR42mJ8WyjvycDAMBeIJRlIA8+BOJkRaMAzMjTDDWGiQDMISDJhExXqe0C0CSAv/Men8V2RAoY4SAwGmLBJoNMwNgzT1gXItqO7AF0zCLDgCjwYG10DOmDB5jSQZkIasXoB3a/ERCcTA4UAJRbIAUzQTEEueAEyIAXEIEPzU1BuBAgwAOfsPtAlk5KIAAAAAElFTkSuQmCC);
}
.app-tcmpp-icon-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgNEg3djJoMlY0em0wIDNIN3Y1aDJWN3ptLTEgN2MtMy4zMDkgMC02LTIuNjkxLTYtNnMyLjY5MS02IDYtNiA2IDIuNjkxIDYgNi0yLjY5MSA2LTYgNnpNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDB6IiBmaWxsPSIjODg4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
  cursor: pointer;
}
.app-tcmpp-icon-tag {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMGw2LjU4NiA2LjU4NmEyIDIgMCAwIDEgMCAyLjgyOGwtNS4xNzIgNS4xNzJhMiAyIDAgMCAxLTIuODI4IDBMMCA4VjBoOHptLS44MjkgMkgydjUuMTcxbDYgNkwxMy4xNzIgOCA3LjE3IDJ6TTUuNSA0YTEuNSAxLjUgMCAxIDEgMCAzIDEuNSAxLjUgMCAwIDEgMC0zeiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-tag:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMGw2LjU4NiA2LjU4NmEyIDIgMCAwIDEgMCAyLjgyOGwtNS4xNzIgNS4xNzJhMiAyIDAgMCAxLTIuODI4IDBMMCA4VjBoOHptLS44MjkgMkgydjUuMTcxbDYgNkwxMy4xNzIgOCA3LjE3IDJ6TTUuNSA0YTEuNSAxLjUgMCAxIDEgMCAzIDEuNSAxLjUgMCAwIDEgMC0zeiIgZmlsbD0iIzQ0NCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEzLjk1IDMuNDE0TDEyLjUzNiAyIDggNi41MzYgMy40NjQgMiAyLjA1IDMuNDE0IDYuNTg2IDcuOTUgMi4wNSAxMi40ODVsMS40MTQgMS40MTRMOCA5LjM2NGw0LjUzNiA0LjUzNSAxLjQxNC0xLjQxNEw5LjQxNCA3Ljk1eiIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-close.size-s {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEyLjI0MyA1LjE3MmwtMS40MTUtMS40MTVMOCA2LjU4NiA1LjE3MiAzLjc1NyAzLjc1NyA1LjE3MiA2LjU4NiA4bC0yLjgyOSAyLjgyOCAxLjQxNSAxLjQxNUw4IDkuNDE0bDIuODI4IDIuODI5IDEuNDE1LTEuNDE1TDkuNDE0IDh6Ii8+PC9zdmc+);
}
.app-tcmpp-icon-arrowup {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEyIDEwSDRsNC01eiIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-arrowup--line {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYuMjYgMy4yNTdMMTEuMDA0IDhsLTQuNzQyIDQuNzQzLTEuMDAxLTEuMDAxTDkuMDAzIDggNS4yNiA0LjI1OHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-arrowdown {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+);
}
.app-tcmpp-icon-arrowdown--line {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYuMjYgMy4yNTdMMTEuMDA0IDhsLTQuNzQyIDQuNzQzLTEuMDAxLTEuMDAxTDkuMDAzIDggNS4yNiA0LjI1OHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-arrowleft {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEwIDR2OEw1IDh6Ii8+PC9zdmc+);
}
.app-tcmpp-icon-arrowleft--line {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYuMjYgMy4yNTdMMTEuMDA0IDhsLTQuNzQyIDQuNzQzLTEuMDAxLTEuMDAxTDkuMDAzIDggNS4yNiA0LjI1OHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-arrowright {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYgMTJWNGw1IDR6Ii8+PC9zdmc+);
}
.app-tcmpp-icon-arrowright--line {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYuMjYgMy4yNTdMMTEuMDA0IDhsLTQuNzQyIDQuNzQzLTEuMDAxLTEuMDAxTDkuMDAzIDggNS4yNiA0LjI1OHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-externallink {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iIzAwNmVmZiI+PHBhdGggZD0iTTggM2wxLjc5MyAxLjc5M0w2IDguNTg2IDcuNDE0IDEwbDMuNzkzLTMuNzkzTDEzIDhWM3oiLz48cGF0aCBkPSJNMTEgMTFINVY1aDJWM0gzdjEwaDEwVjloLTJ6Ii8+PC9nPjwvc3ZnPg==);
}
.app-tcmpp-icon-refresh {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEyLjcxIDQuMjlsLTEuNDMgMS40M0EzLjk4IDMuOTggMCAwIDEgMTIgOGMwIDIuMjA2LTEuNzk0IDQtNCA0VjkuOTM1bC0zIDMuMDMzTDggMTZ2LTJhNiA2IDAgMCAwIDYtNiA1Ljk3NCA1Ljk3NCAwIDAgMC0xLjI5LTMuNzF6TTggNHYybDMtMy4wMzJMOC0uMDY1VjJhNiA2IDAgMCAwLTYgNmMwIDEuNDAyLjQ4NSAyLjY4OCAxLjI5IDMuNzFsMS40My0xLjQzQTMuOTc3IDMuOTc3IDAgMCAxIDQgOGMwLTIuMjA2IDEuNzk0LTQgNC00eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-refresh-blue {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEyLjcxIDQuMjlsLTEuNDMgMS40M0EzLjk4IDMuOTggMCAwIDEgMTIgOGMwIDIuMjA2LTEuNzk0IDQtNCA0VjkuOTM1bC0zIDMuMDMzTDggMTZ2LTJhNiA2IDAgMCAwIDYtNiA1Ljk3NCA1Ljk3NCAwIDAgMC0xLjI5LTMuNzF6TTggNHYybDMtMy4wMzJMOC0uMDY1VjJhNiA2IDAgMCAwLTYgNmMwIDEuNDAyLjQ4NSAyLjY4OCAxLjI5IDMuNzFsMS40My0xLjQzQTMuOTc3IDMuOTc3IDAgMCAxIDQgOGMwLTIuMjA2IDEuNzk0LTQgNC00eiIgZmlsbD0iIzAwNmVmZiIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-fullscreen {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDF2Mi4wMDFoM1Y2aDJWMWgtNXpNMSAxdjVoMlYzLjAwMWgzVjFIMXptMTIgOXYzLjAwMWgtM1YxNWg1di01aC0yek0xIDEwdjVoNXYtMS45OTlIM1YxMEgxeiIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}
.app-tcmpp-icon-fullscreenquit {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMTB2Mi4wMDFoM1YxNWgydi01SDF6bTkgMHY1aDJ2LTIuOTk5aDNWMTBoLTV6TTQgMXYzLjAwMUgxVjZoNVYxSDR6bTYgMHY1aDVWNC4wMDFoLTNWMWgtMnoiIGZpbGw9IiM4ODgiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-delete {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgY2xhc3M9Im5jLWljb24td3JhcHBlciIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0wIDNoMTZ2Mkgwem01LTNoNnYySDV6Ii8+PHBhdGggZD0iTTIgNGgydjEySDJ6bTEwIDBoMnYxMmgtMnoiLz48cGF0aCBkPSJNMiAxNGgxMnYySDJ6bTMtOGgydjdINXptNCAwaDJ2N0g5eiIvPjwvZz48L3N2Zz4=);
}
.app-tcmpp-icon-trenddown {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzBhYmY1YiIgZD0iTTkgOVYzSDd2Nkg0bDQgNCA0LTR6Ii8+PC9zdmc+);
}
.app-tcmpp-icon-trendup {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2U1NDU0NSIgZD0iTTkgN3Y2SDdWN0g0bDQtNCA0IDR6Ii8+PC9zdmc+);
}
.app-tcmpp-icon-drop {
  cursor: move;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDEzdjIuMDAxSDlWMTNoMnptLTQgMHYyLjAwMUg1VjEzaDJ6bTQtNHYyLjAwMUg5VjloMnpNNyA5djIuMDAxSDVWOWgyem00LTR2Mi4wMDFIOVY1aDJ6TTcgNXYyLjAwMUg1VjVoMnptNC00djIuMDAxSDlWMWgyek03IDF2Mi4wMDFINVYxaDJ6IiBmaWxsPSIjODg4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}
.app-tcmpp-icon-news {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTEgMTN2LTFsMi0xVjdjMC0yLjQgMS43LTQuNCA0LTQuOVYxaDJ2MS4xYzIuMy41IDQgMi41IDQgNC45djRsMiAxdjFIMXptNyAzYy0xLjMgMC0yLjQtLjgtMi44LTJoNS42Yy0uNCAxLjItMS41IDItMi44IDJ6Ii8+PC9zdmc+);
}
.app-tcmpp-icon-help {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMWE3IDcgMCAxIDEgMCAxNEE3IDcgMCAwIDEgOCAxem0wIDEuNUE1LjUwNiA1LjUwNiAwIDAgMCAyLjUgOGMwIDMuMDMzIDIuNDY3IDUuNSA1LjUgNS41czUuNS0yLjQ2NyA1LjUtNS41UzExLjAzMyAyLjUgOCAyLjV6bTEgOXYxSDd2LTFoMnpNNi41IDMuOTY1QTMgMyAwIDAgMSAxMSA2LjU2M2EyLjk5IDIuOTkgMCAwIDEtMS44MjQgMi43NDhMOSA5LjM3OXYxLjA1OEg3VjkuMDYyYzAtLjYwMi4zNTctMS4xMTYuODY5LTEuMzUzTDggNy42NTV2LS4wMTRjLjU3OC0uMTU3IDEtLjUyOCAxLTEuMDc5IDAtLjU1MS0uNDQ5LTEtMS0xLS41MTIgMC0uOTM1LjM4Ny0uOTkzLjg4NEw3IDYuNTYzSDVhMyAzIDAgMCAxIDEuNS0yLjU5OHoiIGZpbGw9IiM4ODgiLz48L3N2Zz4=);
  cursor: pointer;
}
.app-tcmpp-icon-pending {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDhjMC0zLjMwOS0yLjY5MS02LTYtNlMyIDQuNjkxIDIgOHMyLjY5MSA2IDYgNiA2LTIuNjkxIDYtNnptMiAwQTggOCAwIDEgMSAwIDhhOCA4IDAgMCAxIDE2IDB6bS03LS40MTRsMi43MDcgMi43MDYtMS40MTQgMS40MTVMNyA4LjQxNFY0aDJ2My41ODZ6IiBmaWxsPSIjZmY3MjAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}
.app-tcmpp-icon-pending-gray {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDhjMC0zLjMwOS0yLjY5MS02LTYtNlMyIDQuNjkxIDIgOHMyLjY5MSA2IDYgNiA2LTIuNjkxIDYtNnptMiAwQTggOCAwIDEgMSAwIDhhOCA4IDAgMCAxIDE2IDB6bS03LS40MTRsMi43MDcgMi43MDYtMS40MTQgMS40MTVMNyA4LjQxNFY0aDJ2My41ODZ6IiBmaWxsPSIjODg4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}
.app-tcmpp-icon-pending.size-l {
  width: 32px;
  height: 32px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2IDBjOC44MzcgMCAxNiA3LjE2NCAxNiAxNiAwIDguODM3LTcuMTYzIDE2LTE2IDE2UzAgMjQuODM4IDAgMTZDMCA3LjE2NCA3LjE2MyAwIDE2IDB6bTAgM0M4LjgyIDMgMyA4LjgyIDMgMTZzNS44MiAxMyAxMyAxMyAxMy01LjgyIDEzLTEzUzIzLjE4IDMgMTYgM3ptMS41IDQuNXY4LjM4bDUuNTYgNS41Ni0yLjEyMSAyLjEyMS02LjQzOS02LjQzOVY3LjVoM3oiIGZpbGw9IiNmZjcyMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-info-blue,
.app-tcmpp-icon-infoblue {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgNEg3djJoMlY0em0wIDNIN3Y1aDJWN3ptLTEgN2MtMy4zMDkgMC02LTIuNjkxLTYtNnMyLjY5MS02IDYtNiA2IDIuNjkxIDYgNi0yLjY5MSA2LTYgNnpNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDB6IiBmaWxsPSIjMDA2ZWZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}
.app-tcmpp-icon-info-blue.size-l,
.app-tcmpp-icon-infoblue.size-l {
  width: 32px;
  height: 32px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0iIzAwNmVmZiI+PHBhdGggZD0iTTE0IDhoM3YzaC0zem0wIDVoM3YxMGgtM3oiLz48cGF0aCBkPSJNMzEgMTUuNUMzMSA2Ljk0IDI0LjA2IDAgMTUuNSAwUzAgNi45NCAwIDE1LjUgNi45NCAzMSAxNS41IDMxIDMxIDI0LjA2IDMxIDE1LjV6bS0zIDBDMjggMjIuMzkzIDIyLjM5MyAyOCAxNS41IDI4UzMgMjIuMzkzIDMgMTUuNSA4LjYwNyAzIDE1LjUgMyAyOCA4LjYwNyAyOCAxNS41eiIvPjwvZz48L3N2Zz4=);
}
.app-tcmpp-icon-lastpage {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUgMTJsNS00LTUtNHptNS04djhoMVY0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-firstpage {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTYgOGw1IDRWNHpNNSA0djhoMVY0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-search {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM4ODgiIGQ9Ik0xNSAxM2wtMi44ODEtMi44ODFDMTIuNjc0IDkuMjA5IDEzIDguMTQ0IDEzIDdhNiA2IDAgMSAwLTYgNiA1Ljk2OCA1Ljk2OCAwIDAgMCAzLjExOS0uODgxTDEzIDE1bDItMnpNMyA3YTQgNCAwIDEgMSA4IDAgNCA0IDAgMCAxLTggMHoiLz48L3N2Zz4=);
}
.app-tcmpp-icon-transfer {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTE2IDhsLTUtNHYzSDVWNEwwIDhsNSA0VjloNnYzeiIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-cur {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMTFhMyAzIDAgMSAwIDAtNiAzIDMgMCAwIDAgMCA2em0wIDJBNSA1IDAgMSAxIDggM2E1IDUgMCAwIDEgMCAxMHoiIGZpbGw9IiM4ODgiLz48L3N2Zz4=);
}
.app-tcmpp-icon-cur-active {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBmaWxsPSIjODg4IiBjeD0iOCIgY3k9IjgiIHI9IjUiLz48L3N2Zz4=);
}
.app-tcmpp-icon-fold {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzdjODc4ZSIgZD0iTTEgMmgxNHYySDF6bTAgNWg3djJIMXptMCA1aDE0djJIMXptMTQtMVY1TDkuOCA4eiIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-fold-white {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTEgMmgxNHYySDF6bTAgNWg3djJIMXptMCA1aDE0djJIMXptMTQtMVY1TDkuOCA4eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-check {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTUuODc5IDEwLjgyOGw4LjQ4NS04LjQ4NSAxLjQxNCAxLjQxNC05LjkgOS45TC4yMjMgOGwxLjQxNC0xLjQxNHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-check.size-s {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYuNTg2IDkuNDE0bDUuNjU3LTUuNjU3IDEuNDE0IDEuNDE1LTcuMDcxIDcuMDdMMi4zNDMgOGwxLjQxNC0xLjQxNHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-not {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzIDhjMC0yLjc1Ny0yLjI0My01LTUtNVMzIDUuMjQzIDMgOHMyLjI0MyA1IDUgNSA1LTIuMjQzIDUtNXptMiAwQTcgNyAwIDEgMSAxIDhhNyA3IDAgMCAxIDE0IDB6TTUgN2g2djJINVY3eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-and {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgOUg1VjdoMlY1aDJ2MmgydjJIOXYySDdWOXptNi0xYzAtMi43NTctMi4yNDMtNS01LTVTMyA1LjI0MyAzIDhzMi4yNDMgNSA1IDUgNS0yLjI0MyA1LTV6bTIgMEE3IDcgMCAxIDEgMSA4YTcgNyAwIDAgMSAxNCAweiIgZmlsbD0iIzBhYmY1YiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}
.app-tcmpp-icon-zoomout {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTUuNDc2IDEzLjM3NWwtMi4zMTctMi4zNTdhNi42ODUgNi42ODUgMCAxIDAtMi4xMjIgMi4xMjFsMi4zIDIuMzQgMi4xMzktMi4xMDR6bS03Ljk2LTEuMjE5YTQuNjYyIDQuNjYyIDAgMSAxLS4wMDItOS4zMjQgNC42NjIgNC42NjIgMCAwIDEgLjAwMiA5LjMyNHoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik04LjUxNiA0LjQ5NWgtMnYyaC0ydjJoMnYyaDJ2LTJoMnYtMmgtMnoiLz48L2c+PC9zdmc+);
}
.app-tcmpp-icon-zoomout--white {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTUuNDc2IDEzLjM3NWwtMi4zMTctMi4zNTdhNi42ODUgNi42ODUgMCAxIDAtMi4xMjIgMi4xMjFsMi4zIDIuMzQgMi4xMzktMi4xMDR6bS03Ljk2LTEuMjE5YTQuNjYyIDQuNjYyIDAgMSAxLS4wMDItOS4zMjQgNC42NjIgNC42NjIgMCAwIDEgLjAwMiA5LjMyNHoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik04LjUxNiA0LjQ5NWgtMnYyaC0ydjJoMnYyaDJ2LTJoMnYtMmgtMnoiLz48L2c+PC9zdmc+);
}
.app-tcmpp-icon-zoomin {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTUuNDc2IDEzLjM3NWwtMi4xNjUtMi4yYTYuNjgzIDYuNjgzIDAgMSAwLTIuMTE3IDIuMTI1bDIuMTQzIDIuMTggMi4xMzktMi4xMDV6TTMgNy42NjFhNC42NjIgNC42NjIgMCAxIDEgOS4zMjQgMCA0LjY2MiA0LjY2MiAwIDAgMS05LjMyNCAweiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTQuNTE2IDYuNDk1aDZ2MmgtNnoiLz48L2c+PC9zdmc+);
}
.app-tcmpp-icon-zoomin--white {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTUuNDc2IDEzLjM3NWwtMi4xNjUtMi4yYTYuNjgzIDYuNjgzIDAgMSAwLTIuMTE3IDIuMTI1bDIuMTQzIDIuMTggMi4xMzktMi4xMDV6TTMgNy42NjFhNC42NjIgNC42NjIgMCAxIDEgOS4zMjQgMCA0LjY2MiA0LjY2MiAwIDAgMS05LjMyNCAweiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTQuNTE2IDYuNDk1aDZ2MmgtNnoiLz48L2c+PC9zdmc+);
}
.app-tcmpp-icon-spin--white {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgOGMwLTMuODY2IDMuMTI5LTcgNi45ODktNyAzLjc2IDAgNi44MjYgMi45NzMgNi45ODIgNi43bC4wMjkuMDE2djQuNWwtMS43MTYtMS43MTktLjY2LS42MzkuMDA2LS4wMTYtMi42MTktMi42MjNoMi45MUE0Ljk5NiA0Ljk5NiAwIDAgMCA3Ljk4OCAzYTQuOTk2IDQuOTk2IDAgMCAwLTQuOTkyIDUgNC45OTYgNC45OTYgMCAwIDAgNi43ODQgNC42NjhsMS41MzcgMS40ODhhNi45NDkgNi45NDkgMCAwIDEtMy4zMy44NDRDNC4xMyAxNSAxIDExLjg2NiAxIDh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}
.app-tcmpp-icon-detail {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzIDhjMC0yLjc1Ny0yLjI0My01LTUtNVMzIDUuMjQzIDMgOHMyLjI0MyA1IDUgNSA1LTIuMjQzIDUtNXptMiAwQTcgNyAwIDEgMSAxIDhhNyA3IDAgMCAxIDE0IDB6TTQgN2gydjJINFY3em0zIDBoMnYySDdWN3ptMyAwaDJ2MmgtMlY3eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-qrcode {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgOWg4VjFIN3Y4em0yLTJoNFYzSDl2NHpNMSAxdjZoMlYzaDJWMUgxem05IDVoMlY0aC0ydjJ6TTMgOWgyVjdIM3Yyem0tMiAyaDJWOC45OTlIMVYxMXptOCAwdjJIN3YyaDR2LTJoMnYyaDJ2LTRIOXptLTYgMHYySDF2Mmg0di0yaDJ2LTJIM3oiIGZpbGw9IiM4ODgiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-qrcode-blue {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgOWg4VjFIN3Y4em0yLTJoNFYzSDl2NHpNMSAxdjZoMlYzaDJWMUgxem05IDVoMlY0aC0ydjJ6TTMgOWgyVjdIM3Yyem0tMiAyaDJWOC45OTlIMVYxMXptOCAwdjJIN3YyaDR2LTJoMnYyaDJ2LTRIOXptLTYgMHYySDF2Mmg0di0yaDJ2LTJIM3oiIGZpbGw9IiMwMDZlZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-database {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzIDlIM1Y3aDEwVjNIM3YxMGgxMFY5em0yLTh2MTRIMVYxaDE0ek00IDRoMnYySDRWNHptMCA2aDJ2Mkg0di0yeiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-datasheet {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgOXY0aDRWOUgzem0wLTJoNFYzaDJ2NGg0djJIOXY0aDRWM0gzdjR6bTEyLTZ2MTRIMVYxaDE0eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-table {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgNEgxVjJoMnYyem0xMiAwSDVWMmgxMHYyek0zIDlIMVY3aDJ2MnptMTIgMEg1VjdoMTB2MnpNMyAxNEgxdi0yaDJ2MnptMTIgMEg1di0yaDEwdjJ6IiBmaWxsPSIjODg4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}
.app-tcmpp-icon-table-blue,
.app-tcmpp-icon-table-hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgNEgxVjJoMnYyem0xMiAwSDVWMmgxMHYyek0zIDlIMVY3aDJ2MnptMTIgMEg1VjdoMTB2MnpNMyAxNEgxdi0yaDJ2MnptMTIgMEg1di0yaDEwdjJ6IiBmaWxsPSIjMDA2ZWZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}
.app-tcmpp-icon-relationship {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDF2NUg5djFoNHYzaDJ2NUg5di01aDJWOUg1djFoMnY1SDF2LTVoMlY3aDRWNkg1VjFoNnpNNSAxMkgzdjFoMnYtMXptOCAwaC0ydjFoMnYtMXpNOSAzSDd2MWgyVjN6IiBmaWxsPSIjODg4Ii8+PC9zdmc+);
}
.app-tcmpp-icon-relationship-blue,
.app-tcmpp-icon-relationship-hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDF2NUg5djFoNHYzaDJ2NUg5di01aDJWOUg1djFoMnY1SDF2LTVoMlY3aDRWNkg1VjFoNnpNNSAxMkgzdjFoMnYtMXptOCAwaC0ydjFoMnYtMXpNOSAzSDd2MWgyVjN6IiBmaWxsPSIjMDA2ZWZmIi8+PC9zdmc+);
}
.app-tcmpp-icon-multi-line {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgMTF2Mkgxdi0yaDh6bTQtN3YzaDJ2Mi4wMDFoLTJWMTJMOSA4bDQtNHpNNyA3djJIMVY3aDZ6bTItNHYySDFWM2g4eiIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-permission,
.app-tcmpp-icon-permission.size-l {
  width: 80px;
  height: 80px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI0MCIgY3k9IjQwIiByPSI0MCIgZmlsbD0iI0VCRUZGNSIvPjxwYXRoIGZpbGw9IiNDMUNDREQiIGQ9Ik00MCAzNi44NzdsMjAuOTk5IDEyLjEyNXYtMTlMNDAgMTcuODc4IDE4Ljk5OSAzMC4wMDJ2MTl6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTQwIDQyLjEyM2wyMC45OTktMTIuMTI1djIwTDQwIDYyLjEyMyAxOC45OTkgNDkuOTk4di0yMHoiLz48cGF0aCBkPSJNNTggNDVhNSA1IDAgMCAxIDUgNXYxaDJ2MTFINTFWNTFoMnYtMWE1IDUgMCAwIDEgNS01em0wIDJhMyAzIDAgMCAwLTIuOTk1IDIuODI0TDU1IDUwdjFoNnYtMWEzIDMgMCAwIDAtMi44MjQtMi45OTVMNTggNDd6IiBmaWxsPSIjMDA2RUZGIi8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU3IDU0aDJ2NWgtMnoiLz48L2c+PC9zdmc+);
}
.app-tcmpp-icon-bell-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgMHYxLjA4M2MyLjgzOC40NzYgNSAyLjk0NCA1IDUuOTE3djRsMSAxdjJoLTQuNTVhMi41IDIuNSAwIDAgMS00LjkgMEgxdi0ybDEtMVY3YTYuMDAyIDYuMDAyIDAgMCAxIDUtNS45MTdWMGgyek04IDNhNCA0IDAgMCAwLTQgNHY1aDhWN2E0IDQgMCAwIDAtNC00eiIgZmlsbD0iI0RGN0YwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}
.app-tcmpp-icon-chart-pie {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgLjA2MnYyLjAyMUE2LjAwMiA2LjAwMiAwIDAgMCA4IDE0YzEuODYgMCAzLjUyMy0uODQ3IDQuNjI0LTIuMTc2bDEuNzUgMS4wMUE4IDggMCAxIDEgNyAuMDYyem0yIDcuMzZWLjA2M2E4LjAwMSA4LjAwMSAwIDAgMSA2LjM3NiAxMS4wNDJMOSA3LjQyM3oiIGZpbGw9IiM4ODgiLz48L3N2Zz4=);
}
.app-tcmpp-icon-chart-pie-blue,
.app-tcmpp-icon-chart-pie-hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgLjA2MnYyLjAyMUE2LjAwMiA2LjAwMiAwIDAgMCA4IDE0YzEuODYgMCAzLjUyMy0uODQ3IDQuNjI0LTIuMTc2bDEuNzUgMS4wMUE4IDggMCAxIDEgNyAuMDYyem0yIDcuMzZWLjA2M2E4LjAwMSA4LjAwMSAwIDAgMSA2LjM3NiAxMS4wNDJMOSA3LjQyM3oiIGZpbGw9IiMwMDZlZmYiLz48L3N2Zz4=);
}
.app-tcmpp-icon-chart-line {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgMXY3LjU4OGwyLjg4LTIuODcxIDIuOTg3IDEuOTk3IDQuNjg4LTQuOTAxIDEuNDQ2IDEuMzgyLTUuODUgNi4xMTUtMy4wMi0yLjAyTDMgMTEuNDE0VjEzaDEydjJIMVYxaDJ6IiBmaWxsPSIjODg4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}
.app-tcmpp-icon-chart-line-blue,
.app-tcmpp-icon-chart-line-hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgMXY3LjU4OGwyLjg4LTIuODcxIDIuOTg3IDEuOTk3IDQuNjg4LTQuOTAxIDEuNDQ2IDEuMzgyLTUuODUgNi4xMTUtMy4wMi0yLjAyTDMgMTEuNDE0VjEzaDEydjJIMVYxaDJ6IiBmaWxsPSIjMDA2ZWZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}
.app-tcmpp-icon-chart-column {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgOHY2SDFWOGgzem01LTd2MTNINlYxaDN6bTUgNHY5aC0zVjVoM3oiIGZpbGw9IiM4ODgiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-chart-column-blue,
.app-tcmpp-icon-chart-column-hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgOHY2SDFWOGgzem01LTd2MTNINlYxaDN6bTUgNHY5aC0zVjVoM3oiIGZpbGw9IiMwMDZlZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-percent {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDlhMyAzIDAgMSAxIDAgNiAzIDMgMCAwIDEgMC02em0xLjItOGwtOCAxNEgyLjhsOC0xNGgyLjR6TTEyIDExYTEgMSAwIDEgMCAwIDIgMSAxIDAgMCAwIDAtMnpNNCAxYTMgMyAwIDEgMSAwIDYgMyAzIDAgMCAxIDAtNnptMCAyYTEgMSAwIDEgMCAwIDIgMSAxIDAgMCAwIDAtMnoiIGZpbGw9IiM4ODgiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-percent-blue {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDlhMyAzIDAgMSAxIDAgNiAzIDMgMCAwIDEgMC02em0xLjItOGwtOCAxNEgyLjhsOC0xNGgyLjR6TTEyIDExYTEgMSAwIDEgMCAwIDIgMSAxIDAgMCAwIDAtMnpNNCAxYTMgMyAwIDEgMSAwIDYgMyAzIDAgMCAxIDAtNnptMCAyYTEgMSAwIDEgMCAwIDIgMSAxIDAgMCAwIDAtMnoiIGZpbGw9IiMwMDZlZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-teaching {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjUgOC42NnYzLjY5Nkw4IDE1LjQ5OWwtNS41LTMuMTQzVjguNjZMOCAxMS44MDNsNS41LTMuMTQzek04IDBsOCA0LjU3MnYuODU2bC04IDQuNTczLTgtNC41NzJ2LS44NTdMOCAwem0wIDIuMzA0TDMuMjggNSA4IDcuNjk3IDEyLjcxNyA1IDggMi4zMDR6IiBmaWxsPSIjMDA2ZWZmIi8+PC9zdmc+);
}
.app-tcmpp-icon-status-blank {
  width: 64px;
  height: 64px;
  background-image: var(--icon-status-blank-v2);
}
.app-tcmpp-icon-status-blank.size-s {
  width: 56px;
  height: 56px;
  background-image: var(--icon-status-blank-s-v2);
}
.app-tcmpp-icon-status-chart {
  width: 64px;
  height: 64px;
  background-image: var(--icon-status-chart-v2);
}
.app-tcmpp-icon-status-chart.size-s {
  width: 56px;
  height: 56px;
  background-image: var(--icon-status-chart-s-v2);
}
.app-tcmpp-icon-status-loading {
  width: 64px;
  height: 64px;
  background-image: var(--icon-status-loading-v2);
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
.app-tcmpp-icon-status-loading.size-s {
  width: 56px;
  height: 56px;
  background-image: var(--icon-status-loading-s-v2);
}
.app-tcmpp-icon-status-network {
  width: 64px;
  height: 64px;
  background-image: var(--icon-status-network-v2);
}
.app-tcmpp-icon-status-network.size-s {
  width: 56px;
  height: 56px;
  background-image: var(--icon-status-network-s-v2);
}
.app-tcmpp-icon-status-no-permission {
  width: 64px;
  height: 64px;
  background-image: var(--icon-status-no-permission-v2);
}
.app-tcmpp-icon-status-no-permission.size-s {
  width: 56px;
  height: 56px;
  background-image: var(--icon-status-no-permission-s-v2);
}
.app-tcmpp-icon-status-pay {
  width: 64px;
  height: 64px;
  background-image: var(--icon-status-pay-v2);
}
.app-tcmpp-icon-status-pay.size-s {
  width: 56px;
  height: 56px;
  background-image: var(--icon-status-pay-s-v2);
}
.app-tcmpp-icon-status-search {
  width: 64px;
  height: 64px;
  background-image: var(--icon-status-search-v2);
}
.app-tcmpp-icon-status-search.size-s {
  width: 56px;
  height: 56px;
  background-image: var(--icon-status-search-s-v2);
}
.app-tcmpp-icon-status-upload {
  width: 64px;
  height: 64px;
  background-image: var(--icon-status-upload-v2);
}
.app-tcmpp-icon-status-upload.size-s {
  width: 56px;
  height: 56px;
  background-image: var(--icon-status-upload-s-v2);
}
.app-tcmpp-icon-status-error {
  width: 64px;
  height: 64px;
  background-image: var(--icon-status-error-v2);
}
.app-tcmpp-icon-status-error.size-s {
  width: 56px;
  height: 56px;
  background-image: var(--icon-status-error-s-v2);
}
.app-tcmpp-icon-status-positive {
  width: 64px;
  height: 64px;
  background-image: var(--icon-status-positive-v2);
}
.app-tcmpp-icon-status-positive.size-s {
  width: 56px;
  height: 56px;
  background-image: var(--icon-status-positive-s-v2);
}
.app-tcmpp-icon-star {
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0RCREZFNiIgZD0iTTEyIDFsMi41OTcgOC4wMjFIMjNsLTYuNzk4IDQuOTU4TDE4Ljc5OCAyMiAxMiAxNy4wNDMgNS4yMDIgMjJsMi41OTYtOC4wMjFMMSA5LjAyaDguNDAzeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}
.app-tcmpp-icon-star.size-l {
  width: 24px;
  height: 24px;
}
.app-tcmpp-icon-star-warning {
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmNzIwMCIgZD0iTTggMGwxLjg4OSA1LjczSDE2bC00Ljk0NCAzLjU0TDEyLjk0NCAxNSA4IDExLjQ1OSAzLjA1NiAxNWwxLjg4OC01LjczTDAgNS43M2g2LjExMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-star-warning.size-l {
  width: 24px;
  height: 24px;
}
.app-tcmpp-icon-star-primary {
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzAwNmVmZiIgZD0iTTggMGwxLjg4OSA1LjczSDE2bC00Ljk0NCAzLjU0TDEyLjk0NCAxNSA4IDExLjQ1OSAzLjA1NiAxNWwxLjg4OC01LjczTDAgNS43M2g2LjExMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.app-tcmpp-icon-star-primary.size-l {
  width: 24px;
  height: 24px;
}
.app-tcmpp-flag {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
}
.app-tcmpp-flag-Globe {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0wIDBoMjB2MjBIMHoiLz48cGF0aCBkPSJNMTAgMWE5IDkgMCAxIDEgMCAxOCA5IDkgMCAwIDEgMC0xOHptLTYuNzUgOUE2Ljc1NyA2Ljc1NyAwIDAgMCAxMCAxNi43NVYxNC41SDcuNzV2LTEuMTI1TDMuMzM4IDguOTYzQTYuODUgNi44NSAwIDAgMCAzLjI1IDEwem0xMy41IDBjMC0yLjkzMi0xLjg4Mi01LjQyNy00LjUtNi4zNTZWNS41SDEwdjMuMzc1SDYuNjI1djIuMjVoNS42MjVsMi4yNSAyLjI1aDEuMzM2QTYuNzAzIDYuNzAzIDAgMCAwIDE2Ljc1IDEweiIvPjwvZz48L3N2Zz4=);
}
.app-tcmpp-flag-Globe--gray {
  width: 16px;
  height: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgOGMwLS4zMTQuMDMyLS42MjEuMDc4LS45MjJMNiAxMXYxaDJ2MmMtMy4zMDkgMC02LTIuNjkxLTYtNm0xMiAwYTUuOTU4IDUuOTU4IDAgMCAxLS44MTIgM0gxMmwtMi0ySDVWN2gzVjRoMlYyLjM1YzIuMzI3LjgyNiA0IDMuMDQ0IDQgNS42NU04IDBhOCA4IDAgMSAwIDAgMTZBOCA4IDAgMCAwIDggMCIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}
input[type=file],
input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}
.app-tcmpp-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  outline: 0 none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: var(--tea-border-radius-default);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.app-tcmpp-btn.app-tcmpp-btn--circle {
  border-radius: 50%;
}
.app-tcmpp-btn.app-tcmpp-btn--circle,
.app-tcmpp-btn.app-tcmpp-btn--square {
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.app-tcmpp-btn--solid {
  -webkit-box-shadow: var(--tea-shadow-xs);
  box-shadow: var(--tea-shadow-xs);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--neutral {
  background-color: var(--button-color-bg-solid-default-neutral);
  border: 1px solid var(--button-color-bg-solid-default-neutral);
  color: var(--button-color-text-solid-default-neutral);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--neutral:hover {
  background-color: var(--button-color-bg-solid-hover-neutral);
  border-color: var(--button-color-bg-solid-hover-neutral);
  color: var(--button-color-text-solid-hover-neutral);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--neutral:active,
.app-tcmpp-btn--solid.app-tcmpp-btn--neutral:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
}
.app-tcmpp-btn--solid.app-tcmpp-btn--neutral:active {
  background-color: var(--button-color-bg-solid-active-neutral);
  border-color: var(--button-color-bg-solid-active-neutral);
  color: var(--button-color-text-solid-active-neutral);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--neutral.is-disabled {
  color: var(--button-color-text-solid-disabled-neutral);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--neutral.is-disabled,
.app-tcmpp-btn--solid.app-tcmpp-btn--neutral.is-loading {
  background-color: var(--button-color-bg-solid-disabled-neutral);
  border-color: var(--button-color-bg-solid-disabled-neutral);
  cursor: not-allowed;
}
.app-tcmpp-btn--solid.app-tcmpp-btn--neutral.is-loading {
  color: transparent;
  position: relative;
}
.app-tcmpp-btn--solid.app-tcmpp-btn--neutral.is-loading .ruyi-icon-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: var(--button-color-text-solid-disabled-neutral);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--neutral.is-loading:focus,
.app-tcmpp-btn--solid.app-tcmpp-btn--neutral.is-loading:hover {
  color: transparent;
}
.app-tcmpp-btn--solid.app-tcmpp-btn--brand {
  background-color: var(--button-color-bg-solid-default-brand);
  border: 1px solid var(--button-color-border-solid-default-brand);
  color: var(--button-color-text-solid-default-brand);
  -webkit-box-shadow: var(--button-shadow-solid-brand);
  box-shadow: var(--button-shadow-solid-brand);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--brand:hover {
  background-color: var(--button-color-bg-solid-hover-brand);
  border-color: var(--button-color-border-solid-hover-brand);
  color: var(--button-color-text-solid-hover-brand);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--brand:active,
.app-tcmpp-btn--solid.app-tcmpp-btn--brand:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
}
.app-tcmpp-btn--solid.app-tcmpp-btn--brand:active {
  background-color: var(--button-color-bg-solid-active-brand);
  border-color: var(--button-color-border-solid-active-brand);
  color: var(--button-color-text-solid-active-brand);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--brand.is-disabled {
  color: var(--button-color-text-solid-disabled-brand);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--brand.is-disabled,
.app-tcmpp-btn--solid.app-tcmpp-btn--brand.is-loading {
  background-color: var(--button-color-bg-solid-disabled-brand);
  border-color: var(--button-color-border-solid-disabled-brand);
  cursor: not-allowed;
}
.app-tcmpp-btn--solid.app-tcmpp-btn--brand.is-loading {
  color: transparent;
  position: relative;
}
.app-tcmpp-btn--solid.app-tcmpp-btn--brand.is-loading .ruyi-icon-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: var(--button-color-text-solid-disabled-brand);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--brand.is-loading:focus,
.app-tcmpp-btn--solid.app-tcmpp-btn--brand.is-loading:hover {
  color: transparent;
}
.app-tcmpp-btn--solid.app-tcmpp-btn--warning {
  background-color: var(--button-color-bg-solid-default-warning);
  border: 1px solid var(--button-color-border-solid-default-warning);
  color: var(--button-color-text-solid-default-warning);
  -webkit-box-shadow: var(--button-shadow-solid-warning);
  box-shadow: var(--button-shadow-solid-warning);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--warning:hover {
  background-color: var(--button-color-bg-solid-hover-warning);
  border-color: var(--button-color-border-solid-hover-warning);
  color: var(--button-color-text-solid-hover-warning);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--warning:active,
.app-tcmpp-btn--solid.app-tcmpp-btn--warning:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
}
.app-tcmpp-btn--solid.app-tcmpp-btn--warning:active {
  background-color: var(--button-color-bg-solid-active-warning);
  border-color: var(--button-color-border-solid-active-warning);
  color: var(--button-color-text-solid-active-warning);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--warning.is-disabled {
  background-color: var(--button-color-bg-solid-disabled-warning);
  border-color: var(--button-color-border-solid-disabled-warning);
  color: var(--button-color-text-solid-disabled-warning);
  cursor: not-allowed;
}
.app-tcmpp-btn--solid.app-tcmpp-btn--warning.is-loading {
  color: transparent;
  position: relative;
  background-color: var(--button-color-bg-solid-disabled-warning);
  border-color: var(--button-color-border-solid-disabled-bwarningrand);
  cursor: not-allowed;
}
.app-tcmpp-btn--solid.app-tcmpp-btn--warning.is-loading .ruyi-icon-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: var(--button-color-text-solid-disabled-warning);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--warning.is-loading:focus,
.app-tcmpp-btn--solid.app-tcmpp-btn--warning.is-loading:hover {
  color: transparent;
}
.app-tcmpp-btn--solid.app-tcmpp-btn--error {
  background-color: var(--button-color-bg-solid-default-error);
  border: 1px solid var(--button-color-border-solid-default-error);
  color: var(--button-color-text-solid-default-error);
  -webkit-box-shadow: var(--button-shadow-solid-error);
  box-shadow: var(--button-shadow-solid-error);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--error:hover {
  background-color: var(--button-color-bg-solid-hover-error);
  border-color: var(--button-color-border-solid-hover-error);
  color: var(--button-color-text-solid-hover-error);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--error:active,
.app-tcmpp-btn--solid.app-tcmpp-btn--error:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
}
.app-tcmpp-btn--solid.app-tcmpp-btn--error:active {
  background-color: var(--button-color-bg-solid-active-error);
  border-color: var(--button-color-border-solid-active-error);
  color: var(--button-color-text-solid-active-error);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--error.is-disabled {
  background-color: var(--button-color-bg-solid-disabled-error);
  border-color: var(--button-color-border-solid-disabled-error);
  color: var(--button-color-text-solid-disabled-error);
  cursor: not-allowed;
}
.app-tcmpp-btn--solid.app-tcmpp-btn--error.is-loading {
  color: transparent;
  position: relative;
  background-color: var(--button-color-bg-solid-disabled-error);
  border-color: var(--button-color-border-solid-disabled-berrorrand);
  cursor: not-allowed;
}
.app-tcmpp-btn--solid.app-tcmpp-btn--error.is-loading .ruyi-icon-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: var(--button-color-text-solid-disabled-error);
}
.app-tcmpp-btn--solid.app-tcmpp-btn--error.is-loading:focus,
.app-tcmpp-btn--solid.app-tcmpp-btn--error.is-loading:hover {
  color: transparent;
}
.app-tcmpp-btn--outlined {
  -webkit-box-shadow: var(--button-shadow-outlined-neutral);
  box-shadow: var(--button-shadow-outlined-neutral);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--neutral {
  background-color: var(--button-color-bg-outline-default-neutral);
  border: 1px solid var(--button-color-border-outline-default-neutral);
  color: var(--button-color-text-outline-default-neutral);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--neutral:hover {
  background-color: var(--button-color-bg-outline-hover-neutral);
  border-color: var(--button-color-border-outline-hover-neutral);
  color: var(--button-color-text-outline-hover-neutral);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--neutral:active,
.app-tcmpp-btn--outlined.app-tcmpp-btn--neutral:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--neutral:active {
  background-color: var(--button-color-bg-outline-active-neutral);
  border-color: var(--button-color-border-outline-active-neutral);
  color: var(--button-color-text-outline-active-neutral);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--neutral.is-disabled {
  background-color: var(--button-color-bg-outline-default-neutral);
  border-color: var(--button-color-border-outline-disabled-neutral);
  color: var(--button-color-text-outline-disabled-neutral);
  cursor: not-allowed;
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--neutral.is-loading {
  color: transparent;
  position: relative;
  background-color: var(--button-color-bg-outline-default-neutral);
  border-color: var(--button-color-border-outline-default-neutral);
  cursor: not-allowed;
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--neutral.is-loading .ruyi-icon-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: var(--tea-color-text-brand-disabled);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--neutral.is-loading:focus,
.app-tcmpp-btn--outlined.app-tcmpp-btn--neutral.is-loading:hover {
  color: transparent;
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--brand {
  background-color: var(--tea-color-bg-primary-default);
  border: 1px solid var(--button-color-border-solid-default-brand);
  color: var(--tea-color-text-brand);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--brand:hover {
  background-color: var(--tea-color-bg-primary-hover);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--brand:active,
.app-tcmpp-btn--outlined.app-tcmpp-btn--brand:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  border-color: var(--button-color-border-solid-default-brand);
  color: var(--tea-color-text-brand);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--brand:active {
  background-color: var(--tea-color-bg-primary-active);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--brand.is-disabled {
  color: var(--tea-color-text-brand-disabled);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--brand.is-disabled,
.app-tcmpp-btn--outlined.app-tcmpp-btn--brand.is-loading {
  background-color: var(--tea-color-bg-primary-default);
  border-color: var(--button-color-border-solid-disabled-brand);
  cursor: not-allowed;
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--brand.is-loading {
  color: transparent;
  position: relative;
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--brand.is-loading .ruyi-icon-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: var(--tea-color-text-brand-disabled);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--brand.is-loading:focus,
.app-tcmpp-btn--outlined.app-tcmpp-btn--brand.is-loading:hover {
  color: transparent;
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--warning {
  background-color: var(--tea-color-bg-primary-default);
  border: 1px solid var(--button-color-border-solid-default-warning);
  color: var(--tea-color-text-warning);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--warning:hover {
  background-color: var(--tea-color-bg-primary-hover);
  color: var(--tea-color-text-warning-hover);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--warning:active,
.app-tcmpp-btn--outlined.app-tcmpp-btn--warning:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  border-color: var(--button-color-border-solid-default-warning);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--warning:active {
  background-color: var(--tea-color-bg-primary-active);
  color: var(--tea-color-text-warning-active);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--warning.is-disabled {
  color: var(--tea-color-text-warning-disabled);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--warning.is-disabled,
.app-tcmpp-btn--outlined.app-tcmpp-btn--warning.is-loading {
  background-color: var(--tea-color-bg-primary-default);
  border-color: var(--button-color-border-solid-disabled-warning);
  cursor: not-allowed;
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--warning.is-loading {
  color: transparent;
  position: relative;
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--warning.is-loading .ruyi-icon-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: var(--tea-color-text-warning-disabled);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--warning.is-loading:focus,
.app-tcmpp-btn--outlined.app-tcmpp-btn--warning.is-loading:hover {
  color: transparent;
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--error {
  background-color: var(--tea-color-bg-primary-default);
  border: 1px solid var(--button-color-border-solid-default-error);
  color: var(--tea-color-text-error);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--error:hover {
  background-color: var(--tea-color-bg-primary-hover);
  color: var(--tea-color-text-error-hover);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--error:active,
.app-tcmpp-btn--outlined.app-tcmpp-btn--error:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  border-color: var(--button-color-border-solid-default-error);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--error:active {
  background-color: var(--tea-color-bg-primary-active);
  color: var(--tea-color-text-error-active);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--error.is-disabled {
  color: var(--tea-color-text-error-disabled);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--error.is-disabled,
.app-tcmpp-btn--outlined.app-tcmpp-btn--error.is-loading {
  background-color: var(--tea-color-bg-primary-default);
  border-color: var(--button-color-border-solid-disabled-error);
  cursor: not-allowed;
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--error.is-loading {
  color: transparent;
  position: relative;
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--error.is-loading .ruyi-icon-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: var(--tea-color-text-error-disabled);
}
.app-tcmpp-btn--outlined.app-tcmpp-btn--error.is-loading:focus,
.app-tcmpp-btn--outlined.app-tcmpp-btn--error.is-loading:hover {
  color: transparent;
}
.app-tcmpp-btn--plain {
  border: none;
  background: none;
}
.app-tcmpp-btn--plain.app-tcmpp-btn--neutral {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-btn--plain.app-tcmpp-btn--neutral:hover {
  background-color: var(--tea-color-bg-primary-hover);
  color: var(--tea-color-text-primary);
}
.app-tcmpp-btn--plain.app-tcmpp-btn--neutral:active,
.app-tcmpp-btn--plain.app-tcmpp-btn--neutral:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  border-color: unset;
}
.app-tcmpp-btn--plain.app-tcmpp-btn--neutral:active {
  background-color: var(--tea-color-bg-primary-active);
  color: var(--tea-color-text-solid);
}
.app-tcmpp-btn--plain.app-tcmpp-btn--neutral.is-disabled {
  background-color: unset;
  border-color: unset;
  color: var(--tea-color-text-disabled);
  cursor: not-allowed;
}
.app-tcmpp-btn--plain.app-tcmpp-btn--neutral.is-loading {
  color: transparent;
  position: relative;
  background-color: unset;
  border-color: unset;
  cursor: not-allowed;
}
.app-tcmpp-btn--plain.app-tcmpp-btn--neutral.is-loading .ruyi-icon-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: var(--tea-color-text-brand-disabled);
}
.app-tcmpp-btn--plain.app-tcmpp-btn--neutral.is-loading:focus,
.app-tcmpp-btn--plain.app-tcmpp-btn--neutral.is-loading:hover {
  color: transparent;
}
.app-tcmpp-btn--plain.app-tcmpp-btn--brand {
  color: var(--tea-color-text-link-default);
}
.app-tcmpp-btn--plain.app-tcmpp-btn--brand:hover {
  background-color: var(--tea-color-bg-primary-hover);
  color: var(--tea-color-text-link-hover);
}
.app-tcmpp-btn--plain.app-tcmpp-btn--brand:active,
.app-tcmpp-btn--plain.app-tcmpp-btn--brand:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  border-color: unset;
}
.app-tcmpp-btn--plain.app-tcmpp-btn--brand:active {
  background-color: var(--tea-color-bg-primary-active);
  color: var(--tea-color-text-link-active);
}
.app-tcmpp-btn--plain.app-tcmpp-btn--brand.is-disabled {
  background-color: unset;
  border-color: unset;
  color: var(--tea-color-text-link-disabled);
  cursor: not-allowed;
}
.app-tcmpp-btn--plain.app-tcmpp-btn--brand.is-loading {
  color: transparent;
  position: relative;
  background-color: unset;
  border-color: unset;
  cursor: not-allowed;
}
.app-tcmpp-btn--plain.app-tcmpp-btn--brand.is-loading .ruyi-icon-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: var(--tea-color-text-link-disabled);
}
.app-tcmpp-btn--plain.app-tcmpp-btn--brand.is-loading:focus,
.app-tcmpp-btn--plain.app-tcmpp-btn--brand.is-loading:hover {
  color: transparent;
}
.app-tcmpp-btn--plain.app-tcmpp-btn--error {
  color: var(--tea-color-text-error);
}
.app-tcmpp-btn--plain.app-tcmpp-btn--error:hover {
  background-color: var(--tea-color-bg-primary-hover);
  color: var(--tea-color-text-error-hover);
}
.app-tcmpp-btn--plain.app-tcmpp-btn--error:active,
.app-tcmpp-btn--plain.app-tcmpp-btn--error:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  border-color: unset;
}
.app-tcmpp-btn--plain.app-tcmpp-btn--error:active {
  background-color: var(--tea-color-bg-primary-active);
  color: var(--tea-color-text-error-active);
}
.app-tcmpp-btn--plain.app-tcmpp-btn--error.is-disabled {
  background-color: unset;
  border-color: unset;
  color: var(--tea-color-text-error-disabled);
  cursor: not-allowed;
}
.app-tcmpp-btn--plain.app-tcmpp-btn--error.is-loading {
  color: transparent;
  position: relative;
  background-color: unset;
  border-color: unset;
  cursor: not-allowed;
}
.app-tcmpp-btn--plain.app-tcmpp-btn--error.is-loading .ruyi-icon-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: var(--tea-color-text-error-disabled);
}
.app-tcmpp-btn--plain.app-tcmpp-btn--error.is-loading:focus,
.app-tcmpp-btn--plain.app-tcmpp-btn--error.is-loading:hover {
  color: transparent;
}
.app-tcmpp-btn--plain.app-tcmpp-btn--warning {
  color: var(--tea-color-text-warning);
}
.app-tcmpp-btn--plain.app-tcmpp-btn--warning:hover {
  background-color: var(--tea-color-bg-primary-hover);
  color: var(--tea-color-text-warning-hover);
}
.app-tcmpp-btn--plain.app-tcmpp-btn--warning:active,
.app-tcmpp-btn--plain.app-tcmpp-btn--warning:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  border-color: unset;
}
.app-tcmpp-btn--plain.app-tcmpp-btn--warning:active {
  background-color: var(--tea-color-bg-primary-active);
  color: var(--tea-color-text-warning-active);
}
.app-tcmpp-btn--plain.app-tcmpp-btn--warning.is-disabled {
  background-color: unset;
  border-color: unset;
  color: var(--tea-color-text-warning-disabled);
  cursor: not-allowed;
}
.app-tcmpp-btn--plain.app-tcmpp-btn--warning.is-loading {
  color: transparent;
  position: relative;
  background-color: unset;
  border-color: unset;
  cursor: not-allowed;
}
.app-tcmpp-btn--plain.app-tcmpp-btn--warning.is-loading .ruyi-icon-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: var(--tea-color-text-warning-disabled);
}
.app-tcmpp-btn--plain.app-tcmpp-btn--warning.is-loading:focus,
.app-tcmpp-btn--plain.app-tcmpp-btn--warning.is-loading:hover {
  color: transparent;
}
.app-tcmpp-btn--link {
  border: none;
  background: none;
  padding: 0;
}
.app-tcmpp-btn--link.app-tcmpp-btn--neutral {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-btn--link.app-tcmpp-btn--neutral:hover {
  color: var(--tea-color-text-secondary);
}
.app-tcmpp-btn--link.app-tcmpp-btn--neutral:active,
.app-tcmpp-btn--link.app-tcmpp-btn--neutral:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  background-color: unset;
  border-color: unset;
}
.app-tcmpp-btn--link.app-tcmpp-btn--neutral:active {
  color: var(--tea-color-text-solid);
}
.app-tcmpp-btn--link.app-tcmpp-btn--neutral.is-disabled {
  background-color: unset;
  border-color: unset;
  color: var(--tea-color-text-disabled);
  cursor: not-allowed;
}
.app-tcmpp-btn--link.app-tcmpp-btn--neutral.is-loading {
  color: transparent;
  position: relative;
  background-color: unset;
  border-color: unset;
  cursor: not-allowed;
}
.app-tcmpp-btn--link.app-tcmpp-btn--neutral.is-loading .ruyi-icon-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: var(--tea-color-text-brand-disabled);
}
.app-tcmpp-btn--link.app-tcmpp-btn--neutral.is-loading:focus,
.app-tcmpp-btn--link.app-tcmpp-btn--neutral.is-loading:hover {
  color: transparent;
}
.app-tcmpp-btn--link.app-tcmpp-btn--brand {
  color: var(--tea-color-text-link-default);
}
.app-tcmpp-btn--link.app-tcmpp-btn--brand:hover {
  color: var(--tea-color-text-link-hover);
}
.app-tcmpp-btn--link.app-tcmpp-btn--brand:active,
.app-tcmpp-btn--link.app-tcmpp-btn--brand:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  background-color: unset;
  border-color: unset;
}
.app-tcmpp-btn--link.app-tcmpp-btn--brand:active {
  color: var(--tea-color-text-link-active);
}
.app-tcmpp-btn--link.app-tcmpp-btn--brand.is-disabled {
  background-color: unset;
  border-color: unset;
  color: var(--tea-color-text-link-disabled);
  cursor: not-allowed;
}
.app-tcmpp-btn--link.app-tcmpp-btn--brand.is-loading {
  color: transparent;
  position: relative;
  background-color: unset;
  border-color: unset;
  cursor: not-allowed;
}
.app-tcmpp-btn--link.app-tcmpp-btn--brand.is-loading .ruyi-icon-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: var(--tea-color-text-link-disabled);
}
.app-tcmpp-btn--link.app-tcmpp-btn--brand.is-loading:focus,
.app-tcmpp-btn--link.app-tcmpp-btn--brand.is-loading:hover {
  color: transparent;
}
.app-tcmpp-btn--link.app-tcmpp-btn--error {
  color: var(--tea-color-text-error);
}
.app-tcmpp-btn--link.app-tcmpp-btn--error:hover {
  color: var(--tea-color-text-error-hover);
}
.app-tcmpp-btn--link.app-tcmpp-btn--error:active,
.app-tcmpp-btn--link.app-tcmpp-btn--error:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  background-color: unset;
  border-color: unset;
}
.app-tcmpp-btn--link.app-tcmpp-btn--error:active {
  color: var(--tea-color-text-error-active);
}
.app-tcmpp-btn--link.app-tcmpp-btn--error.is-disabled {
  background-color: unset;
  border-color: unset;
  color: var(--tea-color-text-error-disabled);
  cursor: not-allowed;
}
.app-tcmpp-btn--link.app-tcmpp-btn--error.is-loading {
  color: transparent;
  position: relative;
  background-color: unset;
  border-color: unset;
  cursor: not-allowed;
}
.app-tcmpp-btn--link.app-tcmpp-btn--error.is-loading .ruyi-icon-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: var(--tea-color-text-error-disabled);
}
.app-tcmpp-btn--link.app-tcmpp-btn--error.is-loading:focus,
.app-tcmpp-btn--link.app-tcmpp-btn--error.is-loading:hover {
  color: transparent;
}
.app-tcmpp-btn--link.app-tcmpp-btn--warning {
  color: var(--tea-color-text-warning);
}
.app-tcmpp-btn--link.app-tcmpp-btn--warning:hover {
  color: var(--tea-color-text-warning-hover);
}
.app-tcmpp-btn--link.app-tcmpp-btn--warning:active,
.app-tcmpp-btn--link.app-tcmpp-btn--warning:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  background-color: unset;
  border-color: unset;
}
.app-tcmpp-btn--link.app-tcmpp-btn--warning:active {
  color: var(--tea-color-text-warning-active);
}
.app-tcmpp-btn--link.app-tcmpp-btn--warning.is-disabled {
  background-color: unset;
  border-color: unset;
  color: var(--tea-color-text-warning-disabled);
  cursor: not-allowed;
}
.app-tcmpp-btn--link.app-tcmpp-btn--warning.is-loading {
  color: transparent;
  position: relative;
  background-color: unset;
  border-color: unset;
  cursor: not-allowed;
}
.app-tcmpp-btn--link.app-tcmpp-btn--warning.is-loading .ruyi-icon-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  color: var(--tea-color-text-warning-disabled);
}
.app-tcmpp-btn--link.app-tcmpp-btn--warning.is-loading:focus,
.app-tcmpp-btn--link.app-tcmpp-btn--warning.is-loading:hover {
  color: transparent;
}
.app-tcmpp-btn--md {
  height: var(--button-size-height-md, 30px);
  min-width: 24px;
  padding: 0 20px;
  line-height: calc(var(--button-size-height-md, 30px) - 2px);
  font-size: var(--button-font-size-md, 12px);
}
.app-tcmpp-btn--md.app-tcmpp-btn--link {
  padding: 0;
  height: auto;
  min-width: 0;
  line-height: var(--tea-font-line-height-500);
}
.app-tcmpp-btn--md.app-tcmpp-btn--circle,
.app-tcmpp-btn--md.app-tcmpp-btn--square {
  min-width: var(--button-size-height-md, 30px);
  width: var(--button-size-height-md, 30px);
  height: var(--button-size-height-md, 30px);
}
.app-tcmpp-btn--sm {
  height: var(--button-size-height-sm, 24px);
  min-width: 24px;
  padding: 0 12px;
  line-height: calc(var(--button-size-height-sm, 24px) - 2px);
  font-size: var(--button-font-size-sm, 12px);
}
.app-tcmpp-btn--sm.app-tcmpp-btn--link {
  padding: 0;
  height: auto;
  min-width: 0;
  line-height: var(--tea-font-line-height-500);
}
.app-tcmpp-btn--sm.app-tcmpp-btn--circle,
.app-tcmpp-btn--sm.app-tcmpp-btn--square {
  min-width: var(--button-size-height-sm, 24px);
  width: var(--button-size-height-sm, 24px);
  height: var(--button-size-height-sm, 24px);
}
.app-tcmpp-btn--lg {
  gap: 8px;
  height: var(--button-size-height-lg, 40px);
  min-width: 24px;
  padding: 0 24px;
  line-height: calc(var(--button-size-height-lg, 40px) - 2px);
  font-size: var(--button-font-size-lg, 14px);
}
.app-tcmpp-btn--lg.app-tcmpp-btn--link {
  padding: 0;
  height: auto;
  min-width: 0;
  line-height: var(--tea-font-line-height-550);
}
.app-tcmpp-btn--lg.app-tcmpp-btn--circle,
.app-tcmpp-btn--lg.app-tcmpp-btn--square {
  min-width: var(--button-size-height-lg, 40px);
  width: var(--button-size-height-lg, 40px);
  height: var(--button-size-height-lg, 40px);
}
.app-tcmpp-btn-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 0;
}
.app-tcmpp-btn-group > .app-tcmpp-btn--outlined {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.app-tcmpp-btn-group > .app-tcmpp-btn:not(:first-child) {
  margin-left: -1px;
}
.app-tcmpp-btn-group--solid {
  -webkit-box-shadow: var(--tea-shadow-xs);
  box-shadow: var(--tea-shadow-xs);
}
.app-tcmpp-btn-group--solid > .app-tcmpp-btn:not(:first-child) {
  border-left: 1px solid var(--tea-color-palette-white-20);
}
.app-tcmpp-btn-group--outlined {
  -webkit-box-shadow: var(--button-shadow-outlined-neutral);
  box-shadow: var(--button-shadow-outlined-neutral);
}
.app-tcmpp-btn-group--plain > .app-tcmpp-btn:not(:first-child) {
  border-left: 1px solid var(--tea-color-border-primary);
}
.app-tcmpp-btn-group--link > .app-tcmpp-btn {
  padding: 0 8px;
}
.app-tcmpp-btn-group--link > .app-tcmpp-btn:not(:first-child) {
  border-left: 1px solid var(--tea-color-border-primary);
}
.app-tcmpp-input,
.app-tcmpp-textarea,
.app-tcmpp-textarea-group {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  height: var(--tea-form-height-default);
  font-size: var(--tea-font-size-default);
  border: 1px solid var(--tea-color-border-primary);
  border-radius: var(--tea-border-radius-default);
  background-color: var(--tea-form-color-bg-primary-default);
  color: var(--tea-color-text-primary);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transition-property: color, border-color;
  transition-property: color, border-color;
  padding: 0 10px;
}
.app-tcmpp-input::-webkit-input-placeholder,
.app-tcmpp-textarea-group::-webkit-input-placeholder,
.app-tcmpp-textarea::-webkit-input-placeholder {
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-input::-moz-placeholder,
.app-tcmpp-textarea-group::-moz-placeholder,
.app-tcmpp-textarea::-moz-placeholder {
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-input:-ms-input-placeholder,
.app-tcmpp-textarea-group:-ms-input-placeholder,
.app-tcmpp-textarea:-ms-input-placeholder {
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-input:-moz-placeholder,
.app-tcmpp-textarea-group:-moz-placeholder,
.app-tcmpp-textarea:-moz-placeholder {
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-input:hover,
.app-tcmpp-textarea-group:hover,
.app-tcmpp-textarea:hover {
  border-color: var(--tea-color-border-hover);
  outline: 0;
}
.app-tcmpp-input:focus,
.app-tcmpp-textarea-group:focus,
.app-tcmpp-textarea:focus {
  border-color: var(--tea-color-border-form-focus);
  outline: 0;
}
.app-tcmpp-input:disabled,
.app-tcmpp-textarea-group:disabled,
.app-tcmpp-textarea:disabled {
  background-color: var(--tea-form-color-bg-primary-disabled);
  border-color: var(--tea-color-border-primary-disabled);
  color: var(--tea-color-text-disabled);
  background-image: none;
  cursor: not-allowed;
}
.app-tcmpp-input:disabled:focus,
.app-tcmpp-input:disabled:hover,
.app-tcmpp-textarea-group:disabled:focus,
.app-tcmpp-textarea-group:disabled:hover,
.app-tcmpp-textarea:disabled:focus,
.app-tcmpp-textarea:disabled:hover {
  border-color: var(--tea-color-border-primary-disabled);
}
.app-tcmpp-input[readonly=readonly],
.app-tcmpp-input[readonly],
.app-tcmpp-textarea-group[readonly=readonly],
.app-tcmpp-textarea-group[readonly],
.app-tcmpp-textarea[readonly=readonly],
.app-tcmpp-textarea[readonly] {
  border-color: var(--tea-color-border-primary-disabled);
  background-color: var(--tea-form-color-bg-primary-disabled);
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-input[readonly=readonly]:focus,
.app-tcmpp-input[readonly=readonly]:hover,
.app-tcmpp-input[readonly]:focus,
.app-tcmpp-input[readonly]:hover,
.app-tcmpp-textarea-group[readonly=readonly]:focus,
.app-tcmpp-textarea-group[readonly=readonly]:hover,
.app-tcmpp-textarea-group[readonly]:focus,
.app-tcmpp-textarea-group[readonly]:hover,
.app-tcmpp-textarea[readonly=readonly]:focus,
.app-tcmpp-textarea[readonly=readonly]:hover,
.app-tcmpp-textarea[readonly]:focus,
.app-tcmpp-textarea[readonly]:hover {
  outline: 0 none;
  border-color: var(--tea-color-border-primary-disabled);
}
.is-error .app-tcmpp-input,
.is-error .app-tcmpp-textarea,
.is-error .app-tcmpp-textarea-group {
  color: var(--tea-color-text-error-default);
  border-color: var(--tea-color-function-error-default);
}
.app-tcmpp-input::-ms-reveal,
.app-tcmpp-textarea-group::-ms-reveal,
.app-tcmpp-textarea::-ms-reveal {
  display: none;
}
.app-tcmpp-input {
  vertical-align: middle;
  width: 200px;
}
.app-tcmpp-input::-ms-clear {
  display: none;
}
.app-tcmpp-textarea {
  padding-top: 5px;
  padding-bottom: 5px;
  resize: none;
  width: 200px;
  height: 100px;
}
.app-tcmpp-textarea--resize {
  resize: auto;
  max-width: 100%;
  max-height: 100%;
}
.app-tcmpp-textarea-group {
  display: inline-block;
  font-size: 0;
  position: relative;
  padding: 0 0 20px;
  height: auto;
}
.app-tcmpp-textarea-group .app-tcmpp-textarea {
  border: none;
}
.app-tcmpp-textarea-group .app-tcmpp-textarea__label {
  font-size: var(--tea-font-size-default);
  position: absolute;
  bottom: 1px;
  right: 11px;
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-textarea-group:focus-within {
  border-color: var(--tea-color-border-form-focus);
  outline: 0;
}
.is-error .app-tcmpp-textarea-group:focus-within {
  border-color: var(--tea-color-text-error-default);
}
.app-tcmpp-select {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  height: var(--tea-form-height-default);
  font-size: var(--tea-font-size-default);
  border: 1px solid var(--tea-form-color-border-primary-default);
  background-color: var(--tea-form-color-bg-primary-default);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transition-property: color, border-color;
  transition-property: color, border-color;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS45NTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9Ii0wLjQ3OSAwLjUgMjEuOTU4IDE2Ij48cGF0aCBmaWxsPSIjODg4IiBkPSJNMTEuNTIxIDYuNWgtOGw0IDV6Ii8+PC9zdmc+) 100% no-repeat var(--tea-form-color-bg-primary-default);
  color: var(--tea-color-text-primary);
  cursor: pointer;
  line-height: var(--tea-form-height-default);
  padding: 0 24px 0 10px;
  width: 200px;
  border-radius: var(--tea-border-radius-default);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
.is-error .app-tcmpp-select {
  color: var(--tea-color-text-error-default);
  border-color: var(--tea-color-function-error-default);
}
.app-tcmpp-select::-ms-expand {
  display: none;
}
.app-tcmpp-select[disabled],
.app-tcmpp-select[disabled]:focus,
.app-tcmpp-select[disabled]:hover {
  cursor: not-allowed;
  border-color: var(--tea-color-border-primary-disabled);
  background-color: var(--tea-form-color-bg-primary-disabled);
  color: var(--tea-color-text-primary);
}
.app-tcmpp-select:focus,
.app-tcmpp-select:hover {
  outline: 0 none;
  color: var(--tea-color-text-primary);
  background-color: var(--tea-form-color-bg-primary-hover);
  border-color: var(--tea-color-border-primary-hover);
}
.app-tcmpp-select-refresh {
  font-size: 0;
  display: inline-block;
}
.app-tcmpp-select-refresh.is-block {
  display: block;
}
.app-tcmpp-select-refresh .size-full-width,
.app-tcmpp-select-refresh .app-tcmpp-dropdown.size-full-width,
.app-tcmpp-select-refresh .app-tcmpp-select.size-full-width {
  width: calc(100% - 32px);
}
.app-tcmpp-select-refresh .app-tcmpp-btn--icon {
  margin-left: -1px;
  border: 1px solid var(--tea-form-color-border-primary-default);
  padding: 6px;
}
.app-tcmpp-select-refresh .app-tcmpp-btn--icon.is-loading {
  cursor: not-allowed;
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-select-refresh .app-tcmpp-btn--icon.is-loading .ruyi-icon-refresh,
.app-tcmpp-select-refresh .app-tcmpp-btn--icon.is-loading .app-tcmpp-icon {
  opacity: 0.5;
  -webkit-animation: spin 1s linear infinite;
}
.app-tcmpp-select-refresh .app-tcmpp-btn--icon.is-loading:hover {
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-select-refresh .app-tcmpp-btn--icon.is-disabled,
.app-tcmpp-select-refresh .app-tcmpp-btn--icon:hover {
  border: 1px solid var(--tea-form-color-border-primary-default);
}
.app-tcmpp-select-refresh--borderless .app-tcmpp-btn--icon.app-tcmpp-btn--plain,
.app-tcmpp-select-refresh--borderless .app-tcmpp-btn--icon.app-tcmpp-btn--plain.is-loading {
  border-color: transparent;
}
.app-tcmpp-input--search,
.app-tcmpp-input--search.size-m {
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
  vertical-align: top;
  background-color: var(--tea-form-color-bg-primary-default);
  border-radius: var(--tea-border-radius-default);
  padding: 0 60px 0 10px;
  outline: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  line-height: var(--tea-form-height-default);
  -webkit-appearance: none;
}
.app-tcmpp-input-password {
  display: inline-block;
  font-size: 0;
  position: relative;
}
.app-tcmpp-input-password .app-tcmpp-input {
  padding-right: 56px;
}
.app-tcmpp-input-password__op {
  position: absolute;
  right: 0;
  top: 0;
}
.app-tcmpp-input-password__op .app-tcmpp-btn:hover {
  background-color: transparent;
}
.app-tcmpp-input-password.size-full-width {
  width: 100%;
}
.app-tcmpp-input-password-bubble .ruyi-icon,
.app-tcmpp-input-password-bubble .app-tcmpp-icon {
  margin-right: 4px;
  vertical-align: -4px;
}
.app-tcmpp-input-password-bubble .ruyi-icon-check-circle {
  color: var(--tea-color-text-success-default);
}
.app-tcmpp-input-password-bubble .ruyi-icon-circle {
  color: var(--tea-color-text-error-default);
}
.app-tcmpp-input-password-bubble .app-tcmpp-list li > .app-tcmpp-list {
  padding-left: 24px;
}
.app-tcmpp-input-password-bubble .app-tcmpp-list--bullet > li.is-success:before {
  background-color: var(--tea-color-bg-success-default);
}
.app-tcmpp-input.size-l,
.app-tcmpp-select.size-l,
.app-tcmpp-textarea.size-l {
  width: 420px;
}
.app-tcmpp-input.size-m,
.app-tcmpp-select.size-m,
.app-tcmpp-textarea.size-m {
  width: 200px;
}
.app-tcmpp-input.size-s,
.app-tcmpp-select.size-s,
.app-tcmpp-textarea.size-s {
  width: 100px;
  min-width: 0;
}
.app-tcmpp-input.size-xs,
.app-tcmpp-select.size-xs,
.app-tcmpp-textarea.size-xs {
  width: 60px;
}
.app-tcmpp-select.size-auto-width {
  width: auto;
}
.app-tcmpp-input.size-full-width,
.app-tcmpp-select.size-full-width,
.app-tcmpp-textarea.size-full-width {
  width: 100%;
}
.app-tcmpp-input-group {
  font-size: 0;
}
.app-tcmpp-input-group,
.app-tcmpp-input-group__text {
  display: inline-block;
  vertical-align: middle;
}
.app-tcmpp-input-group__text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: var(--tea-form-height-default);
  font-size: var(--tea-font-size-default);
  border: 1px solid var(--tea-color-border-primary);
  background-color: var(--tea-form-color-bg-primary-default);
  color: var(--tea-color-text-primary);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transition-property: color, border-color;
  transition-property: color, border-color;
  padding: 0 10px;
  background-color: var(--tea-form-color-bg-primary-disabled);
  line-height: calc(var(--tea-form-height-default) - 2px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  border-radius: var(--tea-border-radius-default);
}
.app-tcmpp-input-group__addon {
  margin-right: -1px;
  display: inline-block;
  vertical-align: middle;
}
.app-tcmpp-input-group__addon .app-tcmpp-dropdown__header {
  border: 1px solid var(--tea-color-border-primary);
  border-radius: var(--tea-border-radius-default);
  padding-left: 10px;
  background-color: var(--tea-form-color-bg-primary-default);
}
.app-tcmpp-input-group__addon .app-tcmpp-dropdown__header .app-tcmpp-dropdown__value {
  line-height: calc(var(--tea-form-height-default) - 2px);
}
.app-tcmpp-input-group__addon:last-child {
  margin-right: 0;
  margin-left: -1px;
}
.app-tcmpp-input-group__addon:last-child .app-tcmpp-dropdown .app-tcmpp-dropdown-btn,
.app-tcmpp-input-group__addon:last-child .app-tcmpp-input-group__text,
.app-tcmpp-input-group__addon:last-child .app-tcmpp-select {
  border-radius: 0 var(--tea-border-radius-default) var(--tea-border-radius-default) 0;
}
.app-tcmpp-input-group__addon:first-child .app-tcmpp-dropdown .app-tcmpp-dropdown-btn,
.app-tcmpp-input-group__addon:first-child .app-tcmpp-input-group__text,
.app-tcmpp-input-group__addon:first-child .app-tcmpp-select {
  border-radius: var(--tea-border-radius-default) 0 0 var(--tea-border-radius-default);
}
.app-tcmpp-input-group .app-tcmpp-input,
.app-tcmpp-input-group__addon {
  position: relative;
}
.app-tcmpp-input-group > .app-tcmpp-input:nth-child(2),
.app-tcmpp-input-group > .app-tcmpp-select:nth-child(2) {
  border-radius: 0;
}
.app-tcmpp-input-group > .app-tcmpp-input:first-child,
.app-tcmpp-input-group > .app-tcmpp-select:first-child {
  border-radius: var(--tea-border-radius-default) 0 0 var(--tea-border-radius-default);
}
.app-tcmpp-input-group > .app-tcmpp-input:last-child,
.app-tcmpp-input-group > .app-tcmpp-select:last-child {
  border-radius: 0 var(--tea-border-radius-default) var(--tea-border-radius-default) 0;
}
.is-error .app-tcmpp-input,
.is-success .app-tcmpp-input,
.app-tcmpp-input-group .app-tcmpp-input-password__op,
.app-tcmpp-input-group .app-tcmpp-input:focus,
.app-tcmpp-input-group .app-tcmpp-input:hover {
  z-index: 1;
}
.app-tcmpp-radio-wrap {
  display: inline-block;
  font-size: 0;
}
.app-tcmpp-radio,
input[type=radio].app-tcmpp-radio {
  width: 16px;
  height: 16px;
  cursor: pointer;
  vertical-align: middle;
  outline: none;
  -webkit-appearance: none;
  border: 1px solid var(--tea-color-border-tertiary-default);
  border-radius: 100%;
  background-position: inherit;
  background-color: var(--tea-form-color-bg-primary-default);
  color: var(--tea-color-text-primary);
}
.app-tcmpp-radio-wrap:hover .app-tcmpp-radio,
.app-tcmpp-radio:focus,
.app-tcmpp-radio:hover,
input[type=radio].app-tcmpp-radio:focus,
input[type=radio].app-tcmpp-radio:hover {
  border-color: var(--tea-color-border-primary-hover);
  background-position: inherit;
}
.app-tcmpp-radio:checked,
input[type=radio].app-tcmpp-radio:checked {
  background-color: var(--tea-color-bg-brand-default);
  border: 1px solid var(--tea-color-border-on-bg-brand-default);
  background-image: unset;
}
.app-tcmpp-radio:checked::-ms-check,
input[type=radio].app-tcmpp-radio:checked::-ms-check {
  background-color: var(--tea-color-bg-brand-default);
  border: 1px solid var(--tea-color-border-on-bg-brand-default);
  background-image: unset;
}
.app-tcmpp-radio + .app-tcmpp-radio__dot,
input[type=radio].app-tcmpp-radio + .app-tcmpp-radio__dot {
  display: block;
  background-color: transparent;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px;
  cursor: pointer;
}
.app-tcmpp-radio:checked + .app-tcmpp-radio__dot,
input[type=radio].app-tcmpp-radio:checked + .app-tcmpp-radio__dot {
  background-color: var(--tea-form-color-bg-primary-default);
}
.app-tcmpp-radio:checked:focus,
.app-tcmpp-radio:checked:hover,
input[type=radio].app-tcmpp-radio:checked:focus,
input[type=radio].app-tcmpp-radio:checked:hover {
  background-color: var(--tea-color-bg-brand-default);
}
.app-tcmpp-radio[disabled],
input[type=radio].app-tcmpp-radio[disabled] {
  background-color: var(--tea-form-color-bg-primary-disabled);
  background-position: inherit;
  border-color: var(--tea-color-border-primary-disabled);
  cursor: not-allowed;
}
.app-tcmpp-radio[disabled]:focus,
.app-tcmpp-radio[disabled]:hover,
input[type=radio].app-tcmpp-radio[disabled]:focus,
input[type=radio].app-tcmpp-radio[disabled]:hover {
  border-color: var(--tea-color-border-primary-disabled);
}
.app-tcmpp-radio[disabled]:checked,
input[type=radio].app-tcmpp-radio[disabled]:checked {
  background-color: var(--tea-color-bg-brand-disabled);
  border: 1px solid var(--tea-color-border-on-bg-brand-disabled);
}
.app-tcmpp-radio[disabled]:checked::-ms-check,
input[type=radio].app-tcmpp-radio[disabled]:checked::-ms-check {
  background-color: var(--tea-color-bg-brand-disabled);
  border: 1px solid var(--tea-color-border-on-bg-brand-disabled);
}
.app-tcmpp-checkbox,
input[type=checkbox].app-tcmpp-checkbox {
  width: 16px;
  height: 16px;
  cursor: pointer;
  vertical-align: middle;
  outline: none;
  -webkit-appearance: none;
  border: 1px solid var(--tea-color-border-tertiary-default);
  background-color: var(--tea-form-color-bg-primary-default);
  border-radius: var(--tea-border-radius-default);
  color: var(--tea-color-text-primary);
}
.app-tcmpp-checkbox:focus,
.app-tcmpp-checkbox:hover,
input[type=checkbox].app-tcmpp-checkbox:focus,
input[type=checkbox].app-tcmpp-checkbox:hover {
  border-color: var(--tea-color-border-primary-hover);
}
.app-tcmpp-checkbox:checked,
.app-tcmpp-checkbox:checked:focus,
.app-tcmpp-checkbox:checked:hover,
input[type=checkbox].app-tcmpp-checkbox:checked,
input[type=checkbox].app-tcmpp-checkbox:checked:focus,
input[type=checkbox].app-tcmpp-checkbox:checked:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNNS43IDguM0wyLjkgNS41IDEuNSA2LjlsNC4yIDQuMiA2LjQtNi40LTEuNC0xLjQtNSA1eiIvPjwvZGVmcz48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
  background-color: var(--tea-color-bg-brand-default);
  border-color: var(--tea-color-border-on-bg-brand-default);
  background-position: inherit;
  background-size: 100% auto;
}
.app-tcmpp-checkbox[disabled],
input[type=checkbox].app-tcmpp-checkbox[disabled] {
  background-image: none;
  background-color: var(--tea-form-color-bg-primary-disabled);
  border-color: var(--tea-color-border-primary-disabled);
  background-position: inherit;
  cursor: not-allowed;
}
.app-tcmpp-checkbox[disabled]:checked,
input[type=checkbox].app-tcmpp-checkbox[disabled]:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNNS43IDguM0wyLjkgNS41IDEuNSA2LjlsNC4yIDQuMiA2LjQtNi40LTEuNC0xLjQtNSA1eiIvPjwvZGVmcz48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
  background-position: inherit;
  background-size: 100% auto;
  background-color: var(--tea-color-bg-brand-disabled);
  border-color: var(--tea-color-border-on-bg-brand-disabled);
}
.app-tcmpp-checkbox[disabled]:checked:hover,
input[type=checkbox].app-tcmpp-checkbox[disabled]:checked:hover {
  background-color: var(--tea-color-bg-brand-disabled);
  border: 1px solid var(--tea-color-border-on-bg-brand-disabled);
  cursor: not-allowed;
}
.app-tcmpp-checkbox:indeterminate,
input[type=checkbox].app-tcmpp-checkbox:indeterminate {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTIgNmgxMHYySDJ6Ii8+PC9zdmc+);
  background-color: var(--tea-color-bg-brand-default);
  border: 1px solid var(--tea-color-border-on-bg-brand-default);
  background-position: inherit;
  background-size: 100% auto;
}
.app-tcmpp-checkbox:indeterminate:hover,
input[type=checkbox].app-tcmpp-checkbox:indeterminate:hover {
  background-color: var(--tea-color-bg-brand-default);
}
.app-tcmpp-checkbox[disabled]:indeterminate,
input[type=checkbox].app-tcmpp-checkbox[disabled]:indeterminate {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTIgNmgxMHYySDJ6Ii8+PC9zdmc+);
  background-position: inherit;
  background-size: 100% auto;
  background-color: var(--tea-color-bg-brand-disabled);
  border: 1px solid var(--tea-color-border-on-bg-brand-disabled);
}
.app-tcmpp-form-check-group {
  margin-bottom: -8px;
  display: inline-block;
  vertical-align: middle;
}
.app-tcmpp-form-check-group .app-tcmpp-form-check {
  margin-bottom: 8px;
}
.app-tcmpp-form-check-group + .app-tcmpp-icon-valid {
  vertical-align: -3px;
}
.app-tcmpp-form-check {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
  margin-top: 0;
  margin-right: 18px;
  min-height: 16px;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-form-check:last-child {
  margin-right: 0;
}
.app-tcmpp-form-check__label {
  line-height: 16px;
  cursor: pointer;
  font-size: var(--tea-font-size-default);
}
.app-tcmpp-form-check .app-tcmpp-checkbox,
.app-tcmpp-form-check .app-tcmpp-radio-wrap {
  position: absolute;
  top: 1px;
  left: 0;
}
.app-tcmpp-checkbox[disabled] + .app-tcmpp-form-check__label,
.app-tcmpp-radio[disabled] + .app-tcmpp-form-check__label {
  cursor: not-allowed;
}
.app-tcmpp-form-check--block {
  display: block;
}
.app-tcmpp-form-check--block + .app-tcmpp-form-check--block {
  margin-top: 8px;
  margin-right: 0;
}
.app-tcmpp-form-check--table-select {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.app-tcmpp-divider {
  width: 1px;
  height: 13px;
  background-color: var(--tea-color-text-primary);
  display: inline-block;
  vertical-align: middle;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-divider--space-2n {
  margin: 0 8px;
}
.app-tcmpp-divider--backslash {
  height: 12px;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: skew(20deg);
  transform: skew(20deg);
}
.app-tcmpp-divider--slash {
  height: 12px;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
}
.app-tcmpp-badge {
  display: inline-block;
  font-size: var(--tea-font-size-default);
  max-width: 100%;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-tcmpp-badge.multi-line {
  white-space: normal;
  padding: 2px 5px;
  height: auto;
  line-height: var(--tea-font-line-height-default);
}
.app-tcmpp-badge.is-blue {
  background-color: var(--tea-color-bg-brand-lighten-default);
  border-color: var(--tea-color-border-on-bg-brand-lighten-default);
  color: var(--tea-color-text-on-bg-brand-lighten-default);
}
.app-tcmpp-badge.is-blue-dark {
  background-color: var(--tea-color-bg-brand-default);
  border-color: var(--tea-color-border-on-bg-brand-default);
  color: var(--tea-color-text-on-bg-brand-default);
}
.app-tcmpp-badge.is-warning {
  background-color: var(--tea-color-bg-warning-lighten-default);
  border-color: var(--tea-color-border-on-bg-warning-lighten-default);
  color: var(--tea-color-text-on-bg-warning-lighten-default);
}
.app-tcmpp-badge.is-warning-dark {
  background-color: var(--tea-color-bg-warning-default);
  border-color: var(--tea-color-border-on-bg-warning-default);
  color: var(--tea-color-text-on-bg-warning-default);
}
.app-tcmpp-badge.is-error {
  background-color: var(--tea-color-bg-error-lighten-default);
  border-color: var(--tea-color-border-on-bg-error-lighten-default);
  color: var(--tea-color-text-on-bg-error-lighten-default);
}
.app-tcmpp-badge.is-error-dark {
  background-color: var(--tea-color-bg-error-default);
  border-color: var(--tea-color-border-on-bg-error-default);
  color: var(--tea-color-text-on-bg-error-default);
}
.app-tcmpp-badge.is-success {
  background-color: var(--tea-color-bg-success-lighten-default);
  border-color: var(--tea-color-border-on-bg-success-lighten-default);
  color: var(--tea-color-text-on-bg-success-lighten-default);
}
.app-tcmpp-badge.is-success-dark {
  background-color: var(--tea-color-bg-success-default);
  border-color: var(--tea-color-border-on-bg-success-default);
  color: var(--tea-color-text-on-bg-success-default);
}
.app-tcmpp-badge.is-neutral {
  background-color: var(--tea-color-bg-primary-hover);
  border-color: var(--tea-color-bg-primary-hover);
  color: var(--tea-color-text-primary);
}
.app-tcmpp-badge.app-tcmpp-badge--radius {
  border-radius: 10px;
}
.app-tcmpp-badge.app-tcmpp-badge--dot {
  width: 6px;
  height: 6px;
}
.app-tcmpp-badge.app-tcmpp-badge--dot,
.app-tcmpp-badge.app-tcmpp-badge--ring {
  font-size: 0;
  padding: 0;
  border-radius: 100%;
  vertical-align: middle;
}
.app-tcmpp-badge.app-tcmpp-badge--ring {
  width: 10px;
  height: 10px;
  border-width: 2px;
  border-style: solid;
  background-color: var(--tea-color-bg-primary-default) !important;
}
.app-tcmpp-badge-container__corner .app-tcmpp-tag.app-tcmpp-tag--unlimited-width span {
  white-space: nowrap;
}
.app-tcmpp-img {
  display: inline-block;
  font-size: 0;
}
.app-tcmpp-img__preview,
.app-tcmpp-img img {
  display: inline-block;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  max-width: 100%;
}
.app-tcmpp-space {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: calc(var(--tea-space-100)*2);
}
.app-tcmpp-space-item,
.app-tcmpp-space-item-separate {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.app-tcmpp-space--wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.app-tcmpp-space--vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.app-tcmpp-space-align-items--flex-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.app-tcmpp-space-align-items--center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-space-align-items--flex-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.app-tcmpp-space-align-items--baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.app-tcmpp-grid__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: table\0 ;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.app-tcmpp-grid__row [class*=app-tcmpp-grid__col] {
  padding: 10px;
  display: table-cell\0 ;
}
.app-tcmpp-grid__box {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-grid__row.app-tcmpp-vertical--top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}
.app-tcmpp-grid__row.app-tcmpp-vertical--middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-grid__row.app-tcmpp-vertical--bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.app-tcmpp-grid__row.app-tcmpp-vertical--bottom .app-tcmpp-grid__box,
.app-tcmpp-grid__row.app-tcmpp-vertical--middle .app-tcmpp-grid__box,
.app-tcmpp-grid__row.app-tcmpp-vertical--top .app-tcmpp-grid__box {
  height: auto;
}
.app-tcmpp-grid__row.app-tcmpp-vertical--top [class*=app-tcmpp-grid__col] {
  vertical-align: top;
}
.app-tcmpp-grid__row.app-tcmpp-vertical--center [class*=app-tcmpp-grid__col] {
  vertical-align: middle;
}
.app-tcmpp-grid__row.app-tcmpp-vertical--bottom [class*=app-tcmpp-grid__col] {
  vertical-align: bottom;
}
.app-tcmpp-grid__col-1 {
  width: 4.1667%;
}
.app-tcmpp-grid__col-2 {
  width: 8.3333%;
}
.app-tcmpp-grid__col-3 {
  width: 12.5%;
}
.app-tcmpp-grid__col-4 {
  width: 16.6667%;
}
.app-tcmpp-grid__col-5 {
  width: 20.8333333%;
}
.app-tcmpp-grid__col-6 {
  width: 25%;
}
.app-tcmpp-grid__col-7 {
  width: 29.1666667%;
}
.app-tcmpp-grid__col-8 {
  width: 33.3333333%;
}
.app-tcmpp-grid__col-9 {
  width: 37.5%;
}
.app-tcmpp-grid__col-10 {
  width: 41.6666667%;
}
.app-tcmpp-grid__col-11 {
  width: 45.8333333%;
}
.app-tcmpp-grid__col-12 {
  width: 50%;
}
.app-tcmpp-grid__col-13 {
  width: 54.1666667%;
}
.app-tcmpp-grid__col-14 {
  width: 58.3333333%;
}
.app-tcmpp-grid__col-15 {
  width: 62.5%;
}
.app-tcmpp-grid__col-16 {
  width: 66.6666667%;
}
.app-tcmpp-grid__col-17 {
  width: 70.8333333%;
}
.app-tcmpp-grid__col-18 {
  width: 75%;
}
.app-tcmpp-grid__col-19 {
  width: 79.1666667%;
}
.app-tcmpp-grid__col-20 {
  width: 83.3333333%;
}
.app-tcmpp-grid__col-21 {
  width: 87.5%;
}
.app-tcmpp-grid__col-22 {
  width: 91.6666667%;
}
.app-tcmpp-grid__col-23 {
  width: 95.8333333%;
}
.app-tcmpp-grid__col-24 {
  width: 100%;
}
.app-tcmpp-grid--split-line > [class*=app-tcmpp-grid__col] {
  position: relative;
}
.app-tcmpp-grid--split-line > [class*=app-tcmpp-grid__col]:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
  bottom: 10px;
  border-right: var(--tea-color-border-secondary-default);
}
.app-tcmpp-grid--split-line > [class*=app-tcmpp-grid__col]:first-child:before {
  border-right: 0;
}
.app-tcmpp-grid {
  margin: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.app-tcmpp-grid [class*=app-tcmpp-grid__item] {
  padding: 10px;
}
.app-tcmpp-grid__box {
  height: 100%;
}
.app-tcmpp-grid.app-tcmpp-vertical--top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}
.app-tcmpp-grid.app-tcmpp-vertical--middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-grid.app-tcmpp-vertical--bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.app-tcmpp-grid.app-tcmpp-vertical--bottom .app-tcmpp-grid__box,
.app-tcmpp-grid.app-tcmpp-vertical--middle .app-tcmpp-grid__box,
.app-tcmpp-grid.app-tcmpp-vertical--top .app-tcmpp-grid__box {
  height: auto;
}
.app-tcmpp-grid.app-tcmpp-vertical--top [class*=app-tcmpp-grid__item] {
  vertical-align: top;
}
.app-tcmpp-grid.app-tcmpp-vertical--middle [class*=app-tcmpp-grid__item] {
  vertical-align: middle;
}
.app-tcmpp-grid.app-tcmpp-vertical--bottom [class*=app-tcmpp-grid__item] {
  vertical-align: bottom;
}
.app-tcmpp-grid__item {
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  width: 0;
}
.app-tcmpp-grid__item-0,
.app-tcmpp-grid__item-lg-0,
.app-tcmpp-grid__item-md-0,
.app-tcmpp-grid__item-sm-0,
.app-tcmpp-grid__item-xl-0,
.app-tcmpp-grid__item-xxl-0 {
  display: none;
}
.app-tcmpp-grid__item-1 {
  width: 4.16666667%;
}
.app-tcmpp-grid__item-2 {
  width: 8.33333333%;
}
.app-tcmpp-grid__item-3 {
  width: 12.5%;
}
.app-tcmpp-grid__item-4 {
  width: 16.66666667%;
}
.app-tcmpp-grid__item-5 {
  width: 20.83333333%;
}
.app-tcmpp-grid__item-6 {
  width: 25%;
}
.app-tcmpp-grid__item-7 {
  width: 29.16666667%;
}
.app-tcmpp-grid__item-8 {
  width: 33.33333333%;
}
.app-tcmpp-grid__item-9 {
  width: 37.5%;
}
.app-tcmpp-grid__item-10 {
  width: 41.66666667%;
}
.app-tcmpp-grid__item-11 {
  width: 45.83333333%;
}
.app-tcmpp-grid__item-12 {
  width: 50%;
}
.app-tcmpp-grid__item-13 {
  width: 54.16666667%;
}
.app-tcmpp-grid__item-14 {
  width: 58.33333333%;
}
.app-tcmpp-grid__item-15 {
  width: 62.5%;
}
.app-tcmpp-grid__item-16 {
  width: 66.66666667%;
}
.app-tcmpp-grid__item-17 {
  width: 70.83333333%;
}
.app-tcmpp-grid__item-18 {
  width: 75%;
}
.app-tcmpp-grid__item-19 {
  width: 79.16666667%;
}
.app-tcmpp-grid__item-20 {
  width: 83.33333333%;
}
.app-tcmpp-grid__item-21 {
  width: 87.5%;
}
.app-tcmpp-grid__item-22 {
  width: 91.66666667%;
}
.app-tcmpp-grid__item-23 {
  width: 95.83333333%;
}
.app-tcmpp-grid__item-24 {
  width: 100%;
}
.app-tcmpp-grid--split-line > [class*=app-tcmpp-grid__item] {
  position: relative;
}
.app-tcmpp-grid--split-line > [class*=app-tcmpp-grid__item]:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
  bottom: 10px;
  border-right: 1px solid var(--tea-color-border-secondary-default);
}
.app-tcmpp-grid--split-line > [class*=app-tcmpp-grid__item]:first-child:before {
  border-right: 0;
}
@media screen and (min-width: 540px) {
  .app-tcmpp-grid__item-sm-1 {
    width: 4.16666667%;
  }
  .app-tcmpp-grid__item-sm-2 {
    width: 8.33333333%;
  }
  .app-tcmpp-grid__item-sm-3 {
    width: 12.5%;
  }
  .app-tcmpp-grid__item-sm-4 {
    width: 16.66666667%;
  }
  .app-tcmpp-grid__item-sm-5 {
    width: 20.83333333%;
  }
  .app-tcmpp-grid__item-sm-6 {
    width: 25%;
  }
  .app-tcmpp-grid__item-sm-7 {
    width: 29.16666667%;
  }
  .app-tcmpp-grid__item-sm-8 {
    width: 33.33333333%;
  }
  .app-tcmpp-grid__item-sm-9 {
    width: 37.5%;
  }
  .app-tcmpp-grid__item-sm-10 {
    width: 41.66666667%;
  }
  .app-tcmpp-grid__item-sm-11 {
    width: 45.83333333%;
  }
  .app-tcmpp-grid__item-sm-12 {
    width: 50%;
  }
  .app-tcmpp-grid__item-sm-13 {
    width: 54.16666667%;
  }
  .app-tcmpp-grid__item-sm-14 {
    width: 58.33333333%;
  }
  .app-tcmpp-grid__item-sm-15 {
    width: 62.5%;
  }
  .app-tcmpp-grid__item-sm-16 {
    width: 66.66666667%;
  }
  .app-tcmpp-grid__item-sm-17 {
    width: 70.83333333%;
  }
  .app-tcmpp-grid__item-sm-18 {
    width: 75%;
  }
  .app-tcmpp-grid__item-sm-19 {
    width: 79.16666667%;
  }
  .app-tcmpp-grid__item-sm-20 {
    width: 83.33333333%;
  }
  .app-tcmpp-grid__item-sm-21 {
    width: 87.5%;
  }
  .app-tcmpp-grid__item-sm-22 {
    width: 91.66666667%;
  }
  .app-tcmpp-grid__item-sm-23 {
    width: 95.83333333%;
  }
  .app-tcmpp-grid__item-sm-24 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .app-tcmpp-grid__item-md-1 {
    width: 4.16666667%;
  }
  .app-tcmpp-grid__item-md-2 {
    width: 8.33333333%;
  }
  .app-tcmpp-grid__item-md-3 {
    width: 12.5%;
  }
  .app-tcmpp-grid__item-md-4 {
    width: 16.66666667%;
  }
  .app-tcmpp-grid__item-md-5 {
    width: 20.83333333%;
  }
  .app-tcmpp-grid__item-md-6 {
    width: 25%;
  }
  .app-tcmpp-grid__item-md-7 {
    width: 29.16666667%;
  }
  .app-tcmpp-grid__item-md-8 {
    width: 33.33333333%;
  }
  .app-tcmpp-grid__item-md-9 {
    width: 37.5%;
  }
  .app-tcmpp-grid__item-md-10 {
    width: 41.66666667%;
  }
  .app-tcmpp-grid__item-md-11 {
    width: 45.83333333%;
  }
  .app-tcmpp-grid__item-md-12 {
    width: 50%;
  }
  .app-tcmpp-grid__item-md-13 {
    width: 54.16666667%;
  }
  .app-tcmpp-grid__item-md-14 {
    width: 58.33333333%;
  }
  .app-tcmpp-grid__item-md-15 {
    width: 62.5%;
  }
  .app-tcmpp-grid__item-md-16 {
    width: 66.66666667%;
  }
  .app-tcmpp-grid__item-md-17 {
    width: 70.83333333%;
  }
  .app-tcmpp-grid__item-md-18 {
    width: 75%;
  }
  .app-tcmpp-grid__item-md-19 {
    width: 79.16666667%;
  }
  .app-tcmpp-grid__item-md-20 {
    width: 83.33333333%;
  }
  .app-tcmpp-grid__item-md-21 {
    width: 87.5%;
  }
  .app-tcmpp-grid__item-md-22 {
    width: 91.66666667%;
  }
  .app-tcmpp-grid__item-md-23 {
    width: 95.83333333%;
  }
  .app-tcmpp-grid__item-md-24 {
    width: 100%;
  }
}
@media screen and (min-width: 900px) {
  .app-tcmpp-grid__item-lg-1 {
    width: 4.16666667%;
  }
  .app-tcmpp-grid__item-lg-2 {
    width: 8.33333333%;
  }
  .app-tcmpp-grid__item-lg-3 {
    width: 12.5%;
  }
  .app-tcmpp-grid__item-lg-4 {
    width: 16.66666667%;
  }
  .app-tcmpp-grid__item-lg-5 {
    width: 20.83333333%;
  }
  .app-tcmpp-grid__item-lg-6 {
    width: 25%;
  }
  .app-tcmpp-grid__item-lg-7 {
    width: 29.16666667%;
  }
  .app-tcmpp-grid__item-lg-8 {
    width: 33.33333333%;
  }
  .app-tcmpp-grid__item-lg-9 {
    width: 37.5%;
  }
  .app-tcmpp-grid__item-lg-10 {
    width: 41.66666667%;
  }
  .app-tcmpp-grid__item-lg-11 {
    width: 45.83333333%;
  }
  .app-tcmpp-grid__item-lg-12 {
    width: 50%;
  }
  .app-tcmpp-grid__item-lg-13 {
    width: 54.16666667%;
  }
  .app-tcmpp-grid__item-lg-14 {
    width: 58.33333333%;
  }
  .app-tcmpp-grid__item-lg-15 {
    width: 62.5%;
  }
  .app-tcmpp-grid__item-lg-16 {
    width: 66.66666667%;
  }
  .app-tcmpp-grid__item-lg-17 {
    width: 70.83333333%;
  }
  .app-tcmpp-grid__item-lg-18 {
    width: 75%;
  }
  .app-tcmpp-grid__item-lg-19 {
    width: 79.16666667%;
  }
  .app-tcmpp-grid__item-lg-20 {
    width: 83.33333333%;
  }
  .app-tcmpp-grid__item-lg-21 {
    width: 87.5%;
  }
  .app-tcmpp-grid__item-lg-22 {
    width: 91.66666667%;
  }
  .app-tcmpp-grid__item-lg-23 {
    width: 95.83333333%;
  }
  .app-tcmpp-grid__item-lg-24 {
    width: 100%;
  }
}
@media screen and (min-width: 1220px) {
  .app-tcmpp-grid__item-xl-1 {
    width: 4.16666667%;
  }
  .app-tcmpp-grid__item-xl-2 {
    width: 8.33333333%;
  }
  .app-tcmpp-grid__item-xl-3 {
    width: 12.5%;
  }
  .app-tcmpp-grid__item-xl-4 {
    width: 16.66666667%;
  }
  .app-tcmpp-grid__item-xl-5 {
    width: 20.83333333%;
  }
  .app-tcmpp-grid__item-xl-6 {
    width: 25%;
  }
  .app-tcmpp-grid__item-xl-7 {
    width: 29.16666667%;
  }
  .app-tcmpp-grid__item-xl-8 {
    width: 33.33333333%;
  }
  .app-tcmpp-grid__item-xl-9 {
    width: 37.5%;
  }
  .app-tcmpp-grid__item-xl-10 {
    width: 41.66666667%;
  }
  .app-tcmpp-grid__item-xl-11 {
    width: 45.83333333%;
  }
  .app-tcmpp-grid__item-xl-12 {
    width: 50%;
  }
  .app-tcmpp-grid__item-xl-13 {
    width: 54.16666667%;
  }
  .app-tcmpp-grid__item-xl-14 {
    width: 58.33333333%;
  }
  .app-tcmpp-grid__item-xl-15 {
    width: 62.5%;
  }
  .app-tcmpp-grid__item-xl-16 {
    width: 66.66666667%;
  }
  .app-tcmpp-grid__item-xl-17 {
    width: 70.83333333%;
  }
  .app-tcmpp-grid__item-xl-18 {
    width: 75%;
  }
  .app-tcmpp-grid__item-xl-19 {
    width: 79.16666667%;
  }
  .app-tcmpp-grid__item-xl-20 {
    width: 83.33333333%;
  }
  .app-tcmpp-grid__item-xl-21 {
    width: 87.5%;
  }
  .app-tcmpp-grid__item-xl-22 {
    width: 91.66666667%;
  }
  .app-tcmpp-grid__item-xl-23 {
    width: 95.83333333%;
  }
  .app-tcmpp-grid__item-xl-24 {
    width: 100%;
  }
}
@media screen and (min-width: 1400px) {
  .app-tcmpp-grid__item-xxl-1 {
    width: 4.16666667%;
  }
  .app-tcmpp-grid__item-xxl-2 {
    width: 8.33333333%;
  }
  .app-tcmpp-grid__item-xxl-3 {
    width: 12.5%;
  }
  .app-tcmpp-grid__item-xxl-4 {
    width: 16.66666667%;
  }
  .app-tcmpp-grid__item-xxl-5 {
    width: 20.83333333%;
  }
  .app-tcmpp-grid__item-xxl-6 {
    width: 25%;
  }
  .app-tcmpp-grid__item-xxl-7 {
    width: 29.16666667%;
  }
  .app-tcmpp-grid__item-xxl-8 {
    width: 33.33333333%;
  }
  .app-tcmpp-grid__item-xxl-9 {
    width: 37.5%;
  }
  .app-tcmpp-grid__item-xxl-10 {
    width: 41.66666667%;
  }
  .app-tcmpp-grid__item-xxl-11 {
    width: 45.83333333%;
  }
  .app-tcmpp-grid__item-xxl-12 {
    width: 50%;
  }
  .app-tcmpp-grid__item-xxl-13 {
    width: 54.16666667%;
  }
  .app-tcmpp-grid__item-xxl-14 {
    width: 58.33333333%;
  }
  .app-tcmpp-grid__item-xxl-15 {
    width: 62.5%;
  }
  .app-tcmpp-grid__item-xxl-16 {
    width: 66.66666667%;
  }
  .app-tcmpp-grid__item-xxl-17 {
    width: 70.83333333%;
  }
  .app-tcmpp-grid__item-xxl-18 {
    width: 75%;
  }
  .app-tcmpp-grid__item-xxl-19 {
    width: 79.16666667%;
  }
  .app-tcmpp-grid__item-xxl-20 {
    width: 83.33333333%;
  }
  .app-tcmpp-grid__item-xxl-21 {
    width: 87.5%;
  }
  .app-tcmpp-grid__item-xxl-22 {
    width: 91.66666667%;
  }
  .app-tcmpp-grid__item-xxl-23 {
    width: 95.83333333%;
  }
  .app-tcmpp-grid__item-xxl-24 {
    width: 100%;
  }
}
.app-tcmpp-card {
  background-color: var(--card-color-bg);
  border: var(--card-size-border-default) solid var(--card-color-border-default);
  -webkit-box-shadow: var(--card-box-shadow-default);
  box-shadow: var(--card-box-shadow-default);
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: var(--card-border-radius);
  color: var(--card-color-text);
  -webkit-transition: -webkit-box-shadow 0.3s ease-in 0s;
  transition: -webkit-box-shadow 0.3s ease-in 0s;
  transition: box-shadow 0.3s ease-in 0s;
  transition: box-shadow 0.3s ease-in 0s, -webkit-box-shadow 0.3s ease-in 0s;
}
.app-tcmpp-card + .app-tcmpp-card {
  margin-top: var(--card-multiple-margin-top);
}
.app-tcmpp-card__header {
  border-bottom: 1px solid var(--card-color-borde-inner);
}
.app-tcmpp-card__header .app-tcmpp-h3,
.app-tcmpp-card__header h3 {
  padding: var(--card-header-padding);
  color: var(--card-color-text-maintitle);
  font-size: var(--card-body-title-font-size);
}
.app-tcmpp-card__subtitle {
  font-size: var(--card-font-size);
  color: var(--card-color-text-subtitle);
  margin-left: 5px;
  font-weight: 400;
}
.app-tcmpp-card__btn {
  display: inline-block;
  text-align: center;
  padding: 5px;
  vertical-align: initial;
  text-decoration: none;
  line-height: normal;
  font-size: var(--card-font-size);
}
.app-tcmpp-card__btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
  text-decoration: none;
}
.app-tcmpp-card__body {
  font-size: var(--card-font-size);
  padding: var(--card-body-padding);
}
.app-tcmpp-card__footer {
  border-top: 1px solid var(--card-color-borde-inner);
  font-size: var(--card-font-size);
}
.app-tcmpp-card__title {
  margin-bottom: var(--card-title-margin-bottom);
}
.app-tcmpp-card__title .app-tcmpp-justify-grid__col--left .app-tcmpp-icon-info {
  vertical-align: -3px;
}
.app-tcmpp-card__title .app-tcmpp-h3,
.app-tcmpp-card__title h3 {
  font-size: var(--tea-font-size-400);
  color: var(--card-color-text-maintitle);
}
.app-tcmpp-card.app-tcmpp-card--bordered {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid var(--card-bordered-color-border-default);
}
.app-tcmpp-card.app-tcmpp-card--bordered:hover {
  -webkit-box-shadow: var(--card-box-shadow-hover);
  box-shadow: var(--card-box-shadow-hover);
}
.app-tcmpp-card.app-tcmpp-card--full {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
}
.app-tcmpp-card.app-tcmpp-card--full-with-header {
  position: absolute;
  top: 71px;
  left: 20px;
  right: 20px;
  bottom: 20px;
}
.app-tcmpp-page-root {
  height: 100%;
}
.app-tcmpp-content {
  background-color: var(--tea-color-bg-secondary-default);
  height: 100%;
  overflow: initial;
  padding-left: 0;
  padding-right: 0;
}
.app-tcmpp-content__header {
  margin: 0;
  font-size: 0;
  height: auto;
  line-height: inherit;
  min-height: inherit;
  position: relative;
  border-bottom: 1px solid var(--tea-color-border-secondary-default);
  padding: 10px 20px;
  color: var(--tea-color-text-primary);
  background-color: var(--tea-color-bg-primary-default);
}
.app-tcmpp-content__header h2 {
  display: inline-block;
  vertical-align: middle;
  font-size: var(--tea-font-size-400);
  font-weight: var(--tea-font-weight-medium);
  margin-right: 20px;
  max-width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 30px;
  line-height: 30px;
}
.app-tcmpp-content__header .app-tcmpp-content-header__text {
  font-size: var(--tea-font-size-default);
  display: inline-block;
  vertical-align: middle;
}
.app-tcmpp-content__body {
  background-color: var(--tea-color-bg-secondary-default);
  padding: 20px;
}
.app-tcmpp-content__inner {
  max-width: 1360px;
  margin: 0 auto;
}
.app-tcmpp-content__inner.app-tcmpp-content__inner--full {
  max-width: 100%;
  margin: 0 auto;
}
.app-tcmpp-content__header-back {
  height: 26px;
  line-height: 26px;
  width: 26px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  margin-left: -6px;
  vertical-align: middle;
  margin-right: 24px;
}
.app-tcmpp-content__header-back:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.app-tcmpp-inner-wrap {
  position: absolute;
  top: 51px;
  bottom: 0;
  left: 0;
  right: 0;
}
.app-tcmpp-inner-wrap__menu {
  left: 0;
  width: 200px;
  border-right: 1px solid var(--tea-color-border-secondary-default);
  background-color: var(--tea-color-bg-primary-default);
  z-index: 10;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.app-tcmpp-inner-wrap__content,
.app-tcmpp-inner-wrap__menu {
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.app-tcmpp-inner-wrap__content {
  left: 200px;
  right: 0;
  overflow: auto;
}
.app-tcmpp-inner-wrap__content .app-tcmpp-content__header {
  border-bottom: 0;
  background-color: transparent;
}
.app-tcmpp-sidebar {
  position: relative;
  height: 100%;
  vertical-align: top;
}
.app-tcmpp-content__body.has-subsidebar {
  position: absolute;
  top: 51px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  overflow: hidden;
}
.has-subsidebar .app-tcmpp-content {
  position: absolute;
  left: 200px;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.has-subsidebar .app-tcmpp-content__header {
  border-bottom: 0;
  background-color: transparent;
}
.has-subsidebar > .app-tcmpp-content__inner {
  max-width: inherit;
  height: 100%;
}
.app-tcmpp-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--tea-color-text-primary);
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.app-tcmpp-layout__header {
  height: 50px;
}
.app-tcmpp-layout__content {
  background-color: var(--tea-color-bg-page-default);
  overflow-y: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.app-tcmpp-layout__content .app-tcmpp-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.app-tcmpp-layout__content .app-tcmpp-content__body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.app-tcmpp-layout__content .app-tcmpp-layout__footer {
  margin-top: -77px;
}
.app-tcmpp-layout__content-header {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.app-tcmpp-layout__content-body {
  padding: 20px;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 auto;
}
.app-tcmpp-layout__content-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.app-tcmpp-layout__content-body-inner {
  max-width: 1360px;
  margin: 0 auto;
}
.app-tcmpp-layout__content-body-inner.app-tcmpp-layout__content-body-inner--full {
  max-width: 100%;
}
.app-tcmpp-layout__footer {
  height: 77px;
}
.app-tcmpp-layout__sidebar {
  position: relative;
  height: 100%;
  vertical-align: top;
  min-width: 48px;
  width: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.app-tcmpp-layout__body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  overflow-y: auto;
}
.app-tcmpp-layout__body.has-subsidebar {
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}
.app-tcmpp-layout__header-title {
  margin: 0;
  font-size: 0;
  height: auto;
  line-height: inherit;
  min-height: inherit;
  position: relative;
  border-bottom: 1px solid var(--tea-color-border-primary-default);
  padding: 10px 20px;
  color: var(--tea-color-text-primary);
  background: var(--tea-color-bg-primary-default);
}
.app-tcmpp-layout__header-title:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: -1px;
  width: 1px;
  background-color: transparent;
}
.app-tcmpp-layout__header-title .app-tcmpp-h2 {
  display: inline-block;
  vertical-align: middle;
  font-size: var(--tea-font-size-400);
  font-weight: 700;
  margin-right: 20px;
  max-width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 30px;
  line-height: 30px;
}
.app-tcmpp-layout__header-text {
  font-size: var(--tea-font-size-default);
  display: inline-block;
  vertical-align: middle;
}
.app-tcmpp-layout__header-title--light {
  border-bottom: 0;
  background-color: transparent;
}
.app-tcmpp-layout.has-subsidebar {
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}
.app-tcmpp-blank-page {
  max-width: 700px;
  margin: 20px auto 0;
  overflow: initial;
  position: relative;
  top: 19%;
}
.app-tcmpp-blank-page .app-tcmpp-media__left {
  padding-right: 20px;
}
.app-tcmpp-blank-page .app-tcmpp-media__body {
  max-height: 500px;
}
.app-tcmpp-blank-page .app-tcmpp-h4 {
  font-size: var(--tea-font-size-350);
  font-weight: 400;
  margin-bottom: 16px;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-blank-page .app-tcmpp-list {
  margin-bottom: 20px;
}
.app-tcmpp-blank-page__media {
  position: relative;
  width: 180px;
  height: 180px;
}
.app-tcmpp-blank-page__media img {
  width: 180px;
  vertical-align: top;
}
.app-tcmpp-blank-page__media-bg {
  width: 180px;
}
.app-tcmpp-blank-page__media-bg,
.app-tcmpp-blank-page__media-gif {
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.app-tcmpp-blank-page__media-gif {
  display: inline-block;
  -webkit-animation: img-anim 1s ease-in-out infinite alternate;
}
@-webkit-keyframes img-anim {
  0% {
    -webkit-transform: translateZ(0);
  }
  to {
    -webkit-transform: translate3d(0, -8px, 0);
  }
}
.app-tcmpp-blank-page__step {
  margin-bottom: 20px;
}
.app-tcmpp-blank-page__step .item {
  font-size: var(--tea-font-size-default);
  display: inline-block;
  margin-right: 10px;
  color: var(--tea-color-text-secondary);
}
.app-tcmpp-blank-page__step .num {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid var(--tea-color-text-secondary);
  border-radius: 100%;
  vertical-align: 0;
  margin-right: 5px;
}
.app-tcmpp-blank-page__op {
  font-size: 0;
  margin-bottom: 20px;
}
.app-tcmpp-blank-page__op .app-tcmpp-btn,
.app-tcmpp-blank-page__op .app-tcmpp-link-external {
  margin-right: 8px;
}
.app-tcmpp-blank-page-v2 {
  min-width: 900px;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-blank-page-v2__main {
  background-color: var(--blank-color-bg);
  position: relative;
}
.app-tcmpp-blank-page-v2__content {
  padding: 48px 0 64px 96px;
  position: relative;
  z-index: 1;
  min-height: 390px;
  max-width: 680px;
}
.app-tcmpp-blank-page-v2__logo {
  font-size: 0;
  margin-bottom: calc(var(--tea-space-100)*4);
}
.app-tcmpp-blank-page-v2__logo img {
  width: 48px;
}
.app-tcmpp-blank-page-v2__title {
  margin-bottom: calc(var(--tea-space-100)*4);
}
.app-tcmpp-blank-page-v2__title h2 {
  font-size: var(--tea-font-size-500);
  line-height: var(--tea-font-line-height-800);
  font-weight: 400;
}
.app-tcmpp-blank-page-v2__info {
  color: var(--tea-color-text-tertiary);
  line-height: var(--tea-font-line-height-default);
  margin-bottom: calc(var(--tea-space-100)*4);
}
.app-tcmpp-blank-page-v2__opreate {
  margin-top: 36px;
}
.app-tcmpp-blank-page-v2__opreate .app-tcmpp-btn,
.app-tcmpp-blank-page-v2__opreate .app-tcmpp-link-external {
  margin-right: 8px;
}
.app-tcmpp-blank-page-v2__contact {
  margin-top: calc(var(--tea-space-100)*3);
  line-height: 20px;
}
.app-tcmpp-blank-page-v2__picture {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.app-tcmpp-blank-page-v2__relative {
  padding: 48px 0 48px 96px;
}
.app-tcmpp-blank-page-v2__relative-inner {
  position: relative;
  padding-left: 24px;
}
.app-tcmpp-blank-page-v2__relative-inner:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid var(--tea-color-border-secondary-default);
}
.app-tcmpp-blank-page-v2__relative-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: calc(var(--tea-space-100)*4);
}
.app-tcmpp-blank-page-v2__relative-item .app-tcmpp-icon-notice-blue {
  margin-right: calc(var(--tea-space-100)*2);
}
.app-tcmpp-blank-page-v2__relative-item:last-child {
  margin-bottom: 0;
}
.app-tcmpp-blank-page-v2__step,
.app-tcmpp-blank-page-v2__step .item {
  margin-bottom: calc(var(--tea-space-100)*2);
}
.app-tcmpp-blank-page-v2__step .item {
  font-size: var(--tea-font-size-default);
  display: inline-block;
  margin-right: calc(var(--tea-space-100)*3);
  color: var(--tea-color-text-primary);
}
.app-tcmpp-blank-page-v2__step .num {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 14px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid var(--tea-color-text-tertiary);
  color: var(--tea-color-text-tertiary);
  border-radius: 100%;
  vertical-align: 0;
  margin-right: 4px;
}
.app-tcmpp-blank-page-v2--general .app-tcmpp-blank-page-v2__content {
  padding-top: 96px;
}
@media screen and (max-width: 1440px) {
  .app-tcmpp-blank-page-v2__content {
    max-width: 568px;
  }
  .app-tcmpp-blank-page-v2__picture {
    background-position: right -100px bottom;
  }
}
@media screen and (max-width: 1220px) {
  .app-tcmpp-blank-page-v2__title h2 {
    font-size: var(--tea-font-size-400);
  }
  .app-tcmpp-blank-page-v2__content {
    padding-left: 48px;
    max-width: 536px;
  }
  .app-tcmpp-blank-page-v2__relative {
    padding-left: 48px;
  }
  .app-tcmpp-blank-page-v2__picture {
    background-position: right -100px bottom;
  }
}
.app-tcmpp-drawer {
  position: fixed;
  top: 50px;
  left: auto;
  right: 0;
  bottom: 0;
  width: 360px;
  background-color: var(--tea-color-bg-primary-default);
  -webkit-box-shadow: var(--tea-shadow-sm);
  box-shadow: var(--tea-shadow-sm);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--tea-color-text-primary);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1001;
}
.app-tcmpp-drawer:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--tea-color-bg-secondary-default);
}
.app-tcmpp-drawer--left {
  top: 50px;
  left: 0;
  right: auto;
  bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.app-tcmpp-drawer.size-xm {
  width: 640px;
}
.app-tcmpp-drawer.size-l {
  width: 800px;
}
.app-tcmpp-drawer.size-xl {
  width: 1280px;
}
.app-tcmpp-drawer__header {
  min-height: 50px;
  padding: 10px 20px;
  border-bottom: 1px solid var(--tea-color-border-secondary-default);
}
.app-tcmpp-drawer__header .app-tcmpp-justify-grid__col .app-tcmpp-h3 {
  line-height: 28px;
}
.app-tcmpp-drawer__header .app-tcmpp-justify-grid__col--right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.app-tcmpp-drawer__body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: auto;
  padding: 20px;
}
.app-tcmpp-drawer__footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  height: 50px;
  padding: 10px 20px;
  border-top: 1px solid var(--tea-color-border-secondary-default);
  background-color: var(--tea-color-bg-primary-default);
}
.app-tcmpp-pagination {
  height: auto;
  color: var(--tea-color-text-tertiary);
  font-size: 0;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
.app-tcmpp-pagination:after {
  display: table;
  clear: both;
  content: "";
}
.app-tcmpp-pagination__state {
  float: left;
  color: var(--tea-color-text-tertiary);
  margin-top: 5px;
  margin-bottom: 3px;
}
.app-tcmpp-pagination__state .app-tcmpp-pagination__text + .app-tcmpp-space {
  margin-left: calc(var(--tea-space-100)*4);
}
.app-tcmpp-pagination__state .app-tcmpp-pagination__text .app-tcmpp-form-check {
  margin-right: 0;
}
.app-tcmpp-pagination__state .app-tcmpp-space .app-tcmpp-divider {
  color: var(--tea-color-bg-brand-lighten-default);
  background-color: var(--tea-color-bg-brand-lighten-default);
}
.app-tcmpp-pagination__state strong {
  font-weight: 400;
  margin: 0 3px;
}
.app-tcmpp-pagination__operate {
  float: right;
}
.app-tcmpp-pagination .app-tcmpp-pagination__text {
  font-size: var(--tea-font-size-default);
  margin: 0 10px 0 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.app-tcmpp-pagination__turnbtn {
  display: inline-block;
  height: auto;
  line-height: 1;
  padding: 4px;
  background-color: var(--tea-form-color-bg-primary-default);
  border: 1px solid var(--tea-color-border-primary-default);
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
  vertical-align: middle;
  text-align: center;
}
.app-tcmpp-pagination__turnbtn,
.app-tcmpp-pagination__turnbtn:hover:not(.is-disabled) {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-pagination__turnbtn + .app-tcmpp-pagination__turnbtn {
  margin-left: -1px;
}
.app-tcmpp-pagination__turnbtn:focus:not(.is-disabled),
.app-tcmpp-pagination__turnbtn:hover:not(.is-disabled) {
  z-index: 3;
  background-color: var(--tea-form-color-bg-primary-hover);
  border-color: var(--tea-color-border-primary-default);
}
.app-tcmpp-pagination__turnbtn.is-disabled,
.app-tcmpp-pagination__turnbtn.is-disabled:focus,
.app-tcmpp-pagination__turnbtn.is-disabled:hover {
  z-index: 2;
  cursor: not-allowed;
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-pagination__curbtn-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.app-tcmpp-pagination__curbtn-icon:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid var(--tea-color-text-primary);
  border-radius: 50%;
}
.app-tcmpp-pagination__curbtn-icon.is-active:before {
  background-color: var(--tea-color-text-primary);
}
.app-tcmpp-pagination__firstbtn {
  margin-left: 10px;
  border-radius: var(--tea-border-radius-default) 0 0 var(--tea-border-radius-default);
}
.app-tcmpp-pagination__lastbtn {
  border-radius: 0 var(--tea-border-radius-default) var(--tea-border-radius-default) 0;
}
.app-tcmpp-pagination .app-tcmpp-dropdown-box {
  min-width: 48px;
  max-height: 152px;
  overflow: auto;
}
.app-tcmpp-pagination .app-tcmpp-dropdown-btn.app-tcmpp-dropdown__header,
.app-tcmpp-pagination .app-tcmpp-dropdown__header {
  height: 26px;
  width: auto;
  min-width: 0;
  border-left: none;
  border-right: none;
}
.app-tcmpp-pagination .app-tcmpp-dropdown__value {
  line-height: 26px;
}
.app-tcmpp-pagination .app-tcmpp-dropdown-btn .app-tcmpp-dropdown__value {
  line-height: 24px;
}
.app-tcmpp-pagination .app-tcmpp-dropdown__header .ruyi-icon,
.app-tcmpp-pagination .app-tcmpp-dropdown__header .app-tcmpp-icon {
  top: 5px;
}
.app-tcmpp-pagination__manualinput {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-left: -1px;
  margin-right: -1px;
}
.app-tcmpp-pagination__manualinput .tc-15-simulate-option {
  display: none;
}
.app-tcmpp-pagination__manualinput .tc-15-simulate-option li {
  text-overflow: clip;
}
.app-tcmpp-pagination__inputpagenum {
  height: 26px;
  width: 65px;
  text-align: center;
  border-radius: 0;
}
.app-tcmpp-pagination__totalpage {
  display: inline-block;
  width: auto;
  height: 26px;
  line-height: 24px;
  border: 1px solid var(--tea-color-border-primary-default);
  font-size: var(--tea-font-size-default);
  color: var(--tea-color-text-disabled);
  padding: 0 10px;
  border-left: none;
  text-decoration: initial;
  vertical-align: middle;
}
.app-tcmpp-pagination__totalpage em {
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-pagination--bordernone .app-tcmpp-pagination__turnbtn {
  border: none;
}
.app-tcmpp-pagination--bordernone .app-tcmpp-pagination__turnbtn.is-disabled {
  background-color: var(--tea-form-color-bg-primary-default);
}
.app-tcmpp-pagination--spacing {
  padding: 10px 10px 20px;
}
.app-tcmpp-pagination.is-disabled .app-tcmpp-pagination__text {
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-pagination.is-disabled .app-tcmpp-pagination__inputpagenum {
  background-color: transparent;
}
.app-tcmpp-table .tr__detailrow td .app-tcmpp-pagination {
  background-color: transparent;
  font-size: 0;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  line-height: inherit;
}
.app-tcmpp-table .tr__detailrow td .app-tcmpp-pagination .app-tcmpp-pagination__totalpage {
  height: 26px;
  line-height: 26px;
}
.app-tcmpp-table .tr__detailrow td .app-tcmpp-pagination a,
.app-tcmpp-table .tr__detailrow td .app-tcmpp-pagination a:hover {
  color: var(--tea-color-text-primary);
  text-decoration: none;
}
.app-tcmpp-table .tr__detailrow td .app-tcmpp-pagination .indent {
  min-height: 16px;
  line-height: 16px;
}
.app-tcmpp-tabs {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-tabs__tabbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.app-tcmpp-tabs__tabbar:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid var(--tabs-color-border-default);
  z-index: 1;
}
.app-tcmpp-tabs__tablist {
  font-size: 0;
  min-width: 100%;
  padding: 0 var(--tabs-space-horizontal-outer);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.app-tcmpp-tabs__tabitem,
.app-tcmpp-tabs__tablist {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.app-tcmpp-tabs__tabitem {
  margin-left: calc(var(--tea-space-100)*10);
  font: var(--tea-typography-body-sm);
  height: var(--tabs-height-default);
  line-height: var(--tabs-height-default);
}
.app-tcmpp-tabs__tabitem--add {
  margin-left: calc(var(--tea-space-100)*3);
}
.app-tcmpp-tabs__tabitem.is-dragging .app-tcmpp-tabs__tab {
  color: var(--tea-color-text-theriry);
}
.app-tcmpp-tabs__tabitem:first-child {
  margin-left: 0;
}
.app-tcmpp-tabs__tab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  color: var(--tabs-color-text-default);
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-tabs__tab-text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.app-tcmpp-tabs__tab:hover {
  text-decoration: none;
}
.app-tcmpp-tabs__tab.is-active {
  font-weight: var(--tea-font-weight-medium);
  color: var(--tabs-color-text-active);
}
.app-tcmpp-tabs__tab.is-disabled {
  cursor: not-allowed;
  color: var(--tabs-color-text-disabled);
}
.app-tcmpp-tabs__tab:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0;
  border-bottom: 2px solid transparent;
}
.app-tcmpp-tabs__tab:hover:not(.is-active):not(.is-disabled) {
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-tabs__tab:hover:after {
  width: 100%;
}
.app-tcmpp-tabs__tab.is-active:after {
  width: 100%;
  border-bottom-color: var(--tabs-color-border-active);
  -webkit-transition: var(--tabs-animation);
  transition: var(--tabs-animation);
}
.app-tcmpp-tabs__tab.is-disabled:hover:after {
  border-bottom: 2px solid transparent;
}
.app-tcmpp-tabs__tabpanel {
  padding-top: 10px;
  padding-bottom: 10px;
}
.app-tcmpp-tabs__remove {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 8px;
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-tabs__remove:hover {
  color: var(--tea-color-text-placeholder);
}
.app-tcmpp-tabs__tab.is-disabled .app-tcmpp-tabs__remove,
.app-tcmpp-tabs__tab.is-disabled .app-tcmpp-tabs__remove:hover {
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-tabs__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 calc(var(--tea-space-100)*2);
}
.app-tcmpp-tabs__icon-btn.app-tcmpp-btn--icon {
  padding: 4px;
  height: auto;
  width: auto;
  min-width: 0;
}
.app-tcmpp-tabs__icon-btn.app-tcmpp-btn--icon:hover {
  background-color: var(--tea-color-bg-primary-hover);
}
.app-tcmpp-tabs__addons,
.app-tcmpp-tabs__prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding-right: var(--tabs-space-horizontal-outer);
  padding-left: 12px;
}
.app-tcmpp-tabs__addons:after,
.app-tcmpp-tabs__prefix:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  bottom: 6px;
  width: 1px;
  background-color: var(--tea-color-border-primary-default);
}
.app-tcmpp-tabs__prefix {
  padding-left: var(--tabs-space-horizontal-outer);
  padding-right: 12px;
}
.app-tcmpp-tabs__prefix:after {
  left: auto;
  right: 0;
}
.app-tcmpp-tabs__addons .app-tcmpp-pagination {
  display: inline-block;
  vertical-align: middle;
}
.app-tcmpp-tabs__backward,
.app-tcmpp-tabs__forward {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 12px;
  height: var(--tabs-height-default);
  position: absolute;
  bottom: 0;
  background-color: var(--tea-color-bg-primary-default);
  border: 0;
  border-bottom: 1px solid var(--tabs-color-border-default);
}
.app-tcmpp-tabs__backward .app-tcmpp-btn--icon,
.app-tcmpp-tabs__forward .app-tcmpp-btn--icon {
  padding: 4px;
  height: auto;
}
.app-tcmpp-tabs__backward {
  left: 0;
}
.app-tcmpp-tabs__backward:after {
  content: "";
  display: block;
  background: var(--tea-shadow-fixed-right);
  position: absolute;
  width: 6px;
  top: 0;
  bottom: 0;
  right: -6px;
}
.app-tcmpp-tabs__forward {
  right: 0;
}
.app-tcmpp-tabs__forward:after {
  content: "";
  display: block;
  background: var(--tea-shadow-fixed-left);
  position: absolute;
  width: 6px;
  top: 0;
  bottom: 0;
  left: -6px;
}
.app-tcmpp-tabs__scroll-area {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  z-index: 1;
}
.app-tcmpp-tabs__scroll-area.is-scrolling .app-tcmpp-tabs__backward,
.app-tcmpp-tabs__scroll-area.is-scrolling .app-tcmpp-tabs__forward {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.app-tcmpp-tabs__scroll-area.is-scrolling + .app-tcmpp-tabs__addons,
.app-tcmpp-tabs__scroll-area.is-scrolling + .app-tcmpp-tabs__more,
.app-tcmpp-tabs__scroll-area.is-scrolling + .app-tcmpp-tabs__more + .app-tcmpp-tabs__addons,
.app-tcmpp-tabs__scroll-area.is-scrolling + .app-tcmpp-tabs__prefix {
  background-color: var(--tea-color-bg-primary-default);
}
.app-tcmpp-tabs--borderless > .app-tcmpp-tabs__tabbar:before {
  display: none;
}
.app-tcmpp-tabs--borderless > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tablist {
  padding: 0;
}
.app-tcmpp-tabs--borderless > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__backward,
.app-tcmpp-tabs--borderless > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__forward {
  border-bottom: none;
  background-color: var(--tea-color-bg-page-default);
}
.app-tcmpp-tabs--borderless > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__scroll-area.is-scrolling + .app-tcmpp-tabs__addons,
.app-tcmpp-tabs--borderless > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__scroll-area.is-scrolling + .app-tcmpp-tabs__more,
.app-tcmpp-tabs--borderless > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__scroll-area.is-scrolling + .app-tcmpp-tabs__more + .app-tcmpp-tabs__addons,
.app-tcmpp-tabs--borderless > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__scroll-area.is-scrolling + .app-tcmpp-tabs__prefix {
  background-color: var(--tea-color-bg-page-default);
}
.app-tcmpp-tabs--vertical {
  display: table;
  width: 100%;
}
.app-tcmpp-tabs--vertical > .app-tcmpp-tabs__tabbar {
  display: table-cell;
  vertical-align: top;
}
.app-tcmpp-tabs--vertical > .app-tcmpp-tabs__tabbar:before {
  right: 0;
  left: auto;
  top: 0;
  bottom: 0;
  border-bottom: 0;
  border-right: 1px solid var(--tabs-color-border-default);
}
.app-tcmpp-tabs--vertical > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__scroll-area {
  white-space: normal;
}
.app-tcmpp-tabs--vertical > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tablist {
  display: inline-block;
  padding: 0;
}
.app-tcmpp-tabs--vertical > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem {
  display: block;
  margin-left: 0;
  height: 48px;
  min-width: 120px;
  max-width: 240px;
}
.app-tcmpp-tabs--vertical > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 0;
  max-width: 20em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.app-tcmpp-tabs--vertical > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab:after {
  right: 0;
  left: auto;
  top: 0;
  width: auto;
  border-bottom: 0;
  border-right: 2px solid transparent;
}
.app-tcmpp-tabs--vertical > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab.is-active:after,
.app-tcmpp-tabs--vertical > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab:hover:after {
  border-right-color: var(--tabs-color-border-active);
}
.app-tcmpp-tabs--vertical > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab.is-disabled:hover:after {
  border-right: 2px solid transparent;
}
.app-tcmpp-tabs--vertical > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-tcmpp-tabs--vertical > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__scroll-area.is-scrolling {
  padding: 30px 0;
}
.app-tcmpp-tabs--vertical > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__backward,
.app-tcmpp-tabs--vertical > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__forward {
  border: 0;
  border-right: 1px solid var(--tabs-color-border-default);
  left: 0;
  width: 100%;
}
.app-tcmpp-tabs--vertical > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__backward {
  top: 0;
  bottom: auto;
}
.app-tcmpp-tabs--vertical > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__forward {
  top: auto;
  bottom: 0;
}
.app-tcmpp-tabs--vertical > .app-tcmpp-tabs__tabpanel {
  display: table-cell;
  width: 100%;
  padding: var(--card-body-padding);
  vertical-align: top;
}
.app-tcmpp-tabs--outline {
  background-color: var(--tea-color-bg-primary-default);
}
.app-tcmpp-tabs--outline > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem {
  border-right: 1px solid var(--tea-color-border-primary-default);
}
.app-tcmpp-tabs--outline > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab:hover:not(.is-disabled):not(.is-active) {
  background-color: var(--tea-color-bg-primary-hover);
  -webkit-transition: background-color var(--tabs-animation);
  transition: background-color var(--tabs-animation);
  color: var(--tea-color-text-primary);
}
.app-tcmpp-tabs--outline > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab:hover:not(.is-disabled):not(.is-active):after {
  border-color: var(--tea-color-border-primary-default);
}
.app-tcmpp-tabs--outline > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab.is-active:after {
  border-color: var(--tea-color-bg-primary-default);
}
.app-tcmpp-tabs--outline > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem.is-dragging .app-tcmpp-tabs__tab {
  background-color: var(--tea-color-bg-primary-active);
  -webkit-box-shadow: var(--tea-shadow-xs);
  box-shadow: var(--tea-shadow-xs);
}
.app-tcmpp-tabs--outline > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem.is-dragging .app-tcmpp-tabs__tab:after {
  border-color: transparent;
}
.app-tcmpp-tabs--outline > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem--add .app-tcmpp-tabs__tab:hover:not(.is-disabled):not(.is-active) {
  background-color: var(--tea-color-bg-primary-default);
}
.app-tcmpp-tabs--outline > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__prefix {
  padding: 0 var(--tabs-space-horizontal-outer);
}
.app-tcmpp-tabs--outline > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__addons,
.app-tcmpp-tabs--outline > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__more {
  background-color: var(--tea-color-bg-bg-primary-default);
}
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar {
  background-color: var(--tea-color-bg-tertiary-default);
}
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar:before {
  border-color: var(--tea-color-border-tertiary-default);
}
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem {
  border-right: 1px solid var(--tea-color-border-tertiary-default);
}
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab:hover:not(.is-disabled):not(.is-active) {
  color: var(--tea-color-text-primary);
  background-color: var(--tea-color-bg-tertiary-hover);
  -webkit-transition: background-color var(--tabs-animation);
  transition: background-color var(--tabs-animation);
}
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab:hover:not(.is-disabled):not(.is-active):after {
  border-color: var(--tea-color-border-tertiary-default);
}
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab.is-active {
  background-color: var(--tea-color-bg-primary-default);
}
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab.is-active:after {
  border-color: var(--tea-color-bg-primary-default);
}
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem--add .app-tcmpp-tabs__tab:hover:not(.is-disabled):not(.is-active) {
  background-color: var(--tea-color-bg-tertiary-default);
}
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem.is-dragging .app-tcmpp-tabs__tab {
  background-color: var(--tea-color-bg-tertiary-active);
  -webkit-box-shadow: var(--tea-shadow-xs);
  box-shadow: var(--tea-shadow-xs);
}
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem.is-dragging .app-tcmpp-tabs__tab:after {
  border-color: transparent;
}
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__backward,
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__forward {
  background-color: var(--tea-color-bg-tertiary-default);
  border-bottom-color: var(--tea-color-border-tertiary-default);
}
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__prefix {
  padding: 0 var(--tabs-space-horizontal-outer);
}
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__addons,
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__more {
  background-color: var(--tea-color-bg-bg-tertiary-default);
}
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__scroll-area.is-scrolling + .app-tcmpp-tabs__addons,
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__scroll-area.is-scrolling + .app-tcmpp-tabs__more,
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__scroll-area.is-scrolling + .app-tcmpp-tabs__more + .app-tcmpp-tabs__addons,
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__scroll-area.is-scrolling + .app-tcmpp-tabs__prefix {
  background-color: var(--tea-color-bg-tertiary-default);
}
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__addons:after,
.app-tcmpp-tabs--soft > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__prefix:after {
  background-color: var(--tea-color-border-tertiary-default);
}
.app-tcmpp-tabs--card > .app-tcmpp-tabs__tabbar {
  --tabs-height-default: 44px;
  margin-bottom: -1px;
}
.app-tcmpp-tabs--card > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__icon-btn {
  width: var(--tea-form-height-default);
  height: var(--tea-form-height-default);
}
.app-tcmpp-tabs--card > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tablist {
  padding: 0 var(--tabs-space-horizontal-outer) 0 0;
}
.app-tcmpp-tabs--card > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem {
  margin-left: 0;
  padding: 0;
  font: var(--tea-typography-body-md);
}
.app-tcmpp-tabs--card > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem--add {
  border-right: none;
}
.app-tcmpp-tabs--card > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem--add .app-tcmpp-tabs__tab {
  padding: 0 12px;
}
.app-tcmpp-tabs--card > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab {
  padding: 0 32px;
}
.app-tcmpp-tabs--card > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab:after {
  -webkit-transition: none;
  transition: none;
  left: 0;
  right: 0;
}
.app-tcmpp-tabs--card > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab.is-active:after,
.app-tcmpp-tabs--card > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab:hover:not(.is-disabled):after {
  border-width: 1px;
}
.app-tcmpp-tabs--card > .app-tcmpp-tabs__tabpanel {
  padding: 0;
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar {
  height: var(--tea-form-height-default);
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar:before {
  display: none;
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tablist {
  min-width: 0;
  padding: 0;
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem {
  background-color: var(--tabs-item-color-bg-segment-default);
  margin-left: 0;
  height: calc(var(--tea-form-height-default) - 0px);
  line-height: calc(var(--tea-form-height-default) - 6px);
  padding: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font: var(--tea-typography-body-sm);
  border-top: 1px solid var(--tea-color-border-primary-default);
  border-bottom: 1px solid var(--tea-color-border-primary-default);
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem:first-child {
  border-left: 1px solid var(--tea-color-border-primary-default);
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem:last-child:not(.app-tcmpp-tabs__tabitem--add) {
  border-right: 1px solid var(--tea-color-border-primary-default);
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem--add {
  padding: 0;
  background-color: transparent;
  border-color: transparent;
  border-left: 1px solid var(--tea-color-border-primary-default);
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab {
  padding: 0 var(--tabs-space-horizontal-outer);
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab:hover:not(.is-disabled):not(.is-active) {
  background-color: var(--tabs-item-color-bg-segment-hover);
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab.is-active {
  background-color: var(--tabs-item-color-bg-segment-active);
  -webkit-box-shadow: var(--tea-shadow-xs);
  box-shadow: var(--tea-shadow-xs);
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tab.is-active:after {
  border: none;
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem.is-dragging {
  background-color: var(--tea-color-bg-primary-active);
  -webkit-box-shadow: var(--tea-shadow-xs);
  box-shadow: var(--tea-shadow-xs);
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem--add .app-tcmpp-tabs__tab {
  padding: 0 12px;
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem--add .app-tcmpp-tabs__tab:hover:not(.is-disabled):not(.is-active) {
  background-color: transparent;
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__prefix {
  padding-right: var(--tabs-space-horizontal-outer);
  padding-left: 0;
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__backward,
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__forward {
  background-color: var(--tabs-item-color-bg-segment-default);
  border-bottom: none;
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__more {
  background-color: transparent;
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__scroll-area.is-scrolling + .app-tcmpp-tabs__addons,
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__scroll-area.is-scrolling + .app-tcmpp-tabs__more,
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__scroll-area.is-scrolling + .app-tcmpp-tabs__more + .app-tcmpp-tabs__addons,
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__scroll-area.is-scrolling + .app-tcmpp-tabs__prefix {
  background-color: var(--tabs-item-color-bg-segment-default);
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar:has(.is-scrolling) {
  background-color: var(--tea-color-bg-tertiary-default);
}
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__addons:after,
.app-tcmpp-tabs--segment > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__prefix:after {
  background-color: var(--tea-color-border-primary-default);
}
.app-tcmpp-tabs--bordered .app-tcmpp-tabs__tablist {
  padding: 0;
}
.app-tcmpp-tabs--bordered .app-tcmpp-tabs__tabitem {
  border: 1px solid var(--tabs-color-border-default);
  margin-top: -1px;
  margin-left: -1px;
  margin-right: 0;
}
.app-tcmpp-tabs--bordered .app-tcmpp-tabs__tab:hover:after {
  border-bottom: 2px solid transparent;
}
.app-tcmpp-tabs--bordered .app-tcmpp-tabs__tab.is-active:after {
  border-bottom-color: var(--tea-color-bg-primary-default);
}
.app-tcmpp-tabs--bordered .app-tcmpp-tabs__tab:after {
  bottom: -1px;
}
.app-tcmpp-tabs--bordered .app-tcmpp-tabs__tab.is-disabled:hover:after {
  border-bottom: 2px solid transparent;
}
.app-tcmpp-tabs--bordered .app-tcmpp-tabs__tab {
  padding: 0 20px;
}
.app-tcmpp-tabs.app-tcmpp-tabs--ceiling {
  margin-top: -21px;
}
.app-tcmpp-tabs.app-tcmpp-tabs--ceiling > .app-tcmpp-tabs__tabbar {
  background-color: var(--tea-color-bg-primary-default);
  padding: 0 20px;
  position: absolute;
  left: 0;
  right: 0;
}
.app-tcmpp-tabs.app-tcmpp-tabs--ceiling > .app-tcmpp-tabs__tabbar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: -1px;
  width: 0;
  background-color: var(--tea-color-bg-page-default);
}
.app-tcmpp-tabs.app-tcmpp-tabs--ceiling > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tabitem {
  font: var(--tea-typography-body-md);
}
.app-tcmpp-tabs.app-tcmpp-tabs--ceiling > .app-tcmpp-tabs__tabbar .app-tcmpp-tabs__tablist {
  padding: 0;
}
.app-tcmpp-tabs.app-tcmpp-tabs--ceiling > .app-tcmpp-tabs__tabpanel {
  padding-top: 50px;
}
.app-tcmpp-tabs.app-tcmpp-tabs--full > .app-tcmpp-tabs__tabbar {
  margin: 0 -20px;
  padding: 0 20px;
}
.app-tcmpp-step {
  counter-reset: step;
  font-size: 0;
  margin-top: -10px;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-step__item {
  margin-top: 10px;
}
.app-tcmpp-step__item,
.app-tcmpp-step__num {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.app-tcmpp-step__num {
  width: 28px;
  height: 28px;
  background-color: var(--step-num-color-bg-default);
  border: 2px solid var(--step-num-color-border-default);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  border-radius: 50%;
  margin-right: 10px;
  text-align: center;
  color: var(--step-num-color-text-default);
}
.app-tcmpp-step__num:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 4px;
  top: 4px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMzM3IDExLjc2TDYuNDcgMTMuNjkzLjgwNCA4LjAyNiAyLjY3IDYuMTZsMy44IDMuOCA2LjgyNi02Ljg5MyAxLjg2NyAxLjg2NnoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=);
  background-color: transparent;
}
.app-tcmpp-step__num:before {
  counter-increment: step;
  content: counter(step);
  font-size: 0;
}
.app-tcmpp-step__content {
  display: inline-block;
  vertical-align: middle;
  font-size: var(--tea-font-size-350);
  padding-top: 4px;
}
.app-tcmpp-step__title {
  font-weight: var(--tea-font-weight-medium);
  max-width: 10em;
}
.app-tcmpp-step__arrow {
  width: 16px;
  height: 16px;
  content: "";
  display: inline-block;
  margin: 6px 30px 0;
  vertical-align: top;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYuMzYgMUw1LjAyMSAyLjQxMWw1LjMwNCA1LjU4Ni01LjMxNCA1LjU5NyAxLjM0IDEuNDExTDEzIDguMDAzbC0uMDA1LS4wMDYuMDA1LS4wMDV6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}
.app-tcmpp-step__description {
  font-size: var(--tea-font-size-default);
  color: var(--tea-color-text-tertiary);
  line-height: 18px;
  margin-top: 10px;
  max-width: 15em;
}
.app-tcmpp-step__item.is-error {
  color: var(--tea-color-text-error-default);
}
.app-tcmpp-step__item.is-error .app-tcmpp-step__num {
  border: none;
  background-color: var(--tea-form-color-bg-primary-default);
}
.app-tcmpp-step__item.is-error .app-tcmpp-step__num:before {
  display: none;
}
.app-tcmpp-step__item.is-error .app-tcmpp-step__num:after {
  content: "";
  width: 28px;
  height: 28px;
  display: block!important;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2IDBjOC44MzYgMCAxNiA3LjE2NCAxNiAxNnMtNy4xNjQgMTYtMTYgMTZTMCAyNC44MzYgMCAxNiA3LjE2NCAwIDE2IDB6bTAgMy4wOTdDOC44ODUgMy4wOTcgMy4wOTcgOC44ODUgMy4wOTcgMTZTOC44ODUgMjguOTAzIDE2IDI4LjkwMyAyOC45MDMgMjMuMTE1IDI4LjkwMyAxNiAyMy4xMTUgMy4wOTcgMTYgMy4wOTd6bTQuMzggNi4zMzRsMi4xOSAyLjE5TDE4LjE4OCAxNmw0LjM4IDQuMzgtMi4xOSAyLjE5TDE2IDE4LjE4OGwtNC4zNzkgNC4zOC0yLjE5LTIuMTlMMTMuODEgMTYgOS40MyAxMS42MmwyLjE5LTIuMTlMMTYgMTMuODFsNC4zOC00LjM4eiIgZmlsbD0iI2U1NDU0NSIvPjwvc3ZnPg==);
  background-size: cover;
  top: 0;
  left: 0;
}
.app-tcmpp-step__item.is-pending {
  color: var(--tea-color-text-warning-default);
}
.app-tcmpp-step__item.is-pending .app-tcmpp-step__num {
  border: none;
  background-color: var(--tea-form-color-bg-primary-default);
}
.app-tcmpp-step__item.is-pending .app-tcmpp-step__num:before {
  display: none;
}
.app-tcmpp-step__item.is-pending .app-tcmpp-step__num:after {
  content: "";
  width: 28px;
  height: 28px;
  display: block!important;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2IDBjOC44MzcgMCAxNiA3LjE2NCAxNiAxNiAwIDguODM3LTcuMTYzIDE2LTE2IDE2UzAgMjQuODM4IDAgMTZDMCA3LjE2NCA3LjE2MyAwIDE2IDB6bTAgM0M4LjgyIDMgMyA4LjgyIDMgMTZzNS44MiAxMyAxMyAxMyAxMy01LjgyIDEzLTEzUzIzLjE4IDMgMTYgM3ptMS41IDQuNXY4LjM4bDUuNTYgNS41Ni0yLjEyMSAyLjEyMS02LjQzOS02LjQzOVY3LjVoM3oiIGZpbGw9IiNmZjcyMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
  background-size: cover;
  top: 0;
  left: 0;
}
.app-tcmpp-step.app-tcmpp-step--alternative .app-tcmpp-step__item {
  text-align: center;
  padding-right: 160px;
}
.app-tcmpp-step.app-tcmpp-step--alternative .app-tcmpp-step__item:last-of-type {
  padding-right: 0;
}
.app-tcmpp-step.app-tcmpp-step--alternative .app-tcmpp-step__num {
  margin-right: 0;
  background-color: var(--step-num-color-bg-default-process);
  border-color: var(--step-num-color-border-default-process);
}
.app-tcmpp-step.app-tcmpp-step--alternative .app-tcmpp-step__num:after {
  display: none;
}
.app-tcmpp-step.app-tcmpp-step--alternative .app-tcmpp-step__num:before {
  font-size: var(--tea-font-size-400);
  color: var(--step-num-color-text-default-process);
  font-weight: var(--tea-font-weight-medium);
}
.app-tcmpp-step.app-tcmpp-step--alternative .app-tcmpp-step__content {
  display: block;
  margin-top: 10px;
}
.app-tcmpp-step.app-tcmpp-step--alternative .app-tcmpp-step__arrow {
  width: 120px;
  height: 1px;
  content: "";
  display: inline-block;
  margin: 0 0 0 -140px;
  line-height: 1.2;
  position: absolute;
  left: 100%;
  top: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE2IiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMVYwaDR2MUgwem04IDBWMGg0djFIOHptOCAwVjBoNHYxaC00em04IDBWMGg0djFoLTR6bTggMFYwaDR2MWgtNHptOCAwVjBoNHYxaC00em04IDBWMGg0djFoLTR6bTggMFYwaDR2MWgtNHptOCAwVjBoNHYxaC00em04IDBWMGg0djFoLTR6bTggMFYwaDR2MWgtNHptOCAwVjBoNHYxaC00em04IDBWMGg0djFoLTR6bTggMFYwaDR2MWgtNHptOCAwVjBoNHYxaC00eiIgZmlsbD0iI0RERCIvPjwvc3ZnPg==);
}
.app-tcmpp-step.app-tcmpp-step--alternative .app-tcmpp-step__tips {
  position: absolute;
  left: 100%;
  top: 0;
  width: 120px;
  margin: 0 0 0 -140px;
  overflow: hidden;
  line-height: normal;
  font-size: var(--tea-font-size-default);
  color: var(--tea-color-text-tertiary);
  word-wrap: break-word;
  word-break: break-word;
}
.app-tcmpp-step.app-tcmpp-step--alternative .app-tcmpp-step__title {
  margin-top: 4px;
  max-width: 15em;
}
.app-tcmpp-step.app-tcmpp-step--vertical .app-tcmpp-step__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}
.app-tcmpp-step.app-tcmpp-step--vertical .app-tcmpp-step__num {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  vertical-align: top;
  background-color: var(--step-num-color-bg-default-process);
  border-color: var(--step-num-color-border-default-process);
}
.app-tcmpp-step.app-tcmpp-step--vertical .app-tcmpp-step__num:after {
  display: none;
}
.app-tcmpp-step.app-tcmpp-step--vertical .app-tcmpp-step__content {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  vertical-align: top;
}
.app-tcmpp-step.app-tcmpp-step--vertical .app-tcmpp-step__description {
  max-width: none;
}
.app-tcmpp-step.app-tcmpp-step--vertical .app-tcmpp-step__title {
  max-width: 100%;
}
.app-tcmpp-step.app-tcmpp-step--vertical .app-tcmpp-step__arrow {
  height: 100%;
  width: 1px;
  vertical-align: middle;
  margin-left: 20px;
  margin-right: 30px;
  background-color: var(--step-arrow-color-bg-default-process);
  position: absolute;
  top: 22px;
  bottom: 0;
  left: -6px;
}
.app-tcmpp-step.app-tcmpp-step--vertical > .app-tcmpp-step__item > .app-tcmpp-step__num:before {
  font-size: var(--tea-font-size-400);
  color: var(--step-num-color-text-default-process);
  font-weight: var(--tea-font-weight-medium);
}
.app-tcmpp-step.app-tcmpp-step--dot .app-tcmpp-step__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}
.app-tcmpp-step.app-tcmpp-step--dot .app-tcmpp-step__num {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  vertical-align: top;
  width: 9px;
  height: 9px;
  margin-top: 8px;
  background-color: var(--tea-color-bg-brand-default);
  border-color: var(--tea-color-bg-brand-default);
}
.app-tcmpp-step.app-tcmpp-step--dot .app-tcmpp-step__num:after {
  display: none;
}
.app-tcmpp-step.app-tcmpp-step--dot .app-tcmpp-step__content {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  vertical-align: top;
  padding-top: 0;
}
.app-tcmpp-step.app-tcmpp-step--dot .app-tcmpp-step__description {
  max-width: none;
}
.app-tcmpp-step.app-tcmpp-step--dot .app-tcmpp-step__title {
  margin-top: 2px;
}
.app-tcmpp-step.app-tcmpp-step--dot .app-tcmpp-step__arrow {
  height: 100%;
  width: 1px;
  vertical-align: middle;
  margin-left: 20px;
  margin-right: 30px;
  background-color: var(--tea-color-border-primary-default);
  position: absolute;
  top: 11px;
  bottom: 0;
  left: -16px;
}
.app-tcmpp-step.app-tcmpp-step--vertical-new .app-tcmpp-step__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}
.app-tcmpp-step.app-tcmpp-step--vertical-new .app-tcmpp-step__num {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  vertical-align: top;
}
.app-tcmpp-step.app-tcmpp-step--vertical-new .app-tcmpp-step__num:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMzM3IDExLjc2TDYuNDcgMTMuNjkzLjgwNCA4LjAyNiAyLjY3IDYuMTZsMy44IDMuOCA2LjgyNi02Ljg5MyAxLjg2NyAxLjg2NnoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=);
}
.app-tcmpp-step.app-tcmpp-step--vertical-new .app-tcmpp-step__content {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  vertical-align: top;
}
.app-tcmpp-step.app-tcmpp-step--vertical-new .app-tcmpp-step__description {
  max-width: none;
}
.app-tcmpp-step.app-tcmpp-step--vertical-new .app-tcmpp-step__title {
  max-width: 100%;
}
.app-tcmpp-step.app-tcmpp-step--vertical-new .app-tcmpp-step__arrow {
  height: 100%;
  width: 1px;
  vertical-align: middle;
  margin-left: 20px;
  margin-right: 30px;
  background-color: var(--step-arrow-color-bg-default);
  position: absolute;
  top: 22px;
  bottom: 0;
  left: -6px;
}
.app-tcmpp-step.app-tcmpp-step--readonly .app-tcmpp-step__item {
  vertical-align: top;
}
.app-tcmpp-step.app-tcmpp-step--readonly .app-tcmpp-step__content {
  padding-top: 4px;
}
.app-tcmpp-step.app-tcmpp-step--readonly .app-tcmpp-step__num {
  vertical-align: top;
  color: var(--tea-color-text-on-bg-brand-default);
  background-color: var(--tea-color-bg-brand-default);
  border-color: var(--tea-color-border-on-bg-brand-default);
}
.app-tcmpp-step.app-tcmpp-step--readonly .app-tcmpp-step__num:before {
  background-image: none;
  counter-increment: step;
  content: counter(step);
  font-size: var(--tea-font-size-400);
  color: var(--tea-color-text-on-bg-brand-default);
  font-weight: var(--tea-font-weight-medium);
  line-height: 24px;
}
.app-tcmpp-step.app-tcmpp-step--readonly .app-tcmpp-step__num:after {
  background-image: none;
}
.app-tcmpp-step.app-tcmpp-step--readonly .app-tcmpp-step__item.is-current ~ .app-tcmpp-step__item .app-tcmpp-step__num {
  vertical-align: top;
}
.app-tcmpp-step.app-tcmpp-step--readonly .app-tcmpp-step__arrow {
  vertical-align: top;
  margin-top: 6px;
}
.app-tcmpp-step.app-tcmpp-step--wrap-normal .app-tcmpp-step__title {
  max-width: none;
}
.app-tcmpp-step.app-tcmpp-step--itemactive .app-tcmpp-step__content {
  cursor: pointer;
}
.app-tcmpp-step__item.is-current ~ .app-tcmpp-step__item {
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-step__item.is-current .app-tcmpp-step__num:before {
  color: var(--step-num-color-text-default);
}
.app-tcmpp-step__item.is-current .app-tcmpp-step__num:before,
.app-tcmpp-step__item.is-current ~ .app-tcmpp-step__item .app-tcmpp-step__num:before {
  font-size: var(--tea-font-size-400);
  font-weight: var(--tea-font-weight-medium);
}
.app-tcmpp-step__item.is-current ~ .app-tcmpp-step__item .app-tcmpp-link-external {
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-step__item.is-current ~ .app-tcmpp-step__item .app-tcmpp-link-external:after {
  display: none;
}
.app-tcmpp-step__item.is-current ~ .app-tcmpp-step__item .app-tcmpp-step__item {
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-step__item.is-current ~ .app-tcmpp-step__item .app-tcmpp-step__num {
  border: 2px solid var(--step-num-color-border-disabled);
  background-color: var(--step-num-color-bg-disabled);
  color: var(--step-num-color-text-disabled);
}
.app-tcmpp-step__item.is-current .app-tcmpp-step__num:after,
.app-tcmpp-step__item.is-current ~ .app-tcmpp-step__item .app-tcmpp-step__num:after {
  display: none;
}
.app-tcmpp-step.app-tcmpp-step--alternative .app-tcmpp-step__item.is-current ~ .app-tcmpp-step__item .app-tcmpp-step__num {
  background-color: var(--step-num-color-bg-disabled-process);
  border-color: var(--step-num-color-border-disabled-process);
  margin-right: 0;
}
.app-tcmpp-step.app-tcmpp-step--vertical .app-tcmpp-step__item.is-current ~ .app-tcmpp-step__item .app-tcmpp-step__num:before {
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-step.app-tcmpp-step--dot .app-tcmpp-step__item.is-current .app-tcmpp-step__num:before,
.app-tcmpp-step.app-tcmpp-step--dot .app-tcmpp-step__item.is-current ~ .app-tcmpp-step__item .app-tcmpp-step__num:before {
  font-size: 0;
}
.app-tcmpp-step.app-tcmpp-step--dot .app-tcmpp-step__item.is-current ~ .app-tcmpp-step__item .app-tcmpp-step__num {
  background-color: var(--tea-color-text-disabled);
  border-color: var(--tea-color-text-disabled);
}
.app-tcmpp-step.app-tcmpp-step--dot .app-tcmpp-step__item.is-current .app-tcmpp-step__num {
  background-color: var(--tea-form-color-bg-primary-default);
  background-image: none;
  border: 2px solid var(--tea-color-border-on-bg-brand-default);
}
.app-tcmpp-region {
  display: inline-block;
  vertical-align: middle;
  padding: 24px 32px;
  width: 100%;
  min-width: 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.app-tcmpp-region__title {
  font-size: 0;
  color: var(--tea-color-text-primary);
  margin-bottom: 16px;
  padding: 0;
  min-width: 140px;
  display: inline-block;
}
.app-tcmpp-region__title-name,
.app-tcmpp-region__title .app-tcmpp-region__name {
  font-size: var(--tea-font-size-350);
}
.app-tcmpp-region__title-name {
  display: inline-block;
  line-height: 30px;
  padding: 0 5px 0 12px;
  font-weight: var(--tea-font-weight-medium);
}
.app-tcmpp-region__title .app-tcmpp-region__num {
  font-weight: var(--tea-font-weight-regular);
}
.app-tcmpp-region__all {
  vertical-align: middle;
  padding-left: 5px;
  font-size: var(--tea-font-size-default);
}
.app-tcmpp-region__list {
  display: table;
}
.app-tcmpp-region__col {
  display: table-cell;
  min-width: 140px;
  padding-right: 2px;
}
.app-tcmpp-region__unit {
  margin-bottom: 38px;
}
.app-tcmpp-region__type {
  font-size: var(--tea-font-size-default);
  color: var(--tea-color-text-tertiary);
  line-height: 18px;
  padding: 0 6px 0 12px;
  margin-bottom: 10px;
}
.app-tcmpp-region__item {
  font-size: 0;
  color: var(--tea-color-text-primary);
  line-height: 30px;
  padding: 0 5px 0 12px;
  cursor: pointer;
  margin-bottom: 2px;
}
.app-tcmpp-region__item .app-tcmpp-flag {
  display: none;
}
.app-tcmpp-region__item:hover {
  background-color: var(--tea-form-color-bg-primary-hover);
}
.app-tcmpp-region__flag {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
}
.app-tcmpp-region__name {
  vertical-align: middle;
  font-size: var(--tea-font-size-default);
}
.app-tcmpp-region__num {
  margin-left: var(--tea-space-100);
  font-weight: var(--tea-font-weight-medium);
}
.app-tcmpp-region__new {
  width: 6px;
  height: 6px;
  display: inline-block;
  background-color: var(--tea-color-bg-error-default);
  border-radius: 12px;
  margin-left: 5px;
  vertical-align: text-top;
}
.app-tcmpp-region__history {
  margin-bottom: calc(var(--tea-space-100)*5 - 2px);
}
.app-tcmpp-region__history .app-tcmpp-region__title {
  margin-bottom: calc(var(--tea-space-100)*2 - 2px);
}
.app-tcmpp-region__history .app-tcmpp-region__title .app-tcmpp-region__item {
  display: inline-block;
}
.app-tcmpp-region__history .app-tcmpp-region__title .app-tcmpp-region__item:hover {
  cursor: default;
  background-color: transparent;
}
.app-tcmpp-region__history .app-tcmpp-region__list {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.app-tcmpp-region__history .app-tcmpp-region__list .app-tcmpp-region__item {
  margin: 0 2px 2px 0;
  min-width: 138px;
}
.app-tcmpp-region__history .app-tcmpp-region__list .app-tcmpp-region__item.is-disabled {
  background-color: transparent;
}
.app-tcmpp-region__history .app-tcmpp-region__list .app-tcmpp-region__item.is-disabled .app-tcmpp-region__name,
.app-tcmpp-region__history .app-tcmpp-region__list .app-tcmpp-region__item.is-disabled .app-tcmpp-region__num {
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-region__history .app-tcmpp-region__list .app-tcmpp-region__item.is-disabled:hover {
  cursor: not-allowed;
  background-color: transparent;
}
.app-tcmpp-region .app-tcmpp-justify-grid .app-tcmpp-form--search {
  margin-right: 0;
  margin-left: 0;
}
.app-tcmpp-region__item.is-selected {
  background-color: var(--tea-form-color-bg-primary-hover);
}
.app-tcmpp-region__item.is-disabled.app-tcmpp-region__item--gray {
  background-color: transparent;
}
.app-tcmpp-region__item.is-disabled .app-tcmpp-region__name,
.app-tcmpp-region__item.is-disabled .app-tcmpp-region__num {
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-region__item.is-disabled:hover {
  cursor: not-allowed;
  background-color: transparent;
}
.app-tcmpp-region__col .app-tcmpp-region__unit:last-child,
.app-tcmpp-region__unit .app-tcmpp-region__item:last-child {
  margin-bottom: 0;
}
.app-tcmpp-dropdown.app-tcmpp-dropdown--region-select .app-tcmpp-dropdown__header {
  background-color: var(--tea-form-color-bg-primary-default);
}
.app-tcmpp-dropdown.app-tcmpp-dropdown--region-select .app-tcmpp-dropdown__header .app-tcmpp-region__num {
  font-weight: var(--tea-font-weight-regular);
}
.app-tcmpp-dropdown.app-tcmpp-dropdown--region-select .app-tcmpp-flag-Globe--gray {
  background-image: none;
}
.app-tcmpp-dropdown.app-tcmpp-dropdown--region-select .app-tcmpp-dropdown__header.app-tcmpp-dropdown-btn {
  min-width: 100px;
  border: 1px solid var(--tea-color-border-primary-default);
  height: var(--tea-form-height-default);
  line-height: calc(var(--tea-form-height-default) - 2px);
  padding: 0 26px 0 10px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
}
.app-tcmpp-dropdown.app-tcmpp-dropdown--region-select .app-tcmpp-region__item {
  display: inline-block;
  line-height: calc(var(--tea-form-height-default) - 2px);
  margin-bottom: 0;
  vertical-align: top;
  padding: 0;
}
.app-tcmpp-dropdown.app-tcmpp-dropdown--region-select .app-tcmpp-region__more {
  font-size: var(--tea-font-size-default);
  color: var(--tea-color-text-tertiary);
  line-height: calc(var(--tea-form-height-default) - 2px);
  padding-left: 20px;
  display: table-cell;
  vertical-align: top;
  display: inline-block;
}
.app-tcmpp-dropdown.app-tcmpp-dropdown--region-select .app-tcmpp-dropdown-btn .app-tcmpp-dropdown__value {
  line-height: 28px;
  display: inline-block;
}
.app-tcmpp-dropdown.app-tcmpp-dropdown--region-select .app-tcmpp-dropdown-btn .app-tcmpp-dropdown__value .app-tcmpp-region__item .app-tcmpp-flag {
  margin-right: 5px;
  display: inline-block;
}
.app-tcmpp-dropdown.app-tcmpp-dropdown--region-select.is-active .app-tcmpp-dropdown__header {
  background-color: var(--tea-form-color-bg-primary-hover);
}
.app-tcmpp-dropdown.app-tcmpp-dropdown--region-select.is-disabled .app-tcmpp-region__item {
  cursor: inherit;
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-regionempty {
  display: table;
  margin: 50px auto;
}
.app-tcmpp-regionempty__icon {
  display: table-cell;
}
.app-tcmpp-regionempty__content {
  display: table-cell;
  padding-left: 10px;
}
.app-tcmpp-regionempty__title {
  font-size: var(--tea-font-size-400);
  color: var(--tea-color-text-primary);
  line-height: 24px;
}
.app-tcmpp-regionempty__info {
  font-size: var(--tea-font-size-default);
  color: var(--tea-color-text-tertiary);
  line-height: 18px;
  margin-top: 10px;
}
.app-tcmpp-regionempty__inner {
  background-color: var(--tea-form-color-bg-primary-default);
  -webkit-box-shadow: var(--tea-shadow-sm);
  box-shadow: var(--tea-shadow-sm);
  min-width: 155px;
  min-height: 100px;
  display: table;
  margin-top: 20px;
}
.app-tcmpp-regionempty__tips {
  font-size: var(--tea-font-size-default);
  color: var(--tea-color-text-tertiary);
  line-height: 18px;
  margin-top: 20px;
}
.app-tcmpp-region-pave {
  font-size: 0;
  margin-bottom: -10px;
}
.app-tcmpp-region-pave .app-tcmpp-segment {
  margin-right: -1px;
  margin-bottom: 0;
  min-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.app-tcmpp-region-pave .app-tcmpp-segment .app-tcmpp-btn {
  margin-bottom: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.app-tcmpp-region-pave__item {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
}
.app-tcmpp-region-pave__area-name {
  position: relative;
  display: block;
  font-size: var(--tea-font-size-default);
  left: 0;
  right: 0;
  text-align: center;
  white-space: nowrap;
}
.app-tcmpp-region-pave__area-name i {
  padding: 0 2px;
  background-color: var(--tea-form-color-bg-primary-default);
  position: relative;
  color: var(--tea-color-text-tertiary);
  margin: 0 8px;
}
.app-tcmpp-region-pave__area-name:before {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  right: 5px;
  top: 50%;
  height: 1px;
  background-color: var(--tea-color-border-primary-default);
}
.app-tcmpp-tree {
  position: relative;
  max-width: 420px;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-tree__node {
  position: relative;
  line-height: 1;
  background-color: var(--tea-color-bg-primary-default);
  white-space: nowrap;
}
.app-tcmpp-tree__node.is-selected > .app-tcmpp-tree__node-content .app-tcmpp-tree__label {
  background-color: var(--tea-color-bg-primary-hover);
}
.app-tcmpp-tree__space {
  font-size: 0;
  display: inline-block;
  width: 20px;
  height: 30px;
}
.app-tcmpp-tree__node-content {
  font-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.app-tcmpp-tree__switcher {
  display: inline-block;
  margin-right: 4px;
  width: 16px;
  min-width: 16px;
  height: 30px;
  padding: 7px 0;
}
.app-tcmpp-tree__switcher .ruyi-icon {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-tree__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 7px 4px;
}
.app-tcmpp-tree__label:hover {
  background-color: var(--tea-color-bg-primary-hover);
  cursor: pointer;
}
.app-tcmpp-tree__label .ruyi-icon,
.app-tcmpp-tree__label .app-tcmpp-icon {
  margin-right: 4px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.app-tcmpp-tree__node--transparent > .app-tcmpp-tree__node-content .app-tcmpp-tree__label:hover,
.app-tcmpp-tree__node.is-disabled > .app-tcmpp-tree__node-content .app-tcmpp-tree__label:hover,
.app-tcmpp-tree__node.is-nohighlight > .app-tcmpp-tree__node-content .app-tcmpp-tree__label:hover {
  background-color: transparent;
  cursor: default;
}
.app-tcmpp-tree__node--transparent.is-selected > .app-tcmpp-tree__node-content .app-tcmpp-tree__label,
.app-tcmpp-tree__node.is-disabled.is-selected > .app-tcmpp-tree__node-content .app-tcmpp-tree__label,
.app-tcmpp-tree__node.is-nohighlight.is-selected > .app-tcmpp-tree__node-content .app-tcmpp-tree__label {
  background-color: var(--tea-color-bg-primary-hover);
}
.app-tcmpp-tree__node.is-nohighlight > .app-tcmpp-tree__node-content > .app-tcmpp-tree__label,
.app-tcmpp-tree__node.is-nohighlight > .app-tcmpp-tree__node-content > .app-tcmpp-tree__label:hover {
  cursor: not-allowed;
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-tree__label-title {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
  font-size: var(--tea-font-size-default);
}
.app-tcmpp-tree .app-tcmpp-form-check,
.app-tcmpp-tree__label-title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-tcmpp-tree .app-tcmpp-form-check {
  padding-left: 26px;
  width: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  margin: -7px 0;
  cursor: pointer;
}
.app-tcmpp-tree .app-tcmpp-form-check .app-tcmpp-checkbox {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
  top: 7px;
}
.app-tcmpp-tree .app-tcmpp-form-check .app-tcmpp-form-check__label {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-tcmpp-tree .app-tcmpp-checkbox {
  margin-right: 10px;
}
.app-tcmpp-tree__action {
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--tea-color-bg-primary-hover);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  padding-left: 10px;
  height: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-tree__action .app-tcmpp-btn--icon {
  padding: 7px 4px;
}
.app-tcmpp-tree__action .app-tcmpp-text--link {
  font-size: var(--tea-font-size-default);
  vertical-align: middle;
  margin-right: 10px;
  line-height: 30px;
  display: inline-block;
}
.app-tcmpp-tree__action .app-tcmpp-text--link:hover {
  text-decoration: none;
}
.app-tcmpp-tree__label:hover .app-tcmpp-tree__action {
  visibility: visible;
}
.app-tcmpp-tree__subtree .app-tcmpp-tree__node {
  padding: 0 0 0 20px;
}
.app-tcmpp-tree.app-tcmpp-tree--full-line .app-tcmpp-tree__node-content:hover {
  background-color: var(--tea-color-bg-primary-hover);
  cursor: pointer;
}
.app-tcmpp-tree.app-tcmpp-tree--full-line .app-tcmpp-tree__node-content:hover .app-tcmpp-tree__action {
  visibility: visible;
}
.app-tcmpp-tree.app-tcmpp-tree--full-line .app-tcmpp-tree__node.is-selected > .app-tcmpp-tree__node-content {
  background-color: var(--tea-color-bg-primary-hover);
}
.app-tcmpp-tree.app-tcmpp-tree--full-line .app-tcmpp-tree__node--transparent > .app-tcmpp-tree__node-content:hover {
  background-color: transparent;
  cursor: default;
}
.app-tcmpp-tree.app-tcmpp-tree--full-line .app-tcmpp-tree__node--transparent.is-selected > .app-tcmpp-tree__node-content {
  background-color: var(--tea-color-bg-primary-hover);
}
.app-tcmpp-tree.app-tcmpp-tree--checkbox-separate .app-tcmpp-tree__label {
  padding: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-tree.app-tcmpp-tree--checkbox-separate .app-tcmpp-tree__label .app-tcmpp-tree__label-title {
  padding: 6px 4px;
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.app-tcmpp-tree.app-tcmpp-tree--checkbox-separate .app-tcmpp-tree__label:hover {
  background-color: transparent;
}
.app-tcmpp-tree.app-tcmpp-tree--checkbox-separate .app-tcmpp-tree__label:hover + .app-tcmpp-tree__action,
.app-tcmpp-tree.app-tcmpp-tree--checkbox-separate .app-tcmpp-tree__label:hover .app-tcmpp-tree__action {
  visibility: hidden;
}
.app-tcmpp-tree.app-tcmpp-tree--checkbox-separate .app-tcmpp-tree__label .app-tcmpp-tree__label-title:hover {
  background-color: var(--tea-color-bg-primary-hover);
}
.app-tcmpp-tree.app-tcmpp-tree--checkbox-separate .app-tcmpp-tree__label .app-tcmpp-tree__label-title:hover .app-tcmpp-tree__action {
  visibility: visible;
}
.app-tcmpp-tree.app-tcmpp-tree--checkbox-separate .app-tcmpp-tree__label .app-tcmpp-form-check {
  width: auto;
  height: 30px;
  padding-left: 22px;
}
.app-tcmpp-tree.app-tcmpp-tree--checkbox-separate .app-tcmpp-tree__action.is-shown {
  visibility: visible;
}
.app-tcmpp-tree.app-tcmpp-tree--checkbox-separate .app-tcmpp-checkbox {
  margin-right: 6px;
}
.app-tcmpp-tree.app-tcmpp-tree--checkbox-separate .app-tcmpp-tree__node.is-selected > .app-tcmpp-tree__node-content .app-tcmpp-tree__label {
  background-color: transparent;
}
.app-tcmpp-tree.app-tcmpp-tree--checkbox-separate .app-tcmpp-tree__node.is-selected > .app-tcmpp-tree__node-content .app-tcmpp-tree__label .app-tcmpp-tree__label-title {
  background-color: var(--tea-color-bg-primary-hover);
}
.app-tcmpp-tree.app-tcmpp-tree--checkbox-separate .app-tcmpp-tree__node--transparent > .app-tcmpp-tree__node-content .app-tcmpp-tree__label-title:hover {
  background-color: transparent;
  cursor: default;
}
.app-tcmpp-tree.app-tcmpp-tree--checkbox-separate .app-tcmpp-tree__node--transparent.is-selected > .app-tcmpp-tree__node-content .app-tcmpp-tree__label {
  background-color: transparent;
}
.app-tcmpp-tree.app-tcmpp-tree--checkbox-separate .app-tcmpp-tree__node--transparent.is-selected > .app-tcmpp-tree__node-content .app-tcmpp-tree__label .app-tcmpp-tree__label-title {
  background-color: var(--tea-color-bg-primary-hover);
}
.app-tcmpp-breadcrumb {
  font-size: 0;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-breadcrumb,
.app-tcmpp-breadcrumb__item {
  vertical-align: middle;
  display: inline-block;
}
.app-tcmpp-breadcrumb__item {
  font-weight: 400;
  white-space: nowrap;
  line-height: var(--tea-font-line-height-600);
}
.app-tcmpp-breadcrumb__item:before {
  font-size: var(--tea-font-size-default);
  color: var(--tea-color-text-primary);
  content: "/ ";
  padding: 0 8px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
.app-tcmpp-breadcrumb__item:first-of-type:before {
  display: none;
}
.app-tcmpp-breadcrumb__item .app-tcmpp-breadcrumb__item-title,
.app-tcmpp-breadcrumb__item a,
.app-tcmpp-breadcrumb__item span,
.app-tcmpp-breadcrumb__item strong {
  font-size: var(--tea-font-size-350);
  color: var(--tea-color-text-primary);
  display: inline-block;
  vertical-align: middle;
}
.app-tcmpp-breadcrumb__item .is-current {
  color: var(--tea-color-text-primary);
  font-weight: var(--tea-font-weight-medium);
}
.app-tcmpp-breadcrumb.app-tcmpp-breadcrumb--fz-large .app-tcmpp-breadcrumb__item .app-tcmpp-breadcrumb__item-title,
.app-tcmpp-breadcrumb.app-tcmpp-breadcrumb--fz-large .app-tcmpp-breadcrumb__item :before,
.app-tcmpp-breadcrumb.app-tcmpp-breadcrumb--fz-large .app-tcmpp-breadcrumb__item a,
.app-tcmpp-breadcrumb.app-tcmpp-breadcrumb--fz-large .app-tcmpp-breadcrumb__item span,
.app-tcmpp-breadcrumb.app-tcmpp-breadcrumb--fz-large .app-tcmpp-breadcrumb__item strong {
  font-size: var(--tea-font-size-400);
}
.app-tcmpp-breadcrumb.is-response {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.app-tcmpp-breadcrumb.is-response .app-tcmpp-breadcrumb__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.app-tcmpp-breadcrumb-response-wrap {
  overflow: hidden;
  position: relative;
}
.app-tcmpp-breadcrumb-response-dropdown-header.app-tcmpp-dropdown {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: var(--tea-space-base);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-breadcrumb-response-dropdown-box .app-tcmpp-list > li {
  padding: 0;
}
.app-tcmpp-breadcrumb-response-dropdown-box li > a {
  color: var(--tea-color-text-primary);
  display: block;
  padding: 6px 10px;
}
.app-tcmpp-breadcrumb__ellipsis-button {
  cursor: pointer;
  font-size: var(--tea-font-size-350);
}
.app-tcmpp-breadcrumb.is-shadow {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.app-tcmpp-timeline-item {
  padding-bottom: calc(var(--tea-space-100)*6);
  position: relative;
  text-align: left;
  padding-left: 30px;
}
.app-tcmpp-timeline-item__decoration {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.app-tcmpp-timeline-item__line {
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 12px;
  width: 0;
  border: solid var(--tea-color-border-secondary-default);
  border-width: 0 0 0 1px;
}
.app-tcmpp-timeline-item__dot {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: var(--tea-space-100);
  min-width: 24px;
  min-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--tea-color-bg-primary-default);
}
.app-tcmpp-timeline-item__title {
  line-height: var(--tea-font-line-height-550);
}
.app-tcmpp-timeline-item__title,
.app-tcmpp-timeline-item__title h3 {
  font-size: var(--tea-font-size-350);
}
.app-tcmpp-timeline-item__info {
  font-size: var(--tea-font-size-default);
  line-height: 24px;
  margin-bottom: calc(var(--tea-space-100)*2);
}
.app-tcmpp-timeline-item__card {
  display: inline-block;
  padding: calc(var(--tea-space-100)*2) calc(var(--tea-space-100)*4);
  background-color: var(--tea-color-bg-secondary-default);
  min-width: 240px;
  word-wrap: break-word;
  word-break: break-word;
}
.app-tcmpp-timeline-item__card-name {
  margin-bottom: var(--tea-space-100);
  line-height: 22px;
  font-size: var(--tea-font-size-350);
}
.app-tcmpp-timeline-item__card-body {
  margin-top: 8px;
}
.app-tcmpp-timeline-item:last-child .app-tcmpp-timeline-item__line {
  display: none;
}
.app-tcmpp-timeline-operate {
  margin-top: calc(var(--tea-space-100)*5);
  padding-left: 12px;
}
.app-tcmpp-timeline-operate .app-tcmpp-btn--weak {
  width: 100%;
}
.app-tcmpp-timeline--dashline .app-tcmpp-timeline-item__line {
  border-style: dashed;
}
.app-tcmpp-timeline--timeleft .app-tcmpp-timeline-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
}
.app-tcmpp-timeline--timeleft .app-tcmpp-timeline-item__info {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 84px;
  flex: 0 0 84px;
  text-align: right;
  margin-right: 32px;
}
.app-tcmpp-timeline--timeleft .app-tcmpp-timeline-item__decoration {
  left: 88px;
}
.app-tcmpp-timeline--timeleft .app-tcmpp-timeline-item__card {
  position: relative;
}
.app-tcmpp-timeline--alternately .app-tcmpp-timeline-item {
  padding-left: 0;
  max-width: 50%;
  min-width: 240px;
}
.app-tcmpp-timeline--alternately .app-tcmpp-timeline-item__decoration {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% - 12px);
}
.app-tcmpp-timeline--alternately .app-tcmpp-timeline-item__card,
.app-tcmpp-timeline--alternately .app-tcmpp-timeline-item__info,
.app-tcmpp-timeline--alternately .app-tcmpp-timeline-item__title {
  position: relative;
  left: calc(100% + 16px);
}
.app-tcmpp-timeline--alternately .app-tcmpp-timeline-item--right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.app-tcmpp-timeline--alternately .app-tcmpp-timeline-item--right .app-tcmpp-timeline-item__card,
.app-tcmpp-timeline--alternately .app-tcmpp-timeline-item--right .app-tcmpp-timeline-item__info,
.app-tcmpp-timeline--alternately .app-tcmpp-timeline-item--right .app-tcmpp-timeline-item__title {
  left: 0;
  text-align: right;
  margin-right: 16px;
}
.app-tcmpp-timeline--horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.app-tcmpp-timeline--horizontal .app-tcmpp-timeline-item {
  padding-left: 0;
  padding-bottom: 0;
  padding-right: 48px;
}
.app-tcmpp-timeline--horizontal .app-tcmpp-timeline-item__decoration {
  height: 24px;
  top: 24px;
  left: 0;
  right: 0;
}
.app-tcmpp-timeline--horizontal .app-tcmpp-timeline-item__line {
  left: 0;
  right: 0;
  top: 12px;
  bottom: 0;
  border-width: 1px 0 0;
  width: auto;
}
.app-tcmpp-timeline--horizontal .app-tcmpp-timeline-item__info {
  margin-bottom: 30px;
  white-space: nowrap;
  margin-left: calc(var(--tea-space-100)*2);
}
.app-tcmpp-timeline--horizontal .app-tcmpp-timeline-item__card {
  margin-left: calc(var(--tea-space-100)*2);
}
.app-tcmpp-link-external {
  font-size: var(--tea-font-size-default);
  color: var(--tea-color-text-link-default);
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-link-external .ruyi-icon-jump {
  margin-left: 4px;
  width: 14px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.app-tcmpp-link-external--black {
  font-size: var(--tea-font-size-default);
  color: var(--tea-color-text-primary);
}
.app-tcmpp-link-external--black:hover {
  color: var(--tea-color-text-link-default);
}
.app-tcmpp-link-external--black:after,
.app-tcmpp-link-external:after {
  width: 16px;
  height: 16px;
  content: "";
  display: none;
  vertical-align: -4px;
  margin-left: 2px;
}
.app-tcmpp-link-external--black:after {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-rate {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-rate__item {
  display: inline-block;
  font-size: 0;
  position: relative;
  cursor: pointer;
  color: var(--rate-color-bg-default);
}
.app-tcmpp-rate__item + .app-tcmpp-rate__item {
  border-left: var(--tea-space-100) solid transparent;
}
.app-tcmpp-rate__item .app-tcmpp-radio {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.app-tcmpp-rate__item-up {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 50%;
  overflow: hidden;
}
.app-tcmpp-rate__text {
  display: inline-block;
  margin-left: calc(var(--tea-space-100)*2);
}
.app-tcmpp-rate-star--primary {
  color: var(--tea-color-text-brand-default);
}
.app-tcmpp-rate-star--warning {
  color: var(--tea-color-text-warning-default);
}
.app-tcmpp-rate.size-l .app-tcmpp-rate__text {
  font-size: var(--tea-font-size-350);
  margin-left: calc(var(--tea-space-100)*4);
}
.app-tcmpp-segment {
  vertical-align: middle;
  padding-left: 1px;
  display: inline-block;
  font-size: 0;
  margin-bottom: -5px;
  overflow: visible;
}
.app-tcmpp-segment .app-tcmpp-btn {
  float: left;
  position: relative;
  margin-left: -1px;
  z-index: 0;
  border-radius: 0;
  border-color: var(--segment-button-color-border-default);
  background-color: var(--segment-button-color-bg-default);
  color: var(--segment-button-color-text-default);
  margin-bottom: 5px;
  padding: 0 20px;
  margin-right: 0!important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.app-tcmpp-segment > span {
  float: left;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex!important;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.app-tcmpp-segment > span .app-tcmpp-btn {
  pointer-events: none;
}
.app-tcmpp-segment .app-tcmpp-segment__last {
  padding: 0 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: var(--tea-form-height-default);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-segment .app-tcmpp-btn .app-tcmpp-badge {
  font-size: var(--tea-font-size-default);
  position: absolute;
  right: 0;
  top: -8px;
  height: auto;
  line-height: normal;
}
.app-tcmpp-segment .app-tcmpp-btn.first,
.app-tcmpp-segment .app-tcmpp-btn:first-child {
  border-radius: var(--tea-border-radius-default) 0 0 var(--tea-border-radius-default);
}
.app-tcmpp-segment .app-tcmpp-btn.last,
.app-tcmpp-segment .app-tcmpp-btn:last-child {
  border-radius: 0 var(--tea-border-radius-default) var(--tea-border-radius-default) 0;
}
.app-tcmpp-segment .app-tcmpp-btn:first-child:last-child {
  border-radius: var(--tea-border-radius-default);
}
.app-tcmpp-segment .app-tcmpp-btn.is-selected,
.app-tcmpp-segment .app-tcmpp-btn.is-selected:hover {
  z-index: 2;
  border-color: var(--segment-button-color-border-selected);
  background: var(--segment-button-color-bg-selected);
  color: var(--segment-button-color-text-selected);
}
.app-tcmpp-segment .app-tcmpp-btn:hover {
  border-color: var(--segment-button-color-border-hover);
  background-color: var(--segment-button-color-bg-hover);
  color: var(--segment-button-color-text-hover);
  z-index: 1;
}
.app-tcmpp-segment .app-tcmpp-btn.is-disabled {
  z-index: 1;
}
.app-tcmpp-segment .app-tcmpp-btn.is-disabled,
.app-tcmpp-segment .app-tcmpp-btn.is-disabled:focus,
.app-tcmpp-segment .app-tcmpp-btn.is-disabled:hover {
  border-color: var(--segment-button-color-border-disabled);
  background-color: transparent;
  color: var(--segment-button-color-text-disabled);
}
.app-tcmpp-segment .app-tcmpp-btn.is-disabled:focus,
.app-tcmpp-segment .app-tcmpp-btn.is-disabled:hover {
  z-index: 0;
}
.app-tcmpp-segment .app-tcmpp-btn.is-selected.is-disabled {
  border-color: var(--tea-color-border-brand-disabled);
  background-color: transparent;
  color: var(--tea-color-text-brand-disabled);
  z-index: 2;
}
.app-tcmpp-segment .tc-discount-icon {
  background-color: var(--tea-color-bg-warning-default);
  color: var(--tea-color-text-on-bg-warning-default);
  padding: 0 2px;
  position: absolute;
  right: 0;
  top: calc(-1*var(--tea-form-height-default)*1/3);
  line-height: normal;
  z-index: 99;
}
.app-tcmpp-segment .new-mark-icon {
  margin-left: 5px;
  vertical-align: -3px;
}
.app-tcmpp-segment--rimless .app-tcmpp-btn {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
}
.app-tcmpp-segment--rimless .app-tcmpp-btn,
.app-tcmpp-segment--rimless .app-tcmpp-btn:first-child,
.app-tcmpp-segment--rimless .app-tcmpp-btn:last-child {
  border-radius: var(--tea-border-radius-default);
}
.app-tcmpp-form__controls {
  display: block;
  position: relative;
  font-size: 0;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-form__text {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-form__help-text,
.app-tcmpp-form__text {
  font-size: var(--tea-font-size-default);
  vertical-align: middle;
}
.app-tcmpp-form__help-text {
  color: var(--tea-color-text-tertiary);
  margin-top: 8px;
}
.app-tcmpp-form__help-text--inline {
  display: inline-block;
  vertical-align: middle;
  font-size: var(--tea-font-size-default);
  margin-left: 5px;
}
.app-tcmpp-form__controls .app-tcmpp-icon-valid {
  display: none;
  margin-left: 10px;
}
.app-tcmpp-form__controls.is-success .app-tcmpp-icon-valid {
  display: inline-block;
  background-position: inherit;
}
.app-tcmpp-form__controls.is-validating .app-tcmpp-icon-valid {
  display: inline-block;
}
.app-tcmpp-form__controls.is-error .app-tcmpp-icon-valid {
  display: inline-block;
  background-position: inherit;
}
.app-tcmpp-form__controls.is-error .app-tcmpp-form__help-text {
  color: var(--tea-color-text-error-default);
}
.app-tcmpp-form__controls .app-tcmpp-switch + .app-tcmpp-form__help-text {
  display: inline-block;
  margin-left: 5px;
  margin-top: 0;
}
.app-tcmpp-form__controls .app-tcmpp-form-check--block + .app-tcmpp-icon-valid {
  display: none;
}
.app-tcmpp-form {
  display: table;
  font-size: var(--tea-font-size-default);
  line-height: 1.5;
}
.app-tcmpp-form__item {
  display: table-row;
}
.app-tcmpp-form .app-tcmpp-form__controls,
.app-tcmpp-form .app-tcmpp-form__label {
  display: table-cell;
  vertical-align: top;
  padding-bottom: 16px;
}
.app-tcmpp-form .app-tcmpp-form__label {
  vertical-align: baseline;
  color: var(--tea-color-text-tertiary);
  padding-right: 20px;
  padding-top: calc((var(--tea-form-height-default) - 18px)/2);
  padding-bottom: calc((var(--tea-form-height-default) - 18px)/2);
  width: 1px;
}
.app-tcmpp-form .app-tcmpp-form__label .ruyi-icon-info-circle {
  margin-left: 4px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.app-tcmpp-form .app-tcmpp-form__label label,
.app-tcmpp-form .app-tcmpp-form__label legend {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  font-size: var(--tea-font-size-default);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.app-tcmpp-form .app-tcmpp-form__controls {
  color: var(--tea-color-text-primary);
  word-wrap: break-word;
  word-break: break-word;
  padding-right: 24px;
  width: 100%;
}
.app-tcmpp-form .app-tcmpp-form__controls--text {
  padding-top: calc((var(--tea-form-height-default) - 18px)/2);
}
.app-tcmpp-form .app-tcmpp-form__controls .app-tcmpp-text-cost {
  vertical-align: -5px;
  display: inline-block;
  line-height: var(--tea-form-height-default);
}
.app-tcmpp-form > .app-tcmpp-form__item:last-child .app-tcmpp-form__controls,
.app-tcmpp-form > .app-tcmpp-form__item:last-child .app-tcmpp-form__label {
  padding-bottom: 0;
}
.app-tcmpp-form > .app-tcmpp-form__item:last-child .app-tcmpp-form .app-tcmpp-form__controls,
.app-tcmpp-form > .app-tcmpp-form__item:last-child .app-tcmpp-form .app-tcmpp-form__label {
  padding-bottom: 16px;
}
.app-tcmpp-form > .app-tcmpp-form__item:last-child .app-tcmpp-form--vertical .app-tcmpp-form__label,
.app-tcmpp-form > .app-tcmpp-form__item:last-child .app-tcmpp-form > .app-tcmpp-form__item:last-child .app-tcmpp-form__controls,
.app-tcmpp-form > .app-tcmpp-form__item:last-child .app-tcmpp-form > .app-tcmpp-form__item:last-child .app-tcmpp-form__label {
  padding-bottom: 0;
}
.pure-text-row .form-ctrl-label,
.pure-text-row .form-ctrl-label-stacked,
.pure-text-row .app-tcmpp-form__controls,
.pure-text-row .app-tcmpp-form__label {
  line-height: 25px;
}
.app-tcmpp-form .app-tcmpp-form__label.is-required label:after {
  display: inline-block;
  content: "*";
  color: var(--tea-color-text-error-default);
  line-height: 1;
  margin: 5px 0 0 var(--tea-space-base);
}
.app-tcmpp-form--fixed-layout .app-tcmpp-form__label label {
  white-space: normal;
  width: 6em;
}
.app-tcmpp-form--fixed-layout .app-tcmpp-form__label.is-required label {
  width: 6em;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.app-tcmpp-form .app-tcmpp-form {
  background-color: var(--tea-color-bg-secondary-default);
  padding: 10px;
}
.app-tcmpp-form .app-tcmpp-form:nth-of-type(n+2) {
  margin-top: 10px;
}
.app-tcmpp-form--vertical .app-tcmpp-form__controls,
.app-tcmpp-form--vertical .app-tcmpp-form__label {
  display: block;
}
.app-tcmpp-form--vertical .app-tcmpp-form__controls {
  padding-bottom: 24px;
}
.app-tcmpp-form--vertical .app-tcmpp-form__label {
  padding-bottom: 0;
  padding-top: 0;
  font-size: var(--tea-font-size-default);
  width: auto;
  margin-bottom: 10px;
}
.app-tcmpp-form--vertical .app-tcmpp-form__help-text {
  margin-top: 4px;
}
.app-tcmpp-form--vertical .app-tcmpp-form__controls--text {
  padding-top: 0;
}
.app-tcmpp-form--inline {
  display: block;
}
.app-tcmpp-form--inline > .app-tcmpp-form__item {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.app-tcmpp-form--inline > .app-tcmpp-form__item .app-tcmpp-form__controls {
  width: auto;
}
.app-tcmpp-form--inline > .app-tcmpp-form__item .app-tcmpp-form__controls,
.app-tcmpp-form--inline > .app-tcmpp-form__item .app-tcmpp-form__label,
.app-tcmpp-form--inline > .app-tcmpp-form__item:last-child .app-tcmpp-form__controls,
.app-tcmpp-form--inline > .app-tcmpp-form__item:last-child .app-tcmpp-form__label {
  padding-bottom: 10px;
  padding-right: 0;
}
.app-tcmpp-form--inline .app-tcmpp-form__label label {
  padding-right: 10px;
}
.app-tcmpp-form--inline.app-tcmpp-form--vertical > .app-tcmpp-form__item .app-tcmpp-form__label {
  padding-bottom: 0;
}
.app-tcmpp-form--inline.app-tcmpp-form--vertical > .app-tcmpp-form__item .app-tcmpp-form__label label {
  padding-right: 0;
}
.app-tcmpp-form.size-full-width {
  width: 100%;
}
.app-tcmpp-form .app-tcmpp-form__controls > .app-tcmpp-icon-valid {
  position: absolute;
  margin-top: calc((var(--tea-form-height-default) - 16px)/2);
}
.app-tcmpp-form .app-tcmpp-form__controls.app-tcmpp-form__controls--text > .app-tcmpp-icon-valid {
  margin-top: 0;
}
.app-tcmpp-form--readonly .app-tcmpp-form__controls,
.app-tcmpp-form--readonly .app-tcmpp-form__label {
  padding-bottom: 0;
}
.app-tcmpp-form--flex-layout {
  display: block;
}
.app-tcmpp-form--flex-layout > .app-tcmpp-form__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 16px;
  gap: 20px;
}
.app-tcmpp-form--flex-layout > .app-tcmpp-form__item > .app-tcmpp-form__label {
  width: 25%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 0;
  display: block;
}
.app-tcmpp-form--flex-layout > .app-tcmpp-form__item > .app-tcmpp-form__label > label {
  white-space: normal;
  display: block;
}
.app-tcmpp-form--flex-layout > .app-tcmpp-form__item > .app-tcmpp-form__controls {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  min-width: 0;
  margin: auto;
  padding-bottom: 0;
  padding-top: 0;
}
.app-tcmpp-form-operate {
  padding-top: 20px;
  border-top: 1px solid var(--tea-color-border-secondary-default);
  margin-top: 20px;
}
.app-tcmpp-form-operate .app-tcmpp-btn {
  margin-right: 10px;
}
.app-tcmpp-form-title {
  margin-bottom: 11px;
}
.app-tcmpp-form-operate--dialog {
  margin-top: 10px;
  border-top: none;
  text-align: center;
}
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--left .app-tcmpp-btn,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--left .app-tcmpp-combobox,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--left .app-tcmpp-dropdown,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--left .app-tcmpp-segment,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--left .app-tcmpp-select,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col:first-child .app-tcmpp-btn,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col:first-child .app-tcmpp-combobox,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col:first-child .app-tcmpp-dropdown,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col:first-child .app-tcmpp-segment,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col:first-child .app-tcmpp-select {
  margin-right: 0;
}
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right:first-child {
  text-align: right;
}
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right .app-tcmpp-btn,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right .app-tcmpp-combobox,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right .app-tcmpp-dropdown,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right .app-tcmpp-segment,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right .app-tcmpp-select,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right:first-child .app-tcmpp-btn,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right:first-child .app-tcmpp-combobox,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right:first-child .app-tcmpp-dropdown,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right:first-child .app-tcmpp-segment,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right:first-child .app-tcmpp-select {
  margin-left: 0;
  margin-right: 0;
}
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right .app-tcmpp-btn--icon,
.app-tcmpp-form .app-tcmpp-justify-grid .app-tcmpp-justify-grid__col--right:first-child .app-tcmpp-btn--icon {
  margin-left: 0;
}
.app-tcmpp-form::-ms-expand {
  display: none;
}
.app-tcmpp-dropdown {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-dropdown-box.size-s,
.app-tcmpp-dropdown.size-s .app-tcmpp-dropdown__header {
  width: 100px;
}
.app-tcmpp-dropdown-box.size-m,
.app-tcmpp-dropdown.size-m .app-tcmpp-dropdown__header {
  width: 200px;
}
.app-tcmpp-dropdown-box.size-l,
.app-tcmpp-dropdown.size-l .app-tcmpp-dropdown__header {
  width: 420px;
}
.app-tcmpp-dropdown-box.size-full-width,
.app-tcmpp-dropdown.size-full-width,
.app-tcmpp-dropdown.size-full-width .app-tcmpp-dropdown__header {
  width: 100%;
}
.app-tcmpp-dropdown-box.size-auto-width,
.app-tcmpp-dropdown.size-auto-width .app-tcmpp-dropdown__header {
  width: auto;
}
.app-tcmpp-dropdown-box.size-auto-width {
  min-width: 75px;
}
.app-tcmpp-dropdown__header {
  height: var(--tea-form-height-default);
  padding: 0 22px 0 0;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.is-error .app-tcmpp-dropdown__header {
  color: var(--tea-color-text-error-default);
  border-color: var(--tea-color-function-error-default);
}
.app-tcmpp-dropdown__header--unlimit {
  min-height: 30px;
  height: auto;
}
.app-tcmpp-dropdown__header--unlimit .app-tcmpp-dropdown__value {
  white-space: normal;
}
.app-tcmpp-dropdown.is-unlimited-height .app-tcmpp-dropdown__header {
  min-height: 30px;
  height: auto;
}
.app-tcmpp-dropdown.is-unlimited-height .app-tcmpp-dropdown__header .app-tcmpp-dropdown__value {
  white-space: normal;
}
.app-tcmpp-dropdown-btn.app-tcmpp-dropdown__header {
  border: 1px solid var(--tea-color-border-primary-default);
  border-radius: var(--tea-border-radius-default);
  padding-left: 10px;
  padding-right: 26px;
  background-color: var(--dropdown-color-bg);
}
.is-error .app-tcmpp-dropdown-btn.app-tcmpp-dropdown__header {
  color: var(--tea-color-text-error-default);
  border-color: var(--tea-color-function-error-default);
}
.app-tcmpp-dropdown-btn-solid-brand.app-tcmpp-dropdown__header {
  border: 1px solid var(--tea-color-border-on-bg-brand-default);
  background-color: var(--tea-color-bg-brand-default);
  color: var(--tea-color-text-on-bg-brand-default);
  border-radius: var(--tea-border-radius-default);
  padding-left: 10px;
  padding-right: 26px;
}
.app-tcmpp-dropdown-btn-solid-brand.app-tcmpp-dropdown__header:hover {
  border-color: var(--tea-color-border-on-bg-brand-hover);
  background-color: var(--tea-color-bg-brand-hover);
}
.app-tcmpp-dropdown-btn-solid-brand.app-tcmpp-dropdown__header:active {
  border-color: var(--tea-color-border-on-bg-brand-active);
  background-color: var(--tea-color-bg-brand-active);
}
.is-disabled > .app-tcmpp-dropdown-btn-solid-brand.app-tcmpp-dropdown__header {
  border: 1px solid var(--tea-color-border-on-bg-brand-disabled);
  background-color: var(--tea-color-bg-brand-disabled);
  color: var(--tea-color-text-on-bg-brand-default);
}
.is-expanded.app-tcmpp-dropdown-btn .app-tcmpp-dropdown__header,
.app-tcmpp-dropdown-btn.app-tcmpp-dropdown__header:hover {
  background-color: var(--tea-form-color-bg-primary-hover);
}
.app-tcmpp-dropdown__header > .ruyi-icon,
.app-tcmpp-dropdown__header > .app-tcmpp-icon {
  position: absolute;
  right: 4px;
  top: calc((var(--tea-form-height-default) - 16px)/2);
}
.app-tcmpp-dropdown__value {
  line-height: var(--tea-form-height-default);
  font-size: var(--tea-font-size-default);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.app-tcmpp-dropdown__value .app-tcmpp-text-overflow {
  display: block;
}
.app-tcmpp-dropdown__placeholder {
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-dropdown-btn-solid-brand .app-tcmpp-dropdown__value,
.app-tcmpp-dropdown-btn .app-tcmpp-dropdown__value {
  line-height: calc(var(--tea-form-height-default) - 2px);
}
.app-tcmpp-dropdown-btn.app-tcmpp-dropdown__header > .ruyi-icon,
.app-tcmpp-dropdown-btn.app-tcmpp-dropdown__header > .app-tcmpp-icon {
  top: calc((var(--tea-form-height-default) - 18px)/2);
  right: 8px;
}
.app-tcmpp-dropdown-box {
  border-radius: var(--tea-border-radius-default);
  background-color: var(--dropdown-color-bg);
  -webkit-box-shadow: var(--tea-shadow-md);
  box-shadow: var(--tea-shadow-md);
  min-width: 150px;
  color: var(--tea-color-text-primary);
  position: relative;
  border: 1px solid var(--tea-color-border-primary-default);
  padding: calc(var(--tea-space-100)*2) 0;
}
.app-tcmpp-dropdown-box--compact {
  padding: 0;
}
.app-tcmpp-dropdown-box--adapte {
  max-width: 100vw;
  max-height: 100vh;
  overflow: auto;
}
.app-tcmpp-dropdown-box .app-tcmpp-list--option,
.app-tcmpp-dropdown-box .app-tcmpp-list--plain {
  max-height: 304px;
  overflow: auto;
}
.app-tcmpp-dropdown-box .app-tcmpp-list--option.is-wrappable > li {
  white-space: normal;
}
.app-tcmpp-dropdown-box .app-tcmpp-option-list {
  max-height: 180px;
  overflow-y: auto;
}
.app-tcmpp-dropdown-box .app-tcmpp-form--search {
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
  min-width: 0;
}
.app-tcmpp-dropdown-box .app-tcmpp-search--simple .app-tcmpp-input--search:focus {
  border-color: var(--tea-color-border-primary-focus);
}
.app-tcmpp-dropdown-box .app-tcmpp-search--icon-start .app-tcmpp-input--search {
  padding-left: 30px;
}
.app-tcmpp-option-list__item {
  font-size: var(--tea-font-size-default);
  padding: 6px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  color: var(--tea-color-text-primary);
  display: block;
  cursor: pointer;
}
.app-tcmpp-option-list__label {
  font-weight: var(--tea-font-weight-medium);
  cursor: default;
  margin: 0;
  padding: 0 10px;
  height: var(--tea-form-height-default);
  line-height: var(--tea-form-height-default);
}
.app-tcmpp-option-list__item:hover {
  background-color: var(--tea-form-color-bg-primary-hover);
}
.app-tcmpp-option-list__label:hover {
  background-color: var(--dropdown-color-bg);
}
.app-tcmpp-option-list__item.app-tcmpp-option-list__item--label {
  padding: 0;
}
.app-tcmpp-option-list__item--label .app-tcmpp-form-check {
  padding: 6px 10px 6px 31px;
}
.app-tcmpp-option-list__item--label .app-tcmpp-checkbox {
  top: 6px;
  left: 10px;
}
.app-tcmpp-dropdown-filter .app-tcmpp-dropdown__value {
  color: var(--tea-color-text-primary);
  font-weight: var(--tea-font-weight-medium);
}
.is-expanded .app-tcmpp-dropdown-filter .ruyi-icon-filter,
.is-expanded .app-tcmpp-dropdown-filter .app-tcmpp-dropdown__value,
.is-expanded .app-tcmpp-dropdown-filter .app-tcmpp-icon-filter,
.app-tcmpp-dropdown-filter:hover .ruyi-icon-filter,
.app-tcmpp-dropdown-filter:hover .app-tcmpp-dropdown__value,
.app-tcmpp-dropdown-filter:hover .app-tcmpp-icon-filter {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-option-list__item .app-tcmpp-form-check {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
  margin-right: 0;
  cursor: pointer;
}
.app-tcmpp-dropdown-box__footer {
  margin: 0 10px;
  border-top: 1px solid var(--tea-color-border-secondary-default);
  padding: 10px 0;
  white-space: nowrap;
}
.app-tcmpp-dropdown-box__footer .app-tcmpp-btn--weak {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-left: 5px;
}
.app-tcmpp-dropdown-link .ruyi-icon-caret-down,
.app-tcmpp-dropdown-link .ruyi-icon-chevron-down,
.app-tcmpp-dropdown-link .app-tcmpp-dropdown__value {
  color: var(--tea-color-text-link-default);
}
.app-tcmpp-option-list__submenu {
  padding-right: 21px;
}
.app-tcmpp-option-list__submenu:after {
  content: "";
  width: 16px;
  height: 16px;
  right: 5px;
  position: absolute;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: inherit;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTYgMTJWNGw1IDR6Ii8+PC9zdmc+);
}
.app-tcmpp-option-list__submenu .app-tcmpp-dropdown-box {
  right: 100%;
  margin-top: -25px;
  display: none;
  position: absolute;
}
.app-tcmpp-option-list__submenu.is-hover > .app-tcmpp-dropdown-box {
  display: block;
  bottom: auto;
}
.is-disabled .app-tcmpp-dropdown-link .app-tcmpp-dropdown__value,
.is-disabled .app-tcmpp-dropdown__header {
  color: var(--tea-color-text-disabled);
  cursor: not-allowed;
}
.is-disabled .app-tcmpp-dropdown-link .app-tcmpp-dropdown__value .ruyi-icon-caret-down,
.is-disabled .app-tcmpp-dropdown-link .app-tcmpp-dropdown__value .app-tcmpp-icon-arrowdown,
.is-disabled .app-tcmpp-dropdown__header .ruyi-icon-caret-down,
.is-disabled .app-tcmpp-dropdown__header .app-tcmpp-icon-arrowdown {
  color: var(--tea-color-text-disabled);
}
.is-disabled .app-tcmpp-dropdown-btn.app-tcmpp-dropdown__header,
.is-disabled .app-tcmpp-dropdown-btn.app-tcmpp-dropdown__header:hover,
.is-expanded.app-tcmpp-dropdown-btn.is-disabled .app-tcmpp-dropdown__header {
  background-color: var(--tea-form-color-bg-primary-disabled);
}
.app-tcmpp-inputnum {
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 0;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-inputnum__minus,
.app-tcmpp-inputnum__plus {
  display: inline-block;
  vertical-align: middle;
  width: var(--tea-form-height-default);
  height: var(--tea-form-height-default);
  font-size: 0;
  border: 1px solid var(--tea-color-border-primary-default);
  text-align: center;
  background: var(--tea-form-color-bg-primary-default);
  position: relative;
  margin-left: 0;
  cursor: pointer;
}
.app-tcmpp-inputnum__minus {
  border-right: none;
  border-radius: var(--tea-border-radius-default) 0 0 var(--tea-border-radius-default);
}
.app-tcmpp-inputnum__plus {
  border-left: none;
  border-radius: 0 var(--tea-border-radius-default) var(--tea-border-radius-default) 0;
}
.app-tcmpp-inputnum__minus .ruyi-icon-remove,
.app-tcmpp-inputnum__plus .ruyi-icon-add {
  margin-top: calc((var(--tea-form-height-default) - 18px)/2);
}
.app-tcmpp-inputnum__minus:hover,
.app-tcmpp-inputnum__plus:hover {
  background-color: var(--tea-form-color-bg-primary-hover);
}
.app-tcmpp-inputnum__minus:focus,
.app-tcmpp-inputnum__plus:focus {
  border-color: var(--tea-color-border-primary-default);
  outline: none;
}
.app-tcmpp-inputnum.is-disabled .app-tcmpp-inputnum__minus,
.app-tcmpp-inputnum.is-disabled .app-tcmpp-inputnum__plus,
.app-tcmpp-inputnum__minus.is-disabled,
.app-tcmpp-inputnum__plus.is-disabled {
  cursor: not-allowed;
  color: var(--tea-color-text-disabled);
  background-color: var(--tea-form-color-bg-primary-disabled);
}
.app-tcmpp-inputnum.is-disabled .app-tcmpp-inputnum__minus:focus,
.app-tcmpp-inputnum.is-disabled .app-tcmpp-inputnum__plus:focus,
.app-tcmpp-inputnum__minus.is-disabled:focus,
.app-tcmpp-inputnum__plus.is-disabled:focus {
  border-color: var(--tea-color-border-primary-default);
}
.app-tcmpp-inputnum .app-tcmpp-input {
  text-align: center;
  width: 60px;
  border-radius: 0;
}
.app-tcmpp-inputnum.size-l .app-tcmpp-input {
  width: 90px;
}
.app-tcmpp-switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 20px;
}
.app-tcmpp-switch__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.app-tcmpp-switch__input:disabled {
  opacity: 0;
}
.app-tcmpp-switch__toggle {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--switch-color-bg-default);
  padding: 0;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  font-size: 0;
  cursor: pointer;
}
.app-tcmpp-switch__toggle:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background-color: var(--switch-dot-color-bg);
  pointer-events: none;
  -webkit-transition-timing-function: cubic-bezier(0.54, 1.85, 0.5, 1);
  transition-timing-function: cubic-bezier(0.54, 1.85, 0.5, 1);
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
.app-tcmpp-switch:hover .app-tcmpp-switch__toggle {
  background-color: var(--switch-color-bg-hover);
}
.app-tcmpp-switch:hover .app-tcmpp-switch__toggle:before {
  background-color: var(--switch-dot-color-bg);
}
.app-tcmpp-switch__toggle:after {
  position: absolute;
  top: 5px;
  left: auto;
  right: 5px;
  display: none;
  content: "";
  width: 10px;
  height: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUgMTBBNSA1IDAgMCAxIDUgMHYyYTMgMyAwIDEgMCAzIDNoMmE1IDUgMCAwIDEtNSA1eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
  -webkit-animation: spin 0.6s linear infinite;
  animation: spin 0.6s linear infinite;
}
.app-tcmpp-switch.is-loading .app-tcmpp-switch__input:disabled + .app-tcmpp-switch__toggle:after {
  display: block;
}
.app-tcmpp-switch.is-loading .app-tcmpp-switch__input:checked:disabled + .app-tcmpp-switch__toggle:after {
  left: 4px;
}
.app-tcmpp-switch.is-checked .app-tcmpp-switch__toggle:before,
.app-tcmpp-switch__input:checked + .app-tcmpp-switch__toggle:before {
  left: 17px;
}
.app-tcmpp-switch.is-checked .app-tcmpp-switch__toggle,
.app-tcmpp-switch__input:checked + .app-tcmpp-switch__toggle {
  background-color: var(--tea-color-bg-brand-default);
}
.app-tcmpp-switch.is-checked .app-tcmpp-switch__toggle:hover,
.app-tcmpp-switch__input:checked + .app-tcmpp-switch__toggle:hover {
  background-color: var(--tea-color-bg-brand-hover);
}
.app-tcmpp-switch.is-disabled .app-tcmpp-switch__toggle,
.app-tcmpp-switch__input:disabled + .app-tcmpp-switch__toggle {
  background-color: var(--switch-color-bg-disabled);
  cursor: not-allowed;
}
.app-tcmpp-switch.is-disabled .app-tcmpp-switch__toggle:before,
.app-tcmpp-switch__input:disabled + .app-tcmpp-switch__toggle:before {
  background-color: var(--tea-color-bg-primary-disabled);
}
.app-tcmpp-switch.is-checked.is-disabled .app-tcmpp-switch__toggle,
.app-tcmpp-switch__input:checked:disabled + .app-tcmpp-switch__toggle {
  background-color: var(--tea-color-bg-brand-disabled);
  cursor: not-allowed;
}
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.app-tcmpp-form--search {
  min-width: 100px;
}
.app-tcmpp-form--search.size-s {
  width: 100px;
}
.app-tcmpp-form--search.size-m {
  width: 200px;
}
.app-tcmpp-form--search.size-l {
  width: 420px;
}
.app-tcmpp-form--search.size-full-width {
  width: 100%;
}
.app-tcmpp-search {
  position: relative;
  height: var(--tea-form-height-default);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.app-tcmpp-search__inner {
  position: relative;
  height: 100%;
  cursor: text;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
}
.app-tcmpp-search__inner-prefix {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  z-index: 5;
  left: 12px;
  top: calc((var(--tea-form-height-default) - 16px)/2);
  color: var(--tea-form-color-text-tertiary);
}
.app-tcmpp-search .app-tcmpp-input--search {
  padding-left: 36px;
  padding-right: 36px;
}
.app-tcmpp-search .app-tcmpp-input--search:disabled {
  background-color: var(--tea-color-bg-primary-default);
}
.app-tcmpp-search .app-tcmpp-btn--dismiss,
.app-tcmpp-search .app-tcmpp-btn--info {
  position: absolute;
  z-index: 4;
  padding: calc((var(--tea-form-height-default) - 18px)/2) calc((var(--tea-form-height-default) - 18px)/2);
  bottom: 1px;
  height: calc(var(--tea-form-height-default) - 2px);
  background-color: unset;
}
.app-tcmpp-search .app-tcmpp-btn--search {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: -1px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.app-tcmpp-search .app-tcmpp-btn--search:not(.is-disabled):not(.is-loading) {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-search .app-tcmpp-btn--dismiss {
  right: 6px;
}
.app-tcmpp-search .app-tcmpp-btn--dismiss:hover:not(.is-disabled) {
  color: var(--tea-color-text-secondary);
}
.app-tcmpp-search .app-tcmpp-btn--info {
  right: 6px;
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-search__tags,
.app-tcmpp-search__tips {
  display: inline-block;
}
.app-tcmpp-search__tips {
  line-height: 20px;
  font-size: var(--tea-font-size-default);
  margin-top: calc((var(--tea-form-height-default) - 22px)/2);
}
.app-tcmpp-search.is-disabled {
  cursor: not-allowed;
}
.app-tcmpp-search.is-disabled .app-tcmpp-search__inner {
  cursor: inherit;
}
.app-tcmpp-search.is-disabled .app-tcmpp-search__inner-prefix {
  color: var(--tea-form-color-text-disabled);
}
.app-tcmpp-search--multi .app-tcmpp-input--search:focus {
  height: 150px;
  z-index: 3;
  overflow-y: auto;
}
.app-tcmpp-search--simple .app-tcmpp-search__inner-prefix {
  left: 0;
}
.app-tcmpp-search--simple .app-tcmpp-input--search {
  border-top: transparent;
  border-right: transparent;
  border-left: transparent;
  border-radius: 0;
  padding-left: 24px;
  padding-right: var(--tea-form-height-default);
}
.app-tcmpp-search--simple .app-tcmpp-btn--dismiss,
.app-tcmpp-search--simple .app-tcmpp-btn--info {
  right: 0;
}
.app-tcmpp-search--simple .app-tcmpp-btn--search {
  border-width: 0 0 1px;
  padding: 0 0 0 6px;
  z-index: 5;
  background-color: unset;
  -webkit-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.app-tcmpp-search--simple .app-tcmpp-btn--search.is-loading {
  background-color: unset;
}
.app-tcmpp-search--simple .app-tcmpp-btn--search:hover:not(.is-disabled):not(.is-loading) {
  color: var(--tea-color-text-brand-default);
}
.app-tcmpp-search--simple .app-tcmpp-btn--search.is-focus {
  border-bottom: 1px solid var(--tea-color-border-brand-default);
}
.app-tcmpp-search--simple .app-tcmpp-btn--search.is-disabled,
.app-tcmpp-search--simple .app-tcmpp-btn--search.is-disabled:hover,
.app-tcmpp-search--simple .app-tcmpp-btn--search:active,
.app-tcmpp-search--simple .app-tcmpp-btn--search:hover {
  background-color: unset;
}
.app-tcmpp-search--has-info .app-tcmpp-btn--dismiss {
  right: 34px;
}
.app-tcmpp-search--has-info .app-tcmpp-input--search {
  padding-right: calc(var(--tea-form-height-default)*2 + 12px);
}
.app-tcmpp-search--has-info.app-tcmpp-search--simple .app-tcmpp-btn--dismiss {
  right: 28px;
}
.app-tcmpp-search--has-info.app-tcmpp-search--simple .app-tcmpp-input--search {
  padding-right: calc(var(--tea-form-height-default)*2);
}
.app-tcmpp-search.app-tcmpp-search--tags {
  min-height: var(--tea-form-height-default);
  height: var(--tea-form-height-default);
  overflow: hidden;
  background-color: var(--tea-form-color-bg-primary-default);
  text-align: left;
  position: relative;
}
.app-tcmpp-search.app-tcmpp-search--tags.size-s {
  width: 100px;
}
.app-tcmpp-search.app-tcmpp-search--tags.size-m {
  width: 200px;
}
.app-tcmpp-search.app-tcmpp-search--tags.size-l {
  width: 420px;
}
.app-tcmpp-search.app-tcmpp-search--tags.size-full-width {
  width: 100%;
}
.app-tcmpp-search.app-tcmpp-search--tags .app-tcmpp-search__inner {
  overflow: hidden;
}
.app-tcmpp-search.app-tcmpp-search--tags .app-tcmpp-search__inner-prefix {
  top: calc((var(--tea-form-height-default) - 18px)/2);
}
.app-tcmpp-search.app-tcmpp-search--tags .app-tcmpp-tag {
  margin-top: calc((var(--tea-form-height-default) - 22px)/2);
}
.app-tcmpp-search.app-tcmpp-search--tags .app-tcmpp-tag .ruyi-icon-close-circle-filled,
.app-tcmpp-search.app-tcmpp-search--tags .app-tcmpp-tag .app-tcmpp-icon-dismiss {
  display: none;
}
.app-tcmpp-search.app-tcmpp-search--tags .app-tcmpp-btn:not(.app-tcmpp-btn--search) {
  bottom: 0;
}
.app-tcmpp-search.app-tcmpp-search--tags .app-tcmpp-btn--dismiss {
  right: 34px;
  visibility: hidden;
}
.app-tcmpp-search.app-tcmpp-search--tags .app-tcmpp-btn--info {
  visibility: hidden;
}
.app-tcmpp-search.app-tcmpp-search--tags .app-tcmpp-tag-group {
  margin-top: 0;
  vertical-align: top;
  white-space: nowrap;
}
.app-tcmpp-search.app-tcmpp-search--tags.is-active {
  width: 100%;
  height: auto;
  z-index: 1;
  overflow: visible;
}
.app-tcmpp-search.app-tcmpp-search--tags.is-active .app-tcmpp-search__inner {
  border-color: var(--tea-color-border-primary-active);
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  height: auto;
  background-color: var(--tea-form-color-bg-primary-default);
  width: 100%;
  z-index: 1;
}
.app-tcmpp-search.app-tcmpp-search--tags.is-active .app-tcmpp-btn--dismiss,
.app-tcmpp-search.app-tcmpp-search--tags.is-active .app-tcmpp-btn--info {
  visibility: visible;
}
.app-tcmpp-search.app-tcmpp-search--tags.is-active .app-tcmpp-tag-group {
  white-space: normal;
}
.app-tcmpp-search.app-tcmpp-search--tags.is-active .app-tcmpp-tag {
  white-space: normal;
  padding: 0 7px;
  display: inline-block;
}
.app-tcmpp-search.app-tcmpp-search--tags.is-active .app-tcmpp-tag span {
  display: inline;
  max-width: none;
  white-space: normal;
  vertical-align: middle;
}
.app-tcmpp-search.app-tcmpp-search--tags.is-active .app-tcmpp-tag span:before {
  display: inline-block;
  content: "";
}
.app-tcmpp-search.app-tcmpp-search--tags.is-active .app-tcmpp-tag .ruyi-icon-close-circle-filled,
.app-tcmpp-search.app-tcmpp-search--tags.is-active .app-tcmpp-tag .app-tcmpp-icon-dismiss {
  display: inline-block;
  margin-left: var(--tea-space-100);
  width: 12px;
  height: 12px;
}
.app-tcmpp-search.app-tcmpp-search--tags .app-tcmpp-search__inner {
  padding: 0 70px 0 36px;
  border: 1px solid var(--tea-form-color-border-primary-default);
  font-size: 0;
  min-height: var(--tea-form-height-default);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: var(--tea-border-radius-default);
}
.app-tcmpp-search.app-tcmpp-search--tags .app-tcmpp-input--tag {
  height: 20px;
  line-height: 20px;
  padding: 0 5px 0 0;
}
.app-tcmpp-search.app-tcmpp-search--tags.is-disabled {
  background-color: var(--tea-form-color-bg-primary-disabled);
}
.app-tcmpp-search.app-tcmpp-search--tags.is-disabled .app-tcmpp-input:disabled {
  background-color: var(--tea-form-color-bg-primary-disabled);
  border-color: var(--tea-color-border-primary-disabled);
  color: var(--tea-color-text-disabled);
  background-image: none;
  cursor: not-allowed;
}
.app-tcmpp-search.app-tcmpp-search--tags.is-disabled .app-tcmpp-input:disabled:focus,
.app-tcmpp-search.app-tcmpp-search--tags.is-disabled .app-tcmpp-input:disabled:hover {
  border-color: var(--tea-color-border-primary-disabled);
}
.app-tcmpp-search.app-tcmpp-search--tags.is-disabled .app-tcmpp-tag {
  opacity: 0.8;
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-search.app-tcmpp-search--tags.is-disabled .app-tcmpp-btn:disabled {
  background-color: var(--tea-form-color-bg-primary-disabled);
  border-color: var(--tea-color-border-primary-disabled);
  color: var(--tea-color-text-disabled);
  background-image: none;
  cursor: not-allowed;
}
.app-tcmpp-search.app-tcmpp-search--tags.is-disabled .app-tcmpp-btn:disabled:focus,
.app-tcmpp-search.app-tcmpp-search--tags.is-disabled .app-tcmpp-btn:disabled:hover {
  border-color: var(--tea-color-border-primary-disabled);
}
.app-tcmpp-input--tag {
  width: auto;
  min-width: 1px;
  position: static;
  border: none;
  height: calc(var(--tea-form-height-default) - 2px);
  vertical-align: top;
  margin-top: calc((var(--tea-form-height-default) - 22px)/2);
}
.app-tcmpp-tag-group {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: normal;
  gap: var(--tag-group-gap);
}
.app-tcmpp-tag,
.app-tcmpp-tag-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0;
}
.app-tcmpp-tag {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  position: relative;
  background-color: var(--tag-color-bg-bright-default);
  color: var(--tag-color-text-default);
  padding: var(--tag-padding);
  height: auto;
  line-height: var(--tag-line-height);
  vertical-align: middle;
  border: 1px solid var(--tag-color-bg-bright-default);
  border-radius: var(--tag-border-radius);
}
.app-tcmpp-tag,
.app-tcmpp-tag span {
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-word;
}
.app-tcmpp-tag span {
  display: inline-block;
  font-size: var(--tag-font-size);
  vertical-align: top;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-tcmpp-tag span.app-tcmpp-tag__end-decorator,
.app-tcmpp-tag span.app-tcmpp-tag__start-decorator {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: inherit;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.app-tcmpp-tag span.app-tcmpp-tag__end-decorator .ruyi-icon,
.app-tcmpp-tag span.app-tcmpp-tag__start-decorator .ruyi-icon {
  font-size: inherit;
  width: 12px;
  height: 12px;
}
.app-tcmpp-tag span.app-tcmpp-tag__end-decorator a[aria-label=dismiss] {
  color: inherit;
}
.app-tcmpp-tag--soft.app-tcmpp-tag--default {
  background-color: var(--tag-color-bg-bright-default);
  border-color: var(--tag-color-bg-bright-default);
  color: var(--tag-color-text-default);
}
.app-tcmpp-tag--soft.app-tcmpp-tag--brand {
  background-color: var(--tag-color-bg-bright-brand);
  border-color: var(--tag-color-bg-bright-brand);
  color: var(--tag-color-text-brand);
}
.app-tcmpp-tag--soft.app-tcmpp-tag--success {
  background-color: var(--tag-color-bg-bright-success);
  border-color: var(--tag-color-bg-bright-success);
  color: var(--tag-color-text-success);
}
.app-tcmpp-tag--soft.app-tcmpp-tag--error {
  background-color: var(--tag-color-bg-bright-error);
  border-color: var(--tag-color-bg-bright-error);
  color: var(--tag-color-text-error);
}
.app-tcmpp-tag--soft.app-tcmpp-tag--warning {
  background-color: var(--tag-color-bg-bright-warning);
  border-color: var(--tag-color-bg-bright-warning);
  color: var(--tag-color-text-warning);
}
.app-tcmpp-tag--outlined {
  background-color: var(--tea-color-bg-primary-default);
}
.app-tcmpp-tag--outlined.app-tcmpp-tag--default {
  border-color: var(--tea-color-border-tertiary-default);
  color: var(--tag-color-text-default);
}
.app-tcmpp-tag--outlined.app-tcmpp-tag--brand {
  border-color: var(--tea-color-border-on-bg-brand-lighten-default);
  color: var(--tag-color-text-brand);
}
.app-tcmpp-tag--outlined.app-tcmpp-tag--success {
  border-color: var(--tea-color-border-on-bg-success-lighten-default);
  color: var(--tag-color-text-success);
}
.app-tcmpp-tag--outlined.app-tcmpp-tag--error {
  border-color: var(--tea-color-border-on-bg-error-lighten-default);
  color: var(--tag-color-text-error);
}
.app-tcmpp-tag--outlined.app-tcmpp-tag--warning {
  border-color: var(--tea-color-border-on-bg-warning-lighten-default);
  color: var(--tag-color-text-warning);
}
.app-tcmpp-tag--solid.app-tcmpp-tag--default {
  background-color: var(--tag-color-bg-darkness-default);
  border-color: var(--tag-color-bg-darkness-default);
  color: var(--tag-color-text-hightlight);
}
.app-tcmpp-tag--solid.app-tcmpp-tag--brand {
  background-color: var(--tag-color-bg-darkness-brand);
  border-color: var(--tag-color-bg-darkness-brand);
  color: var(--tea-color-text-on-bg-brand-default);
}
.app-tcmpp-tag--solid.app-tcmpp-tag--success {
  background-color: var(--tag-color-bg-darkness-success);
  border-color: var(--tag-color-bg-darkness-success);
  color: var(--tea-color-text-on-bg-success-default);
}
.app-tcmpp-tag--solid.app-tcmpp-tag--error {
  background-color: var(--tag-color-bg-darkness-error);
  border-color: var(--tag-color-bg-darkness-error);
  color: var(--tea-color-text-on-bg-error-default);
}
.app-tcmpp-tag--solid.app-tcmpp-tag--warning {
  background-color: var(--tag-color-bg-darkness-warning);
  border-color: var(--tag-color-bg-darkness-warning);
  color: var(--tea-color-text-on-bg-warning-default);
}
.app-tcmpp-tag--sm {
  --tag-line-height: 14px;
  --tag-padding: 0 3px 0 3px;
  --tag-font-size: 10px;
}
.app-tcmpp-tag--md {
  --tag-line-height: 18px;
}
.app-tcmpp-tag--rectangle {
  border-radius: 2px;
}
.app-tcmpp-tag .ruyi-icon-close-circle-filled:hover,
.app-tcmpp-tag .app-tcmpp-icon-dismiss:hover {
  cursor: pointer;
}
.app-tcmpp-tag .app-tcmpp-icon-and,
.app-tcmpp-tag .app-tcmpp-icon-not {
  margin-right: 2px;
  cursor: pointer;
}
.app-tcmpp-tag--edit {
  white-space: normal;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.app-tcmpp-tag--edit span {
  display: inline;
  white-space: normal;
  max-width: none;
}
.app-tcmpp-tag--edit .ruyi-icon-close-circle-filled,
.app-tcmpp-tag--edit .app-tcmpp-icon-dismiss {
  display: inline-block;
}
.app-tcmpp-tag.is-bordered {
  background-color: var(--tea-color-bg-primary-default);
  border-color: var(--tag-color-border-default);
}
.app-tcmpp-tag span,
::-ms-backdrop {
  word-break: break-all;
}
@supports (-ms-ime-align:auto) {
  .app-tcmpp-tag span {
    word-break: break-all;
  }
}
.app-tcmpp-form--tag {
  display: inline-block;
  width: 100%;
}
.app-tcmpp-form--tag .app-tcmpp-tag-group {
  margin-top: 0;
}
.app-tcmpp-tag-input {
  width: 100%;
  background-color: var(--tag-input-color-bg);
  text-align: left;
  position: relative;
}
.app-tcmpp-tag-input,
.app-tcmpp-tag-input__inner {
  min-height: var(--tea-form-height-default);
}
.app-tcmpp-tag-input__inner {
  padding: calc((var(--tea-form-height-default) - 22px)/2) 4px 0;
  border: 1px solid var(--tag-input-color-border);
  border-radius: var(--tea-border-radius-default);
  font-size: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: text;
}
.app-tcmpp-tag-input .app-tcmpp-tag-group {
  padding-bottom: calc((var(--tea-form-height-default) - 22px)/2);
  margin-top: 0;
}
.app-tcmpp-tag-input .app-tcmpp-input--tag {
  height: 20px;
  line-height: 20px;
  padding: 0 5px 0 0;
  margin-top: 0;
}
.app-tcmpp-tag-input.is-active {
  height: auto;
  z-index: 1;
  overflow: visible;
}
.app-tcmpp-tag-input.is-active .app-tcmpp-tag-input__inner {
  border-color: var(--tag-input-color-border);
  height: auto;
  background-color: var(--tag-input-color-bg);
  width: 100%;
}
.app-tcmpp-tag-input.is-disabled,
.app-tcmpp-tag-input.is-disabled .app-tcmpp-input:disabled {
  background-color: var(--tea-form-color-bg-primary-disabled);
  cursor: not-allowed;
}
.app-tcmpp-tag-input.is-disabled .app-tcmpp-input:disabled {
  color: var(--tea-color-text-disabled);
  background-image: none;
}
.app-tcmpp-tag-input.is-disabled .app-tcmpp-input:disabled,
.app-tcmpp-tag-input.is-disabled .app-tcmpp-input:disabled:focus,
.app-tcmpp-tag-input.is-disabled .app-tcmpp-input:disabled:hover {
  border-color: var(--tea-color-border-primary-disabled);
}
.app-tcmpp-tag-input.is-disabled .app-tcmpp-tag-input__inner {
  cursor: inherit;
}
.app-tcmpp-tag-input.is-disabled .app-tcmpp-tag {
  opacity: 0.8;
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-tag-input.is-disabled .app-tcmpp-tag .ruyi-icon-close-circle-filled,
.app-tcmpp-tag-input.is-disabled .app-tcmpp-tag .app-tcmpp-icon-dismiss {
  cursor: inherit;
}
.app-tcmpp-form__controls .app-tcmpp-tag-input {
  display: inline-block;
}
.app-tcmpp-form__controls.is-error .app-tcmpp-tag-input__inner {
  border-color: var(--tea-color-border-error-default);
}
.app-tcmpp-tag.is-darkness {
  background-color: var(--tag-color-bg-darkness-default);
  border-color: var(--tag-color-bg-darkness-default);
  color: var(--tag-color-text-hightlight);
}
.app-tcmpp-tag.is-blue {
  background-color: var(--tag-color-bg-bright-brand);
  border-color: var(--tag-color-bg-bright-brand);
  color: var(--tag-color-text-brand);
}
.app-tcmpp-tag.is-blue.is-bordered {
  background-color: var(--tea-color-bg-primary-default);
  border-color: var(--tag-color-border-brand);
}
.app-tcmpp-tag.is-blue-dark {
  background-color: var(--tag-color-bg-darkness-brand);
  border-color: var(--tag-color-bg-darkness-brand);
  color: var(--tea-color-text-on-bg-brand-default);
}
.app-tcmpp-tag.is-warning {
  background-color: var(--tag-color-bg-bright-warning);
  border-color: var(--tag-color-bg-bright-warning);
  color: var(--tag-color-text-warning);
}
.app-tcmpp-tag.is-warning.is-bordered {
  background-color: var(--tea-color-bg-primary-default);
  border-color: var(--tag-color-border-warning);
}
.app-tcmpp-tag.is-warning-dark {
  background-color: var(--tag-color-bg-darkness-warning);
  border-color: var(--tag-color-bg-darkness-warning);
  color: var(--tea-color-text-on-bg-warning-default);
}
.app-tcmpp-tag.is-error {
  background-color: var(--tag-color-bg-bright-error);
  border-color: var(--tag-color-bg-bright-error);
  color: var(--tag-color-text-error);
}
.app-tcmpp-tag.is-error.is-bordered {
  background-color: var(--tea-color-bg-primary-default);
  border-color: var(--tag-color-border-error);
}
.app-tcmpp-tag.is-error-dark {
  background-color: var(--tag-color-bg-darkness-error);
  border-color: var(--tag-color-bg-darkness-error);
  color: var(--tea-color-text-on-bg-error-default);
}
.app-tcmpp-tag.is-success {
  background-color: var(--tag-color-bg-bright-success);
  border-color: var(--tag-color-bg-bright-success);
  color: var(--tag-color-text-success);
}
.app-tcmpp-tag.is-success.is-bordered {
  background-color: var(--tea-color-bg-primary-default);
  border-color: var(--tag-color-border-success);
}
.app-tcmpp-tag.is-success-dark {
  background-color: var(--tag-color-bg-darkness-success);
  border-color: var(--tag-color-bg-darkness-success);
  color: var(--tea-color-text-on-bg-success-default);
}
.app-tcmpp-tag.app-tcmpp-tag--spaceless {
  margin: 0;
}
.app-tcmpp-tag.app-tcmpp-tag--unlimited-width span {
  max-width: none;
  white-space: normal;
}
.app-tcmpp-slider {
  min-height: var(--tea-form-height-default);
  display: table;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-slider__content {
  position: relative;
  height: 4px;
  padding: 10px 0;
  -webkit-box-sizing: initial;
  box-sizing: initial;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  float: left\9;
  cursor: pointer;
}
.app-tcmpp-slider__bar {
  height: 4px;
  background-color: var(--tea-color-bg-tertiary-default);
  position: absolute;
  left: -5px;
  right: -5px;
}
.app-tcmpp-slider__track {
  width: auto;
  height: 4px;
}
.app-tcmpp-slider__dot,
.app-tcmpp-slider__track {
  background-color: var(--tea-color-bg-brand-default);
  position: absolute;
}
.app-tcmpp-slider__dot {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  left: 0;
  top: 50%;
  margin-top: -4px;
}
.app-tcmpp-slider__dot:last-of-type {
  margin-left: -1px;
}
.app-tcmpp-slider__disabled {
  width: auto;
  height: 4px;
  padding: 10px 0;
  position: absolute;
  cursor: not-allowed;
  margin-top: -10px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.app-tcmpp-slider__disabled:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: var(--tea-color-bg-tertiary-default);
}
.app-tcmpp-slider__mark {
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
}
.app-tcmpp-slider__text {
  position: absolute;
  left: 0;
  top: 4px;
  padding-top: 10px;
  font-size: var(--tea-font-size-default);
  color: var(--tea-color-text-tertiary);
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.app-tcmpp-slider__text:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 5px;
  background-color: var(--tea-color-bg-tertiary-default);
  position: absolute;
  left: 50%;
  top: 0;
}
.app-tcmpp-slider__handle {
  width: 18px;
  height: 18px;
  display: inline-block;
  position: absolute;
  z-index: 3;
  top: 3px;
  left: 0;
  font-size: 0;
  cursor: pointer;
  margin-left: -9px;
}
.app-tcmpp-slider__handle-inner {
  border-radius: 100%;
  background-color: var(--tea-color-bg-primary-default);
  border: 2px solid var(--tea-color-border-on-bg-brand-default);
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: auto;
}
.app-tcmpp-slider__handle-inner.is-active:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  display: inline-block;
  background-color: var(--tea-color-border-on-bg-brand-default);
  opacity: 0.2;
  left: -5px;
  top: -5px;
  border-radius: 100%;
  z-index: -1;
}
.app-tcmpp-slider__extend {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  white-space: nowrap;
  padding: 0 0 0 15px;
  display: inline-block\9;
  vertical-align: middle\9;
}
.app-tcmpp-slider:hover .app-tcmpp-slider__bar {
  background-color: var(--tea-color-bg-tertiary-hover);
}
.app-tcmpp-slider--vertical {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 200px;
  min-width: 30px;
  padding-bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: 24px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.app-tcmpp-slider--vertical .app-tcmpp-slider__content {
  width: 4px;
  padding: 0;
  border: 5px solid transparent;
  border-right: none;
  border-left: none;
}
.app-tcmpp-slider--vertical .app-tcmpp-slider__bar {
  height: auto;
  top: -5px;
  bottom: -5px;
  left: 0;
  right: 0;
  width: 4px;
}
.app-tcmpp-slider--vertical .app-tcmpp-slider__track {
  height: 0;
  width: 100%;
  bottom: 0;
}
.app-tcmpp-slider--vertical .app-tcmpp-slider__handle {
  top: auto;
  bottom: 0;
  left: -7px;
  margin-left: 0;
  margin-bottom: -9px;
}
.app-tcmpp-slider--vertical .app-tcmpp-slider__mark {
  top: 0;
  bottom: 0;
  left: 10px;
}
.app-tcmpp-slider--vertical .app-tcmpp-slider__text {
  left: -6px;
  top: auto;
  bottom: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  padding-top: 0;
  padding-left: 14px;
}
.app-tcmpp-slider--vertical .app-tcmpp-slider__text:after {
  width: 5px;
  height: 1px;
  left: 0;
  top: 50%;
}
.app-tcmpp-slider--vertical .app-tcmpp-slider__extend {
  margin-top: 8px;
}
.app-tcmpp-slider--time .app-tcmpp-slider__track {
  padding: 10px 0;
  margin-top: -10px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background-color: transparent;
}
.app-tcmpp-slider--time .app-tcmpp-slider__track:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: var(--tea-color-bg-brand-default);
}
.app-tcmpp-slider--time .app-tcmpp-slider__dot {
  padding: 10px 0;
  margin-top: -14px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background-color: transparent;
}
.app-tcmpp-slider--time .app-tcmpp-slider__dot:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: var(--tea-color-bg-brand-default);
}
.app-tcmpp-slider--time .app-tcmpp-slider__dot:hover:after {
  width: 10px;
  height: 10px;
  margin: -1px 0 0 -1px;
  background-color: #fff;
  border: 2px solid var(--tea-color-bg-brand-default);
}
.app-tcmpp-slider--time .app-tcmpp-slider__text {
  padding-top: 0;
  margin-top: 10px;
}
.app-tcmpp-slider--time .app-tcmpp-slider__text:after {
  top: -10px;
}
.app-tcmpp-slider--time .app-tcmpp-slider__text:first-child {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.app-tcmpp-slider--time .app-tcmpp-slider__text:first-child:after {
  left: 0;
}
.app-tcmpp-slider--time .app-tcmpp-slider__text:last-child {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.app-tcmpp-slider--time .app-tcmpp-slider__text:last-child:after {
  left: 100%;
}
.app-tcmpp-slider.is-disabled,
.app-tcmpp-slider.is-disabled .app-tcmpp-slider__content {
  cursor: not-allowed;
}
.app-tcmpp-slider.is-disabled .app-tcmpp-slider__track {
  background-color: var(--tea-color-bg-brand-disabled);
}
.app-tcmpp-slider.is-disabled .app-tcmpp-slider__handle {
  cursor: not-allowed;
}
.app-tcmpp-slider.is-disabled .app-tcmpp-slider__handle-inner {
  border: 2px solid var(--tea-color-bg-brand-disabled);
}
.app-tcmpp-slider.is-disabled:hover .app-tcmpp-slider__bar {
  background-color: var(--tea-color-bg-tertiary-disabled);
}
.app-tcmpp-slider.is-disabled:hover .app-tcmpp-slider__handle-inner:after {
  display: none;
}
.app-tcmpp-slider--time.is-disabled .app-tcmpp-slider__track {
  background-color: transparent;
}
.app-tcmpp-slider--time.is-disabled .app-tcmpp-slider__dot:after,
.app-tcmpp-slider--time.is-disabled .app-tcmpp-slider__track:after {
  background-color: var(--tea-color-bg-brand-disabled);
}
.app-tcmpp-slider--time.is-disabled .app-tcmpp-slider__dot:hover:after {
  margin: 0;
  width: 8px;
  height: 8px;
  background-color: var(--tea-color-bg-brand-disabled);
  border-color: var(--tea-color-bg-brand-disabled);
}
.app-tcmpp-form-upload {
  font-size: 0;
  display: inline-block;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-form-upload .app-tcmpp-form-upload__inner {
  display: inline-block;
  position: relative;
  padding-right: 10px;
}
.app-tcmpp-form-upload .app-tcmpp-form-upload__inner .app-tcmpp-input {
  padding-right: 35px;
}
.is-validating .app-tcmpp-form-upload .app-tcmpp-form-upload__inner .app-tcmpp-icon-valid {
  position: absolute;
  left: 148px;
  top: 7px;
  margin: 0;
}
.is-validating .app-tcmpp-form-upload .app-tcmpp-form-upload__inner .app-tcmpp-form__help-text--inline {
  position: absolute;
  left: 162px;
  top: 50%;
  font-size: var(--tea-font-size-default);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.is-error .app-tcmpp-form-upload .app-tcmpp-form-upload__inner .app-tcmpp-icon-valid {
  position: absolute;
  right: 14px;
  top: 7px;
}
.is-error .app-tcmpp-form-upload .app-tcmpp-form-upload__inner .app-tcmpp-form__help-text--inline {
  display: none;
}
.is-success .app-tcmpp-form-upload .app-tcmpp-form-upload__inner .app-tcmpp-icon-valid {
  position: absolute;
  right: 14px;
  top: 7px;
}
.is-success .app-tcmpp-form-upload .app-tcmpp-form-upload__inner .app-tcmpp-form__help-text--inline {
  display: none;
}
.is-disabled .app-tcmpp-form-upload-drag .app-tcmpp-form-upload__inner,
.is-disabled .app-tcmpp-form-upload-drag .app-tcmpp-form-upload__inner .app-tcmpp-btn--file {
  cursor: not-allowed;
}
.app-tcmpp-form-upload-drag {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}
.app-tcmpp-form-upload-drag .app-tcmpp-text__upload-drag--hover {
  display: none;
}
.app-tcmpp-form-upload-drag .app-tcmpp-form-upload__inner {
  min-height: 120px;
  min-width: 300px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px dashed var(--tea-color-border-primary-default);
  border-radius: var(--tea-border-radius-default);
  background-color: var(--tea-form-color-bg-primary-default);
  display: inline-block;
  position: relative;
}
.app-tcmpp-form-upload-drag .app-tcmpp-form-upload__inner .app-tcmpp-text__upload-drag {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: var(--tea-font-size-default);
}
.app-tcmpp-form-upload-drag .app-tcmpp-form-upload__inner .app-tcmpp-text__upload-drag .app-tcmpp-btn--file {
  margin: -2px 0 0;
}
.app-tcmpp-form-upload-drag.app-tcmpp-form-upload-drag--drag .app-tcmpp-form-upload__inner {
  background-color: var(--tea-form-color-bg-primary-hover);
  border-color: var(--tea-color-border-primary-focus);
}
.app-tcmpp-form-upload-drag.app-tcmpp-form-upload-drag--drag .app-tcmpp-form-upload__inner .app-tcmpp-text {
  display: none;
}
.app-tcmpp-form-upload-drag.app-tcmpp-form-upload-drag--drag .app-tcmpp-form-upload__inner .app-tcmpp-text__upload-drag--hover {
  display: inline-block;
  cursor: default;
}
.app-tcmpp-form-upload__box,
.app-tcmpp-form-upload__thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.app-tcmpp-form-upload__thumb {
  width: 100px;
  height: 100px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.app-tcmpp-form-upload__thumb .app-tcmpp-form-upload__preview {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.app-tcmpp-form-upload__info {
  height: 100px;
  min-width: 180px;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  vertical-align: top;
  position: relative;
}
.app-tcmpp-form-upload__info .app-tcmpp-text,
.app-tcmpp-form-upload__info .app-tcmpp-text-weak {
  font-size: var(--tea-font-size-default);
}
.app-tcmpp-form-upload__info .app-tcmpp-text {
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 40px);
}
.app-tcmpp-form-upload__info .app-tcmpp-form-upload__intro {
  margin-top: 10px;
}
.app-tcmpp-form-upload__info .app-tcmpp-form-upload__btn {
  position: absolute;
  left: 0;
  padding-left: 10px;
  bottom: 0;
}
.is-error .app-tcmpp-form-upload-drag .app-tcmpp-form-upload__inner {
  border-color: var(--tea-color-border-error-default);
}
.is-error .app-tcmpp-form-upload-drag .app-tcmpp-form-upload__inner .app-tcmpp-form__help-text--inline,
.is-error .app-tcmpp-form-upload-img .app-tcmpp-form-upload__inner .app-tcmpp-form__help-text--inline,
.is-success .app-tcmpp-form-upload-drag .app-tcmpp-form-upload__inner .app-tcmpp-form__help-text--inline,
.is-success .app-tcmpp-form-upload-img .app-tcmpp-form-upload__inner .app-tcmpp-form__help-text--inline {
  display: none;
}
.app-tcmpp-form-upload-img {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 30px);
}
.app-tcmpp-upload__header {
  margin-bottom: 20px;
}
.app-tcmpp-upload .app-tcmpp-table {
  border: 1px solid var(--tea-color-border-primary-default);
  border-radius: var(--tea-border-radius-default);
  border-bottom: none;
}
.app-tcmpp-upload .app-tcmpp-icon {
  margin-right: 5px;
}
.app-tcmpp-info-drag {
  min-height: 192px;
  background-color: var(--tea-form-color-bg-primary-disabled);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  cursor: default;
}
.app-tcmpp-upload__body.app-tcmpp-form-upload-drag--drag {
  position: relative;
}
.app-tcmpp-upload__body.app-tcmpp-form-upload-drag--drag .app-tcmpp-info-drag {
  border: 1px dashed var(--tea-color-border-primary-focus);
  border-radius: var(--tea-border-radius-default);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.app-tcmpp-upload__body.app-tcmpp-form-upload-drag--drag .app-tcmpp-info-drag .app-tcmpp-text {
  display: inline;
}
.app-tcmpp-accordion__header {
  cursor: pointer;
  margin-bottom: 0;
}
.app-tcmpp-accordion__header-title {
  color: inherit;
  display: inline-block;
  vertical-align: middle;
}
.app-tcmpp-accordion__body {
  display: none;
}
.app-tcmpp-accordion.is-active > .app-tcmpp-accordion__body {
  display: block;
}
.app-tcmpp-monaco-editor-container .main {
  position: unset;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
  background-color: unset!important;
  background: unset!important;
}
.app-tcmpp-monaco-editor-container a:hover {
  text-decoration: none;
}
.app-tcmpp-transfer {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-transfer__header h4 {
  margin-right: 10px;
}
.app-tcmpp-transfer__body {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.app-tcmpp-transfer__title {
  min-height: 30px;
  margin-bottom: 8px;
}
.app-tcmpp-transfer__title h4 {
  font-size: var(--tea-font-size-default);
  line-height: 30px;
}
.app-tcmpp-transfer__cell {
  display: table-cell;
  position: relative;
  vertical-align: top;
}
.app-tcmpp-transfer__content {
  height: 380px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.app-tcmpp-transfer__inner {
  border: 1px solid var(--tea-color-border-primary-default);
  border-radius: var(--tea-border-radius-default);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.app-tcmpp-transfer__separator {
  display: table-cell;
  width: 38px;
  text-align: center;
  vertical-align: middle;
}
.app-tcmpp-transfer__separator .app-tcmpp-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.app-tcmpp-transfer__separator .app-tcmpp-pagination__turnbtn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 26px;
  flex: 0 0 26px;
  margin-left: 0;
}
.app-tcmpp-transfer__separator .app-tcmpp-pagination__turnbtn + .app-tcmpp-pagination__turnbtn {
  margin-top: calc(var(--tea-space-100)*2);
}
.app-tcmpp-transfer__tips {
  margin-top: 5px;
  font-size: var(--tea-font-size-default);
}
.app-tcmpp-transfer .app-tcmpp-search {
  margin-bottom: -1px;
}
.app-tcmpp-transfer.app-tcmpp-transfer--no-search .app-tcmpp-transfer__inner {
  height: 380px;
}
.app-tcmpp-calendar {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 300px;
}
.app-tcmpp-calendar__footer,
.app-tcmpp-calendar__header {
  padding: 0 15px;
}
.app-tcmpp-calendar__header {
  border-bottom: 1px solid var(--tea-color-border-primary-default);
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.app-tcmpp-calendar__body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
.app-tcmpp-calendar__body:after {
  display: block;
  clear: both;
  content: "";
}
.app-tcmpp-calendar__table {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}
.app-tcmpp-calendar__table + .app-tcmpp-calendar__table {
  margin-left: 28px;
}
.app-tcmpp-calendar__table .app-tcmpp-pagination {
  position: absolute;
  top: 8px;
  right: 0;
}
.app-tcmpp-calendar__table .app-tcmpp-pagination__turnbtn {
  position: absolute;
}
.app-tcmpp-calendar__table .app-tcmpp-pagination__prebtn {
  right: 55px;
}
.app-tcmpp-calendar__table .app-tcmpp-pagination__curbtn {
  right: 31px;
}
.app-tcmpp-calendar__table .app-tcmpp-pagination__nextbtn {
  right: 7px;
}
.app-tcmpp-calendar__caption {
  -ms-flex: 100% 0 0;
  -webkit-box-flex: 100%;
  flex: 100% 0 0;
  padding: 0 15px;
  text-align: left;
  font-weight: 700;
  line-height: 40px;
  font-size: var(--tea-font-size-default);
}
.app-tcmpp-calendar__caption,
.app-tcmpp-calendar__caption > a {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-calendar__caption > a:hover {
  color: var(--tea-color-text-brand-default);
  text-decoration: none;
}
.app-tcmpp-calendar__header-group,
.app-tcmpp-calendar__row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: auto;
  -webkit-box-flex: 1;
  flex: auto;
}
.app-tcmpp-calendar__row-group {
  font-size: 0;
  -ms-flex: 100%;
  -webkit-box-flex: 100%;
  flex: 100%;
}
.app-tcmpp-calendar__type-wrap {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 10px 10px;
}
.app-tcmpp-calendar__cell {
  -ms-flex: auto;
  -webkit-box-flex: 1;
  flex: auto;
  text-align: center;
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
  position: relative;
  font-size: 0;
  cursor: pointer;
}
.app-tcmpp-calendar__header-group .app-tcmpp-calendar__cell {
  cursor: default;
}
.app-tcmpp-calendar__cell > span {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 32px;
  border-radius: 100%;
  font-size: var(--tea-font-size-350);
  position: relative;
  z-index: 1;
}
.app-tcmpp-calendar__cell:hover > span {
  background-color: var(--tea-form-color-bg-primary-hover);
}
.app-tcmpp-calendar__header-group .app-tcmpp-calendar__cell:hover span {
  background-color: transparent;
}
.app-tcmpp-calendar__cell--now {
  color: var(--tea-color-text-brand-default);
  font-weight: 700;
}
.app-tcmpp-calendar__cell.is-disabled {
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-calendar__cell.is-disabled:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  bottom: 1px;
  background-color: var(--tea-form-color-bg-primary-disabled);
}
.app-tcmpp-calendar__cell.is-hover:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  bottom: 1px;
  background-color: var(--tea-form-color-bg-primary-hover);
}
.app-tcmpp-calendar__cell.is-hover + .app-tcmpp-calendar__cell.is-hover-current:after,
.app-tcmpp-calendar__cell.is-hover + .app-tcmpp-calendar__cell.is-selected:after,
.app-tcmpp-calendar__cell.is-hover-current + .app-tcmpp-calendar__cell.is-hover:after,
.app-tcmpp-calendar__cell.is-selected + .app-tcmpp-calendar__cell.is-hover:after {
  content: "";
  position: absolute;
  left: -15px;
  top: 1px;
  bottom: 1px;
  width: 30px;
  background-color: var(--tea-form-color-bg-primary-hover);
}
.app-tcmpp-calendar__day--outside {
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-calendar__cell.is-disabled:hover > span,
.app-tcmpp-calendar__day--outside:hover > span {
  background-color: transparent;
}
.app-tcmpp-calendar__cell.is-disabled {
  cursor: not-allowed;
}
.app-tcmpp-calendar__cell.is-selected:hover > span,
.app-tcmpp-calendar__cell.is-selected > span {
  background-color: var(--tea-color-bg-brand-default);
  color: var(--tea-color-text-on-bg-brand-default);
}
.app-tcmpp-list.app-tcmpp-list--calendar-time {
  -ms-flex: 1 1 1px;
  -webkit-box-flex: 1;
  flex: 1 1 1px;
  border-left: 1px solid var(--tea-color-border-primary-default);
  border-top: 1px solid var(--tea-color-border-primary-default);
  max-height: 190px;
  padding-top: 80px;
  padding-bottom: 80px;
}
.app-tcmpp-list.app-tcmpp-list--calendar-time:first-child {
  border-left-color: transparent;
}
.app-tcmpp-list.app-tcmpp-list--calendar-time::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: transparent;
  border-radius: 9px;
}
.app-tcmpp-list.app-tcmpp-list--calendar-time::-webkit-scrollbar-track {
  width: 10px;
}
.app-tcmpp-list.app-tcmpp-list--calendar-time::-webkit-scrollbar:hover {
  background-color: var(--tea-form-color-bg-primary-hover);
}
.app-tcmpp-list.app-tcmpp-list--calendar-time::-webkit-scrollbar-thumb {
  background: var(--tea-color-border-primary-default);
  border-radius: 9px;
  background-clip: content-box;
  border: 1px solid transparent;
}
.app-tcmpp-list.app-tcmpp-list--calendar-time::-webkit-scrollbar-thumb:hover {
  background: var(--tea-color-border-primary-hover);
  background-clip: content-box;
}
.app-tcmpp-list.app-tcmpp-list--calendar-time .app-tcmpp-list__item {
  text-align: center;
}
.app-tcmpp-datepicker,
.app-tcmpp-datetimepicker,
.app-tcmpp-monthpicker,
.app-tcmpp-quarterlypicker,
.app-tcmpp-timepicker {
  display: inline-block;
  vertical-align: middle;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-datepicker .app-tcmpp-input,
.app-tcmpp-datetimepicker .app-tcmpp-input,
.app-tcmpp-monthpicker .app-tcmpp-input,
.app-tcmpp-quarterlypicker .app-tcmpp-input,
.app-tcmpp-timepicker .app-tcmpp-input {
  cursor: pointer;
}
.app-tcmpp-datepicker .app-tcmpp-input:disabled,
.app-tcmpp-datetimepicker .app-tcmpp-input:disabled,
.app-tcmpp-monthpicker .app-tcmpp-input:disabled,
.app-tcmpp-quarterlypicker .app-tcmpp-input:disabled,
.app-tcmpp-timepicker .app-tcmpp-input:disabled {
  cursor: not-allowed;
}
.app-tcmpp-datepicker.is-disabled,
.app-tcmpp-datepicker .app-tcmpp-input:disabled + .ruyi-icon-calendar,
.app-tcmpp-datepicker .app-tcmpp-input:disabled + .ruyi-icon-time,
.app-tcmpp-datetimepicker.is-disabled,
.app-tcmpp-datetimepicker .app-tcmpp-input:disabled + .ruyi-icon-calendar,
.app-tcmpp-datetimepicker .app-tcmpp-input:disabled + .ruyi-icon-time,
.app-tcmpp-monthpicker.is-disabled,
.app-tcmpp-monthpicker .app-tcmpp-input:disabled + .ruyi-icon-calendar,
.app-tcmpp-monthpicker .app-tcmpp-input:disabled + .ruyi-icon-time,
.app-tcmpp-quarterlypicker.is-disabled,
.app-tcmpp-quarterlypicker .app-tcmpp-input:disabled + .ruyi-icon-calendar,
.app-tcmpp-quarterlypicker .app-tcmpp-input:disabled + .ruyi-icon-time,
.app-tcmpp-timepicker.is-disabled,
.app-tcmpp-timepicker .app-tcmpp-input:disabled + .ruyi-icon-calendar,
.app-tcmpp-timepicker .app-tcmpp-input:disabled + .ruyi-icon-time {
  color: var(--tea-color-text-disabled);
  cursor: not-allowed;
}
.app-tcmpp-datepicker.is-disabled .app-tcmpp-datepicker__input,
.app-tcmpp-datepicker.is-disabled .app-tcmpp-datetimepicker__input,
.app-tcmpp-datepicker.is-disabled .app-tcmpp-monthpicker__input,
.app-tcmpp-datepicker.is-disabled .app-tcmpp-quarterlypicker__input,
.app-tcmpp-datetimepicker.is-disabled .app-tcmpp-datepicker__input,
.app-tcmpp-datetimepicker.is-disabled .app-tcmpp-datetimepicker__input,
.app-tcmpp-datetimepicker.is-disabled .app-tcmpp-monthpicker__input,
.app-tcmpp-datetimepicker.is-disabled .app-tcmpp-quarterlypicker__input,
.app-tcmpp-monthpicker.is-disabled .app-tcmpp-datepicker__input,
.app-tcmpp-monthpicker.is-disabled .app-tcmpp-datetimepicker__input,
.app-tcmpp-monthpicker.is-disabled .app-tcmpp-monthpicker__input,
.app-tcmpp-monthpicker.is-disabled .app-tcmpp-quarterlypicker__input,
.app-tcmpp-quarterlypicker.is-disabled .app-tcmpp-datepicker__input,
.app-tcmpp-quarterlypicker.is-disabled .app-tcmpp-datetimepicker__input,
.app-tcmpp-quarterlypicker.is-disabled .app-tcmpp-monthpicker__input,
.app-tcmpp-quarterlypicker.is-disabled .app-tcmpp-quarterlypicker__input,
.app-tcmpp-timepicker.is-disabled .app-tcmpp-datepicker__input,
.app-tcmpp-timepicker.is-disabled .app-tcmpp-datetimepicker__input,
.app-tcmpp-timepicker.is-disabled .app-tcmpp-monthpicker__input,
.app-tcmpp-timepicker.is-disabled .app-tcmpp-quarterlypicker__input {
  background-color: var(--tea-form-color-bg-primary-disabled);
}
.app-tcmpp-datepicker__input,
.app-tcmpp-datetimepicker__input,
.app-tcmpp-monthpicker__input,
.app-tcmpp-quarterlypicker__input {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.app-tcmpp-datepicker__input .ruyi-icon-close,
.app-tcmpp-datepicker__input .ruyi-icon-close-circle-filled,
.app-tcmpp-datepicker__input .app-tcmpp-icon-dismiss,
.app-tcmpp-datetimepicker__input .ruyi-icon-close,
.app-tcmpp-datetimepicker__input .ruyi-icon-close-circle-filled,
.app-tcmpp-datetimepicker__input .app-tcmpp-icon-dismiss,
.app-tcmpp-monthpicker__input .ruyi-icon-close,
.app-tcmpp-monthpicker__input .ruyi-icon-close-circle-filled,
.app-tcmpp-monthpicker__input .app-tcmpp-icon-dismiss,
.app-tcmpp-quarterlypicker__input .ruyi-icon-close,
.app-tcmpp-quarterlypicker__input .ruyi-icon-close-circle-filled,
.app-tcmpp-quarterlypicker__input .app-tcmpp-icon-dismiss {
  display: none;
}
.app-tcmpp-datepicker__input .ruyi-icon-calendar,
.app-tcmpp-datetimepicker__input .ruyi-icon-calendar,
.app-tcmpp-monthpicker__input .ruyi-icon-calendar,
.app-tcmpp-quarterlypicker__input .ruyi-icon-calendar {
  position: absolute;
  top: calc((var(--tea-form-height-default) - 16px)/2);
  right: 8px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  z-index: 1;
}
.app-tcmpp-datepicker__input.is-hover:after,
.app-tcmpp-datetimepicker__input.is-hover:after,
.app-tcmpp-monthpicker__input.is-hover:after,
.app-tcmpp-quarterlypicker__input.is-hover:after {
  background-image: none;
}
.app-tcmpp-datepicker__input.is-hover .ruyi-icon-calendar,
.app-tcmpp-datetimepicker__input.is-hover .ruyi-icon-calendar,
.app-tcmpp-monthpicker__input.is-hover .ruyi-icon-calendar,
.app-tcmpp-quarterlypicker__input.is-hover .ruyi-icon-calendar {
  display: none;
}
.app-tcmpp-datepicker__input.is-hover .ruyi-icon-close,
.app-tcmpp-datepicker__input.is-hover .ruyi-icon-close-circle-filled,
.app-tcmpp-datepicker__input.is-hover .app-tcmpp-icon-dismiss,
.app-tcmpp-datetimepicker__input.is-hover .ruyi-icon-close,
.app-tcmpp-datetimepicker__input.is-hover .ruyi-icon-close-circle-filled,
.app-tcmpp-datetimepicker__input.is-hover .app-tcmpp-icon-dismiss,
.app-tcmpp-monthpicker__input.is-hover .ruyi-icon-close,
.app-tcmpp-monthpicker__input.is-hover .ruyi-icon-close-circle-filled,
.app-tcmpp-monthpicker__input.is-hover .app-tcmpp-icon-dismiss,
.app-tcmpp-quarterlypicker__input.is-hover .ruyi-icon-close,
.app-tcmpp-quarterlypicker__input.is-hover .ruyi-icon-close-circle-filled,
.app-tcmpp-quarterlypicker__input.is-hover .app-tcmpp-icon-dismiss {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 8px;
  z-index: 2;
  cursor: pointer;
}
.app-tcmpp-datepicker__input.is-hover > .app-tcmpp-input[disabled] + .ruyi-icon-calendar,
.app-tcmpp-datetimepicker__input.is-hover > .app-tcmpp-input[disabled] + .ruyi-icon-calendar,
.app-tcmpp-monthpicker__input.is-hover > .app-tcmpp-input[disabled] + .ruyi-icon-calendar,
.app-tcmpp-quarterlypicker__input.is-hover > .app-tcmpp-input[disabled] + .ruyi-icon-calendar {
  display: block;
}
.app-tcmpp-datetimepicker__input.app-tcmpp-datepicker__input--range {
  width: var(--range-datepicker-container-width-format-2);
}
.app-tcmpp-datetimepicker__input.app-tcmpp-datepicker__input--range.app-tcmpp-datetimepicker__input--millisecond {
  width: var(--range-datepicker-container-width-format-3);
}
.app-tcmpp-timepicker .app-tcmpp-datepicker__input.app-tcmpp-datepicker__input--range {
  width: 220px;
}
.app-tcmpp-timepicker__input {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.app-tcmpp-timepicker__input .app-tcmpp-input {
  width: 120px;
  padding-right: 30px;
}
.app-tcmpp-timepicker__input .ruyi-icon-close,
.app-tcmpp-timepicker__input .ruyi-icon-close-circle-filled,
.app-tcmpp-timepicker__input .app-tcmpp-icon-dismiss {
  display: none;
}
.app-tcmpp-timepicker__input.size-l .app-tcmpp-input {
  width: 220px;
}
.app-tcmpp-timepicker__input .ruyi-icon-time {
  position: absolute;
  top: 7px;
  right: 8px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  z-index: 1;
}
.app-tcmpp-timepicker__input.is-hover .ruyi-icon-time,
.app-tcmpp-timepicker__input.is-hover:after {
  display: none;
}
.app-tcmpp-timepicker__input.is-hover .ruyi-icon-close,
.app-tcmpp-timepicker__input.is-hover .ruyi-icon-close-circle-filled,
.app-tcmpp-timepicker__input.is-hover .app-tcmpp-icon-dismiss {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 8px;
  z-index: 2;
  cursor: pointer;
}
.app-tcmpp-datepicker__input--range,
.app-tcmpp-timepicker__input--range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--tea-color-border-primary-default);
  background-color: var(--tea-form-color-bg-primary-default);
  width: var(--range-datepicker-container-width-format-1);
  padding: 0 26px 0 0;
  font-size: var(--tea-font-size-default);
}
.app-tcmpp-datepicker__input--range:focus-within,
.app-tcmpp-timepicker__input--range:focus-within {
  border-color: var(--tea-color-border-primary-focus);
}
.app-tcmpp-datepicker__input--range .app-tcmpp-input,
.app-tcmpp-timepicker__input--range .app-tcmpp-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: calc(var(--tea-form-height-default) - 2px);
  border-width: 0;
  border-color: transparent;
  width: auto;
  min-width: 0;
}
.app-tcmpp-datepicker__input--range .app-tcmpp-input:first-child,
.app-tcmpp-timepicker__input--range .app-tcmpp-input:first-child {
  padding-right: 4px;
}
.app-tcmpp-datepicker__input--range .app-tcmpp-input:last-child,
.app-tcmpp-datepicker__input--range .app-tcmpp-input:nth-of-type(2),
.app-tcmpp-timepicker__input--range .app-tcmpp-input:last-child,
.app-tcmpp-timepicker__input--range .app-tcmpp-input:nth-of-type(2) {
  padding-left: 4px;
}
.is-error .app-tcmpp-datepicker__input--range,
.is-error .app-tcmpp-timepicker__input--range {
  border-color: var(--tea-color-border-error-default);
}
.app-tcmpp-timepicker__input--range {
  width: 220px;
}
.app-tcmpp-timepicker__input--range .app-tcmpp-input {
  padding: 0 10px;
}
.app-tcmpp-datetimepicker__input .app-tcmpp-input {
  width: 287px;
}
.app-tcmpp-datetimepicker__input--millisecond .app-tcmpp-input {
  width: 350px;
}
.app-tcmpp-datepicker.is-selected .app-tcmpp-input,
.app-tcmpp-datetimepicker.is-selected .app-tcmpp-input,
.app-tcmpp-monthpicker.is-selected .app-tcmpp-input,
.app-tcmpp-quarterlypicker.is-selected .app-tcmpp-input,
.app-tcmpp-timepicker.is-selected .app-tcmpp-input {
  border-color: var(--tea-color-border-primary-active);
}
.app-tcmpp-datepicker-bar {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.app-tcmpp-datepicker-bar .app-tcmpp-segment .app-tcmpp-btn {
  padding-left: 15px;
  padding-right: 15px;
}
.app-tcmpp-datepicker-bar .app-tcmpp-datepicker,
.app-tcmpp-datepicker-bar .app-tcmpp-datetimepicker {
  margin-left: 10px;
}
.app-tcmpp-calendar__footer {
  border-top: 1px solid var(--tea-color-border-primary-default);
  padding: 15px;
}
.app-tcmpp-calendar__footer .app-tcmpp-justify-grid {
  font-size: 0;
}
.app-tcmpp-calendar__footer .app-tcmpp-justify-grid__col--right .app-tcmpp-btn + .app-tcmpp-btn {
  margin-left: 10px;
}
.app-tcmpp-calendar__footer .app-tcmpp-date-status {
  font-size: var(--tea-font-size-default);
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-calendar__footer .app-tcmpp-date-status span {
  color: initial;
  display: inline-block;
  margin: 0 5px;
}
.app-tcmpp-calendar--date-range {
  width: 600px;
}
.app-tcmpp-calendar--date-range .app-tcmpp-calendar__day--in-range:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  bottom: 2px;
  background-color: var(--range-datepicker-cell-in-range-color-bg-default);
}
.app-tcmpp-calendar--date-range .app-tcmpp-calendar__day--in-range:hover span {
  background-color: transparent;
}
.app-tcmpp-calendar--date-range .app-tcmpp-calendar__day--end:after,
.app-tcmpp-calendar--date-range .app-tcmpp-calendar__day--start:after {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  bottom: 2px;
  width: 15px;
  background-color: var(--range-datepicker-cell-in-range-color-bg-default);
}
.app-tcmpp-calendar--date-range .app-tcmpp-calendar__day--end:after {
  left: 0;
  right: auto;
}
.app-tcmpp-calendar--date-range .app-tcmpp-calendar__month--in-range:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  bottom: 12px;
  background-color: var(--range-datepicker-cell-in-range-color-bg-default);
}
.app-tcmpp-calendar--date-range .app-tcmpp-calendar__month--in-range:hover span {
  background-color: transparent;
}
.app-tcmpp-calendar--date-range .app-tcmpp-calendar__month--end:after,
.app-tcmpp-calendar--date-range .app-tcmpp-calendar__month--start:after {
  content: "";
  position: absolute;
  right: 0;
  top: 12px;
  bottom: 12px;
  width: 30px;
  background-color: var(--range-datepicker-cell-in-range-color-bg-default);
}
.app-tcmpp-calendar--date-range .app-tcmpp-calendar__month--end:after {
  left: 0;
  right: auto;
}
.app-tcmpp-calendar--date-range .app-tcmpp-calendar__year--in-range:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  bottom: 1px;
  background-color: var(--range-datepicker-cell-in-range-color-bg-default);
}
.app-tcmpp-calendar--date-range .app-tcmpp-calendar__year--in-range:hover span {
  background-color: transparent;
}
.app-tcmpp-calendar--date-range .app-tcmpp-calendar__year--end:after,
.app-tcmpp-calendar--date-range .app-tcmpp-calendar__year--start:after {
  content: "";
  position: absolute;
  right: 0;
  top: 1px;
  bottom: 1px;
  width: 30px;
  background-color: var(--tea-color-bg-brand-lighten-default);
}
.app-tcmpp-calendar--date-range .app-tcmpp-calendar__year--end:after {
  left: 0;
  right: auto;
}
.app-tcmpp-calendar--quarterly .app-tcmpp-calendar__cell > span,
.app-tcmpp-calendar__type--quarterly .app-tcmpp-calendar__cell > span {
  width: 36px;
  height: 36px;
  line-height: 38px;
}
.app-tcmpp-calendar--quarterly .app-tcmpp-calendar__cell,
.app-tcmpp-calendar__type--quarterly .app-tcmpp-calendar__cell {
  padding: 12px 15px;
}
.app-tcmpp-calendar--quarterly .app-tcmpp-calendar__cell.is-disabled:before,
.app-tcmpp-calendar__type--quarterly .app-tcmpp-calendar__cell.is-disabled:before {
  top: 12px;
  bottom: 12px;
}
.app-tcmpp-calendar--month .app-tcmpp-calendar__cell > span,
.app-tcmpp-calendar__type--month .app-tcmpp-calendar__cell > span {
  width: 36px;
  height: 36px;
  line-height: 38px;
}
.app-tcmpp-calendar--month .app-tcmpp-calendar__cell,
.app-tcmpp-calendar__type--month .app-tcmpp-calendar__cell {
  padding: 12px 15px;
}
.app-tcmpp-calendar--month .app-tcmpp-calendar__cell.is-disabled:before,
.app-tcmpp-calendar__type--month .app-tcmpp-calendar__cell.is-disabled:before {
  top: 12px;
  bottom: 12px;
}
.app-tcmpp-calendar--year .app-tcmpp-calendar__cell > span,
.app-tcmpp-calendar__type--year .app-tcmpp-calendar__cell > span {
  width: 36px;
  height: 36px;
  line-height: 38px;
}
.app-tcmpp-calendar--year .app-tcmpp-calendar__cell,
.app-tcmpp-calendar__type--year .app-tcmpp-calendar__cell {
  padding: 0 15px;
}
.app-tcmpp-calendar--year .app-tcmpp-calendar__cell.is-selected:not(.app-tcmpp-calendar__day--start):not(.app-tcmpp-calendar__day--end):before,
.app-tcmpp-calendar__type--year .app-tcmpp-calendar__cell.is-selected:not(.app-tcmpp-calendar__day--start):not(.app-tcmpp-calendar__day--end):before {
  background-color: transparent;
}
.app-tcmpp-calendar--year .app-tcmpp-calendar__cell.is-selected:hover:not(.app-tcmpp-calendar__day--start):not(.app-tcmpp-calendar__day--end) > span,
.app-tcmpp-calendar--year .app-tcmpp-calendar__cell.is-selected:not(.app-tcmpp-calendar__day--start):not(.app-tcmpp-calendar__day--end) > span,
.app-tcmpp-calendar__type--year .app-tcmpp-calendar__cell.is-selected:hover:not(.app-tcmpp-calendar__day--start):not(.app-tcmpp-calendar__day--end) > span,
.app-tcmpp-calendar__type--year .app-tcmpp-calendar__cell.is-selected:not(.app-tcmpp-calendar__day--start):not(.app-tcmpp-calendar__day--end) > span {
  background-color: var(--tea-color-bg-brand-default);
  color: var(--tea-color-text-on-bg-brand-default);
  border-radius: 100%;
}
.app-tcmpp-calendar--time .app-tcmpp-calendar__type-wrap,
.app-tcmpp-dropdown-box .app-tcmpp-calendar--time .app-tcmpp-calendar__type-wrap {
  padding: 0;
}
.app-tcmpp-calendar--time .app-tcmpp-calendar__caption,
.app-tcmpp-dropdown-box .app-tcmpp-calendar--time .app-tcmpp-calendar__caption {
  text-align: center;
}
.app-tcmpp-calendar--time .app-tcmpp-pagination,
.app-tcmpp-dropdown-box .app-tcmpp-calendar--time .app-tcmpp-pagination {
  display: none;
}
.app-tcmpp-calendar--time .app-tcmpp-calendar__body,
.app-tcmpp-dropdown-box .app-tcmpp-calendar--time .app-tcmpp-calendar__body {
  padding: 0;
}
.app-tcmpp-segment + .app-tcmpp-datepicker {
  margin-left: 8px;
}
.app-tcmpp-table {
  background-color: var(--table-color-bg-primary-default);
  overflow: inherit;
  position: relative;
  border-radius: var(--tea-border-radius-default);
}
.app-tcmpp-table a {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}
.app-tcmpp-table a:hover {
  text-decoration: underline;
}
.app-tcmpp-table .app-tcmpp-table__icon-wrap {
  font-size: 16;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-table .app-tcmpp-form-check .app-tcmpp-checkbox,
.app-tcmpp-table .app-tcmpp-form-check .app-tcmpp-radio {
  top: 1px;
}
.app-tcmpp-table td .app-tcmpp-btn--link {
  margin-right: 8px;
  padding: 0;
}
.app-tcmpp-table td .app-tcmpp-btn--link:hover {
  background-color: transparent;
}
.app-tcmpp-table td .app-tcmpp-input,
.app-tcmpp-table td .app-tcmpp-select {
  max-width: 100%;
}
.app-tcmpp-table .app-tcmpp-table__td--fixed {
  position: sticky;
  z-index: 2;
}
.app-tcmpp-table .app-tcmpp-table__td--fixed,
.app-tcmpp-table .app-tcmpp-table__td--fixed:not(th) {
  background-color: var(--table-color-bg-primary-default);
}
.app-tcmpp-table .app-tcmpp-table__td--fixed-left:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -6px;
  width: 6px;
  background-image: var(--tea-shadow-fixed-right);
}
.app-tcmpp-table .app-tcmpp-table__td--fixed-right:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -6px;
  width: 6px;
  background-image: var(--tea-shadow-fixed-left);
}
.app-tcmpp-table__box tbody tr.is-selected > .app-tcmpp-table__td--fixed,
.app-tcmpp-table__box tbody tr:focus > .app-tcmpp-table__td--fixed,
.app-tcmpp-table__box tbody tr:hover > .app-tcmpp-table__td--fixed:not(th) {
  background-color: var(--table-cell-color-bg-hover);
}
.app-tcmpp-table .app-tcmpp-table__td--fixed-left:after,
.app-tcmpp-table .app-tcmpp-table__td--fixed-right:after,
_:-ms-lang(x)::backdrop {
  display: block;
}
@media (-ms-high-contrast: none) {
  .app-tcmpp-table .app-tcmpp-table__td--fixed-left:after,
  .app-tcmpp-table .app-tcmpp-table__td--fixed-right:after {
    display: none;
  }
}
.app-tcmpp-table.app-tcmpp-table--shadow {
  position: relative;
  background-color: var(--table-color-bg-primary-default);
  -webkit-transition: none;
  transition: none;
}
.app-tcmpp-table.app-tcmpp-table--shadow-left:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 25px;
  -webkit-box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.2);
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.app-tcmpp-table.app-tcmpp-table--shadow-right:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 25px;
  -webkit-box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.2);
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.app-tcmpp-table thead {
  color: var(--table-header-color-text-default);
  font-size: var(--tea-font-size-default);
  font-weight: var(--table-header-font-weight);
  margin-right: 0;
  width: 100%;
}
.app-tcmpp-table thead tr {
  background-color: var(--table-header-color-bg-primary-default);
}
.app-tcmpp-table__header {
  background-color: var(--table-color-bg-primary-default);
  border-bottom: 1px solid var(--table-color-border-primary-default);
  overflow: hidden;
  border-top-left-radius: var(--tea-border-radius-default);
  border-top-right-radius: var(--tea-border-radius-default);
}
.app-tcmpp-table__header > .app-tcmpp-table__box {
  margin-bottom: -1px;
}
.app-tcmpp-table--gray-header thead,
.app-tcmpp-table--gray-header thead th,
.app-tcmpp-table--gray-header thead tr {
  background-color: var(--table-header-color-bg-gray-default, #f7f8fb);
}
.app-tcmpp-table__header.is-sticky {
  position: sticky;
  z-index: 10;
  top: 0;
}
.app-tcmpp-table__header thead {
  background-color: transparent;
  border: 0;
}
.app-tcmpp-table__header .ruyi-icon,
.app-tcmpp-table__header .app-tcmpp-icon {
  margin-left: 4px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.app-tcmpp-table__header .app-tcmpp-icon-filter,
.app-tcmpp-table__header .app-tcmpp-icon-sort,
.app-tcmpp-table__header .app-tcmpp-icon-sortdown,
.app-tcmpp-table__header .app-tcmpp-icon-sortup {
  margin-left: var(--tea-space-100);
}
.app-tcmpp-table__header .app-tcmpp-icon-filter {
  top: 3px;
}
.app-tcmpp-table__header .app-tcmpp-dropdown-filter {
  height: auto;
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-table__header .app-tcmpp-dropdown-filter > .ruyi-icon {
  position: static;
}
.app-tcmpp-table__header .app-tcmpp-dropdown__value {
  height: auto;
  line-height: 1.5;
}
.app-tcmpp-table__header .app-tcmpp-dropdown__value .app-tcmpp-text-overflow {
  display: block;
}
.app-tcmpp-table__header .app-tcmpp-dropdown {
  max-width: 100%;
}
.app-tcmpp-table__headerop {
  max-width: 88%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
}
.app-tcmpp-table__sortbtn {
  color: var(--table-header-color-text-default);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-right: 10px;
  white-space: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
  width: 100%;
}
.app-tcmpp-table__sortbtn.is-active,
.app-tcmpp-table__sortbtn.is-active .ruyi-icon,
.app-tcmpp-table__sortbtn.is-active .app-tcmpp-table__headerop,
.app-tcmpp-table__sortbtn:hover,
.app-tcmpp-table__sortbtn:hover .ruyi-icon,
.app-tcmpp-table__sortbtn:hover .app-tcmpp-table__headerop {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-table__sortbtn.is-active .app-tcmpp-icon-sort,
.app-tcmpp-table__sortbtn:hover .app-tcmpp-icon-sort {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTkgN2gzTDggMyA0IDdoM3YySDRsNCA0IDQtNEg5eiIvPjwvc3ZnPg==);
}
.app-tcmpp-table__sortbtn.is-active .app-tcmpp-icon-sortup,
.app-tcmpp-table__sortbtn:hover .app-tcmpp-icon-sortup {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTEyIDdMOCAzIDQgN2gzdjZoMlY3eiIvPjwvc3ZnPg==);
}
.app-tcmpp-table__sortbtn.is-active .app-tcmpp-icon-sortdown,
.app-tcmpp-table__sortbtn:hover .app-tcmpp-icon-sortdown {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTkgOVYzSDd2Nkg0bDQgNCA0LTR6Ii8+PC9zdmc+);
}
.app-tcmpp-table__filterbtn {
  max-width: 100%;
}
.app-tcmpp-table__filterbtn.is-active .ruyi-icon-filter,
.app-tcmpp-table__filterbtn.is-active .app-tcmpp-dropdown__value,
.app-tcmpp-table__filterbtn:hover .ruyi-icon-filter,
.app-tcmpp-table__filterbtn:hover .app-tcmpp-dropdown__value {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-table__filterbtn.is-active .app-tcmpp-icon-filter,
.app-tcmpp-table__filterbtn:hover .app-tcmpp-icon-filter {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTEzIDRIM2w0IDR2NWwyLTFWOHoiLz48L3N2Zz4=);
  background-position: inherit;
}
.app-tcmpp-table__filterbtn .app-tcmpp-table__sortbtn {
  padding-right: 0;
}
.app-tcmpp-table__filterbtn .app-tcmpp-table__sortbtn .app-tcmpp-table__headerop {
  max-width: 100%;
}
.app-tcmpp-table th .tc-15-bubble {
  font-weight: 400;
}
.app-tcmpp-table__box td.is-draggable,
.app-tcmpp-table__box th.is-draggable {
  position: relative;
  cursor: move;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.app-tcmpp-table__box td.is-dragging,
.app-tcmpp-table__box th.is-dragging {
  background-color: var(--table-cell-color-bg-hover);
}
.app-tcmpp-table__target-line {
  top: 0;
  bottom: 0;
  width: 3px;
}
.app-tcmpp-table__target-line,
.app-tcmpp-table__target-line--vertical {
  position: absolute;
  background-color: var(--tea-color-border-secondary-default);
}
.app-tcmpp-table__target-line--vertical {
  height: 3px;
  width: auto;
  left: 0;
  right: 0;
  top: auto;
  bottom: auto;
  z-index: 1;
}
.app-tcmpp-table__target-line--vertical:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -4px;
  width: 11px;
  height: 11px;
  background-color: var(--table-color-bg-primary-default);
  border: 3px solid var(--table-color-border-primary-default);
  border-radius: 100%;
}
.app-tcmpp-table__moving-shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: var(--table-cell-color-bg-hover);
  opacity: 0.5;
}
.app-tcmpp-table__body .app-tcmpp-text__overflow.m-width {
  max-width: 78%;
}
.app-tcmpp-table__box {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  position: relative;
}
.app-tcmpp-table__body {
  border-bottom: 1px solid var(--table-color-border-primary-default);
  overflow: auto;
  position: relative;
}
.app-tcmpp-table__maskloading {
  position: absolute;
  background-color: var(--table-color-mask-default);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  padding-top: 16px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.app-tcmpp-table__maskloading-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4px;
}
.app-tcmpp-table__maskloading-text {
  display: block;
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-table__box tr {
  outline: 0 none;
  -webkit-transition: background-color var(--table-animation-duration, 0.1s) linear;
  transition: background-color var(--table-animation-duration, 0.1s) linear;
}
.app-tcmpp-table__box tr.is-dragging {
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}
.app-tcmpp-table__box tr.is-dragging td {
  border-bottom: none;
  background-color: var(--table-color-bg-primary-default);
}
.is-dragging .app-tcmpp-table__box tr {
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.2, 0, 0, 1) 0s;
  transition: -webkit-transform 0.2s cubic-bezier(0.2, 0, 0, 1) 0s;
  transition: transform 0.2s cubic-bezier(0.2, 0, 0, 1) 0s;
  transition: transform 0.2s cubic-bezier(0.2, 0, 0, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.app-tcmpp-table__box td,
.app-tcmpp-table__box th {
  text-align: left;
  vertical-align: middle;
  font-size: 0;
  padding-left: var(--table-cell-space-horizontal-md, 16px);
  padding-right: var(--table-cell-space-horizontal-md, 16px);
  -webkit-box-sizing: initial;
  box-sizing: initial;
}
.app-tcmpp-table__box th {
  position: relative;
  padding: 13px var(--table-cell-space-horizontal-md, 16px);
  border-bottom: 1px solid var(--table-color-border-secondary-default);
}
.app-tcmpp-table__box th.app-tcmpp-text-right > div {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.app-tcmpp-table__box th.app-tcmpp-text-left > div {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.app-tcmpp-table__box th.app-tcmpp-text-center > div {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.app-tcmpp-table__box th:has(.app-tcmpp-table__filterbtn):hover,
.app-tcmpp-table__box th:has(.app-tcmpp-table__sortbtn):hover {
  background-color: var(--table-cell-color-bg-hover);
}
.app-tcmpp-table__box td {
  border-bottom: 1px solid var(--table-color-border-secondary-default);
  color: var(--tea-color-text-primary);
  padding-top: var(--table-cell-space-vertical-md, 16px);
  padding-bottom: var(--table-cell-space-vertical-md, 16px);
  height: auto;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.app-tcmpp-table__box td.is-hover,
.app-tcmpp-table__box td.is-resizing {
  background-color: var(--table-cell-color-bg-hover);
}
.app-tcmpp-table__box td .app-tcmpp-table__box thead tr {
  background-color: transparent;
}
.app-tcmpp-table--compact .app-tcmpp-table__box td {
  padding: var(--table-cell-space-vertical-sm, 12px) var(--table-cell-space-horizontal-sm, 16px);
}
.app-tcmpp-table__box td > div:not(.app-tcmpp-alert),
.app-tcmpp-table__box th > div {
  display: inline-block;
  vertical-align: middle;
  font-size: var(--tea-font-size-default);
  width: 100%;
  padding: 0;
  word-wrap: break-word;
  word-break: break-word;
}
.app-tcmpp-table__box th > div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  color: var(--table-header-color-text-default);
  padding: 0;
}
.app-tcmpp-table__box th > div [class*=app-tcmpp-] {
  color: inherit;
}
.app-tcmpp-table__box tr:last-child td {
  border-bottom: none;
}
.app-tcmpp-table__box tr:last-child td td {
  border-bottom: 1px solid var(--table-color-border-secondary-default);
}
.app-tcmpp-table__box tr:last-child td tr:last-child td {
  border-bottom: none;
}
.app-tcmpp-table__box tbody tr .hover-icon {
  display: none;
}
.app-tcmpp-table__box tbody tr:hover .hover-icon {
  display: inline-block;
}
.app-tcmpp-table__box tbody tr.new-row {
  background-color: var(--tea-color-bg-warning-lighten-default);
}
.app-tcmpp-table__box tbody tr.new-row .new-mark-icon {
  margin-left: 3px;
}
.app-tcmpp-table__box tbody td.is-hover,
.app-tcmpp-table__box tbody tr.is-selected,
.app-tcmpp-table__box tbody tr:focus,
.app-tcmpp-table__box tbody tr:hover {
  background-color: var(--table-cell-color-bg-hover);
}
.app-tcmpp-table__box tbody tr.no-hover:hover {
  background-color: transparent;
}
.app-tcmpp-table__box tbody tr.is-disabled {
  background-color: var(--table-color-bg-primary-default);
  opacity: 0.5;
  cursor: not-allowed;
}
.app-tcmpp-table__box tr.is-disabled td,
.app-tcmpp-table__box tr.is-disabled td a,
.app-tcmpp-table__box tr td a.is-disabled {
  cursor: not-allowed;
  text-decoration: none;
}
.app-tcmpp-table .tc-icon-bubble {
  padding-left: 0;
  padding-right: 0;
}
.app-tcmpp-table__body .app-tcmpp-dropdown__body {
  min-width: auto;
}
.app-tcmpp-table .app-tcmpp-table__body td .op-item {
  min-height: 18px;
  line-height: 18px;
  color: var(--tea-color-text-brand-default);
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.app-tcmpp-table .app-tcmpp-table__body td .op-item.is-disabled {
  color: var(--tea-color-text-disabled);
  cursor: not-allowed;
}
.app-tcmpp-table__box .app-tcmpp-table__tr--blank {
  height: 98px;
}
.app-tcmpp-table__box .app-tcmpp-table__tr--blank:hover {
  background-color: var(--table-color-bg-primary-default);
}
.app-tcmpp-table__box .app-tcmpp-table__tr--blank td {
  text-align: center;
  vertical-align: middle;
}
.app-tcmpp-table__box .app-tcmpp-table__tr--blank td .app-tcmpp-icon {
  vertical-align: -3px;
  margin-right: 10px;
}
.app-tcmpp-table__box .app-tcmpp-table__tr--blank-new {
  height: auto;
}
.app-tcmpp-table__box .app-tcmpp-table__tr--blank-new:hover {
  background-color: var(--table-color-bg-primary-default);
}
.app-tcmpp-table__box .app-tcmpp-table__tr--blank-new .app-tcmpp-action-state {
  display: block;
  text-align: center;
}
.app-tcmpp-table__box .app-tcmpp-table__tr--blank-new .app-tcmpp-action-state.status-tip-fixed {
  display: inline-block;
  position: sticky;
  left: var(--table-cell-space-horizontal-md, 16px);
}
.app-tcmpp-table__box .app-tcmpp-table__tr--blank-new > td:has(.app-tcmpp-alert) {
  padding: 0;
}
.app-tcmpp-table__box .app-tcmpp-table__tr--blank-new .app-tcmpp-alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  text-align: left;
  padding-left: var(--table-cell-space-horizontal-md, 16px);
}
.app-tcmpp-table__body .tr__detailrow > td {
  background-color: var(--table-nesting-color-bg-default);
}
.app-tcmpp-table__body .tr__detailrow .app-tcmpp-table {
  border: 1px solid var(--table-color-border-primary-default);
  border-radius: var(--tea-border-radius-default);
  border-bottom: none;
}
.app-tcmpp-table__body .tr__detailrow .app-tcmpp-table__header tr:hover {
  background-color: var(--table-color-bg-primary-default);
}
.app-tcmpp-table__body .tc-group-row {
  background-color: #f7f7f7;
}
.app-tcmpp-table__body .tc-group-row .text-label {
  margin-left: 20px;
}
.app-tcmpp-info-row {
  padding: 30px 0;
  text-align: center;
  vertical-align: middle;
}
.app-tcmpp-table__action-panel {
  margin-bottom: var(--table-action-panel-space-vertical, 16px);
}
.app-tcmpp-table + .app-tcmpp-pagination {
  padding: 10px 10px 20px;
}
.app-tcmpp-table-fake-bar {
  position: sticky;
  background-color: transparent;
  height: 8px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-table-fake-bar__box {
  position: absolute;
  padding: 0 4px;
  height: 8px;
  bottom: 4px;
}
.app-tcmpp-table-fake-bar__bar {
  display: block;
  height: 100%;
  background-color: var(--table-fake-bar-color-bg-default);
}
.app-tcmpp-table-fake-bar__bar:hover {
  background-color: var(--table-fake-bar-color-bg-hover);
}
.app-tcmpp-table.app-tcmpp-table--verticaltop .app-tcmpp-table__box td {
  vertical-align: top;
}
.app-tcmpp-table.app-tcmpp-table--scrollable .app-tcmpp-table__body {
  overflow: auto;
}
.app-tcmpp-table.app-tcmpp-table--hidden .app-tcmpp-table__body {
  overflow: hidden;
}
.app-tcmpp-table.app-tcmpp-table--bordered {
  border: 1px solid var(--table-color-border-primary-default);
  border-radius: var(--tea-border-radius-default);
  border-bottom: none;
}
.app-tcmpp-table.app-tcmpp-table--allbordered {
  border: 1px solid var(--tea-color-border-primary-default);
  border-right: none;
}
.app-tcmpp-table.app-tcmpp-table--allbordered .app-tcmpp-table__body {
  border-bottom: none;
}
.app-tcmpp-table.app-tcmpp-table--allbordered td,
.app-tcmpp-table.app-tcmpp-table--allbordered th {
  border-right: 1px solid var(--table-color-border-secondary-default);
}
.app-tcmpp-table.app-tcmpp-table--fixedauto table {
  table-layout: auto;
}
.app-tcmpp-table.app-tcmpp-table--response tr {
  display: block;
  background-color: var(--table-color-bg-primary-default);
  border-bottom: 1px solid var(--table-color-border-secondary-default);
}
.app-tcmpp-table.app-tcmpp-table--response tr:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.app-tcmpp-table.app-tcmpp-table--response tr td {
  display: block;
  width: auto;
  border: none;
  padding-left: 100px;
  position: relative;
  margin: 0 10px;
}
.app-tcmpp-table.app-tcmpp-table--response tr td:before {
  content: attr(data-cell-title);
  position: absolute;
  top: 15px;
  left: 20px;
  width: 80px;
  white-space: nowrap;
  font-size: 12px;
  text-align: left;
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-table.app-tcmpp-table--response .app-tcmpp-table__header {
  display: none;
}
.app-tcmpp-table.app-tcmpp-table--response .app-tcmpp-table__body {
  border-bottom: none;
}
.app-tcmpp-table.app-tcmpp-table--response .app-tcmpp-table__body colgroup {
  display: none;
}
.app-tcmpp-table.app-tcmpp-table--response.app-tcmpp-table--bordered .app-tcmpp-table__body {
  border-bottom: 1px solid var(--table-color-border-primary-default);
}
.app-tcmpp-table.app-tcmpp-table--resizeable .app-tcmpp-table__header th > div {
  position: relative;
}
.app-tcmpp-table.app-tcmpp-table--resizeable .app-tcmpp-table__resize-line {
  display: block;
  position: absolute;
  top: calc(var(--table-cell-space-vertical-md, 16px)*-1);
  bottom: calc(var(--table-cell-space-vertical-md, 16px)*-1);
  right: -11px;
  width: 5px;
  z-index: 1;
  cursor: ew-resize;
}
.app-tcmpp-table.app-tcmpp-table--resizeable .app-tcmpp-table__resize-line:after,
.app-tcmpp-table.app-tcmpp-table--resizeable .app-tcmpp-table__resize-line:before {
  position: absolute;
  content: "";
  width: 1px;
  top: 12px;
  bottom: 12px;
  left: 4px;
  background-color: var(--tea-color-border-secondary-default);
}
.app-tcmpp-table.app-tcmpp-table--resizeable .app-tcmpp-table__resize-line:before {
  top: 0;
  bottom: 0;
  visibility: hidden;
}
.app-tcmpp-table.app-tcmpp-table--resizeable .app-tcmpp-table__header th:last-child .app-tcmpp-table__resize-line {
  right: -16px;
}
.app-tcmpp-table.app-tcmpp-table--resizeable.app-tcmpp-table--allbordered .app-tcmpp-table__header th:last-child .app-tcmpp-table__resize-line {
  right: -17px;
}
.app-tcmpp-table.app-tcmpp-table--resizeable th {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.app-tcmpp-table.app-tcmpp-table--resizeable th.is-resizing,
.app-tcmpp-table.app-tcmpp-table--resizeable th:hover {
  background-color: var(--table-cell-color-bg-hover);
}
.app-tcmpp-table.app-tcmpp-table--resizeable th.is-resizing .app-tcmpp-table__resize-line:before,
.app-tcmpp-table.app-tcmpp-table--resizeable th:hover .app-tcmpp-table__resize-line:before {
  visibility: visible;
}
.app-tcmpp-table.app-tcmpp-table--resizeable th.is-resizing .app-tcmpp-table__resize-line:after,
.app-tcmpp-table.app-tcmpp-table--resizeable th:hover .app-tcmpp-table__resize-line:after {
  width: 5px;
  left: 0;
  background-color: var(--tea-color-text-tertiary);
  border-radius: 3px;
}
.app-tcmpp-table.app-tcmpp-table--resizeable th.is-resizing .app-tcmpp-table__resize-line:hover:before,
.app-tcmpp-table.app-tcmpp-table--resizeable th:hover .app-tcmpp-table__resize-line:hover:before {
  display: none;
  background-color: var(--tea-color-bg-brand-default);
  z-index: 1;
}
.app-tcmpp-table.app-tcmpp-table--resizeable.is-resizing th:not(.is-resizing):hover {
  background-color: var(--table-color-bg-primary-default);
}
.app-tcmpp-table.app-tcmpp-table--resizeable.is-resizing th:not(.is-resizing) .app-tcmpp-table__resize-line:before {
  display: none;
}
.app-tcmpp-table.app-tcmpp-table--resizeable.is-resizing th:not(.is-resizing) .app-tcmpp-table__resize-line:after {
  width: 1px;
  left: 4px;
  background-color: var(--tea-color-border-secondary-default);
}
.app-tcmpp-table__body .app-tcmpp-text-overflow.m-width {
  max-width: 78%;
}
.app-tcmpp-table__body tr .ruyi-icon.is-visibility,
.app-tcmpp-table__body tr .app-tcmpp-icon.is-visibility {
  visibility: hidden;
}
.app-tcmpp-table__body tr:hover .ruyi-icon.is-visibility,
.app-tcmpp-table__body tr:hover .app-tcmpp-icon.is-visibility {
  visibility: visible;
  cursor: pointer;
}
.app-tcmpp-table__body tr:hover .app-tcmpp-text-with-icon .ruyi-icon,
.app-tcmpp-table__body tr:hover .app-tcmpp-text-with-icon .app-tcmpp-icon {
  visibility: visible;
}
.app-tcmpp-table.app-tcmpp-table--horizontal-scrollbar-sticky,
.app-tcmpp-table.app-tcmpp-table--horizontal-scrollbar-sticky .app-tcmpp-table__body {
  overflow: visible;
}
.app-tcmpp-list {
  padding: 0;
  margin: 0;
  list-style: none;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-list > li {
  line-height: var(--tea-font-line-height-default);
  margin-bottom: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.app-tcmpp-list > li:last-child {
  margin-bottom: 0;
}
.app-tcmpp-list > li > .app-tcmpp-list {
  padding: 10px 0;
}
.app-tcmpp-list > li.app-tcmpp-list__status {
  color: var(--tea-color-text-disabled);
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.app-tcmpp-list > li.app-tcmpp-list__status:hover {
  background-color: transparent;
}
.app-tcmpp-list .app-tcmpp-list__separate {
  position: relative;
  height: 17px;
  padding: 0;
}
.app-tcmpp-list .app-tcmpp-list__separate:after {
  content: "";
  left: 0;
  right: 0;
  top: 8px;
  height: 1px;
  background-color: var(--tea-color-border-secondary-default);
  position: absolute;
}
.app-tcmpp-list .app-tcmpp-list__separate:hover {
  background-color: unset;
  cursor: default;
}
.app-tcmpp-list .app-tcmpp-list__separate.inset-gutter:after {
  left: 20px;
  right: 20px;
}
.app-tcmpp-list .app-tcmpp-list__separate.inset-decorator:after {
  left: 38px;
  right: 20px;
}
.app-tcmpp-list .app-tcmpp-list__item-button {
  -ms-flex-align: center;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-list .app-tcmpp-list__item-button,
.app-tcmpp-list .app-tcmpp-list__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--tea-space-100)*2);
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
}
.app-tcmpp-list .app-tcmpp-list__item-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  -ms-flex-align: center;
}
.app-tcmpp-list .app-tcmpp-list__item-decorator {
  line-height: 1;
}
.app-tcmpp-list .app-tcmpp-list__item-decorator .ruyi-icon {
  width: calc(var(--tea-font-size-default) + 2px);
  height: calc(var(--tea-font-size-default) + 2px);
  font-size: calc(var(--tea-font-size-default) + 2px);
}
.app-tcmpp-list .app-tcmpp-list__search-box {
  margin: -4px 0 4px;
}
.app-tcmpp-list .app-tcmpp-list__search-box .app-tcmpp-input--search {
  padding-left: 34px;
}
.app-tcmpp-list .app-tcmpp-list__search-box .app-tcmpp-input--search:focus {
  border-color: var(--tea-color-border-primary-focus);
}
.app-tcmpp-list--bullet > li {
  position: relative;
  padding-left: 10px;
}
.app-tcmpp-list--bullet > li:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: var(--tea-color-text-primary);
  position: absolute;
  left: 0;
  top: calc((var(--tea-font-line-height-default) - 4px)/2);
  border-radius: 100%;
}
.app-tcmpp-list--number {
  counter-reset: number;
}
.app-tcmpp-list--number > li {
  position: relative;
  padding-left: 13px;
}
.app-tcmpp-list--number > li:before {
  content: "";
  display: inline-block;
  color: inherit;
  counter-increment: number;
  content: counter(number) ".";
  position: absolute;
  left: 0;
  top: 0;
  width: 9px;
  text-align: right;
  white-space: nowrap;
}
.app-tcmpp-list--number.is-2digits > li {
  padding-left: 22px;
}
.app-tcmpp-list--number.is-2digits > li:before {
  width: 18px;
}
.app-tcmpp-list--number.is-3digits > li {
  padding-left: 31px;
}
.app-tcmpp-list--number.is-3digits > li:before {
  width: 27px;
}
.app-tcmpp-list--number.is-4digits > li {
  padding-left: 40px;
}
.app-tcmpp-list--number.is-4digits > li:before {
  width: 36px;
}
.app-tcmpp-list--divider > li {
  position: relative;
  padding: 6px 0;
  margin-bottom: 0;
}
.app-tcmpp-list--divider > li:nth-child(n+2) {
  border-top: 1px solid var(--tea-color-border-secondary-default);
}
.app-tcmpp-list--striped > li {
  position: relative;
  padding: 6px;
  margin-bottom: 0;
}
.app-tcmpp-list--striped > li:nth-child(odd) {
  background: var(--tea-color-bg-secondary-default);
  border-top: 1px solid var(--tea-color-border-secondary-default);
  border-bottom: 1px solid var(--tea-color-border-secondary-default);
}
.app-tcmpp-list--option {
  max-height: 165px;
  overflow-y: auto;
}
.app-tcmpp-list--option > li {
  margin-bottom: 0;
  font-size: var(--tea-font-size-default);
  padding: 6px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--tea-color-text-primary);
  display: block;
  cursor: pointer;
}
.app-tcmpp-list--option > li:hover {
  background-color: var(--tea-color-bg-primary-hover);
}
.app-tcmpp-list--option > li:first-child {
  border-radius: var(--tea-border-radius-default) var(--tea-border-radius-default) 0 0;
}
.app-tcmpp-list--option > li:last-child {
  border-radius: 0 0 var(--tea-border-radius-default) var(--tea-border-radius-default);
}
.app-tcmpp-list--option > li:first-child:last-child {
  border-radius: var(--tea-border-radius-default);
}
.app-tcmpp-list--option .app-tcmpp-list__status {
  padding: 6px 10px;
}
.app-tcmpp-list--option .app-tcmpp-list__submenu {
  position: relative;
  padding-right: 28px;
}
.app-tcmpp-list--option .app-tcmpp-list__submenu .ruyi-icon-caret-right,
.app-tcmpp-list--option .app-tcmpp-list__submenu .ruyi-icon-chevron-right {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.app-tcmpp-list--option.app-tcmpp-list--checkoption > li {
  padding: 0;
}
.app-tcmpp-list--option.app-tcmpp-list--checkoption .app-tcmpp-form-check {
  min-height: 30px;
  display: block;
  margin-right: 0;
  padding: 6px 10px 6px 31px;
}
.app-tcmpp-list--option.app-tcmpp-list--checkoption .app-tcmpp-form-check .app-tcmpp-checkbox {
  top: 8px;
  left: 10px;
}
.app-tcmpp-list--option.app-tcmpp-list--checkoption .app-tcmpp-form-check > .app-tcmpp-form-check__label {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: -4px;
}
.app-tcmpp-list--option.app-tcmpp-list--checkoption .app-tcmpp-action-state {
  display: block;
  padding: 6px 10px;
}
.app-tcmpp-list--option > li.is-disabled {
  background-color: transparent;
  color: var(--tea-color-text-disabled);
  cursor: not-allowed;
}
.app-tcmpp-list--option > li.is-selected {
  background-color: var(--list-item-color-bg-selected);
}
.app-tcmpp-list--option > li.is-selected,
.app-tcmpp-list--option > li.is-selected .app-tcmpp-list__item {
  color: var(--list-item-color-text-selected);
}
.app-tcmpp-list--option > li.is-current {
  background-color: var(--tea-color-bg-primary-hover);
}
.app-tcmpp-list--plain > li {
  margin-bottom: 0;
}
.app-tcmpp-list--plain > li:hover:not(.is-disabled):not(.is-selected):not(.app-tcmpp-list__separate):not(:has(.app-tcmpp-form--search)) {
  background-color: var(--tea-color-bg-primary-hover);
}
.app-tcmpp-list--plain .app-tcmpp-list__status {
  padding: 6px 10px;
}
.app-tcmpp-list--plain .app-tcmpp-list__submenu {
  position: relative;
}
.app-tcmpp-list--plain .app-tcmpp-list__submenu .ruyi-icon-caret-right,
.app-tcmpp-list--plain .app-tcmpp-list__submenu .ruyi-icon-chevron-right {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.app-tcmpp-list--plain .app-tcmpp-list__submenu .app-tcmpp-list__item-button {
  padding-right: 24px;
}
.app-tcmpp-list--plain .app-tcmpp-list__item-button {
  padding: 6px 10px;
  cursor: pointer;
}
.app-tcmpp-list--plain .app-tcmpp-list__item-button.is-disabled {
  color: var(--tea-color-text-disabled);
  cursor: not-allowed;
}
.app-tcmpp-list--plain li:not(.is-selected) .app-tcmpp-list__item-button:hover:not(.is-disabled) {
  background-color: var(--tea-color-bg-primary-hover);
}
.app-tcmpp-list--plain .app-tcmpp-list__item-decorator {
  line-height: 1;
}
.app-tcmpp-list--plain .app-tcmpp-list__item-decorator .ruyi-icon {
  width: calc(var(--tea-font-size-default) + 2px);
  height: calc(var(--tea-font-size-default) + 2px);
  font-size: calc(var(--tea-font-size-default) + 2px);
}
.app-tcmpp-list--plain > li.is-disabled,
.app-tcmpp-list--plain > li.is-disabled .app-tcmpp-list__item-button {
  color: var(--tea-color-text-disabled);
  cursor: not-allowed;
}
.app-tcmpp-list--plain > li.is-disabled .app-tcmpp-list__item-button:hover {
  background-color: transparent;
}
.app-tcmpp-list--plain > li.is-selected {
  background-color: var(--list-item-color-bg-selected);
}
.app-tcmpp-list--plain > li.is-selected,
.app-tcmpp-list--plain > li.is-selected .app-tcmpp-list__item-button {
  color: var(--list-item-color-text-selected);
}
.app-tcmpp-list--plain > li.is-current {
  background-color: var(--tea-color-bg-primary-hover);
}
.app-tcmpp-list--group > li {
  padding-left: 20px;
}
.app-tcmpp-list--group .app-tcmpp-list__label {
  cursor: default;
  margin: 0;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-list--group .app-tcmpp-list__label:hover {
  background-color: var(--tea-color-bg-primary-default);
}
.app-tcmpp-list--group.app-tcmpp-list--checkoption .app-tcmpp-list__label {
  padding: 0 10px;
}
.app-tcmpp-list--group.app-tcmpp-list--option > li {
  padding-left: 24px;
}
.app-tcmpp-list--group.app-tcmpp-list--option .app-tcmpp-list__label {
  padding: 0 10px;
}
.app-tcmpp-list--group.app-tcmpp-list--plain > li {
  padding-left: 0;
}
.app-tcmpp-list--group.app-tcmpp-list--plain .app-tcmpp-list__label {
  padding: 0 10px;
}
.app-tcmpp-announce {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 80px;
  position: relative;
}
.app-tcmpp-announce__title {
  font-weight: 400;
  font-size: var(--tea-font-size-350);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-tcmpp-announce__extend,
.app-tcmpp-announce__title a {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-announce__extend {
  font-size: var(--tea-font-size-350);
  position: absolute;
  right: 0;
  top: 0;
  text-align: left;
}
.app-tcmpp-list.app-tcmpp-list--divider.app-tcmpp-list--bullet > li {
  padding: 6px 0 6px 10px;
}
.app-tcmpp-list.app-tcmpp-list--divider.app-tcmpp-list--bullet > li:before {
  top: 12px;
}
.app-tcmpp-list.app-tcmpp-list--divider.app-tcmpp-list--number > li {
  padding: 6px 0 6px 15px;
}
.app-tcmpp-list.app-tcmpp-list--divider.app-tcmpp-list--number > li:before {
  top: 6px;
}
.app-tcmpp-list.app-tcmpp-list--striped.app-tcmpp-list--bullet > li {
  padding: 6px 0 6px 15px;
}
.app-tcmpp-list.app-tcmpp-list--striped.app-tcmpp-list--bullet > li:before {
  left: 5px;
  top: 12px;
}
.app-tcmpp-list.app-tcmpp-list--striped.app-tcmpp-list--number > li {
  padding: 6px 0 6px 20px;
}
.app-tcmpp-list.app-tcmpp-list--striped.app-tcmpp-list--number > li:before {
  left: 5px;
  top: 6px;
}
.app-tcmpp-metrics-board {
  padding: 10px;
  height: 100%;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-metrics-board--link:hover {
  background-color: var(--tea-color-bg-primary-hover);
  border-radius: var(--tea-border-radius-default);
  cursor: pointer;
}
.app-tcmpp-metrics-board__header {
  margin-bottom: 3px;
  font-size: var(--tea-font-size-350);
  color: var(--tea-color-text-primary);
}
.app-tcmpp-metrics-board__header-title {
  color: var(--tea-color-text-primary);
  font-size: var(--tea-font-size-default);
  line-height: normal;
  font-weight: var(--tea-font-weight-medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-tcmpp-metrics-board__header-title .app-tcmpp-justify-grid {
  white-space: normal;
}
.app-tcmpp-metrics-board__header-title .app-tcmpp-icon {
  vertical-align: -4px;
}
.app-tcmpp-metrics-board__value {
  line-height: normal;
  font-size: var(--tea-font-size-350);
}
.app-tcmpp-metrics-board__info {
  font-size: var(--tea-font-size-default);
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-metrics-board__info-item {
  line-height: normal;
}
.app-tcmpp-metrics-board__info-item .ruyi-icon-arrow-down {
  color: var(--tea-color-text-success-default);
}
.app-tcmpp-metrics-board__info-item .ruyi-icon-arrow-up {
  color: var(--tea-color-text-error-default);
}
.app-tcmpp-metrics-board__info-label {
  display: inline-block;
  vertical-align: middle;
  font-size: var(--tea-font-size-default);
  color: var(--tea-color-text-tertiary);
  margin-right: 10px;
}
.app-tcmpp-metrics-board__info-key {
  display: inline-block;
  font-size: v var(--tea-font-size-400);
  vertical-align: middle;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-metrics-board__info .app-tcmpp-icon {
  vertical-align: -4px;
}
.app-tcmpp-metrics-board__number {
  font-size: var(--tea-font-size-900);
  color: var(--tea-color-text-primary);
}
.app-tcmpp-metrics-board__unit {
  font-size: var(--tea-font-size-350);
  color: var(--tea-color-text-primary);
}
.app-tcmpp-bubble {
  position: relative;
  color: var(--bubbles-color-text-default);
  max-width: var(--bubbles-width-max);
  display: inline-block;
}
.app-tcmpp-bubble .app-tcmpp-bubble__inner:after,
.app-tcmpp-bubble .app-tcmpp-bubble__inner:before {
  font-size: 0;
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border: var(--bubbles-triangle-width) dashed transparent;
}
.app-tcmpp-bubble .app-tcmpp-bubble__inner:after {
  border: calc(var(--bubbles-triangle-width) - 1px) dashed transparent;
}
.app-tcmpp-bubble__inner {
  font-size: var(--bubbles-font-size);
  -moz-box-sizing: border-box;
  padding: 12px 16px;
  border-radius: var(--bubbles-border-radius);
  background-color: var(--bubbles-color-bg-default);
  line-height: var(--tea-font-line-height-default);
  position: static!important;
  left: 50%;
  top: 50%;
  color: var(--bubbles-color-text-default);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-filter: drop-shadow(var(--tea-shadow-sm-offsetx-1) var(--tea-shadow-sm-offsety-1) var(--tea-shadow-sm-blur-2) var(--tea-shadow-md-color-2));
  filter: drop-shadow(var(--tea-shadow-sm-offsetx-1) var(--tea-shadow-sm-offsety-1) var(--tea-shadow-sm-blur-2) var(--tea-shadow-md-color-2));
  border: var(--bubbles-border-width) solid var(--bubbles-color-border-default);
}
.app-tcmpp-bubble__header .app-tcmpp-justify-grid__col--right {
  padding-left: 20px;
}
.app-tcmpp-bubble--reverse .app-tcmpp-bubble__inner {
  color: var(--bubbles-color-text-inverse);
  background-color: var(--bubbles-color-bg-inverse);
  border-color: var(--bubbles-color-border-inverse);
}
.app-tcmpp-bubble--reverse .app-tcmpp-bubble__body,
.app-tcmpp-bubble--reverse .app-tcmpp-bubble__header [class*=app-tcmpp-h],
.app-tcmpp-bubble--reverse .app-tcmpp-bubble__header h3 {
  color: var(--bubbles-color-text-inverse);
}
.app-tcmpp-bubble--reverse.app-tcmpp-bubble--top .app-tcmpp-bubble__inner:before {
  border-bottom-color: var(--bubbles-color-border-inverse);
}
.app-tcmpp-bubble--reverse.app-tcmpp-bubble--top .app-tcmpp-bubble__inner:after {
  border-bottom-color: var(--bubbles-color-bg-inverse);
}
.app-tcmpp-bubble--reverse.app-tcmpp-bubble--right .app-tcmpp-bubble__inner:before {
  border-left-color: var(--bubbles-color-border-inverse);
}
.app-tcmpp-bubble--reverse.app-tcmpp-bubble--right .app-tcmpp-bubble__inner:after {
  border-left-color: var(--bubbles-color-bg-inverse);
}
.app-tcmpp-bubble--reverse.app-tcmpp-bubble--bottom .app-tcmpp-bubble__inner:before {
  border-top-color: var(--bubbles-color-border-inverse);
}
.app-tcmpp-bubble--reverse.app-tcmpp-bubble--bottom .app-tcmpp-bubble__inner:after {
  border-top-color: var(--bubbles-color-bg-inverse);
}
.app-tcmpp-bubble--reverse.app-tcmpp-bubble--left .app-tcmpp-bubble__inner:before {
  border-right-color: var(--bubbles-color-border-inverse);
}
.app-tcmpp-bubble--reverse.app-tcmpp-bubble--left .app-tcmpp-bubble__inner:after {
  border-right-color: var(--bubbles-color-bg-inverse);
}
.app-tcmpp-bubble--error .app-tcmpp-bubble__inner {
  color: var(--bubbles-color-text-error);
  background-color: var(--bubbles-color-bg-error);
  border-color: var(--bubbles-color-border-error);
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}
.app-tcmpp-bubble--error.app-tcmpp-bubble--top .app-tcmpp-bubble__inner:before {
  border-bottom-color: var(--bubbles-color-border-error);
}
.app-tcmpp-bubble--error.app-tcmpp-bubble--top .app-tcmpp-bubble__inner:after {
  border-bottom-color: var(--bubbles-color-bg-error);
}
.app-tcmpp-bubble--error.app-tcmpp-bubble--right .app-tcmpp-bubble__inner:before {
  border-left-color: var(--bubbles-color-border-error);
}
.app-tcmpp-bubble--error.app-tcmpp-bubble--right .app-tcmpp-bubble__inner:after {
  border-left-color: var(--bubbles-color-bg-error);
}
.app-tcmpp-bubble--error.app-tcmpp-bubble--bottom .app-tcmpp-bubble__inner:before {
  border-top-color: var(--bubbles-color-border-error);
}
.app-tcmpp-bubble--error.app-tcmpp-bubble--bottom .app-tcmpp-bubble__inner:after {
  border-top-color: var(--bubbles-color-bg-error);
}
.app-tcmpp-bubble--error.app-tcmpp-bubble--left .app-tcmpp-bubble__inner:before {
  border-right-color: var(--bubbles-color-border-error);
}
.app-tcmpp-bubble--error.app-tcmpp-bubble--left .app-tcmpp-bubble__inner:after {
  border-right-color: var(--bubbles-color-bg-error);
}
.app-tcmpp-bubble--top .app-tcmpp-bubble__inner:after,
.app-tcmpp-bubble--top .app-tcmpp-bubble__inner:before {
  bottom: 100%;
  left: inherit;
  right: inherit;
  margin-bottom: 0;
  border-bottom-style: solid;
}
.app-tcmpp-bubble--top .app-tcmpp-bubble__inner:before {
  margin-left: -6px;
  border-bottom-color: var(--bubbles-color-border-default);
}
.app-tcmpp-bubble--top .app-tcmpp-bubble__inner:after {
  margin-left: -5px;
  border-bottom-color: var(--bubbles-color-bg-default);
}
.app-tcmpp-bubble--right .app-tcmpp-bubble__inner:after,
.app-tcmpp-bubble--right .app-tcmpp-bubble__inner:before {
  top: inherit;
  bottom: inherit;
  left: 100%;
  margin-left: 0;
  border-left-style: solid;
}
.app-tcmpp-bubble--right .app-tcmpp-bubble__inner:before {
  margin-top: -8px;
  border-left-color: var(--bubbles-color-border-default);
}
.app-tcmpp-bubble--right .app-tcmpp-bubble__inner:after {
  margin-top: -7px;
  border-left-color: var(--bubbles-color-bg-default);
}
.app-tcmpp-bubble--bottom .app-tcmpp-bubble__inner:after,
.app-tcmpp-bubble--bottom .app-tcmpp-bubble__inner:before {
  top: 100%;
  left: inherit;
  right: inherit;
  margin-top: 0;
  border-top-style: solid;
}
.app-tcmpp-bubble--bottom .app-tcmpp-bubble__inner:before {
  margin-left: -6px;
  border-top-color: var(--bubbles-color-border-default);
}
.app-tcmpp-bubble--bottom .app-tcmpp-bubble__inner:after {
  margin-left: -5px;
  border-top-color: var(--bubbles-color-bg-default);
}
.app-tcmpp-bubble--left .app-tcmpp-bubble__inner:after,
.app-tcmpp-bubble--left .app-tcmpp-bubble__inner:before {
  top: inherit;
  bottom: inherit;
  right: 100%;
  margin-right: 0;
  border-right-style: solid;
}
.app-tcmpp-bubble--left .app-tcmpp-bubble__inner:before {
  margin-top: -7px;
  border-right-color: var(--bubbles-color-border-default);
}
.app-tcmpp-bubble--left .app-tcmpp-bubble__inner:after {
  margin-top: -6px;
  border-right-color: var(--bubbles-color-bg-default);
}
.app-tcmpp-bubble--start.app-tcmpp-bubble--bottom .app-tcmpp-bubble__inner,
.app-tcmpp-bubble--start.app-tcmpp-bubble--top .app-tcmpp-bubble__inner {
  left: 26px;
}
.app-tcmpp-bubble--start.app-tcmpp-bubble--left .app-tcmpp-bubble__inner,
.app-tcmpp-bubble--start.app-tcmpp-bubble--right .app-tcmpp-bubble__inner {
  top: 26px;
}
.app-tcmpp-bubble--end.app-tcmpp-bubble--bottom .app-tcmpp-bubble__inner,
.app-tcmpp-bubble--end.app-tcmpp-bubble--top .app-tcmpp-bubble__inner {
  left: auto;
  right: 20px;
}
.app-tcmpp-bubble--end.app-tcmpp-bubble--bottom .app-tcmpp-bubble__inner:after,
.app-tcmpp-bubble--end.app-tcmpp-bubble--top .app-tcmpp-bubble__inner:after {
  margin-right: 1px;
}
.app-tcmpp-bubble--end.app-tcmpp-bubble--left .app-tcmpp-bubble__inner,
.app-tcmpp-bubble--end.app-tcmpp-bubble--right .app-tcmpp-bubble__inner {
  top: auto;
  bottom: 20px;
}
.app-tcmpp-bubble--end.app-tcmpp-bubble--left .app-tcmpp-bubble__inner:after,
.app-tcmpp-bubble--end.app-tcmpp-bubble--right .app-tcmpp-bubble__inner:after {
  margin-bottom: 1px;
}
.app-tcmpp-bubble--close .app-tcmpp-icon-close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyLjI0MyA1LjE3MmwtMS40MTUtMS40MTVMOCA2LjU4NiA1LjE3MiAzLjc1NyAzLjc1NyA1LjE3MiA2LjU4NiA4bC0yLjgyOSAyLjgyOCAxLjQxNSAxLjQxNUw4IDkuNDE0bDIuODI4IDIuODI5IDEuNDE1LTEuNDE1TDkuNDE0IDh6Ii8+PC9zdmc+);
}
.app-tcmpp-tooltip {
  display: inline-block;
  max-width: 300px;
}
.app-tcmpp-tooltip .app-tcmpp-tooltip__inner {
  padding: 4px 8px;
  color: var(--tooltips-color-text-default);
  background-color: var(--tooltips-color-bg-default);
  border-color: var(--tooltips-color-border-default);
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  word-wrap: break-word;
  word-break: break-word;
  border-radius: var(--tooltips-border-radius);
}
.app-tcmpp-tooltip--inverse .app-tcmpp-tooltip__inner {
  background-color: var(--tooltips-color-bg-inverse);
  border-color: var(--tooltips-color-border-inverse);
  color: var(--tooltips-color-text-inverse);
}
.app-tcmpp-popconfirm {
  min-width: 300px;
}
.app-tcmpp-popconfirm .app-tcmpp-bubble__inner {
  padding: 20px;
}
.app-tcmpp-popconfirm__messagetitle {
  font-size: var(--tea-font-size-350);
  margin-bottom: 10px;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-popconfirm__messagetext {
  font-size: var(--tea-font-size-default);
}
.app-tcmpp-popconfirm__footer {
  margin-top: 24px;
  text-align: right;
  font-size: 0;
  background-color: transparent;
  padding: 0;
  border-top: none;
}
.app-tcmpp-popconfirm__footer .app-tcmpp-btn {
  margin-left: 10px;
}
.app-tcmpp-backdrop {
  background-color: var(--tea-color-mask-primary);
  overflow-y: auto;
  z-index: 1000;
}
.app-tcmpp-backdrop,
.app-tcmpp-dialog {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.app-tcmpp-dialog {
  text-align: center;
  z-index: 1001;
  overflow: auto;
  white-space: nowrap;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-dialog:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.app-tcmpp-dialog__inner.size-s {
  width: 480px;
}
.app-tcmpp-dialog__inner.size-l {
  width: 800px;
}
.app-tcmpp-dialog__inner.size-xl {
  width: 960px;
}
.app-tcmpp-dialog__inner.size-auto {
  width: auto;
}
.app-tcmpp-dialog__inner {
  text-align: left;
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  min-width: 420px;
  width: 560px;
  background-color: var(--tea-color-bg-primary-default);
  -webkit-box-shadow: var(--tea-shadow-sm);
  box-shadow: var(--tea-shadow-sm);
  border-radius: var(--tea-border-radius-default);
  padding: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.app-tcmpp-dialog__inner .app-tcmpp-form-operate {
  margin-top: 10px;
  border-top: none;
  text-align: center;
}
.app-tcmpp-dialog__body:after,
.app-tcmpp-dialog__footer:after,
.app-tcmpp-dialog__header:after {
  content: "";
  display: table;
  clear: both;
}
.app-tcmpp-dialog__header {
  font: var(--tea-typography-body-sm);
  min-height: var(--tea-font-line-height-550);
  color: var(--tea-color-text-primary);
  position: relative;
  margin: 0 0 10px;
}
.app-tcmpp-dialog__headertitle {
  margin-bottom: 14px;
  display: inline-block;
  font: var(--tea-typography-heading-7);
}
.app-tcmpp-dialog__headersubtitle {
  font: var(--tea-typography-body-sm);
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-dialog__header .app-tcmpp-btn--icon {
  position: absolute;
  top: -4px;
  right: -9px;
}
.app-tcmpp-dialog__body {
  color: var(--tea-color-text-primary);
  word-break: break-word;
  word-wrap: break-word;
}
.app-tcmpp-dialog__bodytitle {
  font: var(--tea-typography-heading-6);
  font-weight: var(--tea-font-weight-medium);
  color: var(--tea-color-text-primary);
  margin-bottom: 5px;
  margin-top: 0;
}
.app-tcmpp-dialog__messagetitle {
  font: var(--tea-typography-heading-6);
  color: var(--tea-color-text-primary);
  vertical-align: middle;
}
.app-tcmpp-dialog__messagetitle:only-child {
  padding-top: 4px;
}
.app-tcmpp-dialog__messagetext {
  font: var(--tea-typography-body-sm);
  color: var(--tea-color-text-tertiary);
  margin-top: 5px;
}
.app-tcmpp-dialog__footer {
  border-top: 0;
  position: relative;
  margin-top: 30px;
}
.app-tcmpp-dialog__btnwrap {
  text-align: center;
  position: relative;
  z-index: 0;
  font-size: 0;
}
.app-tcmpp-dialog__btnwrap > .app-tcmpp-btn {
  margin: 0 5px;
}
.app-tcmpp-dialog--img {
  font-size: 0;
}
.app-tcmpp-dialog--img .app-tcmpp-dialog__inner {
  background-color: transparent;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  font: var(--tea-typography-body-sm);
  padding: 0;
}
.app-tcmpp-dialog--img .app-tcmpp-dialog__header {
  top: 0;
  height: 60px;
  padding: 0 25px;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-dialog--img .app-tcmpp-dialog__header .help-text {
  display: inline-block;
  font: var(--tea-typography-body-md);
  color: var(--tea-color-palette-white-90);
  margin-right: 60px;
  vertical-align: middle;
}
.app-tcmpp-dialog--img .app-tcmpp-dialog__header .app-tcmpp-btn--icon {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  top: 10px;
  right: 14px;
  color: var(--tea-color-text-inverse);
}
.app-tcmpp-dialog--img .app-tcmpp-dialog__header .app-tcmpp-btn--icon:hover {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-dialog--img .app-tcmpp-dialog__header .app-tcmpp-icon-close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEzLjk1IDMuNDE0TDEyLjUzNiAyIDggNi41MzYgMy40NjQgMiAyLjA1IDMuNDE0IDYuNTg2IDcuOTUgMi4wNSAxMi40ODVsMS40MTQgMS40MTRMOCA5LjM2NGw0LjUzNiA0LjUzNSAxLjQxNC0xLjQxNEw5LjQxNCA3Ljk1eiIvPjwvc3ZnPg==);
}
.app-tcmpp-dialog--img .app-tcmpp-dialog__headertitle {
  color: var(--tea-color-palette-white-90);
  width: 100%;
  font: var(--tea-typography-heading-6);
  margin-bottom: 0;
}
.app-tcmpp-dialog--img .app-tcmpp-dialog__body {
  width: 90%;
  height: calc(100% - 130px);
  margin: 55px auto 0;
  text-align: center;
  overflow: auto;
  font-size: 0;
}
.app-tcmpp-dialog--img .app-tcmpp-dialog__body img {
  max-width: 100%;
  vertical-align: middle;
}
.app-tcmpp-dialog--img .app-tcmpp-dialog__body iframe {
  vertical-align: middle;
}
.app-tcmpp-dialog--img .app-tcmpp-dialog__body:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.app-tcmpp-dialog--img .app-tcmpp-dialog__operate {
  position: absolute;
  left: 50%;
  bottom: 30px;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  padding: 10px 5px;
  background-color: rgba(0, 0, 0, 0.9);
}
.app-tcmpp-dialog--img .app-tcmpp-dialog__operate .app-tcmpp-btn--icon {
  padding: 2px;
  min-width: 0;
  margin: 0 12px;
}
.app-tcmpp-dialog--img .app-tcmpp-dialog__operate .app-tcmpp-btn--icon:hover {
  background: unset;
}
.app-tcmpp-dialog--scrollable .app-tcmpp-dialog__inner {
  max-height: calc(100vh - 64px);
  max-width: calc(100vw - 64px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.app-tcmpp-dialog--scrollable .app-tcmpp-dialog__footer,
.app-tcmpp-dialog--scrollable .app-tcmpp-dialog__header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.app-tcmpp-dialog--scrollable .app-tcmpp-dialog__body {
  overflow: auto;
}
.app-tcmpp-dialog--scrollable .app-tcmpp-dialog__body:hover {
  overflow: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.app-tcmpp-dialog--scrollable .app-tcmpp-dialog__body::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: transparent;
  border-radius: 9px;
}
.app-tcmpp-dialog--scrollable .app-tcmpp-dialog__body::-webkit-scrollbar-thumb {
  border: 0 solid transparent;
  background-color: var(--tea-color-scrollbar-default);
  border-radius: 0;
  background-clip: content-box;
}
.app-tcmpp-dialog--scrollable .app-tcmpp-dialog__body::-webkit-scrollbar-thumb:hover {
  background-color: var(--tea-color-scrollbar-hover);
}
.app-tcmpp-progress {
  height: 6px;
  margin-bottom: 24px;
  min-width: 100px;
  background-color: var(--tea-color-bg-secondary-default);
  position: relative;
  border: none;
  border-radius: var(--tea-border-radius-default);
  color: var(--tea-color-text-primary);
}
.app-tcmpp-progress__value {
  height: 6px;
  background: var(--tea-color-bg-brand-default);
  content: "";
  display: block;
  border-radius: var(--tea-border-radius-default);
  position: static;
}
.app-tcmpp-progress__text {
  display: block;
  position: absolute;
  font-size: var(--tea-font-size-default);
  line-height: var(--tea-font-line-height-default);
  left: 0;
  top: 8px;
}
.app-tcmpp-progress.app-tcmpp-progress--succeed {
  border-color: var(--tea-color-border-on-bg-success-default);
}
.app-tcmpp-progress.app-tcmpp-progress--succeed .app-tcmpp-progress__value {
  background: var(--tea-color-bg-success-default);
}
.app-tcmpp-progress.app-tcmpp-progress--error {
  border-color: var(--tea-color-border-on-bg-error-default);
}
.app-tcmpp-progress.app-tcmpp-progress--error .app-tcmpp-progress__value {
  background: var(--tea-color-bg-error-default);
}
.app-tcmpp-progress-circle {
  margin: 0 auto;
  text-align: center;
}
.app-tcmpp-progress-circle__area {
  display: inline-block;
  width: 160px;
  height: 160px;
  position: relative;
  margin-bottom: 12px;
  font-size: 0;
}
.app-tcmpp-progress-circle__svg-path {
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transform-origin: center;
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: center;
  -moz-transform: rotate(270deg);
  -moz-transform-origin: center;
  -ms-transform: rotate(-90deg);
  -ms-transform-origin: center;
}
.app-tcmpp-progress-circle__base-ring {
  stroke: var(--tea-color-bg-secondary-default);
}
.app-tcmpp-progress-circle__current-ring {
  stroke-dasharray: 0 434px;
  stroke: var(--tea-color-bg-brand-default);
  stroke-dashoffset: 0px;
}
.app-tcmpp-progress-circle__area svg {
  width: 100%;
  height: 100%;
}
.app-tcmpp-progress-circle__current-text {
  height: 50px;
  line-height: 50px;
  font-size: 48px;
  color: var(--tea-color-text-primary);
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -25px;
}
.app-tcmpp-progress-circle__current-text .text--chinese {
  font-size: 24px;
  display: inline-block;
  vertical-align: top;
}
.app-tcmpp-progress-circle__current-text .text--symbol,
.app-tcmpp-progress-circle__tips {
  font-size: var(--tea-font-size-350);
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-progress-circle__tips {
  line-height: 1.5;
}
.app-tcmpp-progress-circle.is-success .app-tcmpp-progress-circle__current-ring {
  stroke: var(--tea-color-bg-success-default);
}
.app-tcmpp-progress-circle.is-error .app-tcmpp-progress-circle__current-ring {
  stroke: var(--tea-color-bg-error-default);
}
.app-tcmpp-toast {
  height: 35px;
  position: fixed;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  min-width: 80px;
  top: 5px;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  line-height: 32px;
  padding: 0 20px;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-word;
  border: 1px solid var(--tea-color-border-primary-default);
  border-radius: var(--tea-border-radius-default);
  font-size: 0;
  background-color: var(--tea-color-bg-primary-default);
  color: var(--tea-color-text-primary);
}
.app-tcmpp-toast span {
  margin-left: 6px;
  font-size: var(--tea-font-size-default);
}
.app-tcmpp-toast--success .ruyi-icon-check-circle {
  color: var(--tea-color-text-success-default);
}
.app-tcmpp-toast--error .ruyi-icon-error-circle {
  color: var(--tea-color-text-error-default);
}
.app-tcmpp-toast--warning .ruyi-icon-error-circle {
  color: var(--tea-color-text-warning-default);
}
.app-tcmpp-alert {
  font: var(--tea-typography-body-default);
  padding: 9px calc(var(--tea-space-100)*4);
  border-radius: var(--tea-border-radius-default);
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.app-tcmpp-alert__decoration {
  font-size: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: calc(var(--tea-space-100)*2);
  color: var(--tea-color-text-on-bg-brand-lighten-default);
}
.app-tcmpp-alert__strong {
  font-weight: var(--tea-font-weight-medium);
}
.app-tcmpp-alert__operational {
  padding-left: calc(var(--tea-space-100)*4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: calc(var(--tea-space-100)*4);
}
.app-tcmpp-alert__operational .app-tcmpp-btn--icon {
  padding: 2px;
  background-color: transparent;
  height: 20px;
  width: 20px;
}
.app-tcmpp-alert__operational .app-tcmpp-btn--icon:hover {
  color: var(--tea-color-text-secondary);
  background-color: transparent;
}
.app-tcmpp-alert__nav {
  font-size: 0;
}
.app-tcmpp-alert__nav-item {
  display: inline-block;
  font-size: 0;
  width: 8px;
  height: 8px;
  background-color: var(--tea-color-bg-primary-default);
  border-radius: 100%;
  margin-right: 8px;
  border: 1px solid var(--tea-color-border-brand-default);
  cursor: pointer;
}
.app-tcmpp-alert__nav-item:last-child {
  margin-right: 0;
}
.app-tcmpp-alert__nav-item.is-current {
  background-color: var(--tea-color-bg-brand-default);
}
.app-tcmpp-alert__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.app-tcmpp-alert__pagination-turndown,
.app-tcmpp-alert__pagination-turnup {
  font-size: 0;
  line-height: 1;
  cursor: pointer;
}
.app-tcmpp-alert__pagination-turndown.is-disabled,
.app-tcmpp-alert__pagination-turnup.is-disabled {
  cursor: not-allowed;
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-alert__pagination-turndown:hover:not(.is-disabled),
.app-tcmpp-alert__pagination-turnup:hover:not(.is-disabled) {
  color: var(--tea-color-text-secondary);
}
.app-tcmpp-alert__info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font: var(--tea-typography-body-default);
  color: inherit;
}
.app-tcmpp-alert__info > .app-tcmpp-list {
  padding: 8px 0 0;
}
.app-tcmpp-alert__info > .app-tcmpp-list li {
  margin-bottom: 4px;
}
.app-tcmpp-alert__info > .app-tcmpp-list li:last-of-type {
  margin-bottom: 0;
}
.app-tcmpp-alert__info > .app-tcmpp-list:first-child {
  padding: 0;
}
.app-tcmpp-alert .app-tcmpp-list {
  color: inherit;
}
.app-tcmpp-alert a {
  color: var(--tea-color-text-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.app-tcmpp-alert a:hover {
  text-decoration: underline;
  color: var(--tea-color-text-brand-default);
}
.app-tcmpp-alert--neutral {
  color: var(--tea-color-text-primary);
  border: 1px solid var(--tea-color-bg-secondary-default);
  background: var(--tea-color-bg-secondary-default);
}
.app-tcmpp-alert--neutral .app-tcmpp-alert__strong {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, var(--tea-color-border-tertiary-disabled)), color-stop(0, var(--tea-color-bg-secondary-default)));
  background: linear-gradient(0deg, var(--tea-color-border-tertiary-disabled) 30%, var(--tea-color-bg-secondary-default) 0);
}
.app-tcmpp-alert--neutral .app-tcmpp-alert__overflow-inner:after {
  background-color: var(--tea-color-bg-secondary-default);
}
.app-tcmpp-alert--neutral .ruyi-icon-error-circle,
.app-tcmpp-alert--neutral .app-tcmpp-alert__decoration {
  color: var(--tea-color-text-secondary);
}
.app-tcmpp-alert--white {
  color: var(--tea-color-text-primary);
  border: 1px solid var(--tea-color-bg-primary-default);
  background: var(--tea-color-bg-primary-default);
}
.app-tcmpp-alert--white .app-tcmpp-alert__strong {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, var(--tea-color-border-tertiary-disabled)), color-stop(0, var(--tea-color-bg-primary-default)));
  background: linear-gradient(0deg, var(--tea-color-border-tertiary-disabled) 30%, var(--tea-color-bg-primary-default) 0);
}
.app-tcmpp-alert--white .app-tcmpp-alert__overflow-inner:after {
  background-color: var(--tea-color-bg-primary-default);
}
.app-tcmpp-alert--white .ruyi-icon-error-circle,
.app-tcmpp-alert--white .app-tcmpp-alert__decoration {
  color: var(--tea-color-text-secondary);
}
.app-tcmpp-alert--brand {
  color: var(--tea-color-text-primary);
  border: 1px solid var(--tea-color-bg-brand-lighten-default);
  background: var(--tea-color-bg-brand-lighten-default);
}
.app-tcmpp-alert--brand .app-tcmpp-alert__strong {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, var(--tea-color-border-on-bg-brand-disabled)), color-stop(0, var(--tea-color-bg-brand-lighten-default)));
  background: linear-gradient(0deg, var(--tea-color-border-on-bg-brand-disabled) 30%, var(--tea-color-bg-brand-lighten-default) 0);
}
.app-tcmpp-alert--brand .app-tcmpp-alert__overflow-inner:after {
  background: var(--tea-color-bg-brand-lighten-default);
}
.app-tcmpp-alert--brand .ruyi-icon-error-circle,
.app-tcmpp-alert--brand .app-tcmpp-alert__decoration {
  color: var(--tea-color-text-on-bg-brand-lighten-default);
}
.app-tcmpp-alert--warning {
  color: var(--tea-color-text-primary);
  background-color: var(--tea-color-bg-warning-lighten-default);
  border: 1px solid var(--tea-color-bg-warning-lighten-default);
}
.app-tcmpp-alert--warning .app-tcmpp-alert__strong {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, var(--tea-color-border-on-bg-warning-disabled)), color-stop(0, var(--tea-color-bg-warning-lighten-default)));
  background: linear-gradient(0deg, var(--tea-color-border-on-bg-warning-disabled) 30%, var(--tea-color-bg-warning-lighten-default) 0);
}
.app-tcmpp-alert--warning .app-tcmpp-alert__overflow-inner:after {
  background-color: var(--tea-color-bg-warning-lighten-default);
}
.app-tcmpp-alert--warning .ruyi-icon-error-circle,
.app-tcmpp-alert--warning .app-tcmpp-alert__decoration {
  color: var(--tea-color-text-on-bg-warning-lighten-default);
}
.app-tcmpp-alert--warning .app-tcmpp-alert__nav--dot .app-tcmpp-alert__nav-item {
  border-color: var(--tea-color-function-warning-default);
}
.app-tcmpp-alert--warning .app-tcmpp-alert__nav--dot .app-tcmpp-alert__nav-item.is-current {
  background-color: var(--tea-color-bg-warning-default);
}
.app-tcmpp-alert--error {
  color: var(--tea-color-text-primary);
  background-color: var(--tea-color-bg-error-lighten-default);
  border: 1px solid var(--tea-color-bg-error-lighten-default);
}
.app-tcmpp-alert--error .app-tcmpp-alert__strong {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, var(--tea-color-border-on-bg-error-disabled)), color-stop(0, var(--tea-color-bg-error-lighten-default)));
  background: linear-gradient(0deg, var(--tea-color-border-on-bg-error-disabled) 30%, var(--tea-color-bg-error-lighten-default) 0);
}
.app-tcmpp-alert--error .ruyi-icon-error-circle,
.app-tcmpp-alert--error .app-tcmpp-alert__decoration {
  color: var(--tea-color-text-on-bg-error-lighten-default);
}
.app-tcmpp-alert--error .app-tcmpp-alert__overflow-inner:after {
  background-color: var(--tea-color-bg-error-lighten-default);
}
.app-tcmpp-alert--error .app-tcmpp-alert__nav--dot .app-tcmpp-alert__nav-item {
  border-color: var(--tea-color-function-error-default);
}
.app-tcmpp-alert--error .app-tcmpp-alert__nav--dot .app-tcmpp-alert__nav-item.is-current {
  background-color: var(--tea-color-bg-error-default);
}
.app-tcmpp-alert--success {
  color: var(--tea-color-text-primary);
  background-color: var(--tea-color-bg-success-lighten-default);
  border: 1px solid var(--tea-color-bg-success-lighten-default);
}
.app-tcmpp-alert--success .app-tcmpp-alert__strong {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, var(--tea-color-border-on-bg-success-disabled)), color-stop(0, var(--tea-color-bg-success-lighten-default)));
  background: linear-gradient(0deg, var(--tea-color-border-on-bg-success-disabled) 30%, var(--tea-color-bg-success-lighten-default) 0);
}
.app-tcmpp-alert--success .ruyi-icon-check-circle,
.app-tcmpp-alert--success .app-tcmpp-alert__decoration {
  color: var(--tea-color-text-on-bg-success-lighten-default);
}
.app-tcmpp-alert--notice {
  color: var(--tea-color-text-primary);
  background-color: var(--tea-color-bg-primary-default);
  border: 1px solid var(--tea-color-bg-primary-default);
  position: relative;
}
.app-tcmpp-alert--notice .app-tcmpp-alert__decoration {
  color: var(--tea-color-text-brand-default);
}
.app-tcmpp-alert--notice.is-expanded {
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.app-tcmpp-alert--notice a {
  color: var(--tea-color-text-brand-default);
}
.app-tcmpp-alert--notice .app-tcmpp-alert__info .app-tcmpp-list--bullet > li:before {
  background-color: var(--tea-color-text-primary);
}
.app-tcmpp-alert-group {
  position: relative;
}
.app-tcmpp-alert-group,
.app-tcmpp-alert-group__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.app-tcmpp-alert-group__info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.app-tcmpp-alert-group__operational {
  position: absolute;
  right: 17px;
  top: 9px;
}
.app-tcmpp-alert-group__operational .app-tcmpp-btn--icon {
  padding: 2px;
  height: 20px;
  width: 20px;
  background-color: transparent;
}
.app-tcmpp-alert-group .app-tcmpp-alert {
  width: 100%;
  margin-bottom: -8px;
}
.app-tcmpp-alert-group .app-tcmpp-alert:last-child {
  margin-bottom: 0;
}
.app-tcmpp-alert-group.is-closable .app-tcmpp-alert__operational {
  padding-right: 40px;
}
.app-tcmpp-status {
  max-width: 400px;
  margin: 0 auto;
  padding: 120px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font: var(--tea-typography-body-default);
  color: var(--tea-color-text-primary);
}
.app-tcmpp-status__img {
  font-size: 0;
}
.app-tcmpp-status__content {
  margin-top: 12px;
  text-align: center;
}
.app-tcmpp-status__title {
  margin-bottom: 4px;
}
.app-tcmpp-status__detail {
  color: var(--tea-color-text-tertiary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-status__operate {
  margin-top: 12px;
}
.app-tcmpp-status.size-m {
  padding: 80px 0;
}
.app-tcmpp-status.size-s {
  padding: 40px 0;
}
.app-tcmpp-status.size-xs {
  padding: 20px 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.app-tcmpp-status.size-xs .app-tcmpp-status__img {
  margin-right: 8px;
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-status.size-xs .app-tcmpp-status__operate {
  margin-top: 0;
  margin-left: 4px;
}
.app-tcmpp-status.size-xs .app-tcmpp-status__operate .app-tcmpp-btn--link {
  vertical-align: baseline;
}
.app-tcmpp-status.size-xs .app-tcmpp-status__content {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.app-tcmpp-status.size-xs .app-tcmpp-status__title {
  margin-bottom: 0;
  margin-right: 4px;
}
.app-tcmpp-status.size-xs .app-tcmpp-status__detail {
  display: block;
}
.app-tcmpp-notification-wrap {
  position: fixed;
  right: 0;
  top: 85px;
  right: calc(var(--tea-space-100)*5);
  text-align: right;
  font-size: 0;
  z-index: 1100;
  border-radius: var(--tea-border-radius-default);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.app-tcmpp-notification,
.app-tcmpp-notification-wrap {
  width: var(--notification-size-width-max, 368px);
}
.app-tcmpp-notification {
  overflow: hidden;
  font-size: var(--tea-font-size-default);
  text-align: left;
  display: inline-block;
  background-color: var(--tea-color-bg-primary-default);
  -webkit-box-shadow: var(--tea-shadow-md);
  box-shadow: var(--tea-shadow-md);
  margin-bottom: calc(var(--tea-space-100)*5);
  padding: calc(var(--tea-space-100)*4) calc(var(--tea-space-100)*5);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform-origin: center top;
  transform-origin: center top;
}
.app-tcmpp-notification:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 2px;
}
.app-tcmpp-notification__close {
  position: absolute;
  top: calc(var(--tea-space-100)*3);
  right: calc(var(--tea-space-100)*4);
}
.app-tcmpp-notification__close .app-tcmpp-btn--icon:hover {
  background-color: inherit;
}
.app-tcmpp-notification__close .app-tcmpp-btn--icon:hover .app-tcmpp-icon-close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzQ0NCIgZD0iTTEzLjk1IDMuNDE0TDEyLjUzNiAyIDggNi41MzYgMy40NjQgMiAyLjA1IDMuNDE0IDYuNTg2IDcuOTUgMi4wNSAxMi40ODVsMS40MTQgMS40MTRMOCA5LjM2NGw0LjUzNiA0LjUzNSAxLjQxNC0xLjQxNEw5LjQxNCA3Ljk1eiIvPjwvc3ZnPg==);
}
.app-tcmpp-notification__header {
  background-color: var(--tea-color-bg-primary-default);
  padding-right: calc(var(--tea-space-100)*8);
}
.app-tcmpp-notification__header .app-tcmpp-justify-grid__col {
  overflow: hidden;
}
.app-tcmpp-notification__header .app-tcmpp-justify-grid__col--right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.app-tcmpp-notification__header-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--tea-space-100);
  font: var(--tea-typography-body-md);
}
.app-tcmpp-notification__header-title .ruyi-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 18px;
  flex: 0 0 18px;
}
.app-tcmpp-notification__header-title-inner {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-tcmpp-notification__header-sub-info {
  display: inline-block;
  font-size: var(--tea-font-size-default);
  color: var(--tea-color-text-tertiary);
  vertical-align: middle;
}
.app-tcmpp-notification__body {
  margin-top: calc(var(--tea-space-100)*2*1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  word-wrap: break-word;
  word-break: break-word;
}
.app-tcmpp-notification__body .ruyi-icon,
.app-tcmpp-notification__body .app-tcmpp-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
  margin-right: calc(var(--tea-space-100)*2);
  margin-top: 2px;
}
.app-tcmpp-notification__footer {
  position: relative;
  margin-top: calc(var(--tea-space-100)*2);
  text-align: right;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-notification__footer-inner {
  display: inline-block;
  cursor: pointer;
  color: var(--tea-color-text-brand-default);
}
.app-tcmpp-notification__footer .app-tcmpp-btn--link,
.app-tcmpp-notification__footer .app-tcmpp-btn--text {
  font-size: var(--tea-font-size-default);
}
.app-tcmpp-notification__text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: var(--tea-color-text-secondary);
  font: var(--tea-typography-body-default);
}
.app-tcmpp-notification .notification-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.app-tcmpp-notification--brand:before {
  background-color: var(--tea-color-border-on-bg-brand-active);
}
.app-tcmpp-notification--brand .notification-icon,
.app-tcmpp-notification--brand .app-tcmpp-notification__header-title {
  color: var(--tea-color-text-on-bg-brand-lighten-default);
}
.app-tcmpp-notification--success:before {
  background-color: var(--tea-color-border-on-bg-success-active);
}
.app-tcmpp-notification--success .notification-icon,
.app-tcmpp-notification--success .app-tcmpp-notification__header-title {
  color: var(--tea-color-text-on-bg-success-lighten-default);
}
.app-tcmpp-notification--error:before {
  background-color: var(--tea-color-border-on-bg-error-active);
}
.app-tcmpp-notification--error .notification-icon,
.app-tcmpp-notification--error .app-tcmpp-notification__header-title {
  color: var(--tea-color-text-on-bg-error-lighten-default);
}
.app-tcmpp-notification--warning:before {
  background-color: var(--tea-color-border-on-bg-warning-active);
}
.app-tcmpp-notification--warning .notification-icon,
.app-tcmpp-notification--warning .app-tcmpp-notification__header-title {
  color: var(--tea-color-text-on-bg-warning-lighten-default);
}
.app-tcmpp-notification--operations-default:before {
  background-color: var(--tea-color-border-brand-disabled);
}
.app-tcmpp-notification--operations-default .app-tcmpp-notification__header-title {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-notification--operations-pay:before {
  background-color: var(--tea-color-border-warning-disabled);
}
.app-tcmpp-notification--operations-pay .app-tcmpp-notification__header-title {
  color: var(--tea-color-text-primary);
}
.app-tcmpp-notification-wrap--stacked .app-tcmpp-notification:not(:nth-last-child(-n+3)) {
  opacity: 0;
  overflow: hidden;
}
.app-tcmpp-notification-wrap--stacked .app-tcmpp-notification:not(:nth-last-child(-n+1)) .app-tcmpp-notification__body,
.app-tcmpp-notification-wrap--stacked .app-tcmpp-notification:not(:nth-last-child(-n+1)) .app-tcmpp-notification__footer {
  opacity: 0;
}
.app-tcmpp-notification--move-in {
  -webkit-animation: nt-move-in 0.3s ease-out forwards;
  animation: nt-move-in 0.3s ease-out forwards;
}
@-webkit-keyframes nt-move-in {
  0% {
    left: 100%;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
@keyframes nt-move-in {
  0% {
    left: 100%;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
.app-tcmpp-guide {
  min-width: 356px;
  max-width: 356px;
}
.app-tcmpp-guide .app-tcmpp-bubble__inner {
  padding: 0;
  background-color: var(--tea-color-bg-primary-default);
}
.app-tcmpp-guide .app-tcmpp-bubble__inner:after,
.app-tcmpp-guide .app-tcmpp-bubble__inner:before {
  display: none;
}
.app-tcmpp-guide.is-show-triangle-arrow .app-tcmpp-bubble__inner:after,
.app-tcmpp-guide.is-show-triangle-arrow .app-tcmpp-bubble__inner:before {
  display: block;
}
.app-tcmpp-guide.is-show-triangle-arrow.app-tcmpp-bubble--bottom .app-tcmpp-bubble__inner:after,
.app-tcmpp-guide.is-show-triangle-arrow.app-tcmpp-bubble--bottom .app-tcmpp-bubble__inner:before {
  margin-top: 0;
}
.app-tcmpp-guide.is-show-triangle-arrow.app-tcmpp-bubble--left .app-tcmpp-bubble__inner:after,
.app-tcmpp-guide.is-show-triangle-arrow.app-tcmpp-bubble--left .app-tcmpp-bubble__inner:before {
  margin-right: 0;
}
.app-tcmpp-guide.is-show-triangle-arrow.app-tcmpp-bubble--top .app-tcmpp-bubble__inner:after,
.app-tcmpp-guide.is-show-triangle-arrow.app-tcmpp-bubble--top .app-tcmpp-bubble__inner:before {
  margin-bottom: 0;
}
.app-tcmpp-guide.is-show-triangle-arrow.app-tcmpp-bubble--right .app-tcmpp-bubble__inner:after,
.app-tcmpp-guide.is-show-triangle-arrow.app-tcmpp-bubble--right .app-tcmpp-bubble__inner:before {
  margin-left: 0;
}
.app-tcmpp-guide__close-icon.app-tcmpp-btn--icon {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 0;
  min-width: 16px;
  color: var(--tea-color-text-on-bg-brand-default);
}
.app-tcmpp-guide__close-icon.app-tcmpp-btn--icon:hover {
  background-color: transparent;
  color: var(--tea-color-text-on-bg-brand-default);
}
.app-tcmpp-guide__close-icon.app-tcmpp-btn--icon .app-tcmpp-icon-close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEzLjk1IDMuNDE0TDEyLjUzNiAyIDggNi41MzYgMy40NjQgMiAyLjA1IDMuNDE0IDYuNTg2IDcuOTUgMi4wNSAxMi40ODVsMS40MTQgMS40MTRMOCA5LjM2NGw0LjUzNiA0LjUzNSAxLjQxNC0xLjQxNEw5LjQxNCA3Ljk1eiIvPjwvc3ZnPg==);
}
.app-tcmpp-guide__body .app-tcmpp-media {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.app-tcmpp-guide__body .app-tcmpp-media .app-tcmpp-media__left {
  width: 100%;
  padding-right: 0;
  line-height: 0;
}
.app-tcmpp-guide__body .app-tcmpp-guide__image {
  width: 100%;
}
.app-tcmpp-guide__body .app-tcmpp-media .app-tcmpp-media__body {
  width: 100%;
  padding: 20px 24px 24px;
}
.app-tcmpp-guide__messagetitle {
  font-size: var(--tea-font-size-350);
  font-weight: var(--tea-font-weight-medium);
  margin-bottom: 12px;
  color: var(--tea-color-text-primary);
  line-height: var(--tea-font-line-height-default);
}
.app-tcmpp-guide__messagetext {
  font-size: var(--tea-font-size-default);
  font-weight: var(--tea-font-weight-regular);
  line-height: var(--tea-font-line-height-default);
  color: var(--tea-color-text-tertiary);
}
.app-tcmpp-guide__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 0;
  background-color: transparent;
  padding: 0 24px 24px;
}
.app-tcmpp-guide.app-tcmpp-guide--start .app-tcmpp-guide__footer {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.app-tcmpp-guide__footer .app-tcmpp-guide__dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-guide__footer .app-tcmpp-guide__dot .app-tcmpp-guide__dot-item {
  border: 1px solid var(--tea-color-bg-brand-default);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 8px;
  vertical-align: middle;
  width: 8px;
}
.app-tcmpp-guide__footer .app-tcmpp-guide__dot .app-tcmpp-guide__dot-item:not(:last-child) {
  margin-right: 8px;
}
.app-tcmpp-guide__footer .app-tcmpp-guide__dot .app-tcmpp-guide__dot-item.is-active {
  background-color: var(--tea-color-bg-brand-default);
}
.app-tcmpp-guide__footer .app-tcmpp-btn {
  margin-left: 5px;
  line-height: var(--tea-font-line-height-default);
  font-weight: var(--tea-font-weight-regular);
  min-width: 84px;
}
.app-tcmpp-guide__footer .app-tcmpp-btn.app-tcmpp-btn--text {
  min-width: 24px;
}
.app-tcmpp-guide__flashing-light {
  width: 48px;
  height: 48px;
  background-color: transparent;
  position: absolute;
  margin: 0 auto;
}
.app-tcmpp-guide__flashing-light:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  background-color: rgba(245, 189, 64, 0.5);
  -webkit-animation-name: flashwrap;
  animation-name: flashwrap;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  z-index: 3;
}
.app-tcmpp-guide__flashing-light-dot {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  background-color: #f5bd40;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  transform: translate(-50%, -50%) scale(0.5);
  -webkit-animation-name: flashdot;
  animation-name: flashdot;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.app-tcmpp-bubble--top .app-tcmpp-guide__flashing-light {
  bottom: 100%;
  left: inherit;
  right: inherit;
  margin-bottom: -1px;
  margin-left: -20px;
}
.app-tcmpp-bubble--right .app-tcmpp-guide__flashing-light {
  top: inherit;
  bottom: inherit;
  left: 100%;
  margin-left: -1px;
  margin-top: -20px;
}
.app-tcmpp-bubble--bottom .app-tcmpp-guide__flashing-light {
  top: 100%;
  left: inherit;
  right: inherit;
  margin-top: -1px;
  margin-left: -20px;
}
.app-tcmpp-bubble--left .app-tcmpp-guide__flashing-light {
  top: inherit;
  bottom: inherit;
  right: 100%;
  margin-right: -1px;
  margin-top: -20px;
}
.app-tcmpp-bubble--bottom.app-tcmpp-bubble--end .app-tcmpp-guide__flashing-light,
.app-tcmpp-bubble--top.app-tcmpp-bubble--end .app-tcmpp-guide__flashing-light {
  margin-right: -20px;
}
.app-tcmpp-bubble--left.app-tcmpp-bubble--end .app-tcmpp-guide__flashing-light,
.app-tcmpp-bubble--right.app-tcmpp-bubble--end .app-tcmpp-guide__flashing-light {
  margin-bottom: -20px;
}
.app-tcmpp-bubble--right.app-tcmpp-bubble--start .app-tcmpp-guide__flashing-light {
  margin-top: -25px;
}
@-webkit-keyframes flashwrap {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1;
  }
  33% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1;
  }
  66% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes flashwrap {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1;
  }
  33% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1;
  }
  66% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes flashdot {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.1);
    transform: translate(-50%, -50%) scale(0.1);
    opacity: 1;
  }
  33% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  66% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes flashdot {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.1);
    transform: translate(-50%, -50%) scale(0.1);
    opacity: 1;
  }
  33% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  66% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
.app-tcmpp-cascader {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: var(--tea-form-color-bg-primary-default);
  border: 1px solid var(--tea-color-border-primary-default);
  border-radius: var(--tea-border-radius-default);
  min-width: 200px;
  min-height: var(--tea-form-height-default);
  padding: 0 26px 0 10px;
  cursor: pointer;
  color: var(--tea-color-text-primary);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transition-property: color, background-color, border;
  transition-property: color, background-color, border;
}
.app-tcmpp-cascader .app-tcmpp-tag {
  margin-top: 4px;
}
.app-tcmpp-cascader .app-tcmpp-input--editor {
  position: relative;
  padding: 0;
  height: 24px;
  line-height: 24px;
  width: 26px;
  top: calc((var(--tea-form-height-default) - 26px)/2);
}
.app-tcmpp-cascader:hover {
  background-color: var(--tea-form-color-bg-primary-hover);
}
.app-tcmpp-cascader__input .app-tcmpp-input,
.app-tcmpp-cascader__input .app-tcmpp-input[readonly] {
  background-color: transparent;
  border: 0;
  position: absolute;
  height: calc(var(--tea-form-height-default) - 4px);
  line-height: calc(var(--tea-form-height-default) - 4px);
  top: 1px;
  left: 1px;
  z-index: 1;
  right: 1px;
  cursor: pointer;
}
.app-tcmpp-cascader__input .app-tcmpp-input {
  z-index: 2;
}
.app-tcmpp-cascader__input .app-tcmpp-input--editor {
  position: relative;
  padding: 0;
  height: 24px;
  line-height: 24px;
  width: 26px;
  top: calc((var(--tea-form-height-default) - 26px)/2);
}
.app-tcmpp-cascader__value {
  line-height: calc(var(--tea-form-height-default) - 2px);
  font-size: var(--tea-font-size-default);
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.app-tcmpp-cascader__value .app-tcmpp-tag-group {
  margin-top: 0;
  margin-bottom: 4px;
  white-space: normal;
}
.app-tcmpp-cascader .app-tcmpp-icon-arrowdown,
.app-tcmpp-cascader > .ruyi-icon,
.app-tcmpp-cascader > .app-tcmpp-icon {
  position: absolute;
  z-index: 2;
  right: 4px;
  top: calc((var(--tea-form-height-default) - 18px)/2);
}
.app-tcmpp-cascader__label {
  height: auto;
  line-height: 20px;
  margin: calc((var(--tea-form-height-default) - 22px)/2) 4px 0 0;
  display: inline-block;
}
.app-tcmpp-cascader.is-disabled {
  background-color: var(--tea-form-color-bg-primary-disabled);
  cursor: not-allowed;
}
.app-tcmpp-cascader.is-disabled .app-tcmpp-cascader__value {
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-cascader.is-disabled .app-tcmpp-cascader__input .app-tcmpp-input {
  cursor: inherit;
}
.app-tcmpp-cascader-menu {
  min-width: 198px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.app-tcmpp-cascader-menu .app-tcmpp-tabs--bordered .app-tcmpp-tabs__tab {
  font-size: var(--tea-font-size-default);
}
.app-tcmpp-cascader-menu__list {
  padding: 0 5px 0 15px;
  font-size: 0;
  width: 500px;
  margin-bottom: -10px;
  max-height: 280px;
  overflow-y: auto;
}
.app-tcmpp-cascader-menu__list li {
  font-size: var(--tea-font-size-default);
  line-height: 1.5;
  margin-bottom: 8px;
  display: inline-block;
  vertical-align: middle;
}
.app-tcmpp-cascader-menu__col4 .app-tcmpp-cascader-menu__list li {
  width: 116px;
}
.app-tcmpp-cascader-menu__col2 .app-tcmpp-cascader-menu__list li {
  width: 232px;
}
.app-tcmpp-cascader-menu__col1 .app-tcmpp-cascader-menu__list li {
  width: 100%;
}
.app-tcmpp-cascader-menu__col1 .app-tcmpp-cascader-menu__list {
  width: 350px;
}
.app-tcmpp-cascader-menu__label {
  padding: 1px 5px;
  cursor: pointer;
  margin-right: 10px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-tcmpp-cascader-menu__label:hover {
  background-color: var(--tea-form-color-bg-primary-hover);
}
.app-tcmpp-cascader-menu__label.is-selected {
  background-color: var(--tea-color-bg-brand-default);
  color: var(--tea-color-text-on-bg-brand-default);
}
.app-tcmpp-cascader-menu__label.is-disabled {
  color: var(--tea-color-text-disabled);
}
.app-tcmpp-cascader-menu__label.is-disabled:hover {
  background-color: transparent;
  cursor: not-allowed;
}
.app-tcmpp-cascader--search .app-tcmpp-input {
  border: none;
}
.app-tcmpp-cascader-menu--thin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
}
.app-tcmpp-cascader-menu--thin .app-tcmpp-list {
  min-width: 100px;
  border-left: 1px solid var(--tea-color-border-secondary-default);
}
.app-tcmpp-cascader-menu--thin .app-tcmpp-list:first {
  border-left: none;
}
.app-tcmpp-cascader-menu--thin .app-tcmpp-list > li {
  position: relative;
}
.app-tcmpp-cascader-menu--thin .app-tcmpp-list__submenu {
  padding-right: 24px;
}
.app-tcmpp-menu {
  position: relative;
  width: 200px;
  background-color: var(--menu-bg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  overflow-x: hidden;
  border-right: 1px solid var(--menu-border);
}
.app-tcmpp-menu__title {
  padding: 0 var(--menu-padding-both-sides) 0 var(--menu-padding-both-sides);
  position: relative;
  min-height: 51px;
  padding-top: 13px;
  padding-bottom: 13px;
  width: 200px;
  border-bottom: 1px solid var(--menu-border);
}
.app-tcmpp-menu__title,
.app-tcmpp-menu__title .app-tcmpp-h2 {
  color: var(--menu-text-default);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-menu__title .app-tcmpp-h2 {
  font: var(--tea-typography-heading-6);
}
.app-tcmpp-menu__title .ruyi-icon-caret-down,
.app-tcmpp-menu__title .ruyi-icon-chevron-down,
.app-tcmpp-menu__title .app-tcmpp-icon-arrowdown {
  top: 20px;
  display: none;
}
.app-tcmpp-menu__body {
  width: 200px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  overflow: auto;
  overflow-x: hidden;
  padding: 16px 0;
}
.app-tcmpp-menu__body::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  background-color: transparent;
  border-radius: 9px;
}
.app-tcmpp-menu__body::-webkit-scrollbar-thumb {
  background-color: var(--tea-color-scrollbar-default);
  border-radius: 0;
  background-clip: content-box;
  border: 4px solid transparent;
}
.app-tcmpp-menu__list li {
  color: var(--menu-text-default);
  font-size: 0;
  cursor: pointer;
}
.app-tcmpp-menu__list li.is-selected > .app-tcmpp-menu__item,
.app-tcmpp-menu__list li.is-selected > .app-tcmpp-menu__item:hover {
  background: var(--menu-item-bg-active);
}
.app-tcmpp-menu__list li.is-selected > .app-tcmpp-menu__item,
.app-tcmpp-menu__list li.is-selected > .app-tcmpp-menu__item .ruyi-icon-chevron-down,
.app-tcmpp-menu__list li.is-selected > .app-tcmpp-menu__item .app-tcmpp-menu__text {
  color: var(--menu-item-text-active);
}
.app-tcmpp-menu__list li.is-selected > .app-tcmpp-menu__item .ruyi-icon-chevron-down .ruyi-icon-jump path,
.app-tcmpp-menu__list li.is-selected > .app-tcmpp-menu__item .ruyi-icon-jump path,
.app-tcmpp-menu__list li.is-selected > .app-tcmpp-menu__item .app-tcmpp-menu__text .ruyi-icon-jump path {
  fill: var(--menu-item-text-active) !important;
}
.app-tcmpp-menu__list li.is-selected > .app-tcmpp-menu__item .app-tcmpp-menu__sub-text,
.app-tcmpp-menu__list li.is-selected > .app-tcmpp-menu__item:hover .app-tcmpp-menu__text {
  color: var(--menu-item-text-active);
}
.app-tcmpp-menu__list li.is-selected > .app-tcmpp-menu__item .app-tcmpp-menu__sub-text.is-dot {
  background-color: var(--menu-item-text-active);
}
.app-tcmpp-menu__list-icon {
  margin-top: 2px;
  margin-right: 12px;
  width: 16px;
  height: 16px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.app-tcmpp-menu__list-icon.is-selected,
.app-tcmpp-menu__list li.is-selected .app-tcmpp-menu__list-icon {
  display: none;
}
.app-tcmpp-menu__list li.is-selected .app-tcmpp-menu__list-icon.is-selected {
  display: inline-block;
}
.app-tcmpp-menu__item {
  padding: 8px var(--menu-padding-both-sides);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: var(--menu-text-default);
  position: relative;
}
.app-tcmpp-menu__item .ruyi-icon-chevron-down {
  color: var(--menu-icon-color);
}
.app-tcmpp-menu__item:hover {
  background-color: var(--menu-item-bg-hover);
  cursor: pointer;
  text-decoration: none;
}
.app-tcmpp-menu__item:hover > .app-tcmpp-menu__text {
  color: var(--menu-item-text-hover);
}
.app-tcmpp-menu__text {
  max-width: 115px;
  font: var(--tea-typography-body-md);
  display: inline-block;
  vertical-align: text-top;
  color: var(--menu-text-default);
  line-height: 20px;
}
.app-tcmpp-menu__text .ruyi-icon-jump {
  margin-top: -2px;
  margin-left: 5px;
  vertical-align: middle;
}
.app-tcmpp-menu__text .ruyi-icon-jump path {
  fill: var(--menu-icon-jump-color-text) !important;
}
.app-tcmpp-menu__sub-text {
  display: inline;
  font-size: var(--tea-font-size-default);
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  right: var(--menu-padding-both-sides);
}
.app-tcmpp-menu__sub-text.is-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.app-tcmpp-menu__sub-text.is-error {
  color: var(--tea-color-text-error-default);
}
.app-tcmpp-menu__sub-text.is-error.is-dot {
  background-color: var(--tea-color-bg-error-default);
}
.app-tcmpp-menu__label {
  position: relative;
}
.app-tcmpp-menu__label .app-tcmpp-menu__item {
  padding: 12px var(--menu-padding-both-sides) 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-menu__label .app-tcmpp-menu__item:hover {
  background-color: transparent;
  cursor: default;
}
.app-tcmpp-menu__label .app-tcmpp-menu__item:hover .app-tcmpp-menu__text {
  color: var(--menu-text-label);
}
.app-tcmpp-menu__label .app-tcmpp-menu__text {
  line-height: 20px;
  display: block;
  padding: 0;
  color: var(--menu-text-label);
  font-size: var(--tea-font-size-default);
  word-wrap: break-word;
  word-break: break-word;
  margin-left: 0;
  font-weight: 400;
  max-width: inherit;
}
.app-tcmpp-menu__label:after {
  content: "";
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 19px;
  height: 1px;
  background-color: var(--menu-border);
}
.app-tcmpp-menu__submenu {
  position: relative;
}
.app-tcmpp-menu__submenu .app-tcmpp-menu__list {
  display: none;
  padding-top: 0;
}
.app-tcmpp-menu__submenu .app-tcmpp-menu__list .app-tcmpp-menu__item,
.app-tcmpp-menu__submenu .app-tcmpp-menu__list .app-tcmpp-menu__item .app-tcmpp-menu__text {
  color: var(--ment-text-secondary);
}
.app-tcmpp-menu__submenu .app-tcmpp-menu__list .app-tcmpp-menu__item:before {
  content: "";
  background-color: var(--menu-text-label);
  width: 3px;
  height: 3px;
  border-radius: 10px;
  margin-right: 19px;
  display: inline-block;
  vertical-align: text-top;
  margin-top: 10px;
  margin-left: 6px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.app-tcmpp-menu__submenu .app-tcmpp-menu__list .app-tcmpp-menu__item:hover > .app-tcmpp-menu__text {
  color: var(--menu-item-text-hover);
}
.app-tcmpp-menu__submenu .app-tcmpp-menu__list .is-selected .app-tcmpp-menu__item:before {
  background-color: var(--menu-item-text-active);
}
.app-tcmpp-menu__submenu .app-tcmpp-menu__list .is-selected .app-tcmpp-menu__text {
  color: var(--menu-item-text-active);
}
.app-tcmpp-menu__submenu > .app-tcmpp-menu__item .app-tcmpp-menu__sub-text.is-dot {
  right: calc(var(--menu-padding-both-sides) + 20px);
}
.app-tcmpp-menu__submenu.is-expanded .app-tcmpp-menu__list {
  display: block;
}
.app-tcmpp-menu__footer {
  display: block;
  width: 100%;
  height: 48px;
}
.app-tcmpp-menu__fold {
  width: 48px;
  height: 100%;
  bottom: 0;
  left: 0;
  top: auto;
  border: 0;
  z-index: 1000;
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--menu-text-default);
}
.app-tcmpp-menu__fold:hover {
  background-color: var(--menu-item-bg-hover);
}
.app-tcmpp-menu__fold-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.app-tcmpp-menu-is-collapsed.app-tcmpp-menu,
.app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-menu__body {
  width: 48px;
  overflow-x: hidden;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-menu__body::-webkit-scrollbar {
  display: none;
}
.app-tcmpp-menu-is-collapsed.app-tcmpp-menu:hover .app-tcmpp-menu__body::-webkit-scrollbar {
  display: block;
}
.app-tcmpp-menu-is-collapsed .app-tcmpp-menu__title {
  width: 56px;
}
.app-tcmpp-menu-is-collapsed .app-tcmpp-menu__title-icon {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 12px;
  top: 13px;
}
.app-tcmpp-menu-is-collapsed.app-tcmpp-menu .ruyi-icon-chevron-down,
.app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-badge,
.app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-icon-arrowdown,
.app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-menu__text,
.app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-menu__title .app-tcmpp-h2 {
  display: none;
}
.app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-menu__item {
  height: 36px;
}
.app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-menu__label .app-tcmpp-menu__item {
  height: 40px;
}
.app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-menu__label:after {
  display: block;
}
.app-tcmpp-menu-is-locked.app-tcmpp-menu {
  position: absolute;
  z-index: 101;
}
.app-tcmpp-menu-is-collapsed .app-tcmpp-menu__fold-icon .ruyi-icon-menu-unfold,
.app-tcmpp-menu-is-collapsed .app-tcmpp-menu__fold-icon .app-tcmpp-icon-fold,
.app-tcmpp-menu-is-locked.app-tcmpp-menu-is-collapsed .app-tcmpp-menu__fold-icon .ruyi-icon-menu-unfold,
.app-tcmpp-menu-is-locked.app-tcmpp-menu-is-collapsed .app-tcmpp-menu__fold-icon .app-tcmpp-icon-fold,
.app-tcmpp-menu-is-locked .app-tcmpp-menu__fold-icon .ruyi-icon-menu-unfold,
.app-tcmpp-menu-is-locked .app-tcmpp-menu__fold-icon .app-tcmpp-icon-fold {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.app-tcmpp-menu-is-collapsed .app-tcmpp-menu__submenu .app-tcmpp-menu__list {
  display: none;
}
.app-tcmpp-menu .ruyi-icon-chevron-down,
.app-tcmpp-menu .app-tcmpp-icon-arrowdown {
  position: absolute;
  right: var(--menu-padding-both-sides);
  top: 10px;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}
.app-tcmpp-menu__title-back {
  padding: 10px var(--menu-padding-both-sides) 0 var(--menu-padding-both-sides);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 51px;
  max-height: 60px;
  overflow-y: hidden;
}
.app-tcmpp-menu__title-back .app-tcmpp-h2 {
  font: var(--tea-typography-heading-7);
  color: var(--menu-text-default);
  word-wrap: break-word;
  word-break: break-word;
}
.app-tcmpp-menu__title-back .app-tcmpp-menu__title-main,
.app-tcmpp-menu__title-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.app-tcmpp-menu__title-text {
  color: var(--ment-text-secondary);
}
.app-tcmpp-menu__title-list {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.app-tcmpp-menu__title-icon {
  display: none;
}
.app-tcmpp-menu__back {
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  font-size: 0;
  margin-left: -6px;
  margin-right: 1px;
  margin-top: -2px;
  color: var(--menu-text-default);
}
.app-tcmpp-menu__back .ruyi-icon-arrow-left-stroke {
  color: var(--menu-icon-back-color-text);
}
.app-tcmpp-menu .app-tcmpp-badge {
  font-weight: 700;
  border: 0;
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  border-radius: 12px;
  vertical-align: middle;
  -webkit-transform: scale(0.8);
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.app-tcmpp-menu .app-tcmpp-badge:not(.is-success) {
  background-color: var(--menu-badge-bg-default);
  color: var(--menu-badge-text-default);
}
.app-tcmpp-menu__text.app-tcmpp-menu__text-short {
  max-width: 75px;
}
.app-tcmpp-menu__submenu.is-expanded .ruyi-icon-chevron-down,
.app-tcmpp-menu__submenu.is-expanded .app-tcmpp-icon-arrowdown {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.app-tcmpp-menu__submenu.app-tcmpp-menu__subbadge:after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  right: 11px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: var(--tea-color-bg-warning-default);
}
.app-tcmpp-nav {
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  padding: 0 15px 0 12px;
  height: 50px;
  background-color: var(--tea-color-bg-primary-default);
  border-bottom: 1px solid var(--tea-color-border-secondary-default);
}
.app-tcmpp-nav,
.app-tcmpp-nav__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.app-tcmpp-nav__logo {
  padding-right: 15px;
  position: relative;
}
.app-tcmpp-nav__logo:before {
  content: "";
  border-right: 1px solid var(--tea-color-border-primary-default);
  width: 1px;
  position: absolute;
  top: -9px;
  right: -2px;
  bottom: -9px;
}
.app-tcmpp-nav__logo a {
  display: block;
  font-size: 0;
}
.app-tcmpp-nav__service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  position: relative;
}
.app-tcmpp-nav__service a {
  color: var(--tea-color-text-secondary);
  padding: 0 15px;
  line-height: 50px;
}
.app-tcmpp-nav__service a.is-selected,
.app-tcmpp-nav__service a:hover {
  text-decoration: none;
  color: var(--tea-color-text-brand-default);
}
.app-tcmpp-nav__flex-end {
  margin-left: auto;
}
.app-tcmpp-nav__dropdown {
  height: 100%;
  position: relative;
}
.app-tcmpp-nav__dropdown .app-tcmpp-dropdown {
  padding: 0 0 0 20px;
}
.app-tcmpp-nav__dropdown .app-tcmpp-dropdown__header {
  height: 50px;
  padding: 10px 22px 10px 0;
}
.app-tcmpp-nav__dropdown .app-tcmpp-dropdown__value {
  color: var(--tea-color-text-secondary);
  max-width: 6em;
  vertical-align: top;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-tcmpp-nav__dropdown .ruyi-icon-caret-down {
  color: var(--tea-color-text-secondary);
}
.app-tcmpp-nav__dropdown .app-tcmpp-dropdown__header:hover .ruyi-icon-caret-down,
.app-tcmpp-nav__dropdown .app-tcmpp-dropdown__header:hover .app-tcmpp-dropdown__value {
  color: var(--tea-color-text-brand-default);
}
.app-tcmpp-nav__dropdown .app-tcmpp-dropdown__header:hover .app-tcmpp-icon-arrowdown {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzNkOTFmZiIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+);
}
.app-tcmpp-nav__dropdown .app-tcmpp-dropdown__header > .ruyi-icon,
.app-tcmpp-nav__dropdown .app-tcmpp-dropdown__header > .app-tcmpp-icon {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.app-tcmpp-nav__dropdown.is-selected .ruyi-icon-caret-down,
.app-tcmpp-nav__dropdown.is-selected .app-tcmpp-dropdown__value {
  color: var(--tea-color-text-brand-default);
}
.app-tcmpp-nav__dropdown.is-selected .app-tcmpp-icon-arrowdown {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzNkOTFmZiIgZD0iTTEyIDZINGw0IDV6Ii8+PC9zdmc+);
}
.app-tcmpp-nav__operation {
  height: 100%;
}
.app-tcmpp-nav__operation-inner {
  display: block;
  line-height: 50px;
  padding: 0 16px;
  position: relative;
  height: 50px;
  color: var(--tea-color-text-primary);
}
.app-tcmpp-nav__operation-inner .ruyi-icon {
  position: relative;
  z-index: 1;
}
.app-tcmpp-nav__operation-inner .app-tcmpp-badge.is-error-dark {
  background-color: var(--tea-color-bg-error-default);
  border: 2px solid var(--tea-color-bg-primary-default);
  height: 20px;
  font-size: 12px;
  color: var(--tea-color-text-on-bg-error-default);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  border-radius: 20px;
  line-height: 16px;
  text-align: center;
  font-weight: 700;
  top: 10px;
  left: 22px;
  padding: 0 5px;
  z-index: 1;
}
.is-selected .app-tcmpp-nav__operation-inner:before,
.app-tcmpp-nav__operation-inner:hover:before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  background-color: var(--tea-color-bg-primary-hover);
  border-radius: 30px;
  position: absolute;
  top: 11px;
  right: 9px;
}
.is-selected .app-tcmpp-nav__operation-inner .app-tcmpp-icon-news {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEgMTN2LTFsMi0xVjdjMC0yLjQgMS43LTQuNCA0LTQuOVYxaDJ2MS4xYzIuMy41IDQgMi41IDQgNC45djRsMiAxdjFIMXptNyAzYy0xLjMgMC0yLjQtLjgtMi44LTJoNS42Yy0uNCAxLjItMS41IDItMi44IDJ6Ii8+PC9zdmc+);
}
.is-selected .app-tcmpp-nav__operation-inner .app-tcmpp-icon-help {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTcgMTEuNWgydjFIN3oiLz48cGF0aCBkPSJNOCAxYTcgNyAwIDEgMCAwIDE0QTcgNyAwIDAgMCA4IDF6bTAgMTIuNWMtMy4wMzMgMC01LjUtMi40NjctNS41LTUuNVM0Ljk2NyAyLjUgOCAyLjVzNS41IDIuNDY3IDUuNSA1LjUtMi40NjcgNS41LTUuNSA1LjV6Ii8+PC9nPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik04IDUuNTYyYy41NTEgMCAxIC40NDkgMSAxcy0uNDIyLjkyMi0xIDEuMDc5di4wMTRjLS41ODEuMjA2LTEgLjc1NS0xIDEuNDA3djEuMzc1aDJWOS4zNzlhMi45OSAyLjk5IDAgMCAwIDItMi44MTYgMyAzIDAgMSAwLTYgMGgyYzAtLjU1Mi40NDktMS4wMDEgMS0xLjAwMXoiLz48L3N2Zz4=);
}
.international .app-tcmpp-btn,
.international .app-tcmpp-tag,
.qc-lang-jp .app-tcmpp-btn,
.qc-lang-jp .app-tcmpp-tag,
.qc-lang-ko .app-tcmpp-btn,
.qc-lang-ko .app-tcmpp-tag,
.app-tcmpp-lang-en .app-tcmpp-btn,
.app-tcmpp-lang-en .app-tcmpp-tag,
.app-tcmpp-lang-jp .app-tcmpp-btn,
.app-tcmpp-lang-jp .app-tcmpp-tag,
.app-tcmpp-lang-ko .app-tcmpp-btn,
.app-tcmpp-lang-ko .app-tcmpp-tag {
  max-width: 100%;
}
.international .app-tcmpp-tag .app-tcmpp--tag--unlimited-width span,
.qc-lang-jp .app-tcmpp-tag .app-tcmpp--tag--unlimited-width span,
.qc-lang-ko .app-tcmpp-tag .app-tcmpp--tag--unlimited-width span,
.app-tcmpp-lang-en .app-tcmpp-tag .app-tcmpp--tag--unlimited-width span,
.app-tcmpp-lang-jp .app-tcmpp-tag .app-tcmpp--tag--unlimited-width span,
.app-tcmpp-lang-ko .app-tcmpp-tag .app-tcmpp--tag--unlimited-width span {
  max-width: 100%;
  white-space: nowrap;
}
.international .app-tcmpp-dropdown,
.international .app-tcmpp-input,
.international .app-tcmpp-select-refresh,
.international .app-tcmpp-textarea,
.qc-lang-jp .app-tcmpp-dropdown,
.qc-lang-jp .app-tcmpp-input,
.qc-lang-jp .app-tcmpp-select-refresh,
.qc-lang-jp .app-tcmpp-textarea,
.qc-lang-ko .app-tcmpp-dropdown,
.qc-lang-ko .app-tcmpp-input,
.qc-lang-ko .app-tcmpp-select-refresh,
.qc-lang-ko .app-tcmpp-textarea,
.app-tcmpp-lang-en .app-tcmpp-dropdown,
.app-tcmpp-lang-en .app-tcmpp-input,
.app-tcmpp-lang-en .app-tcmpp-select-refresh,
.app-tcmpp-lang-en .app-tcmpp-textarea,
.app-tcmpp-lang-jp .app-tcmpp-dropdown,
.app-tcmpp-lang-jp .app-tcmpp-input,
.app-tcmpp-lang-jp .app-tcmpp-select-refresh,
.app-tcmpp-lang-jp .app-tcmpp-textarea,
.app-tcmpp-lang-ko .app-tcmpp-dropdown,
.app-tcmpp-lang-ko .app-tcmpp-input,
.app-tcmpp-lang-ko .app-tcmpp-select-refresh,
.app-tcmpp-lang-ko .app-tcmpp-textarea {
  max-width: 100%;
}
.international .app-tcmpp-select-refresh .app-tcmpp-dropdown,
.qc-lang-jp .app-tcmpp-select-refresh .app-tcmpp-dropdown,
.qc-lang-ko .app-tcmpp-select-refresh .app-tcmpp-dropdown,
.app-tcmpp-lang-en .app-tcmpp-select-refresh .app-tcmpp-dropdown,
.app-tcmpp-lang-jp .app-tcmpp-select-refresh .app-tcmpp-dropdown,
.app-tcmpp-lang-ko .app-tcmpp-select-refresh .app-tcmpp-dropdown {
  max-width: calc(100% - 30px);
}
.international .app-tcmpp-step__title,
.qc-lang-jp .app-tcmpp-step__title,
.qc-lang-ko .app-tcmpp-step__title,
.app-tcmpp-lang-en .app-tcmpp-step__title,
.app-tcmpp-lang-jp .app-tcmpp-step__title,
.app-tcmpp-lang-ko .app-tcmpp-step__title {
  max-width: 15em;
}
.international .app-tcmpp-table td .app-tcmpp-btn--link,
.qc-lang-jp .app-tcmpp-table td .app-tcmpp-btn--link,
.qc-lang-ko .app-tcmpp-table td .app-tcmpp-btn--link,
.app-tcmpp-lang-en .app-tcmpp-table td .app-tcmpp-btn--link,
.app-tcmpp-lang-jp .app-tcmpp-table td .app-tcmpp-btn--link,
.app-tcmpp-lang-ko .app-tcmpp-table td .app-tcmpp-btn--link {
  margin-right: 16px;
}
.app-tcmpp-lang-en .app-tcmpp-menu,
.app-tcmpp-lang-en .app-tcmpp-menu__body,
.app-tcmpp-lang-en .app-tcmpp-menu__title,
.app-tcmpp-lang-jp .app-tcmpp-menu,
.app-tcmpp-lang-jp .app-tcmpp-menu__body,
.app-tcmpp-lang-jp .app-tcmpp-menu__title,
.app-tcmpp-lang-ko .app-tcmpp-menu,
.app-tcmpp-lang-ko .app-tcmpp-menu__body,
.app-tcmpp-lang-ko .app-tcmpp-menu__title {
  width: 240px;
}
.app-tcmpp-lang-en .app-tcmpp-menu__body,
.app-tcmpp-lang-jp .app-tcmpp-menu__body,
.app-tcmpp-lang-ko .app-tcmpp-menu__body {
  padding-top: 0;
}
.app-tcmpp-lang-en .app-tcmpp-menu__title,
.app-tcmpp-lang-jp .app-tcmpp-menu__title,
.app-tcmpp-lang-ko .app-tcmpp-menu__title {
  min-height: 50px;
  height: auto;
  border-bottom: none;
  padding-top: 13px;
  padding-bottom: 13px;
}
.app-tcmpp-lang-en .app-tcmpp-menu__title .app-tcmpp-h2,
.app-tcmpp-lang-jp .app-tcmpp-menu__title .app-tcmpp-h2,
.app-tcmpp-lang-ko .app-tcmpp-menu__title .app-tcmpp-h2 {
  white-space: normal;
}
.app-tcmpp-lang-en .app-tcmpp-menu__text,
.app-tcmpp-lang-jp .app-tcmpp-menu__text,
.app-tcmpp-lang-ko .app-tcmpp-menu__text {
  max-width: 155px;
}
.app-tcmpp-lang-en .app-tcmpp-menu__label .app-tcmpp-menu__text,
.app-tcmpp-lang-jp .app-tcmpp-menu__label .app-tcmpp-menu__text,
.app-tcmpp-lang-ko .app-tcmpp-menu__label .app-tcmpp-menu__text {
  max-width: 100%;
}
.app-tcmpp-lang-en .app-tcmpp-menu-is-collapsed.app-tcmpp-menu,
.app-tcmpp-lang-en .app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-menu__body,
.app-tcmpp-lang-jp .app-tcmpp-menu-is-collapsed.app-tcmpp-menu,
.app-tcmpp-lang-jp .app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-menu__body,
.app-tcmpp-lang-ko .app-tcmpp-menu-is-collapsed.app-tcmpp-menu,
.app-tcmpp-lang-ko .app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-menu__body {
  width: 48px;
}
.app-tcmpp-lang-en .app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-menu__body .app-tcmpp-menu__list .app-tcmpp-menu__label:first-child,
.app-tcmpp-lang-en .app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-menu__list .app-tcmpp-menu__label:first-child,
.app-tcmpp-lang-jp .app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-menu__body .app-tcmpp-menu__list .app-tcmpp-menu__label:first-child,
.app-tcmpp-lang-jp .app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-menu__list .app-tcmpp-menu__label:first-child,
.app-tcmpp-lang-ko .app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-menu__body .app-tcmpp-menu__list .app-tcmpp-menu__label:first-child,
.app-tcmpp-lang-ko .app-tcmpp-menu-is-collapsed.app-tcmpp-menu .app-tcmpp-menu__list .app-tcmpp-menu__label:first-child {
  display: none;
}


/*# sourceMappingURL=https://tea.tencent.com/sm/tcmpp-chunk-tencent.a864d86fc7.css.map*/