zartd 0.0.10

package/es/style/index.css

@@ -0,0 +1,2654 @@
+@font-face {
+  font-family: 'DIN';
+  src: url('din-alternate-bold.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'zt-iconfont';
+  /* Project id 3622406 */
+  src: url('iconfont.woff2?t=1662432181001') format('woff2'), url('iconfont.woff?t=1662432181001') format('woff'), url('iconfont.ttf?t=1662432181001') format('truetype');
+}
+.zt-iconfont {
+  font-family: 'zt-iconfont' !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.zt-icon-fold:before {
+  content: '\e685';
+}
+.zt-icon-setting-back:before {
+  content: '\e686';
+}
+.zt-icon-info:before {
+  content: '\e687';
+}
+.zt-icon-filter:before {
+  content: '\e688';
+}
+.zt-icon-document-setting:before {
+  content: '\e689';
+}
+.zt-icon-arrow-down:before {
+  content: '\e68a';
+}
+.zt-icon-relation:before {
+  content: '\e68b';
+}
+.zt-icon-import:before {
+  content: '\e68c';
+}
+.zt-icon-document-history:before {
+  content: '\e68d';
+}
+.zt-icon-user:before {
+  content: '\e68e';
+}
+.zt-icon-text-extend:before {
+  content: '\e68f';
+}
+.zt-icon-document-magnifier:before {
+  content: '\e690';
+}
+.zt-icon-copy:before {
+  content: '\e691';
+}
+.zt-icon-double-arrow-left:before {
+  content: '\e692';
+}
+.zt-icon-number:before {
+  content: '\e693';
+}
+.zt-icon-edit:before {
+  content: '\e694';
+}
+.zt-icon-send:before {
+  content: '\e695';
+}
+.zt-icon-bell-back:before {
+  content: '\e6b3';
+}
+.zt-icon-bell-setting:before {
+  content: '\e6b4';
+}
+.zt-icon-bell-magnifier:before {
+  content: '\e6b5';
+}
+.zt-icon-bell-edit:before {
+  content: '\e6b6';
+}
+.zt-icon-bell:before {
+  content: '\e6b7';
+}
+.zt-icon-box1:before {
+  content: '\e6b9';
+}
+.zt-icon-bell-report:before {
+  content: '\e6ba';
+}
+.zt-icon-broke:before {
+  content: '\e6be';
+}
+.zt-icon-distribute-history:before {
+  content: '\e6cb';
+}
+.zt-icon-document-deactivate:before {
+  content: '\e6ce';
+}
+.zt-icon-distribution:before {
+  content: '\e6cf';
+}
+.zt-icon-document-edit:before {
+  content: '\e6d1';
+}
+.zt-icon-document:before {
+  content: '\e6d2';
+}
+.zt-icon-document-back:before {
+  content: '\e6d3';
+}
+.zt-icon-distribute:before {
+  content: '\e6df';
+}
+.zt-icon-hammer:before {
+  content: '\e6eb';
+}
+.zt-icon-fire:before {
+  content: '\e6ec';
+}
+.zt-icon-heart:before {
+  content: '\e6ed';
+}
+.zt-icon-launch:before {
+  content: '\e6f0';
+}
+.zt-icon-independent-window:before {
+  content: '\e6f5';
+}
+.zt-icon-relation-setting:before {
+  content: '\e705';
+}
+.zt-icon-perception:before {
+  content: '\e707';
+}
+.zt-icon-tag-delete:before {
+  content: '\e70a';
+}
+.zt-icon-tag-magnifier:before {
+  content: '\e70b';
+}
+.zt-icon-tag-approval:before {
+  content: '\e70f';
+}
+.zt-icon-tag-down:before {
+  content: '\e712';
+}
+.zt-icon-transmit:before {
+  content: '\e714';
+}
+.zt-icon-tag:before {
+  content: '\e71c';
+}
+.zt-icon-right:before {
+  content: '\e71f';
+}
+.zt-icon-tag-setting:before {
+  content: '\e723';
+}
+.zt-icon-tag-plus:before {
+  content: '\e728';
+}
+.zt-icon-area:before {
+  content: '\e64a';
+}
+.zt-icon-position:before {
+  content: '\e64b';
+}
+.zt-icon-folder:before {
+  content: '\e64c';
+}
+.zt-icon-box:before {
+  content: '\e64d';
+}
+.zt-icon-slot:before {
+  content: '\e64e';
+}
+.zt-icon-grid:before {
+  content: '\e64f';
+}
+.zt-icon-indicate:before {
+  content: '\e650';
+}
+.zt-icon-flex2:before {
+  content: '\e651';
+}
+.zt-icon-sampling:before {
+  content: '\e653';
+}
+.zt-icon-tab:before {
+  content: '\e654';
+}
+.zt-icon-circle-min:before {
+  content: '\e655';
+}
+.zt-icon-close:before {
+  content: '\e656';
+}
+.zt-icon-circle-plus:before {
+  content: '\e657';
+}
+.zt-icon-cancellation:before {
+  content: '\e658';
+}
+.zt-icon-reduce:before {
+  content: '\e659';
+}
+.zt-icon-search:before {
+  content: '\e65a';
+}
+.zt-icon-home:before {
+  content: '\e65b';
+}
+.zt-icon-implant:before {
+  content: '\e65c';
+}
+.zt-icon-document-plus:before {
+  content: '\e65d';
+}
+.zt-icon-step:before {
+  content: '\e65e';
+}
+.zt-icon-eye:before {
+  content: '\e65f';
+}
+.zt-icon-deactivate:before {
+  content: '\e660';
+}
+.zt-icon-plus:before {
+  content: '\e661';
+}
+.zt-icon-calendar:before {
+  content: '\e662';
+}
+.zt-icon-classify:before {
+  content: '\e663';
+}
+.zt-icon-delete:before {
+  content: '\e664';
+}
+.zt-icon-calculator:before {
+  content: '\e665';
+}
+.zt-icon-upload:before {
+  content: '\e666';
+}
+.zt-icon-time:before {
+  content: '\e667';
+}
+.zt-icon-back:before {
+  content: '\e668';
+}
+.zt-icon-fullscreen:before {
+  content: '\e669';
+}
+.zt-icon-arrow-left:before {
+  content: '\e66a';
+}
+.zt-icon-refresh:before {
+  content: '\e66b';
+}
+.zt-icon-eye-invisible:before {
+  content: '\e66c';
+}
+.zt-icon-arrow-right:before {
+  content: '\e66d';
+}
+.zt-icon-arrow-up:before {
+  content: '\e66e';
+}
+.zt-icon-fold-panel:before {
+  content: '\e66f';
+}
+.zt-icon-dot-more:before {
+  content: '\e670';
+}
+.zt-icon-menu:before {
+  content: '\e671';
+}
+.zt-icon-download:before {
+  content: '\e672';
+}
+.zt-icon-double-arrow-right:before {
+  content: '\e673';
+}
+.zt-icon-data:before {
+  content: '\e674';
+}
+.zt-icon-dot:before {
+  content: '\e675';
+}
+.zt-icon-feedback:before {
+  content: '\e676';
+}
+.zt-icon-document-down:before {
+  content: '\e677';
+}
+.zt-icon-flag:before {
+  content: '\e678';
+}
+.zt-icon-task:before {
+  content: '\e679';
+}
+.zt-icon-setting:before {
+  content: '\e67a';
+}
+.zt-icon-export:before {
+  content: '\e67b';
+}
+.zt-icon-version:before {
+  content: '\e67c';
+}
+.zt-icon-question:before {
+  content: '\e67d';
+}
+.zt-icon-loading:before {
+  content: '\e67e';
+}
+.zt-icon-save:before {
+  content: '\e67f';
+}
+.zt-icon-enable:before {
+  content: '\e680';
+}
+.zt-icon-location:before {
+  content: '\e681';
+}
+.zt-icon-open:before {
+  content: '\e682';
+}
+.zt-icon-explain:before {
+  content: '\e683';
+}
+.zt-icon-file:before {
+  content: '\e684';
+}
+.zt-icon-arrow-circle-left:before {
+  content: '\e6aa';
+}
+.zt-icon-approval:before {
+  content: '\e6ac';
+}
+.zt-icon-arrow-circle-right:before {
+  content: '\e6ad';
+}
+.zt-icon-bring-backward:before {
+  content: '\e6b8';
+}
+.zt-icon-bring-bottom:before {
+  content: '\e6bc';
+}
+.zt-icon-bring-forward:before {
+  content: '\e6bf';
+}
+.zt-icon-bring-top:before {
+  content: '\e6c1';
+}
+.zt-icon-car:before {
+  content: '\e6c5';
+}
+.zt-icon-cellphone:before {
+  content: '\e6c8';
+}
+.zt-icon-flex:before {
+  content: '\e6e8';
+}
+.zt-icon-hide-launch:before {
+  content: '\e6ea';
+}
+.zt-icon-institution:before {
+  content: '\e6f3';
+}
+.zt-icon-lock:before {
+  content: '\e6f4';
+}
+.zt-icon-monitor:before {
+  content: '\e6fe';
+}
+.zt-icon-keyboard:before {
+  content: '\e708';
+}
+.zt-icon-process:before {
+  content: '\e70d';
+}
+.zt-icon-shield-star:before {
+  content: '\e70e';
+}
+.zt-icon-setting2:before {
+  content: '\e716';
+}
+.zt-icon-move:before {
+  content: '\e719';
+}
+.zt-icon-update:before {
+  content: '\e71b';
+}
+.zt-icon-unlock:before {
+  content: '\e724';
+}
+.zt-icon-shield-magnifier:before {
+  content: '\e727';
+}
+/* stylelint-disable number-max-precision */
+/* stylelint-disable function-name-case */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+:root {
+  /* -------------------- common -------------------- */
+  --zartd-body-background: #fff;
+  --zartd-border-color: #e9ecf2;
+  --zartd-shadow-color: rgba(0, 0, 0, 0.1);
+  --zartd-box-shadow: 0 2px 24px 2px rgba(0, 0, 0, 0.1);
+  --zartd-text-color: #235;
+  --zartd-text-color-light: #6b7a99;
+  --zartd-text-color-lighter: #c3cad9;
+  --zartd-text-color-heavy: #081126;
+  --zartd-text-color-positive: #fff;
+  --zartd-text-color-negative: #000;
+  /* -------------------- components -------------------- */
+  /* -------------------- a-button -------------------- */
+  --zartd-button-dangerous-active-background-color: rgba(255, 97, 97, 0.05);
+  /* -------------------- a-collapse -------------------- */
+  --zartd-collapse-body-box-shadow: 0 2px 10px 0 rgba(34, 51, 85, 0.1);
+  /* -------------------- a-message -------------------- */
+  --zartd-message-content-box-shadow-color: rgba(0, 0, 0, 0.1);
+  /* -------------------- a-modal -------------------- */
+  --zartd-modal-content-box-shadow-color: rgba(0, 67, 202, 0.2);
+  /* -------------------- a-notification -------------------- */
+  --zartd-notification-notice-box-shadow-color: rgba(0, 0, 0, 0.1);
+  /* -------------------- a-popover -------------------- */
+  --zartd-popover-content-box-shadow-color: rgba(0, 0, 0, 0.1);
+  /* -------------------- a-tabs -------------------- */
+  --zartd-tabs-nav-wrap-bg: linear-gradient(0deg, #fff 11%, #fff 12%, #fff 12%, #e9ecf2 100%);
+  --zartd-tabs-nav-tab-active: linear-gradient(180deg, #fff 0%, #f1f6fa 68%);
+  --zartd-tabs-tab-active-border-shadow: -2px 1px 4px 0 rgba(16, 0, 0, 0.1), 2px 1px 4px 0 rgb(0 0 0 / 8%);
+  /* -------------------- procomponents -------------------- */
+  /* -------------------- collapse-button -------------------- */
+  --zartd-collapse-button-background-color: var(--zartd-primary-fade-20);
+  --zartd-collapse-button-border-color: var(--zartd-primary-fade-50);
+  /* -------------------- empty -------------------- */
+  --zartd-empty-default-image: url('../images/empty-default.png');
+  /* -------------------- layout-header-more -------------------- */
+  --zartd-layout-header-more-button-active-background-color: var(--zartd-primary-fade-10);
+  /* -------------------- profile-avatar -------------------- */
+  --zartd-profile-avatar-photo-box-shadow: 7px 5px 10px 0 #e9eeff, -7px -5px 10px 0 #fff;
+  /* -------------------- spread-navigation -------------------- */
+  --zartd-spread-navigation-background-image: url('../images/spread-navigation-bg.png');
+  --zartd-spread-navigation-box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1);
+  /* -------------------- top-menu -------------------- */
+  --zartd-top-menu-item-active-background-color: rgba(0, 0, 0, 0.05);
+  --zartd-top-menu-item-selected-background-color: rgba(0, 0, 0, 0.1);
+  /* -------------------- view-login -------------------- */
+  --zartd-view-login-background-image: url('../images/login-bg.png');
+  --zartd-view-login-banner-one-background-image: url('../images/login-banner-one.png');
+  --zartd-view-login-banner-two-background-image: url('../images/login-banner-two.png');
+  --zartd-view-login-banner-three-background-image: url('../images/login-banner-three.png');
+  --zartd-view-login-content-background: linear-gradient(145deg, rgba(0, 146, 250, 0.85), rgba(0, 147, 250, 0.85), rgba(0, 195, 255, 0.85));
+  --zartd-view-login-form-input-border-color: rgba(255, 255, 255, 0.3);
+  --zartd-view-login-carousel-box-shadow-color: rgba(18, 33, 61, 0.15);
+  --zartd-view-login-carousel-dots-button-background: #c7e4f7;
+  --zartd-view-login-carousel-dots-button-active-background-image: linear-gradient(268deg, #38f 1%, #5f8ff7 81%);
+  --zartd-view-login-carousel-dots-button-active-box-shadow: 1px 1px 6px 0 rgba(72, 117, 252, 0.2);
+  /* -------------------- panal-bg -------------------- */
+  --zartd-panal-bg-background-color: #fff;
+  --zartd-panal-bg-box-shadow: 2px 2px 4px 0 rgba(0, 114, 255, 0.06);
+}
+:root.dark,
+:root[theme-color='dark'] {
+  /* -------------------- common -------------------- */
+  --zartd-body-background: #22272e;
+  /* -------------------- components -------------------- */
+  /* -------------------- procomponents -------------------- */
+  /* -------------------- view-login -------------------- */
+  --zartd-view-login-background-image: url('../images/login-bg-dark.png');
+  --zartd-view-login-banner-one-background-image: url('../images/login-banner-one-dark.png');
+  --zartd-view-login-banner-two-background-image: url('../images/login-banner-two-dark.png');
+  --zartd-view-login-banner-three-background-image: url('../images/login-banner-three-dark.png');
+  --zartd-view-login-content-background: rgba(15, 23, 33, 0.85);
+  --zartd-view-login-carousel-dots-button-active-background-image: linear-gradient(178deg, #4376ec 11%, #5f8ff7 91%);
+  --zartd-view-login-carousel-dots-button-active-box-shadow: -10px -8px 30px 0 #293e68, 10px 8px 30px 0 rgb(0 0 0 / 20%);
+}
+:root.gov,
+:root[theme-color='gov'] {
+  /* -------------------- common -------------------- */
+  /* -------------------- components -------------------- */
+  /* -------------------- procomponents -------------------- */
+  /* -------------------- view-login -------------------- */
+  --zartd-view-login-background-image: url('../images/login-bg-gov.png');
+  --zartd-view-login-banner-one-background-image: url('../images/login-banner-one-gov.png');
+  --zartd-view-login-banner-two-background-image: url('../images/login-banner-two-gov.png');
+  --zartd-view-login-banner-three-background-image: url('../images/login-banner-three-gov.png');
+  --zartd-view-login-content-background: linear-gradient(145deg, rgba(205, 31, 39, 0.85), rgba(205, 31, 39, 0.85), rgba(255, 67, 0, 0.85));
+  --zartd-view-login-carousel-dots-button-background: #e1e1e1;
+  --zartd-view-login-carousel-dots-button-active-background-image: linear-gradient(-44deg, #ff4300 0%, #cd1f27 100%, #cd1f27 100%);
+}
+:root {
+  --zartd-primary-color: #3388ff;
+  --zartd-primary-color-hover: #3388ff;
+  --zartd-primary-color-active: #2167d9;
+  --zartd-primary-color-outline: #d6edff;
+  --zartd-primary-1: #f0f9ff;
+  --zartd-primary-2: #d6edff;
+  --zartd-primary-3: #add8ff;
+  --zartd-primary-4: #85c0ff;
+  --zartd-primary-5: #5ca5ff;
+  --zartd-primary-6: #3388ff;
+  --zartd-primary-7: #2167d9;
+  --zartd-primary-8: #124ab3;
+  --zartd-primary-9: #07318c;
+  --zartd-primary-10: #042066;
+  --zartd-primary-fade-5: rgba(51, 136, 255, 0.05);
+  --zartd-primary-fade-10: rgba(51, 136, 255, 0.1);
+  --zartd-primary-fade-15: rgba(51, 136, 255, 0.15);
+  --zartd-primary-fade-20: rgba(51, 136, 255, 0.2);
+  --zartd-primary-fade-25: rgba(51, 136, 255, 0.25);
+  --zartd-primary-fade-30: rgba(51, 136, 255, 0.3);
+  --zartd-primary-fade-35: rgba(51, 136, 255, 0.35);
+  --zartd-primary-fade-40: rgba(51, 136, 255, 0.4);
+  --zartd-primary-fade-45: rgba(51, 136, 255, 0.45);
+  --zartd-primary-fade-50: rgba(51, 136, 255, 0.5);
+  --zartd-primary-fade-55: rgba(51, 136, 255, 0.55);
+  --zartd-primary-fade-60: rgba(51, 136, 255, 0.6);
+  --zartd-primary-fade-65: rgba(51, 136, 255, 0.65);
+  --zartd-primary-fade-70: rgba(51, 136, 255, 0.7);
+  --zartd-primary-fade-75: rgba(51, 136, 255, 0.75);
+  --zartd-primary-fade-80: rgba(51, 136, 255, 0.8);
+  --zartd-primary-fade-85: rgba(51, 136, 255, 0.85);
+  --zartd-primary-fade-90: rgba(51, 136, 255, 0.9);
+  --zartd-primary-fade-95: rgba(51, 136, 255, 0.95);
+  --zartd-primary-fade-100: #3388ff;
+  --zartd-primary-color-deprecated-pure: ;
+  --zartd-primary-color-deprecated-l-35: #e5f0ff;
+  --zartd-primary-color-deprecated-l-20: #99c3ff;
+  --zartd-primary-color-deprecated-t-20: #5ca0ff;
+  --zartd-primary-color-deprecated-t-50: #99c4ff;
+  --zartd-primary-color-deprecated-f-12: rgba(51, 136, 255, 0.12);
+  --zartd-primary-color-active-deprecated-f-30: rgba(240, 249, 255, 0.3);
+  --zartd-primary-color-active-deprecated-d-02: #e6f5ff;
+  --zartd-success-color: #11c79b;
+  --zartd-success-color-hover: #35d4a7;
+  --zartd-success-color-active: #06a17f;
+  --zartd-success-color-outline: rgba(17, 199, 155, 0.2);
+  --zartd-success-color-deprecated-bg: #e6fff4;
+  --zartd-success-color-deprecated-border: #87edc9;
+  --zartd-error-color: #ff4433;
+  --zartd-error-color-hover: #ff4433;
+  --zartd-error-color-active: #d92a21;
+  --zartd-error-color-outline: #ffdfd6;
+  --zartd-error-color-deprecated-bg: #fff4f0;
+  --zartd-error-color-deprecated-border: #ffbcad;
+  --zartd-error-1: #fff4f0;
+  --zartd-error-2: #ffdfd6;
+  --zartd-error-3: #ffbcad;
+  --zartd-error-4: #ff9785;
+  --zartd-error-5: #ff6f5c;
+  --zartd-error-6: #ff4433;
+  --zartd-error-7: #d92a21;
+  --zartd-error-8: #b31512;
+  --zartd-error-9: #8c0709;
+  --zartd-error-10: #660409;
+  --zartd-warning-color: #ff6600;
+  --zartd-warning-color-hover: #ff8629;
+  --zartd-warning-color-active: #d94f00;
+  --zartd-warning-color-outline: rgba(255, 102, 0, 0.2);
+  --zartd-warning-color-deprecated-bg: #fff4e6;
+  --zartd-warning-color-deprecated-border: #ffbd7a;
+  --zartd-info-color: #3388ff;
+  --zartd-info-color-deprecated-bg: #f0f9ff;
+  --zartd-info-color-deprecated-border: #add8ff;
+  --zartd-text-color-1: #ffffff;
+  --zartd-text-color-2: #f5f7fa;
+  --zartd-text-color-3: #e9ecf2;
+  --zartd-text-color-4: #dde1eb;
+  --zartd-text-color-5: #ced4e0;
+  --zartd-text-color-6: #c3cad9;
+  --zartd-text-color-7: #6b7a99;
+  --zartd-text-color-8: #223355;
+  --zartd-text-color-9: #081126;
+  --zartd-text-color-10: #000000;
+}
+:root.dark,
+:root[theme-color=dark] {
+  --zartd-primary-color: #3388ff;
+  --zartd-primary-color-hover: #3388ff;
+  --zartd-primary-color-active: #2167d9;
+  --zartd-primary-color-outline: #d6edff;
+  --zartd-primary-1: #f0f9ff;
+  --zartd-primary-2: #d6edff;
+  --zartd-primary-3: #add8ff;
+  --zartd-primary-4: #85c0ff;
+  --zartd-primary-5: #5ca5ff;
+  --zartd-primary-6: #3388ff;
+  --zartd-primary-7: #2167d9;
+  --zartd-primary-8: #124ab3;
+  --zartd-primary-9: #07318c;
+  --zartd-primary-10: #042066;
+  --zartd-primary-fade-5: rgba(51, 136, 255, 0.05);
+  --zartd-primary-fade-10: rgba(51, 136, 255, 0.1);
+  --zartd-primary-fade-15: rgba(51, 136, 255, 0.15);
+  --zartd-primary-fade-20: rgba(51, 136, 255, 0.2);
+  --zartd-primary-fade-25: rgba(51, 136, 255, 0.25);
+  --zartd-primary-fade-30: rgba(51, 136, 255, 0.3);
+  --zartd-primary-fade-35: rgba(51, 136, 255, 0.35);
+  --zartd-primary-fade-40: rgba(51, 136, 255, 0.4);
+  --zartd-primary-fade-45: rgba(51, 136, 255, 0.45);
+  --zartd-primary-fade-50: rgba(51, 136, 255, 0.5);
+  --zartd-primary-fade-55: rgba(51, 136, 255, 0.55);
+  --zartd-primary-fade-60: rgba(51, 136, 255, 0.6);
+  --zartd-primary-fade-65: rgba(51, 136, 255, 0.65);
+  --zartd-primary-fade-70: rgba(51, 136, 255, 0.7);
+  --zartd-primary-fade-75: rgba(51, 136, 255, 0.75);
+  --zartd-primary-fade-80: rgba(51, 136, 255, 0.8);
+  --zartd-primary-fade-85: rgba(51, 136, 255, 0.85);
+  --zartd-primary-fade-90: rgba(51, 136, 255, 0.9);
+  --zartd-primary-fade-95: rgba(51, 136, 255, 0.95);
+  --zartd-primary-fade-100: #3388ff;
+  --zartd-primary-color-deprecated-pure: ;
+  --zartd-primary-color-deprecated-l-35: #e5f0ff;
+  --zartd-primary-color-deprecated-l-20: #99c3ff;
+  --zartd-primary-color-deprecated-t-20: #5ca0ff;
+  --zartd-primary-color-deprecated-t-50: #99c4ff;
+  --zartd-primary-color-deprecated-f-12: rgba(51, 136, 255, 0.12);
+  --zartd-primary-color-active-deprecated-f-30: rgba(240, 249, 255, 0.3);
+  --zartd-primary-color-active-deprecated-d-02: #e6f5ff;
+  --zartd-success-color: #11c79b;
+  --zartd-success-color-hover: #35d4a7;
+  --zartd-success-color-active: #06a17f;
+  --zartd-success-color-outline: rgba(17, 199, 155, 0.2);
+  --zartd-success-color-deprecated-bg: #e6fff4;
+  --zartd-success-color-deprecated-border: #87edc9;
+  --zartd-error-color: #ff4433;
+  --zartd-error-color-hover: #ff4433;
+  --zartd-error-color-active: #d92a21;
+  --zartd-error-color-outline: #ffdfd6;
+  --zartd-error-color-deprecated-bg: #fff4f0;
+  --zartd-error-color-deprecated-border: #ffbcad;
+  --zartd-error-1: #fff4f0;
+  --zartd-error-2: #ffdfd6;
+  --zartd-error-3: #ffbcad;
+  --zartd-error-4: #ff9785;
+  --zartd-error-5: #ff6f5c;
+  --zartd-error-6: #ff4433;
+  --zartd-error-7: #d92a21;
+  --zartd-error-8: #b31512;
+  --zartd-error-9: #8c0709;
+  --zartd-error-10: #660409;
+  --zartd-warning-color: #ff6600;
+  --zartd-warning-color-hover: #ff8629;
+  --zartd-warning-color-active: #d94f00;
+  --zartd-warning-color-outline: rgba(255, 102, 0, 0.2);
+  --zartd-warning-color-deprecated-bg: #fff4e6;
+  --zartd-warning-color-deprecated-border: #ffbd7a;
+  --zartd-info-color: #3388ff;
+  --zartd-info-color-deprecated-bg: #f0f9ff;
+  --zartd-info-color-deprecated-border: #add8ff;
+  --zartd-text-color-1: #ffffff;
+  --zartd-text-color-2: #f5f7fa;
+  --zartd-text-color-3: #e9ecf2;
+  --zartd-text-color-4: #dde1eb;
+  --zartd-text-color-5: #ced4e0;
+  --zartd-text-color-6: #c3cad9;
+  --zartd-text-color-7: #6b7a99;
+  --zartd-text-color-8: #223355;
+  --zartd-text-color-9: #081126;
+  --zartd-text-color-10: #000000;
+}
+:root.gov,
+:root[theme-color=gov] {
+  --zartd-primary-color: #ff4300;
+  --zartd-primary-color-hover: #ff4300;
+  --zartd-primary-color-active: #d93300;
+  --zartd-primary-color-outline: #ffc8a3;
+  --zartd-primary-1: #fff1e6;
+  --zartd-primary-2: #ffc8a3;
+  --zartd-primary-3: #ffab7a;
+  --zartd-primary-4: #ff8b52;
+  --zartd-primary-5: #ff6929;
+  --zartd-primary-6: #ff4400;
+  --zartd-primary-7: #d93300;
+  --zartd-primary-8: #b32400;
+  --zartd-primary-9: #8c1700;
+  --zartd-primary-10: #660e00;
+  --zartd-primary-fade-5: rgba(255, 67, 0, 0.05);
+  --zartd-primary-fade-10: rgba(255, 67, 0, 0.1);
+  --zartd-primary-fade-15: rgba(255, 67, 0, 0.15);
+  --zartd-primary-fade-20: rgba(255, 67, 0, 0.2);
+  --zartd-primary-fade-25: rgba(255, 67, 0, 0.25);
+  --zartd-primary-fade-30: rgba(255, 67, 0, 0.3);
+  --zartd-primary-fade-35: rgba(255, 67, 0, 0.35);
+  --zartd-primary-fade-40: rgba(255, 67, 0, 0.4);
+  --zartd-primary-fade-45: rgba(255, 67, 0, 0.45);
+  --zartd-primary-fade-50: rgba(255, 67, 0, 0.5);
+  --zartd-primary-fade-55: rgba(255, 67, 0, 0.55);
+  --zartd-primary-fade-60: rgba(255, 67, 0, 0.6);
+  --zartd-primary-fade-65: rgba(255, 67, 0, 0.65);
+  --zartd-primary-fade-70: rgba(255, 67, 0, 0.7);
+  --zartd-primary-fade-75: rgba(255, 67, 0, 0.75);
+  --zartd-primary-fade-80: rgba(255, 67, 0, 0.8);
+  --zartd-primary-fade-85: rgba(255, 67, 0, 0.85);
+  --zartd-primary-fade-90: rgba(255, 67, 0, 0.9);
+  --zartd-primary-fade-95: rgba(255, 67, 0, 0.95);
+  --zartd-primary-fade-100: #ff4300;
+  --zartd-primary-color-deprecated-pure: ;
+  --zartd-primary-color-deprecated-l-35: #ffc7b3;
+  --zartd-primary-color-deprecated-l-20: #ff8e66;
+  --zartd-primary-color-deprecated-t-20: #ff6933;
+  --zartd-primary-color-deprecated-t-50: #ffa180;
+  --zartd-primary-color-deprecated-f-12: rgba(255, 67, 0, 0.12);
+  --zartd-primary-color-active-deprecated-f-30: rgba(255, 241, 230, 0.3);
+  --zartd-primary-color-active-deprecated-d-02: #ffebdc;
+  --zartd-success-color: #11c79b;
+  --zartd-success-color-hover: #35d4a7;
+  --zartd-success-color-active: #06a17f;
+  --zartd-success-color-outline: rgba(17, 199, 155, 0.2);
+  --zartd-success-color-deprecated-bg: #e6fff4;
+  --zartd-success-color-deprecated-border: #87edc9;
+  --zartd-error-color: #ff4433;
+  --zartd-error-color-hover: #ff4433;
+  --zartd-error-color-active: #d92a21;
+  --zartd-error-color-outline: #ffdfd6;
+  --zartd-error-color-deprecated-bg: #fff4f0;
+  --zartd-error-color-deprecated-border: #ffbcad;
+  --zartd-error-1: #fff4f0;
+  --zartd-error-2: #ffdfd6;
+  --zartd-error-3: #ffbcad;
+  --zartd-error-4: #ff9785;
+  --zartd-error-5: #ff6f5c;
+  --zartd-error-6: #ff4433;
+  --zartd-error-7: #d92a21;
+  --zartd-error-8: #b31512;
+  --zartd-error-9: #8c0709;
+  --zartd-error-10: #660409;
+  --zartd-warning-color: #ff6600;
+  --zartd-warning-color-hover: #ff8629;
+  --zartd-warning-color-active: #d94f00;
+  --zartd-warning-color-outline: rgba(255, 102, 0, 0.2);
+  --zartd-warning-color-deprecated-bg: #fff4e6;
+  --zartd-warning-color-deprecated-border: #ffbd7a;
+  --zartd-info-color: #ff4300;
+  --zartd-info-color-deprecated-bg: #fff1e6;
+  --zartd-info-color-deprecated-border: #ffab7a;
+  --zartd-text-color-1: #ffffff;
+  --zartd-text-color-2: #f5f7fa;
+  --zartd-text-color-3: #e9ecf2;
+  --zartd-text-color-4: #dde1eb;
+  --zartd-text-color-5: #ced4e0;
+  --zartd-text-color-6: #c3cad9;
+  --zartd-text-color-7: #6b7a99;
+  --zartd-text-color-8: #223355;
+  --zartd-text-color-9: #081126;
+  --zartd-text-color-10: #000000;
+}
+:root {
+  --zartd-font-family: -apple-system, 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'Tahoma', 'Arial', 'PingFang SC', 'Hiragino Sans GB',
+        'Microsoft YaHei', 'Noto Sans', 'WenQuanYi Micro Hei', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --zartd-font-family-code: 'Consolas', 'Monaco', 'Andale Mono', 'Ubuntu Mono', monospace;
+  --zartd-font-family-number: 'DIN';
+}
+:root ::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+  background-color: transparent;
+}
+:root ::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+:root ::-webkit-scrollbar-thumb {
+  background-color: var(--zartd-shadow-color);
+  border-radius: 3px;
+}
+body {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+/* -------------------- components -------------------- */
+.ant-alert {
+  padding: 16px;
+  border: none;
+}
+.ant-alert .anticon {
+  display: flex;
+  align-items: center;
+}
+.ant-alert .anticon.ant-alert-icon {
+  width: 16px;
+  height: 16px;
+  margin-right: 8px;
+}
+.ant-alert.ant-alert-closable .ant-alert-close-icon .anticon-close {
+  display: flex;
+  align-items: center;
+  width: 16px;
+  height: 16px;
+}
+.ant-alert.ant-alert-closable .ant-alert-close-icon .ant-alert-close-text {
+  height: 20px;
+  color: var(--zartd-primary-color);
+  font-weight: 400;
+  line-height: 20px;
+}
+.ant-alert.ant-alert-with-description {
+  padding: 16px;
+}
+.ant-alert.ant-alert-with-description .anticon {
+  display: flex;
+  align-items: center;
+}
+.ant-alert.ant-alert-with-description .anticon.ant-alert-icon {
+  width: 16px;
+  height: 16px;
+  margin-top: 2px;
+  margin-right: 8px;
+}
+.ant-alert.ant-alert-with-description.ant-alert-closable .ant-alert-close-icon {
+  font-size: 14px;
+}
+.ant-alert.ant-alert-with-description.ant-alert-closable .ant-alert-close-icon .anticon-close {
+  display: flex;
+  align-items: center;
+  width: 16px;
+  height: 16px;
+}
+.ant-alert.ant-alert-with-description .ant-alert-message {
+  margin-bottom: 8px;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 20px;
+}
+.ant-alert.ant-alert-with-description .ant-alert-description {
+  line-height: 20px;
+}
+.ant-avatar-lg {
+  font-size: 18px !important;
+}
+.ant-badge .ant-avatar {
+  border-radius: 20px;
+}
+.ant-btn:not(.ant-btn-primary, .ant-btn-text, .ant-btn-link, .ant-btn-dangerous):hover,
+.ant-btn:not(.ant-btn-primary, .ant-btn-text, .ant-btn-link, .ant-btn-dangerous):focus,
+.ant-btn:not(.ant-btn-primary, .ant-btn-text, .ant-btn-link, .ant-btn-dangerous):active {
+  background: var(--zartd-primary-fade-5);
+}
+.ant-btn:not(.ant-btn-primary, .ant-btn-text, .ant-btn-link, .ant-btn-dangerous)[ant-click-animating-without-extra-node='true'] {
+  background: var(--zartd-primary-3);
+}
+.ant-btn.ant-btn-primary:hover,
+.ant-btn.ant-btn-primary:focus,
+.ant-btn.ant-btn-primary:active {
+  background: var(--zartd-primary-5);
+  border-color: var(--zartd-primary-5);
+}
+.ant-btn.ant-btn-primary[disabled],
+.ant-btn.ant-btn-primary[disabled]:hover,
+.ant-btn.ant-btn-primary[disabled]:focus,
+.ant-btn.ant-btn-primary[disabled]:active {
+  color: var(--zartd-text-color-1);
+  background: var(--zartd-primary-3);
+  border-color: var(--zartd-primary-3);
+}
+.ant-btn.ant-btn-primary[ant-click-animating-without-extra-node='true'] {
+  background: var(--zartd-primary-color-active);
+  border-color: var(--zartd-primary-color-active);
+}
+.ant-btn.ant-btn-text {
+  padding: 5px;
+}
+.ant-btn.ant-btn-text:hover,
+.ant-btn.ant-btn-text:focus,
+.ant-btn.ant-btn-text:active {
+  background: var(--zartd-text-color-2);
+}
+.ant-btn.ant-btn-text[disabled],
+.ant-btn.ant-btn-text[disabled]:hover,
+.ant-btn.ant-btn-text[disabled]:focus,
+.ant-btn.ant-btn-text[disabled]:active {
+  border-color: transparent;
+}
+.ant-btn.ant-btn-text[ant-click-animating-without-extra-node='true'] {
+  background: var(--zartd-text-color-3);
+}
+.ant-btn.ant-btn-link {
+  padding: 5px;
+}
+.ant-btn.ant-btn-dangerous:not(.ant-btn-link):hover,
+.ant-btn.ant-btn-dangerous:not(.ant-btn-link):focus,
+.ant-btn.ant-btn-dangerous:not(.ant-btn-link):active {
+  background: var(--zartd-button-dangerous-active-background-color);
+}
+.ant-btn.ant-btn-dangerous[disabled],
+.ant-btn.ant-btn-dangerous[disabled]:hover,
+.ant-btn.ant-btn-dangerous[disabled]:focus,
+.ant-btn.ant-btn-dangerous[disabled]:active {
+  color: var(--zartd-error-3);
+  background: var(--zartd-text-color-1);
+  border-color: var(--zartd-text-color-2);
+}
+.ant-btn.ant-btn-dangerous.ant-btn-primary:hover,
+.ant-btn.ant-btn-dangerous.ant-btn-primary:focus,
+.ant-btn.ant-btn-dangerous.ant-btn-primary:active {
+  background: var(--zartd-error-5);
+  border-color: var(--zartd-error-5);
+}
+.ant-btn.ant-btn-dangerous.ant-btn-primary[disabled],
+.ant-btn.ant-btn-dangerous.ant-btn-primary[disabled]:hover,
+.ant-btn.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
+.ant-btn.ant-btn-dangerous.ant-btn-primary[disabled]:active {
+  color: var(--zartd-text-color-1);
+  background: var(--zartd-error-3);
+  border-color: var(--zartd-error-3);
+}
+.ant-btn.ant-btn-dangerous[ant-click-animating-without-extra-node='true'].ant-btn-primary {
+  background: var(--zartd-error-7);
+  border-color: var(--zartd-error-7);
+}
+.ant-btn.ant-btn-dangerous[ant-click-animating-without-extra-node='true']:not(.ant-btn-primary) {
+  background: var(--zartd-error-color-deprecated-border) !important;
+}
+.ant-btn.ant-btn-background-ghost {
+  color: var(--zartd-text-color-8);
+  border-color: var(--zartd-text-color-3);
+}
+.ant-btn.ant-btn-background-ghost[disabled],
+.ant-btn.ant-btn-background-ghost[disabled]:hover,
+.ant-btn.ant-btn-background-ghost[disabled]:focus,
+.ant-btn.ant-btn-background-ghost[disabled]:active {
+  color: var(--zartd-text-color-5);
+  background: transparent;
+  border-color: var(--zartd-text-color-3);
+}
+.ant-btn.ant-btn-background-ghost.ant-btn-primary {
+  color: var(--zartd-primary-6);
+}
+.ant-btn.ant-btn-background-ghost.ant-btn-primary:hover,
+.ant-btn.ant-btn-background-ghost.ant-btn-primary:focus,
+.ant-btn.ant-btn-background-ghost.ant-btn-primary:active {
+  color: var(--zartd-primary-6);
+  background: var(--zartd-primary-fade-5);
+  border-color: var(--zartd-primary-6);
+}
+.ant-btn.ant-btn-background-ghost.ant-btn-primary[disabled],
+.ant-btn.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
+.ant-btn.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
+.ant-btn.ant-btn-background-ghost.ant-btn-primary[disabled]:active {
+  color: var(--zartd-text-color-1);
+  background: var(--zartd-primary-3);
+  border-color: var(--zartd-primary-3);
+}
+.ant-btn.ant-btn-background-ghost.ant-btn-primary[ant-click-animating-without-extra-node='true'] {
+  background: var(--zartd-primary-3);
+}
+.ant-btn.ant-btn-background-ghost.ant-btn-dangerous {
+  color: var(--zartd-error-7);
+}
+.ant-btn.ant-btn-background-ghost.ant-btn-dangerous[disabled],
+.ant-btn.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
+.ant-btn.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
+.ant-btn.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
+  color: var(--zartd-error-3);
+}
+.ant-btn.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-primary:hover,
+.ant-btn.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-primary:focus,
+.ant-btn.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-primary:active {
+  color: var(--zartd-error-7);
+  background: var(--zartd-button-dangerous-active-background-color);
+  border-color: var(--zartd-error-5);
+}
+.ant-btn.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-primary[disabled],
+.ant-btn.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-primary[disabled]:hover,
+.ant-btn.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
+.ant-btn.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-primary[disabled]:active {
+  color: var(--zartd-text-color-1);
+  background: var(--zartd-error-3);
+  border-color: var(--zartd-error-3);
+}
+.ant-btn.ant-btn-background-ghost.ant-btn-dangerous[ant-click-animating-without-extra-node='true'] {
+  background: var(--zartd-error-color-deprecated-border) !important;
+}
+.ant-btn.ant-btn-background-ghost.ant-btn-dangerous[ant-click-animating-without-extra-node='true'].ant-btn-primary {
+  background: var(--zartd-error-7);
+  border-color: var(--zartd-error-7);
+}
+.ant-btn[disabled],
+.ant-btn[disabled]:hover,
+.ant-btn[disabled]:focus,
+.ant-btn[disabled]:active {
+  color: var(--zartd-text-color-5);
+  background: var(--zartd-text-color-1);
+  border-color: var(--zartd-text-color-2);
+}
+.ant-btn > i {
+  line-height: 1;
+}
+.ant-btn > i + span,
+.ant-btn > span + i,
+.ant-btn > .anticon + span,
+.ant-btn > span + .anticon {
+  margin-left: 4px;
+}
+.ant-carousel .slick-dots li button {
+  border-radius: 9px;
+}
+.ant-cascader-checkbox-inner {
+  border-color: var(--zartd-text-color-6);
+}
+.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner {
+  border-color: var(--zartd-primary-6);
+  background-color: var(--zartd-primary-6);
+}
+.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after {
+  height: 2px;
+  background-color: var(--zartd-text-color-1);
+}
+.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner {
+  background-color: var(--zartd-text-color-2);
+  border-color: var(--zartd-text-color-4) !important;
+}
+.ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner,
+.ant-cascader-checkbox-disabled.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner {
+  background-color: var(--zartd-primary-3);
+  border-color: var(--zartd-primary-3) !important;
+}
+.ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after {
+  border-color: var(--zartd-text-color-1);
+}
+.ant-cascader-checkbox-disabled.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after {
+  background-color: var(--zartd-text-color-1);
+}
+.ant-cascader-checkbox-disabled + span {
+  color: var(--zartd-text-color-8);
+}
+.ant-cascader-dropdown .ant-cascader-menu-item {
+  margin: 8px 8px 0;
+  padding: 6px 13px;
+  border-radius: 4px;
+}
+.ant-cascader-dropdown .ant-cascader-menu-item:first-child {
+  margin-top: 0;
+}
+.ant-cascader-dropdown .ant-cascader-menu-item-expand {
+  padding-right: 8px;
+}
+.ant-cascader-dropdown .ant-cascader-menu-item-expand-icon,
+.ant-cascader-dropdown .ant-cascader-menu-item-loading-icon {
+  color: var(--zartd-text-color-6);
+}
+.ant-cascader-menu-item-disabled.ant-cascader-dropdown .ant-cascader-menu-item-expand-icon,
+.ant-cascader-menu-item-disabled.ant-cascader-dropdown .ant-cascader-menu-item-loading-icon {
+  color: #c3cad9;
+}
+.ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-dropdown .ant-cascader-menu-item-disabled),
+.ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-dropdown .ant-cascader-menu-item-disabled):hover {
+  color: var(--zartd-primary-color);
+}
+.ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-dropdown .ant-cascader-menu-item-disabled) .ant-cascader-menu-item-expand-icon,
+.ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-dropdown .ant-cascader-menu-item-disabled):hover .ant-cascader-menu-item-expand-icon {
+  color: inherit;
+}
+.ant-cascader-dropdown .ant-cascader-menu-item-keyword {
+  color: var(--zartd-primary-color);
+}
+.ant-checkbox + span {
+  padding-left: 4px;
+}
+.ant-checkbox-inner {
+  border-color: var(--zartd-text-color-6);
+}
+.ant-checkbox-indeterminate .ant-checkbox-inner {
+  border-color: var(--zartd-primary-6);
+  background-color: var(--zartd-primary-6);
+}
+.ant-checkbox-indeterminate .ant-checkbox-inner::after {
+  height: 2px;
+  background-color: var(--zartd-text-color-1);
+}
+.ant-checkbox-disabled .ant-checkbox-inner {
+  background-color: var(--zartd-text-color-2);
+  border-color: var(--zartd-text-color-4) !important;
+}
+.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner,
+.ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner {
+  background-color: var(--zartd-primary-3);
+  border-color: var(--zartd-primary-3) !important;
+}
+.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
+  border-color: var(--zartd-text-color-1);
+}
+.ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner::after {
+  background-color: var(--zartd-text-color-1);
+}
+.ant-checkbox-disabled + span {
+  color: var(--zartd-text-color-8);
+}
+.ant-collapse {
+  border-bottom: 1px solid var(--zartd-border-color);
+}
+.ant-collapse .ant-collapse-item {
+  margin: 0 16px;
+}
+.ant-collapse .ant-collapse-item .ant-collapse-header {
+  padding: 0;
+  padding: 10px 0;
+  font-weight: 500;
+}
+.ant-collapse .ant-collapse-item .ant-collapse-content {
+  border-top: none;
+}
+.ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
+  padding: 0;
+}
+.ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box p {
+  margin: 0 9px 9px 0;
+}
+.ant-collapse .ant-collapse-item:last-child {
+  border-bottom: none;
+}
+.ant-picker-cell-in-view.ant-picker-cell-in-range {
+  color: var(--zartd-primary-color);
+}
+.ant-picker-footer-extra {
+  padding: 8px;
+  line-height: 32px;
+}
+.ant-picker-ranges {
+  padding: 8px;
+  line-height: 32px;
+}
+.ant-picker-time-panel-column:not(:first-child) {
+  border-left: none;
+}
+.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
+  color: var(--zartd-primary-color);
+}
+.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
+  padding-left: 18px;
+}
+.ant-picker-dropdown-range .ant-picker-header > button {
+  font-size: 20px;
+}
+.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
+  padding: 8px;
+}
+.ant-descriptions .ant-descriptions-view .ant-descriptions-row td {
+  padding: 9.5px 16px 9.5px 8px;
+  background-color: var(--zartd-body-background);
+}
+.ant-descriptions .ant-descriptions-view .ant-descriptions-row th {
+  padding: 9.5px 16px 9.5px 8px;
+  color: var(--zartd-text-color-7);
+}
+.ant-drawer.ant-drawer-right .ant-drawer-content-wrapper {
+  width: 400px;
+}
+.ant-drawer.ant-drawer-right .ant-drawer-content-wrapper .ant-drawer-header {
+  padding: 16px 16px 14px;
+  border-bottom: 1px solid var(--zartd-text-color-3);
+}
+.ant-drawer.ant-drawer-right .ant-drawer-content-wrapper .ant-drawer-header .ant-drawer-close {
+  display: none;
+}
+.ant-drawer.ant-drawer-right .ant-drawer-content-wrapper .ant-drawer-header .ant-drawer-title {
+  font-size: 18px;
+  line-height: 25px;
+}
+.ant-drawer.ant-drawer-right .ant-drawer-content-wrapper .ant-drawer-header .ant-drawer-extra .ant-btn {
+  height: 25px;
+  padding: 0 20px;
+}
+.ant-drawer.ant-drawer-right .ant-drawer-content-wrapper .ant-drawer-body {
+  padding: 16px;
+}
+.ant-drawer.ant-drawer-right .ant-drawer-content-wrapper .ant-drawer-body > p {
+  margin-bottom: 0;
+  line-height: 20px;
+}
+.ant-drawer.ant-drawer-right .ant-drawer-content-wrapper .ant-drawer-footer {
+  padding: 11.5px 16px;
+  border-top: none;
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.ant-drawer.ant-drawer-right .ant-drawer-content-wrapper .ant-drawer-footer .ant-btn {
+  padding: 5px 15px;
+  line-height: 20px;
+  border: 1px solid var(--zartd-text-color-3);
+}
+.ant-drawer.ant-drawer-right .ant-drawer-content-wrapper .ant-drawer-footer .ant-btn.ant-btn-primary {
+  border: 1px solid var(--zartd-primary-color);
+}
+.ant-dropdown-menu {
+  padding: 8px 0;
+}
+.ant-dropdown-menu .ant-dropdown-menu-item {
+  margin: 8px 8px 0;
+}
+.ant-dropdown-menu .ant-dropdown-menu-item:first-child {
+  margin-top: 0;
+}
+.ant-empty {
+  padding: 20px 0;
+}
+.ant-empty .ant-empty-image {
+  margin-bottom: 24px;
+}
+.ant-empty .ant-empty-description {
+  margin: 0;
+  color: var(--zartd-text-color-6);
+}
+.ant-select-dropdown-empty {
+  padding: 8px;
+}
+.ant-select-dropdown-empty .ant-cascader-menu {
+  min-width: 0 !important;
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+.ant-select-dropdown-empty .ant-cascader-menu .ant-cascader-menu-item {
+  margin: 0;
+  padding: 0;
+}
+.ant-select-dropdown-empty .ant-cascader-menu .ant-cascader-menu-item .ant-cascader-menu-item-content {
+  padding: 0 !important;
+}
+.ant-select-dropdown-empty .ant-select-item-empty {
+  min-height: 0;
+  padding: 0;
+}
+.ant-select-dropdown-empty .ant-empty {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+.ant-select-dropdown-empty .ant-empty .ant-empty-image {
+  display: none;
+}
+.ant-select-dropdown-empty .ant-empty p {
+  margin: 0 !important;
+  padding: 10px 8px;
+  color: var(--zartd-text-color-7);
+  text-align: left;
+}
+.ant-transfer-list-body-not-found .ant-empty {
+  padding: 0;
+  border: none;
+}
+.ant-form-item-label > label {
+  color: var(--zartd-text-color-7);
+}
+.ant-form-item-with-help {
+  margin-bottom: 16px;
+}
+.ant-form-horizontal,
+.ant-form-vertical {
+  margin-bottom: -16px;
+}
+.ant-form-horizontal:has(.ant-form-item-required) .ant-form-item-label > label:not(.ant-form-item-required)::before {
+  width: 8px;
+  margin-right: 4px;
+  content: '';
+}
+.ant-input-affix-wrapper {
+  color: var(--zartd-text-color-6);
+}
+.ant-input-group-wrapper .ant-input-group {
+  border-radius: 4px;
+}
+.ant-input-group-wrapper .ant-input-group-addon .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  border-right-color: transparent;
+  border-left-color: transparent;
+  box-shadow: none;
+}
+.ant-input-group-wrapper .ant-input-group:focus-within {
+  border-color: var(--zartd-primary-color);
+  box-shadow: 0 0 0 2px var(--zartd-primary-color-outline);
+}
+.ant-input-group-wrapper .ant-input-group:hover .ant-input,
+.ant-input-group-wrapper .ant-input-group:focus-within .ant-input,
+.ant-input-group-wrapper .ant-input-group:hover .ant-input-group-addon,
+.ant-input-group-wrapper .ant-input-group:focus-within .ant-input-group-addon {
+  border-color: var(--zartd-primary-color);
+  box-shadow: none;
+}
+.ant-input-number-handler {
+  color: var(--zartd-text-color-6);
+  border: none;
+}
+.ant-input-number-group-wrapper .ant-input-number-group {
+  border-radius: 4px;
+}
+.ant-input-number-group-wrapper .ant-input-number-group-addon .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  border-right-color: transparent;
+  border-left-color: transparent;
+  box-shadow: none;
+}
+.ant-input-number-group-wrapper .ant-input-number-group:focus-within {
+  border-color: var(--zartd-primary-color);
+  box-shadow: 0 0 0 2px var(--zartd-primary-color-outline);
+}
+.ant-input-number-group-wrapper .ant-input-number-group:hover .ant-input-number,
+.ant-input-number-group-wrapper .ant-input-number-group:focus-within .ant-input-number,
+.ant-input-number-group-wrapper .ant-input-number-group:hover .ant-input-number-group-addon,
+.ant-input-number-group-wrapper .ant-input-number-group:focus-within .ant-input-number-group-addon {
+  border-color: var(--zartd-primary-color);
+  box-shadow: none;
+}
+/* stylelint-disable no-descending-specificity */
+.ant-menu-inline,
+.ant-menu-vertical {
+  padding: 0 8px;
+  border: none;
+}
+.ant-menu-inline .ant-menu-item,
+.ant-menu-vertical .ant-menu-item,
+.ant-menu-inline .ant-menu-submenu-title,
+.ant-menu-vertical .ant-menu-submenu-title {
+  padding: 0 12px;
+  border-radius: 4px;
+}
+.ant-menu-inline .ant-menu-item:hover,
+.ant-menu-vertical .ant-menu-item:hover,
+.ant-menu-inline .ant-menu-submenu-title:hover,
+.ant-menu-vertical .ant-menu-submenu-title:hover {
+  background-color: var(--zartd-text-color-2);
+}
+.ant-menu-inline .ant-menu-submenu,
+.ant-menu-vertical .ant-menu-submenu {
+  padding-bottom: 0;
+}
+.ant-menu-inline .ant-menu-submenu .ant-menu-item,
+.ant-menu-vertical .ant-menu-submenu .ant-menu-item {
+  color: var(--zartd-text-color-7);
+}
+.ant-menu-inline .ant-menu-submenu .ant-menu-item-selected,
+.ant-menu-vertical .ant-menu-submenu .ant-menu-item-selected {
+  color: var(--zartd-primary-color);
+}
+.ant-menu-inline .ant-menu-submenu .ant-menu-submenu .ant-menu-submenu-title,
+.ant-menu-vertical .ant-menu-submenu .ant-menu-submenu .ant-menu-submenu-title {
+  color: var(--zartd-text-color-7);
+}
+.ant-menu-inline .ant-menu-submenu .ant-menu-submenu .ant-menu-item,
+.ant-menu-vertical .ant-menu-submenu .ant-menu-submenu .ant-menu-item {
+  color: var(--zartd-text-color-6);
+}
+.ant-menu-inline .ant-menu-submenu-arrow,
+.ant-menu-vertical .ant-menu-submenu-arrow,
+.ant-menu-inline .ant-menu-submenu-expand-icon,
+.ant-menu-vertical .ant-menu-submenu-expand-icon {
+  right: 12px;
+  color: var(--zartd-text-color-6);
+}
+.ant-menu-dark .ant-menu-item:hover,
+.ant-menu-dark .ant-menu-submenu-title:hover,
+.ant-menu-dark .ant-menu-item-active,
+.ant-menu-dark .ant-menu-submenu-title-active {
+  background-color: var(--zartd-primary-7);
+}
+.ant-menu-dark .ant-menu-submenu .ant-menu-item {
+  color: var(--zartd-text-color-6);
+}
+.ant-menu-dark .ant-menu-submenu .ant-menu-item-selected {
+  color: var(--zartd-text-color-1) !important;
+}
+.ant-menu-dark .ant-menu-submenu .ant-menu-submenu .ant-menu-submenu-title {
+  color: var(--zartd-text-color-6);
+}
+.ant-menu-dark .ant-menu-submenu .ant-menu-submenu .ant-menu-item {
+  color: var(--zartd-text-color-7);
+}
+.ant-menu-dark .ant-menu-submenu-arrow,
+.ant-menu-dark .ant-menu-submenu-expand-icon {
+  color: var(--zartd-text-color-7);
+}
+.ant-menu-sub > *:first-child {
+  margin-top: 0;
+}
+.ant-menu-submenu-popup .ant-menu-vertical {
+  padding: 8px;
+}
+.ant-menu-submenu-popup .ant-menu-vertical .ant-menu-item,
+.ant-menu-submenu-popup .ant-menu-vertical .ant-menu-submenu-title {
+  margin-bottom: 0;
+}
+.ant-menu-submenu-popup .ant-menu-vertical .ant-menu-item:first-child,
+.ant-menu-submenu-popup .ant-menu-vertical .ant-menu-submenu-title:first-child {
+  margin-top: 0;
+}
+.ant-menu-submenu-popup .ant-menu-submenu-vertical {
+  margin-top: 8px;
+}
+.ant-menu-submenu-popup .ant-menu-submenu-vertical:first-child {
+  margin-top: 0;
+}
+.ant-menu-item-group-title {
+  padding: 0 12px;
+}
+.ant-message .ant-message-notice .ant-message-notice-content {
+  padding: 16px;
+  line-height: 20px;
+  text-align: left;
+  box-shadow: 0 2px 24px 2px var(--zartd-message-content-box-shadow-color);
+}
+.ant-message .ant-message-notice .ant-message-notice-content .anticon {
+  top: 0;
+  font-size: 14px;
+}
+.ant-modal .ant-modal-content {
+  max-width: calc(100vw - 100px);
+  max-height: calc(100vh - 100px);
+  border-radius: 4px;
+  box-shadow: 0 2px 50px 0 var(--zartd-modal-content-box-shadow-color);
+}
+.ant-modal .ant-modal-content .ant-modal-header {
+  padding: 15px 20px 14px;
+  border-bottom: 1px solid var(--zartd-text-color-2);
+}
+.ant-modal .ant-modal-content .ant-modal-header .ant-modal-title {
+  font-size: 14px;
+}
+.ant-modal .ant-modal-content .ant-modal-body {
+  max-height: calc(100vh - 202px);
+  padding: 20px;
+  overflow: auto;
+}
+.ant-modal .ant-modal-content .ant-modal-body > p {
+  margin-bottom: 0;
+}
+.ant-modal .ant-modal-content .ant-modal-footer {
+  border-top: none;
+}
+.ant-modal .ant-modal-content .ant-modal-footer .ant-btn {
+  padding: 5px 15px;
+}
+.ant-modal .ant-modal-content .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
+  margin-left: 16px;
+}
+/* stylelint-disable no-descending-specificity */
+/* stylelint-disable selector-class-pattern */
+.ant-notification {
+  margin-right: 20px;
+}
+.ant-notification .ant-notification-notice {
+  width: 369px;
+  margin-bottom: 16px;
+  padding: 16px;
+  box-shadow: var(--zartd-box-shadow);
+}
+.ant-notification .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-with-icon .ant-notification-notice-icon {
+  margin-left: 0;
+  font-size: 16px;
+  line-height: 20px;
+}
+.ant-notification .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-with-icon .anticon {
+  margin-top: 2px;
+  margin-left: 0;
+  font-size: 16px;
+  line-height: 20px;
+}
+.ant-notification .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-with-icon .ant-notification-notice-message {
+  margin-left: 24px;
+}
+.ant-notification .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-with-icon .ant-notification-notice-description {
+  margin-left: 24px;
+}
+.ant-notification .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
+  margin-bottom: 6px;
+  padding-right: 0;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 20px;
+}
+.ant-notification .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-description {
+  width: 252px;
+}
+.ant-notification.ant-notification-topRight .ant-notification-notice {
+  margin-top: -4px;
+}
+.ant-notification.ant-notification-topLeft {
+  margin-left: 20px;
+}
+.ant-notification.ant-notification-topLeft .ant-notification-notice {
+  margin-top: -4px;
+}
+.ant-notification.ant-notification-bottomLeft {
+  margin-left: 20px;
+}
+.ant-notification.ant-notification-bottomLeft .ant-notification-notice {
+  margin-bottom: -4px;
+}
+.ant-notification.ant-notification-bottomRight .ant-notification-notice {
+  margin-bottom: -4px;
+}
+.ant-page-header {
+  padding: 16px 16px 15px;
+  border: none;
+  border-radius: 4px;
+  box-shadow: 0 2px 10px 0 rgba(34, 51, 85, 0.1);
+}
+.ant-page-header .ant-page-header-heading .ant-page-header-heading-left {
+  margin: 0;
+}
+.ant-page-header .ant-page-header-heading .ant-page-header-heading-left .ant-page-header-heading-title {
+  font-weight: 500;
+}
+.ant-pagination-options .ant-select-dropdown .ant-select-item {
+  padding-right: 6px;
+  padding-left: 6px;
+}
+/* stylelint-disable no-descending-specificity */
+/* stylelint-disable number-max-precision */
+.ant-popover {
+  padding-bottom: 6px;
+  line-height: 20px;
+}
+.ant-popover .ant-popover-content .ant-popover-arrow {
+  bottom: -2.51471863px;
+}
+.ant-popover .ant-popover-content .ant-popover-inner {
+  border-radius: 2px;
+  box-shadow: 0 2px 24px 2px var(--zartd-popover-content-box-shadow-color);
+}
+.ant-popover .ant-popover-content .ant-popover-inner .ant-popover-title {
+  padding: 16px 16px 8px;
+  color: var(--zartd-text-color-9);
+  border-bottom: none;
+}
+.ant-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
+  margin-bottom: 0;
+  padding: 0 16px 16px;
+  color: var(--zartd-text-color-8);
+}
+.ant-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content > p {
+  max-width: 210px;
+  margin-bottom: 0;
+  line-height: 20px;
+  word-wrap: break-word;
+}
+.ant-popover .ant-popover-content .ant-popover-arrow-content {
+  box-shadow: none;
+}
+.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner {
+  border-radius: 2px;
+  box-shadow: 0 2px 24px 2px var(--zartd-popover-content-box-shadow-color);
+}
+.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner .ant-popover-title {
+  padding: 16px 16px 8px;
+  color: var(--zartd-text-color-9);
+  border-bottom: none;
+}
+.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
+  margin-bottom: 0;
+  padding: 0 20px 18px 16px;
+  color: var(--zartd-text-color-8);
+}
+.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-message {
+  padding: 14px 0 10px;
+  color: var(--zartd-text-color-8);
+}
+.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-message > .anticon {
+  top: 0;
+  margin-top: 17px;
+}
+.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-message .ant-popover-message-title {
+  max-width: 182px;
+  padding-left: 24px;
+}
+.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-message .ant-popover-message-title > p {
+  margin-bottom: 0;
+  line-height: 20px;
+}
+.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-buttons {
+  margin-bottom: 0;
+}
+.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-buttons .ant-btn {
+  color: var(--zartd-text-color-8);
+  line-height: 20px;
+  border: 1px solid var(--zartd-border-color);
+}
+.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-buttons .ant-btn.ant-btn-primary {
+  color: var(--zartd-text-color-positive);
+  border: 1px solid var(--zartd-primary-color);
+  box-shadow: none;
+}
+.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner .ant-popover-inner-content .ant-popover-buttons .ant-btn.ant-btn-sm {
+  font-size: 12px;
+  border-radius: 4px;
+}
+.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-inner .ant-popover-inner-content > p {
+  max-width: 210px;
+  margin-bottom: 0;
+  line-height: 20px;
+  word-wrap: break-word;
+}
+.ant-popover.ant-popconfirm .ant-popover-content .ant-popover-arrow-content {
+  box-shadow: none;
+}
+/* stylelint-disable no-descending-specificity */
+.ant-progress.ant-progress-line .ant-progress-outer {
+  margin-right: calc(-2em - 16px);
+  padding-right: calc(2em + 16px);
+}
+.ant-progress.ant-progress-line .ant-progress-outer .ant-progress-inner {
+  height: 4px;
+  background-color: var(--zartd-text-color-3);
+  border-radius: 2px;
+}
+.ant-progress.ant-progress-line .ant-progress-outer .ant-progress-inner .ant-progress-bg {
+  height: 100% !important;
+  border-radius: 2px;
+}
+.ant-progress.ant-progress-line .ant-progress-text {
+  margin-left: 16px;
+  line-height: 20px;
+  text-align: right;
+}
+.ant-progress.ant-progress-line.ant-progress-status-exception .ant-progress-bg {
+  background-color: var(--zartd-error-color);
+}
+.ant-progress.ant-progress-line.ant-progress-status-exception .ant-progress-text {
+  width: 16px;
+  height: 16px;
+  margin-left: 8px;
+  text-align: center;
+}
+.ant-progress.ant-progress-line.ant-progress-status-exception .ant-progress-text .anticon {
+  vertical-align: 0;
+}
+.ant-progress.ant-progress-line.ant-progress-status-success .ant-progress-bg {
+  background-color: #11c79b;
+}
+.ant-progress.ant-progress-line.ant-progress-status-success .ant-progress-text {
+  width: 16px;
+  height: 16px;
+  margin-left: 8px;
+  text-align: center;
+}
+.ant-progress.ant-progress-line.ant-progress-status-success .ant-progress-text .anticon {
+  vertical-align: 0;
+}
+.ant-progress.ant-progress-circle .ant-progress-inner .ant-progress-text {
+  color: var(--zartd-text-color-9);
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 20px;
+}
+.ant-progress.ant-progress-circle .ant-progress-inner .ant-progress-text .anticon {
+  font-size: 24px;
+}
+.ant-progress.ant-progress-circle.ant-progress-status-exception .ant-progress-inner .ant-progress-text {
+  color: var(--zartd-error-color);
+}
+.ant-progress.ant-progress-circle.ant-progress-status-success .ant-progress-inner .ant-progress-text {
+  color: #11c79b;
+}
+.ant-radio-wrapper {
+  align-items: center;
+}
+.ant-radio-inner {
+  border-color: var(--zartd-text-color-6);
+}
+.ant-radio-inner::after {
+  width: 4px;
+  height: 4px;
+  margin: 0;
+  background-color: var(--zartd-body-background);
+  transform: translate(-50%, -50%);
+}
+.ant-radio-checked .ant-radio-inner {
+  background-color: var(--zartd-primary-6);
+  border-color: var(--zartd-primary-6);
+}
+.ant-radio-checked .ant-radio-inner::after {
+  transform: translate(-50%, -50%);
+}
+.ant-radio-disabled .ant-radio-inner {
+  background-color: var(--zartd-text-color-2);
+  border-color: var(--zartd-text-color-4);
+}
+.ant-radio-disabled.ant-radio-checked .ant-radio-inner {
+  background-color: var(--zartd-primary-3);
+  border-color: var(--zartd-primary-3) !important;
+}
+.ant-radio-disabled.ant-radio-checked .ant-radio-inner::after {
+  background-color: var(--zartd-body-background);
+  border-color: var(--zartd-text-color-1);
+}
+.ant-radio-disabled + span {
+  color: var(--zartd-text-color-8);
+}
+span.ant-radio + * {
+  padding-left: 6px;
+}
+.ant-select-dropdown {
+  padding: 8px 0;
+}
+.ant-select-dropdown .ant-select-item {
+  margin: 8px 8px 0;
+  padding: 6px 14px;
+  border-radius: 4px;
+}
+.ant-select-dropdown .ant-select-item:first-child {
+  margin-top: 0;
+}
+.ant-select-dropdown .rc-virtual-list-holder > div[style*='overflow'] .ant-select-item {
+  margin-top: 0;
+}
+.ant-select-multiple .ant-select-selection-item {
+  height: 20px;
+  padding: 0 6px;
+  border: none;
+}
+.ant-select-multiple .ant-select-selection-item-remove {
+  color: inherit;
+}
+.ant-select-tree-checkbox-inner {
+  border-color: var(--zartd-text-color-6);
+}
+.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
+  border-color: var(--zartd-primary-6);
+  background-color: var(--zartd-primary-6);
+}
+.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
+  height: 2px;
+  background-color: var(--zartd-text-color-1);
+}
+.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
+  background-color: var(--zartd-text-color-2);
+  border-color: var(--zartd-text-color-4) !important;
+}
+.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner,
+.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
+  background-color: var(--zartd-primary-3);
+  border-color: var(--zartd-primary-3) !important;
+}
+.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
+  border-color: var(--zartd-text-color-1);
+}
+.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
+  background-color: var(--zartd-text-color-1);
+}
+.ant-select-tree-checkbox-disabled + span {
+  color: var(--zartd-text-color-8);
+}
+.ant-tree-select-dropdown {
+  padding: 8px;
+}
+.ant-select-tree .ant-select-tree-treenode {
+  padding: 10px 0;
+}
+.ant-select-tree .ant-select-tree-treenode:hover {
+  background-color: var(--zartd-text-color-2);
+}
+.ant-select-tree .ant-select-tree-treenode-selected {
+  background-color: var(--zartd-primary-1);
+}
+.ant-select-tree-list-holder-inner {
+  align-items: stretch;
+}
+.ant-select-tree-indent-unit {
+  margin-right: 8px;
+}
+.ant-select-tree-switcher {
+  margin-right: 8px;
+  color: var(--zartd-text-color-6);
+}
+.ant-select-tree .ant-select-tree-node-content-wrapper {
+  padding: 0;
+  /* stylelint-disable-next-line selector-class-pattern */
+}
+.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
+  color: var(--zartd-primary-color);
+}
+.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle {
+  color: var(--zartd-text-color-6);
+  margin-right: 8px;
+}
+.ant-select-tree-show-line .ant-select-tree-switcher {
+  background: transparent;
+}
+.ant-select-tree-show-line .ant-select-tree-indent-unit::before {
+  top: -10px;
+  bottom: -10px;
+}
+.ant-steps .ant-steps-item-title {
+  padding-right: 4px;
+}
+.ant-steps .ant-steps-item {
+  padding-left: 4px !important;
+}
+.ant-steps .ant-steps-item:first-child {
+  padding-left: 0 !important;
+}
+.ant-steps .ant-steps-item .ant-steps-item-icon {
+  border-color: var(--zartd-primary-1);
+}
+.ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
+  color: var(--zartd-primary-color);
+}
+.ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
+  color: var(--zartd-text-color-7);
+}
+.ant-steps .ant-steps-item-process .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
+  color: var(--zartd-primary-color);
+  font-weight: 500;
+}
+.ant-steps .ant-steps-item-process .ant-steps-item-subtitle {
+  color: var(--zartd-text-color-7);
+}
+.ant-steps .ant-steps-item-wait .ant-steps-item-icon {
+  background-color: var(--zartd-text-color-2);
+}
+.ant-steps .ant-steps-item-wait .ant-steps-item-container {
+  color: var(--zartd-text-color-7);
+}
+.ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
+  color: var(--zartd-text-color-7);
+}
+.ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
+  color: var(--zartd-text-color-7);
+}
+.ant-switch-handle {
+  width: 12px;
+  height: 12px;
+}
+.ant-switch-small .ant-switch-handle {
+  width: 8px;
+  height: 8px;
+}
+.ant-table-thead > tr > th {
+  border-bottom-color: var(--zartd-border-color);
+}
+.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
+  height: 1.4286em;
+}
+.ant-table-tbody > tr > td {
+  border-bottom-color: var(--zartd-border-color);
+}
+.ant-table-pagination.ant-pagination {
+  margin-bottom: 0;
+}
+.ant-tabs .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
+  height: 56px;
+  margin-left: 16px;
+  margin-right: 16px;
+  padding: 18px 0;
+}
+.ant-tabs .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn {
+  min-width: 56px;
+  text-align: center;
+}
+.ant-tabs .ant-tabs-nav-wrap-ping-bottom .ant-tabs-nav-list .ant-tabs-tab {
+  height: 36px;
+  margin-top: 8px;
+  padding: 8px 16px;
+}
+.ant-tabs .ant-tabs-nav-wrap-ping-bottom .ant-tabs-nav-list .ant-tabs-tab-active {
+  background-color: var(--zartd-primary-1);
+}
+.ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap {
+  height: 50px;
+  background-image: var(--zartd-tabs-nav-wrap-bg);
+}
+.ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
+  align-items: flex-end;
+  height: 50px;
+}
+.ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
+  min-width: 150px;
+  height: 34px;
+  margin-right: 0;
+  margin-left: 6px;
+  padding: 8px 8px 6px;
+  color: var(--zartd-text-color-7);
+  background-color: var(--zartd-text-color-3);
+  border: none;
+}
+.ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:first-child {
+  margin-left: 5px;
+}
+.ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn {
+  min-width: 0;
+}
+.ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-remove {
+  margin-right: 0;
+  margin-left: 8px;
+  padding: 0;
+}
+.ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-active {
+  background-image: var(--zartd-tabs-nav-tab-active);
+  box-shadow: var(--zartd-tabs-tab-active-border-shadow);
+}
+.ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-with-remove {
+  display: flex;
+  justify-content: space-between;
+}
+.ant-tabs-card .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-nav-add {
+  height: 34px;
+  margin-left: 6px;
+  padding: 8px 8px 6px;
+  background-color: var(--zartd-text-color-3);
+}
+.ant-tabs-dropdown .ant-tabs-dropdown-menu-item > span {
+  display: inline-flex;
+  justify-content: space-between;
+}
+.ant-tabs-dropdown-menu {
+  padding: 8px 0;
+}
+.ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item {
+  margin: 8px 8px 0;
+}
+.ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item:first-child {
+  margin-top: 0;
+}
+.ant-tooltip .ant-tooltip-inner {
+  padding: 10px 16px 12px;
+  line-height: 20px;
+  opacity: 0.8;
+}
+.ant-tree .ant-tree-treenode {
+  padding: 10px 0;
+}
+.ant-tree .ant-tree-treenode:hover {
+  background-color: var(--zartd-text-color-2);
+}
+.ant-tree .ant-tree-treenode-selected {
+  background-color: var(--zartd-primary-1);
+}
+.ant-tree-list-holder-inner {
+  align-items: stretch;
+}
+.ant-tree-indent-unit {
+  margin-right: 8px;
+}
+.ant-tree-switcher {
+  margin-right: 8px;
+  color: var(--zartd-text-color-6);
+}
+.ant-tree .ant-tree-node-content-wrapper {
+  padding: 0;
+  /* stylelint-disable-next-line selector-class-pattern */
+}
+.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
+  color: var(--zartd-primary-color);
+}
+.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
+  color: var(--zartd-text-color-6);
+  margin-right: 8px;
+}
+.ant-tree-show-line .ant-tree-switcher {
+  background: transparent;
+}
+.ant-tree-show-line .ant-tree-indent-unit::before {
+  top: -10px;
+  bottom: -10px;
+}
+.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before,
+.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before {
+  background: var(--zartd-primary-1);
+}
+.ant-tree.ant-tree-directory .ant-tree-switcher,
+.ant-tree.ant-tree-directory .ant-tree-iconEle {
+  color: var(--zartd-text-color-6);
+}
+.ant-tree-checkbox-inner {
+  border-color: var(--zartd-text-color-6);
+}
+.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
+  border-color: var(--zartd-primary-6);
+  background-color: var(--zartd-primary-6);
+}
+.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
+  height: 2px;
+  background-color: var(--zartd-text-color-1);
+}
+.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
+  background-color: var(--zartd-text-color-2);
+  border-color: var(--zartd-text-color-4) !important;
+}
+.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
+.ant-tree-checkbox-disabled.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
+  background-color: var(--zartd-primary-3);
+  border-color: var(--zartd-primary-3) !important;
+}
+.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
+  border-color: var(--zartd-text-color-1);
+}
+.ant-tree-checkbox-disabled.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
+  background-color: var(--zartd-text-color-1);
+}
+.ant-tree-checkbox-disabled + span {
+  color: var(--zartd-text-color-8);
+}
+/* stylelint-disable no-descending-specificity */
+.ant-upload.ant-upload-drag .ant-upload {
+  padding: 20px 0;
+}
+.ant-upload.ant-upload-drag p.ant-upload-text {
+  color: var(--zartd-text-color-8);
+  font-weight: 500;
+  font-size: 14px;
+}
+.ant-upload.ant-upload-drag p.ant-upload-hint {
+  color: var(--zartd-text-color-6);
+  font-size: 12px;
+}
+.ant-upload.ant-upload-select-picture-card {
+  width: 60px;
+  height: 60px;
+}
+.ant-upload.ant-upload-select-picture-card .ant-upload-text {
+  margin-top: 0;
+}
+.ant-upload.ant-upload-drag,
+.ant-upload.ant-upload-select-picture-card {
+  background: var(--zartd-text-color-2);
+}
+.ant-upload.ant-upload-drag:hover,
+.ant-upload.ant-upload-select-picture-card:hover {
+  background: var(--zartd-primary-1);
+  border-color: var(--zartd-primary-6);
+}
+.ant-upload.ant-upload-drag p,
+.ant-upload.ant-upload-select-picture-card p {
+  line-height: 20px;
+}
+.ant-upload-list-item {
+  height: 40px;
+  background-color: var(--zartd-text-color-2);
+  border-radius: 4px;
+}
+.ant-upload-list-item-info {
+  padding: 10px 8px;
+}
+.ant-upload-list-item-error {
+  background-color: var(--zartd-error-1);
+}
+.ant-upload-list-item-error:hover .ant-upload-list-item-info {
+  background-color: var(--zartd-error-1);
+}
+.ant-upload-list-item-name {
+  color: var(--zartd-text-color-8) !important;
+}
+.ant-upload-list-item-progress {
+  bottom: -6px;
+  padding-left: 0;
+}
+.ant-upload-list-item-progress .ant-progress-outer {
+  margin-right: 0 !important;
+  padding-right: 0 !important;
+}
+.ant-upload-list-picture .ant-upload-list-item {
+  padding: 10px 8px;
+}
+.ant-upload-list-picture .ant-upload-list-item-thumbnail {
+  width: 40px;
+  height: 40px;
+}
+.ant-upload-list-picture-card-container {
+  width: 60px;
+  height: 60px;
+}
+.ant-upload-list-picture-card .ant-upload-list-item {
+  height: 60px;
+  padding: 0;
+}
+.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
+  width: 60px;
+  height: 60px;
+}
+.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-thumbnail,
+.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail,
+.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name,
+.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-name {
+  font-size: 12px;
+  transform: scale(0.8);
+}
+.ant-upload-list-text .ant-upload-text-icon,
+.ant-upload-list-picture .ant-upload-text-icon {
+  padding: 2px;
+}
+.ant-upload-list-text .ant-upload-list-item-name,
+.ant-upload-list-picture .ant-upload-list-item-name {
+  padding: 0 8px 0 4px;
+}
+.ant-upload-list-picture .ant-upload-list-item,
+.ant-upload-list-picture-card .ant-upload-list-item {
+  height: 60px;
+  border: none;
+}
+.ant-upload-list-picture .ant-upload-list-item-name,
+.ant-upload-list-picture-card .ant-upload-list-item-name {
+  padding: 0 8px;
+  line-height: 40px;
+}
+.ant-upload-list-picture .ant-upload-list-item-thumbnail,
+.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
+.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.ant-upload-list-picture .ant-upload-list-item-progress,
+.ant-upload-list-picture-card .ant-upload-list-item-progress {
+  bottom: -6px;
+  left: 0;
+  width: 100%;
+  padding-left: 0;
+}
+.ant-upload-list-picture .ant-upload-list-item:hover,
+.ant-upload-list-picture-card .ant-upload-list-item:hover {
+  background-color: var(--zartd-text-color-2);
+}
+.ant-upload-list-picture .ant-upload-list-item-error,
+.ant-upload-list-picture-card .ant-upload-list-item-error {
+  background-color: var(--zartd-error-1);
+}
+.ant-upload-list-picture .ant-upload-list-item-error:hover,
+.ant-upload-list-picture-card .ant-upload-list-item-error:hover {
+  background-color: var(--zartd-error-1);
+}
+.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
+.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
+  margin-bottom: 0;
+}
+/* -------------------- procomponents -------------------- */
+.zt-collapse-button {
+  position: absolute;
+  z-index: 1;
+}
+.zt-collapse-button > * {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 60px;
+  height: 18px;
+  padding: 0;
+  color: var(--zartd-text-color-positive);
+  background: var(--zartd-collapse-button-background-color);
+  border: 1px solid var(--zartd-collapse-button-border-color);
+  border-radius: 8px;
+  cursor: pointer;
+  backdrop-filter: blur(4px);
+  animation-name: fadeOut;
+}
+.zt-collapse-button > *:hover {
+  animation-name: fadeIn;
+}
+.zt-collapse-button > * > i {
+  transform: rotateZ(90deg);
+}
+.zt-collapse-button > *.is-collapse > i {
+  transform: rotateZ(-90deg);
+}
+.zt-collapse-button > *.is-always-visible {
+  animation-name: none;
+}
+.zt-collapse-button > *.is-always-visible:hover {
+  animation-name: none;
+}
+.zt-collapse-button.direction-horizontal {
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.zt-collapse-button.direction-vertical {
+  top: 50%;
+  right: 0;
+  transform: translate(50%, -50%);
+}
+.zt-collapse-button.direction-vertical > * {
+  transform: rotateZ(90deg);
+}
+.zt-empty {
+  text-align: center;
+}
+.zt-empty .zt-empty-img {
+  width: 115px;
+  height: 115px;
+  margin: 0 auto 24px;
+  background-image: var(--zartd-empty-default-image);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+}
+.zt-empty .zt-empty-description {
+  color: var(--zartd-text-color-6);
+}
+.zt-iframe {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+.zt-iframe > iframe {
+  width: 100%;
+  height: 100%;
+  overflow: 'visible';
+}
+.zt-iframe-with-token {
+  width: 100%;
+  height: 100%;
+}
+.zt-layout-header-more {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.zt-layout-header-more > i {
+  color: var(--zartd-text-color-light);
+  font-size: 20px;
+  cursor: pointer;
+}
+.zt-layout-header-more .ant-popover {
+  z-index: 10;
+  padding-top: 13px;
+}
+.zt-layout-header-more .ant-popover-arrow {
+  top: 5px;
+}
+.zt-layout-header-more .ant-popover-inner-content {
+  padding: 10px !important;
+}
+.zt-layout-header-more-button {
+  display: flex;
+  align-items: center;
+  width: 180px;
+  height: 40px;
+  padding: 0 20px;
+  color: var(--zartd-text-color-8);
+  font-weight: 600;
+}
+.zt-layout-header-more-button:hover {
+  color: var(--zartd-primary-color);
+  background-color: var(--zartd-layout-header-more-button-active-background-color);
+}
+.zt-layout-header-more-button:hover.button-logout {
+  color: var(--zartd-error-color);
+}
+.zt-layout-header-more-button > i {
+  margin-right: 10px;
+  font-weight: normal;
+  font-size: 18px;
+}
+.zt-layout-navs {
+  width: 100%;
+  height: auto;
+}
+.zt-layout-navs > .ant-tabs .ant-tabs-nav {
+  margin-bottom: 0;
+}
+.zt-layout-navs > .ant-tabs .ant-tabs-ink-bar {
+  height: 0;
+  padding: 0;
+}
+.zt-modal-theme {
+  width: 100%;
+}
+.zt-panal-bg {
+  width: 100%;
+  height: 100%;
+  padding: 20px;
+}
+.zt-panal-bg > main {
+  width: 100%;
+  height: 100%;
+}
+.zt-panal-bg-shadow {
+  background: var(--zartd-panal-bg-background-color);
+  border-radius: 5px;
+  box-shadow: var(--zartd-panal-bg-box-shadow);
+}
+.zt-panal-bg:not(:first-of-type) {
+  padding-top: 0;
+}
+.zt-panal-table {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+.zt-panal-table > header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 20px;
+}
+.zt-panal-table > header > .zt-panal-table-buttons {
+  display: flex;
+}
+.zt-panal-table > header > .zt-panal-table-buttons > .ant-btn {
+  margin-left: 10px;
+}
+.zt-panal-table > header > .zt-panal-table-buttons > .ant-btn:first-child {
+  margin-left: 0;
+}
+.zt-panal-table > main {
+  flex: auto;
+  height: 0;
+}
+.zt-panal-table > main .ant-table-wrapper {
+  height: 100%;
+}
+.zt-panal-table > main .ant-table-wrapper .ant-spin-nested-loading,
+.zt-panal-table > main .ant-table-wrapper .ant-spin-container {
+  height: 100%;
+}
+.zt-panal-table > main .ant-table-wrapper .ant-pagination {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+.zt-panal-table > footer {
+  margin-top: 20px;
+}
+.zt-profile-avatar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.zt-profile-avatar > .zt-profile-avatar-photo {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  overflow: hidden;
+  border-radius: 50%;
+  box-shadow: var(--zartd-profile-avatar-photo-box-shadow);
+  cursor: pointer;
+}
+.zt-profile-avatar > .zt-profile-avatar-name {
+  color: var(--zartd-text-color-8);
+}
+.zt-profile-avatar.direction-horizontal {
+  flex-direction: row;
+}
+.zt-profile-avatar.direction-horizontal .zt-profile-avatar-photo {
+  margin-right: 6px;
+}
+.zt-profile-avatar.direction-vertical {
+  flex-direction: column;
+}
+.zt-profile-avatar.direction-vertical .zt-profile-avatar-photo {
+  margin-bottom: 6px;
+}
+.zt-side-menu {
+  position: relative;
+  height: 100%;
+}
+.zt-side-menu > .ant-menu {
+  width: 220px;
+  height: 100%;
+}
+.zt-side-menu > .ant-menu.is-collapsed {
+  width: 56px;
+}
+.zt-side-menu > .ant-menu-inline .ant-menu-submenu .ant-menu-sub .ant-menu-item .ant-menu-item-icon,
+.zt-side-menu > .ant-menu-inline .ant-menu-submenu .ant-menu-sub .ant-menu-submenu-title .ant-menu-item-icon {
+  min-width: 10px;
+  visibility: hidden;
+}
+.zt-spread-navigation {
+  position: absolute;
+  top: 50px;
+  display: flex;
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  background: var(--zartd-body-background);
+  box-shadow: var(--zartd-spread-navigation-box-shadow);
+  transition: all 0.3s;
+}
+.zt-spread-navigation .zt-navigation-left {
+  width: 176px;
+  height: 100%;
+  padding-top: 20px;
+  text-align: center;
+  background: var(--zartd-spread-navigation-background-image) no-repeat;
+  background-size: 100%;
+}
+.zt-spread-navigation .zt-navigation-right {
+  display: flex;
+  flex-wrap: wrap;
+  box-sizing: border-box;
+  width: calc(100% - 176px);
+  height: 100%;
+  padding: 20px 32px;
+  overflow-y: scroll;
+}
+.zt-spread-navigation .zt-navigation-right .zt-navigation-wrap {
+  width: auto;
+  margin: 0 100px 40px 0;
+}
+.zt-spread-navigation .zt-navigation-right .zt-navigation-wrap .zt-navigation-content {
+  height: auto;
+  column-count: 3;
+  column-gap: 40px;
+}
+.zt-spread-navigation .zt-navigation-right::-webkit-scrollbar {
+  background: transparent;
+}
+.zt-spread-navigation .zt-navigation-title {
+  margin-bottom: 20px;
+  color: var(--zartd-text-color-8);
+  font-weight: 600;
+  letter-spacing: 0.35px;
+}
+.zt-spread-navigation .zt-navigation-item {
+  min-width: 60px;
+  margin-bottom: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  letter-spacing: 0.35px;
+  cursor: pointer;
+}
+.zt-spread-navigation .zt-navigation-item:hover {
+  color: var(--zartd-primary-color);
+}
+.zt-spread-navigation .zt-navigation-item-active {
+  color: var(--zartd-primary-color);
+  font-weight: 600;
+}
+.zt-spread-navigation-open {
+  height: 440px;
+}
+.zt-sub-title {
+  position: relative;
+  height: 32px;
+  padding: 0 18px;
+  line-height: 32px;
+}
+.zt-sub-title::before {
+  position: absolute;
+  top: 5px;
+  left: 0;
+  width: 10px;
+  height: 20px;
+  background-color: var(--zartd-primary-color);
+  border-radius: 2px;
+  content: '';
+}
+.zt-sub-title > span {
+  font-size: 20px;
+}
+.zt-top-menu {
+  max-width: 70vw;
+  height: 100%;
+}
+.zt-top-menu > .ant-menu {
+  height: 100%;
+  background-color: transparent;
+  border-bottom: none;
+}
+.zt-top-menu > .ant-menu > .ant-menu-item {
+  top: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 105px;
+  margin-top: 0;
+  color: var(--zartd-text-color-positive);
+  font-size: 16px;
+}
+.zt-top-menu > .ant-menu > .ant-menu-item:hover,
+.zt-top-menu > .ant-menu > .ant-menu-item-active,
+.zt-top-menu > .ant-menu > .ant-menu-item-selected {
+  color: var(--zartd-text-color-positive);
+  background-color: var(--zartd-top-menu-item-active-background-color);
+}
+.zt-top-menu > .ant-menu > .ant-menu-item:hover::after,
+.zt-top-menu > .ant-menu > .ant-menu-item-active::after,
+.zt-top-menu > .ant-menu > .ant-menu-item-selected::after {
+  display: none;
+}
+.zt-top-menu > .ant-menu > .ant-menu-item-selected {
+  background-color: var(--zartd-top-menu-item-selected-background-color);
+}
+.zt-view-login {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: var(--zartd-text-color-positive);
+  background: var(--zartd-view-login-background-image) no-repeat center;
+  background-size: 100% 100%;
+}
+.zt-view-login > .login-box {
+  position: relative;
+  width: 1625px;
+  height: 700px;
+}
+.zt-view-login > .login-box > .ant-carousel {
+  width: 100%;
+  height: 100%;
+  border-radius: 16px;
+  box-shadow: 0 15px 20px 0 var(--zartd-view-login-carousel-box-shadow-color);
+}
+.zt-view-login > .login-box .slick-list {
+  border-radius: 16px;
+}
+.zt-view-login > .login-box .carousel-content {
+  width: 700px;
+  height: 700px;
+}
+.zt-view-login > .login-box .carousel-content .login-box-bg {
+  width: 100%;
+  height: 100%;
+  background-position: center;
+  background-size: 100% 100%;
+}
+.zt-view-login > .login-box .carousel-content .login-box-bg.one {
+  background-image: var(--zartd-view-login-banner-one-background-image);
+}
+.zt-view-login > .login-box .carousel-content .login-box-bg.two {
+  background-image: var(--zartd-view-login-banner-two-background-image);
+}
+.zt-view-login > .login-box .carousel-content .login-box-bg.three {
+  background-image: var(--zartd-view-login-banner-three-background-image);
+}
+.zt-view-login > .login-box .slick-dots {
+  bottom: -100px;
+}
+:root[theme-size='large'] .zt-view-login > .login-box .slick-dots {
+  bottom: -60px;
+}
+.zt-view-login > .login-box .slick-dots > li button {
+  background: var(--zartd-view-login-carousel-dots-button-background);
+}
+.zt-view-login > .login-box .slick-dots > li.slick-active button,
+.zt-view-login > .login-box .slick-dots > li:hover button {
+  background-image: var(--zartd-view-login-carousel-dots-button-active-background-image);
+  box-shadow: var(--zartd-view-login-carousel-dots-button-active-box-shadow);
+}
+.zt-view-login > .login-box > .login-content {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 700px;
+  height: 700px;
+  background: var(--zartd-view-login-content-background);
+  border-radius: 0 16px 16px 0;
+  backdrop-filter: blur(5px);
+}
+.zt-view-login > .login-box > .login-content .login-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 40px;
+  padding: 20px;
+}
+.zt-view-login > .login-box > .login-content .login-title .sys-logo {
+  flex-shrink: 0;
+  width: 110px;
+  margin-right: 20px;
+}
+.zt-view-login > .login-box > .login-content .login-title .sys-logo img {
+  position: relative;
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
+.zt-view-login > .login-box > .login-content .login-title .sys-title {
+  font-weight: 600;
+  font-size: 58px;
+  letter-spacing: 10px;
+}
+.zt-view-login > .login-box > .login-content .login-form {
+  width: 410px;
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-form-item {
+  margin-bottom: 0;
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-form-item:last-child {
+  margin-top: 40px;
+}
+.zt-view-login > .login-box > .login-content .login-form-button {
+  width: 100%;
+  height: 60px;
+  color: var(--zartd-text-color-positive);
+  font-weight: 600;
+  font-size: 28px;
+  border: 2px solid var(--zartd-text-color-positive);
+  border-radius: 30px;
+}
+.zt-view-login > .login-box > .login-content .login-form-item-input {
+  height: 90px;
+}
+.zt-view-login > .login-box > .login-content .login-form-item-input .ant-form-item-explain {
+  font-size: 16px;
+  line-height: 25px;
+}
+.zt-view-login > .login-box > .login-content .login-form-item-input .ant-form-item-control-input-content {
+  border-bottom: 1px solid var(--zartd-view-login-form-input-border-color);
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-input {
+  padding: 0;
+  color: var(--zartd-text-color-positive);
+  font-weight: 600;
+  font-size: 24px;
+  line-height: 45px;
+  letter-spacing: 0;
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-input::placeholder {
+  color: var(--zartd-text-color-positive);
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-input-suffix {
+  margin-left: 10px;
+  font-size: 20px;
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-input-suffix .ant-input-password-icon {
+  color: var(--zartd-text-color-positive);
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-input-password {
+  padding: 0;
+  color: var(--zartd-text-color-positive);
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-checkbox-wrapper {
+  height: 42px;
+  color: var(--zartd-text-color-positive);
+  font-size: 24px;
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-checkbox-wrapper .ant-checkbox {
+  font-size: 28px;
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-checkbox-wrapper .ant-checkbox input[type='checkbox'] {
+  width: 28px;
+  height: 28px;
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
+  width: 28px;
+  height: 28px;
+  background-color: transparent;
+  border: 1px solid var(--zartd-view-login-form-input-border-color);
+}
+.zt-view-login > .login-box > .login-content .login-form .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner::after {
+  width: 10px;
+  height: 16.667px;
+}
+.zt-view-rec-box {
+  width: 100%;
+  height: 100%;
+}