// ------------------------ icon ------------------------ //

@icon-content-WeChat: "\e650";
@icon-content-group: "\e637";
@icon-font-path: "//at.alicdn.com/t/font_2596111_euvrpvkyl4d";
@icon-content-shanchu: "\e660";
@icon-content-renwuguanli: "\e65c";
@icon-content-info: "\e65a";
@icon-content-welcome: "\e657";
@icon-content-leave: "\e651";
@icon-content-remind: "\e648";
@icon-content-unfold: "\e641";
@icon-content-move: "\e63e";
@icon-content-screen: "\e63c";
@icon-reset: "";
@icon-xxxl: 64px;
@icon-xxl: 48px;
@icon-xl: 32px;
@icon-l: 24px;
@icon-m: 20px;
@icon-s: 16px;
@icon-xs: 12px;
@icon-xxs: 8px;
@icon-font-name: "icon";
@icon-content-key: "\e83f";
@icon-content-wifi: "\e83c";
@icon-content-sketch: "\e942";
@icon-content-star: "\e839";
@icon-content-idcard: "\e834";
@icon-content-table: "\e833";
@icon-content-mail: "\e832";
@icon-content-image: "\e831";
@icon-content-linkedin: "\e938";
@icon-content-qrcode: "\e82f";
@icon-content-radarchart: "\e82e";
@icon-content-sound: "\e82d";
@icon-content-notification: "\e82c";
@icon-content-slack: "\e933";
@icon-content-video: "\e82b";
@icon-content-medium: "\e92f";
@icon-content-read: "\e825";
@icon-content-printer: "\e824";
@icon-content-sliders-fill: "\e928";
@icon-content-laptop: "\e81e";
@icon-content-sliders: "\e81d";
@icon-content-setting-fill: "\e923";
@icon-content-shop-fill: "\e922";
@icon-content-scan: "\e81a";
@icon-content-printer-fill: "\e921";
@icon-content-mail-fill: "\e91f";
@icon-content-tags-fill: "\e91a";
@icon-content-wrench-fill: "\e919";
@icon-content-shopping: "\e811";
@icon-content-tag-fill: "\e918";
@icon-content-rocket: "\e810";
@icon-content-thunderbolt-fill: "\e917";
@icon-content-shop: "\e80f";
@icon-content-rocket-fill: "\e916";
@icon-content-medicinebox: "\e80e";
@icon-content-pushpin-fill: "\e915";
@icon-content-moneycollect: "\e80d";
@icon-content-phone-fill: "\e913";
@icon-content-highlight-fill: "\e912";
@icon-content-unlike: "\e80a";
@icon-content-like: "\e809";
@icon-content-unlock-fill: "\e90f";
@icon-content-star-fill: "\e90e";
@icon-content-home: "\e806";
@icon-content-unlike-fill: "\e90d";
@icon-content-skin: "\e805";
@icon-content-lock-fill: "\e90c";
@icon-content-like-fill: "\e90b";
@icon-content-rest: "\e803";
@icon-content-trophy: "\e802";
@icon-content-location-fill: "\e906";
@icon-content-hourglass: "\e7fe";
@icon-content-trophy-fill: "\e905";
@icon-content-home-fill: "\e904";
@icon-content-hourglass-fill: "\e903";
@icon-content-insurance: "\e7f7";
@icon-content-safetycertificate: "\e7f6";
@icon-content-propertysafety: "\e7f5";
@icon-content-securityscan: "\e7f4";
@icon-content-sound-fill: "\e8fc";
@icon-content-snippets: "\e7f0";
@icon-content-video-fill: "\e8fb";
@icon-content-skin-fill: "\e8fa";
@icon-content-shopping-fill: "\e8f9";
@icon-content-rest-fill: "\e8f8";
@icon-content-medicinebox-fill: "\e8f7";
@icon-content-moneycollect-fill: "\e8f6";
@icon-content-notification-fill: "\e8f4";
@icon-content-read-fill: "\e8f1";
@icon-content-idcard-fill: "\e8ee";
@icon-content-image-fill: "\e8ed";
@icon-content-solution: "\e7e0";
@icon-content-sever-fill: "\e8eb";
@icon-content-reconciliation: "\e7dc";
@icon-content-redenvelope: "\e7d9";
@icon-content-reconciliation-fill: "\e8e5";
@icon-content-tablet: "\e7d8";
@icon-content-mobile: "\e7d7";
@icon-content-snippets-fill: "\e8e3";
@icon-content-sever: "\e7d6";
@icon-content-pointmap: "\e7d3";
@icon-content-linechart: "\e7d1";
@icon-content-team: "\e7cf";
@icon-content-user: "\e7ce";
@icon-content-paixu: "\e636";
@icon-content-radius-setting: "\e7c9";
@icon-content-select2: "\e640";
@icon-content-radius-upright: "\e7c8";
@icon-content-select1: "\e630";
@icon-content-securityscan-fill: "\e8d4";
@icon-content-radius-upleft: "\e7c7";
@icon-content-insurance-fill: "\e8d3";
@icon-content-radius-bottomright: "\e7c6";
@icon-content-ungroup: "\e9d4";
@icon-content-propertysafety-fill: "\e8d2";
@icon-content-radius-bottomleft: "\e7c5";
@icon-content-shortcut: "\e9d3";
@icon-content-safetycertificate-f: "\e8d1";
@icon-content-redenvelope-fill: "\e8d0";
@icon-content-send: "\e9d0";
@icon-content-tablet-fill: "\e8ce";
@icon-content-mobile-fill: "\e8cd";
@icon-content-layout-fill: "\e8cb";
@icon-content-wallet-fill: "\e8c9";
@icon-content-save-fill: "\e8c8";
@icon-content-icon-test: "\e9c9";
@icon-content-interation: "\e7ba";
@icon-content-project-fill: "\e8c6";
@icon-content-interation-fill: "\e8c5";
@icon-content-up-square: "\e7b8";
@icon-content-wallet: "\e7b7";
@icon-content-index: "\e9c5";
@icon-content-project: "\e7b6";
@icon-content-right-square: "\e7b5";
@icon-content-plus-square: "\e7b4";
@icon-content-plus-square-fill: "\e8c0";
@icon-content-minus-square: "\e7b3";
@icon-content-right-square-fill: "\e8bf";
@icon-content-up-square-fill: "\e8be";
@icon-content-play-square-fill: "\e8bd";
@icon-content-play-square: "\e7af";
@icon-content-sisternode: "\e9be";
@icon-content-left-square-fill: "\e8bc";
@icon-content-left-square: "\e7ae";
@icon-content-layout: "\e7ad";
@icon-content-translate: "\e9bc";
@icon-content-insertrowleft: "\e9bb";
@icon-content-minus-square-fill: "\e8b9";
@icon-content-insertrowright: "\e9b9";
@icon-content-message-fill: "\e8b6";
@icon-content-save: "\e7a8";
@icon-content-solit-cells: "\e9b7";
@icon-content-table1: "\e9b6";
@icon-content-piechart-circle-fil: "\e8b4";
@icon-content-insertrowabove: "\e9b5";
@icon-content-location: "\e7a5";
@icon-content-insertrowbelow: "\e9b4";
@icon-content-setting: "\e7a3";
@icon-content-rotate-right: "\e9b3";
@icon-content-trademark-circle-fil: "\e8b1";
@icon-content-piechart: "\e7a2";
@icon-content-rotate-left: "\e9b2";
@icon-content-time-circle-fill: "\e8b0";
@icon-content-logout: "\e7a1";
@icon-content-subnode: "\e9b1";
@icon-content-warning-circle-fill: "\e8af";
@icon-content-poweroff: "\e7a0";
@icon-content-merge-cells: "\e9b0";
@icon-content-stop-fill: "\e8ae";
@icon-content-issuesclose: "\e79f";
@icon-content-smile-fill: "\e8ad";
@icon-content-message: "\e79d";
@icon-content-reloadtime: "\e79c";
@icon-content-play-circle-fill: "\e8ab";
@icon-content-reload: "\e79b";
@icon-content-meh-fill: "\e8aa";
@icon-content-redo: "\e79a";
@icon-content-poweroff-circle-fill: "\e8a9";
@icon-content-undo: "\e799";
@icon-content-plus: "\e9a9";
@icon-content-transaction: "\e798";
@icon-content-woman: "\e9a8";
@icon-content-sync: "\e797";
@icon-content-swap-left: "\e9a7";
@icon-content-warning-circle: "\e796";
@icon-content-swap-right: "\e9a6";
@icon-content-up-circle: "\e795";
@icon-content-step-forward: "\e9a5";
@icon-content-step-backward: "\e9a4";
@icon-content-login: "\e9a3";
@icon-content-question-circle-fill: "\e8a2";
@icon-content-timeout: "\e792";
@icon-content-retweet: "\e9a2";
@icon-content-plus-circle-fill: "\e8a1";
@icon-content-time-circle: "\e791";
@icon-content-right-circle-fill: "\e8a0";
@icon-content-trademark: "\e790";
@icon-content-up-circle-fill: "\e89f";
@icon-content-right-circle: "\e78e";
@icon-content-info-circle-fill: "\e89e";
@icon-content-question-circle: "\e78c";
@icon-content-minus-circle-fill: "\e89c";
@icon-content-play-circle: "\e78b";
@icon-content-plus-circle: "\e78a";
@icon-content-left-circle-fill: "\e89a";
@icon-content-meh: "\e789";
@icon-content-minus-circle: "\e788";
@icon-content-thunderbolt: "\e898";
@icon-content-switchuser: "\e996";
@icon-content-stop: "\e896";
@icon-content-videocameraadd: "\e995";
@icon-content-left-circle: "\e784";
@icon-content-shortcut-fill: "\e994";
@icon-content-info-circle: "\e783";
@icon-content-verified: "\e993";
@icon-content-signal-fill: "\e992";
@icon-content-pause: "\e890";
@icon-content-small-dash: "\e88f";
@icon-content-rollback: "\e88e";
@icon-content-robot-fill: "\e98d";
@icon-content-question: "\e88d";
@icon-content-iconfonticon-yonghu: "\e643";
@icon-content-zoomin: "\e98c";
@icon-content-line: "\e88b";
@icon-content-selectcolor: "\e635";
@icon-content-robot: "\e98b";
@icon-content-iconfont1: "\e62f";
@icon-content-rili: "\e62e";
@icon-content-yumao: "\e62d";
@icon-content-zoomout: "\e987";
@icon-content-italic: "\e883";
@icon-content-weixin: "\e62b";
@icon-content-number: "\e882";
@icon-content-wanchenggoutong: "\e62a";
@icon-content-underline: "\e881";
@icon-content-slack-square-fill: "\e983";
@icon-content-strikethrough: "\e880";
@icon-content-jixiao: "\e624";
@icon-content-sketch-square-fill: "\e982";
@icon-content-line-height: "\e87f";
@icon-content-yonghupeizhi: "\e71b";
@icon-content-infomation: "\e87e";
@icon-content-sign: "\e649";
@icon-content-prepare-model: "\e63f";
@icon-content-linkedin-fill: "\e97e";
@icon-content-medium-square-fill: "\e97d";
@icon-content-pic-left: "\e879";
@icon-content-pic-right: "\e878";
@icon-content-pic-center: "\e877";
@icon-content-orderedlist: "\e873";
@icon-content-unorderedlist: "\e872";
@icon-content-menu: "\e871";
@icon-content-outdent: "\e870";
@icon-content-indent: "\e86f";
@icon-content-rise: "\e86e";
@icon-content-stock: "\e86d";
@icon-content-swap: "\e86c";
@icon-content-sort-ascending: "\e86a";
@icon-content-sort-descending: "\e869";
@icon-content-vertical-align-top: "\e867";
@icon-content-slack-circle-fill: "\e96a";
@icon-content-totop: "\e866";
@icon-content-sketch-circle-fill: "\e969";
@icon-content-vertical-align-middl: "\e865";
@icon-content-vertical-align-botto: "\e864";
@icon-content-medium-circle-fill: "\e964";
@icon-content-up: "\e858";
@icon-content-left: "\e857";
@icon-content-right: "\e856";
@icon-content-verticalleft: "\e855";
@icon-content-verticalright: "\e854";
@icon-content-wechat-fill: "\e958";
@icon-content-shrink: "\e852";
@icon-content-yuque-fill: "\e955";
@icon-content-share: "\e84f";
@icon-content-mr: "\e84e";
@icon-content-scissor: "\e84d";
@icon-content-tags: "\e84c";
@icon-content-windows-fill: "\e950";
@icon-content-wrench: "\e84b";
@icon-content-tag: "\e84a";
@icon-content-shake: "\e849";
@icon-content-phone: "\e848";
@icon-content-pushpin: "\e847";
@icon-content-percentage: "\e846";
@icon-content-man: "\e845";
@icon-content-link: "\e844";
@icon-content-yuque: "\e948";
@icon-content-monitor: "\e843";
@icon-content-windows: "\e947";
@icon-content-qwerty_icon_star: "\e620";
@icon-content-qwerty_icon_download: "\e61c";
@icon-content-qwerty_icon_miss: "\e61b";
@icon-content-qwerty_icon_cord: "\e61a";
@icon-content-qwerty_icon_switch: "\e618";
@icon-content-qwerty_icon_error: "\e614";
@icon-content-qwerty_icon_more: "\e610";
@icon-content-qwerty_icon_editor: "\e609";
@icon-content-qwerty_icon_correct: "\e604";
@icon-content-dashboard: "\e7fa";
@icon-content-list: "\e7f9";
@icon-content-detail: "\e7f8";
@icon-content-form: "\e7fb";
@icon-content-chart-pie: "\e613";
@icon-content-chart-bar: "\e612";
@icon-content-exit: "\e616";
@icon-content-lock: "\e617";
@icon-content-unlock: "\e615";
@icon-content-eye-close: "\e600";
@icon-content-eye: "\e611";
@icon-content-toggle-right: "\e603";
@icon-content-toggle-left: "\e602";
@icon-content-copy: "\e60f";
@icon-content-atm: "\e606";
@icon-content-email: "\e605";
@icon-content-account: "\e608";
@icon-content-attachment: "\e665";
@icon-content-filter: "\e627";
@icon-content-refresh: "\e677";
@icon-content-edit: "\e63b";
@icon-content-set: "\e683";
@icon-content-download: "\e628";
@icon-content-upload: "\e7ee";
@icon-content-ashbin: "\e639";
@icon-content-calendar: "\e607";
@icon-content-picture: "\e631";
@icon-content-ellipsis: "\e654";
@icon-content-close: "\e626";
@icon-content-search: "\e656";
@icon-content-loading: "\e646";
@icon-content-semi-select: "\e633";
@icon-content-select: "\e632";
@icon-content-ascending: "\e61e";
@icon-content-descending: "\e61f";
@icon-content-sorting: "\e634";
@icon-content-switch: "\e6b3";
@icon-content-arrow-double-right: "\e65e";
@icon-content-arrow-double-left: "\e659";
@icon-content-arrow-right: "\e619";
@icon-content-arrow-left: "\e61d";
@icon-content-arrow-down: "\e63d";
@icon-content-arrow-up: "\e625";
@icon-content-minus: "\e601";
@icon-content-add: "\e655";
@icon-content-favorites-filling: "\e60e";
@icon-content-delete-filling: "\e623";
@icon-content-success-filling: "\e63a";
@icon-content-clock: "\e621";
@icon-content-help: "\e673";
@icon-content-error: "\e60d";
@icon-content-prompt: "\e60c";
@icon-content-warning: "\e60b";
@icon-content-success: "\e60a";
@icon-content-cry: "\e65d";
@icon-content-smile: "\e65f";

// ------------------------ font ------------------------ //

@font-size-headline: 14px;
@font-weight-ultra-bold: 900;
@font-weight-extra-bold: 800;
@font-weight-3: bold;
@font-weight-semi-bold: 600;
@font-weight-medium: 500;
@font-weight-2: normal;
@font-weight-light: 300;
@font-weight-thin: 200;
@font-weight-1: lighter;
@font-size-caption: 12px;
@font-size-body-1: 12px;
@font-lineheight-3: 1.7;
@font-lineheight-2: 1.5;
@font-lineheight-1: 1.3;
@font-name-bold: "";
@font-name-medium: "";
@font-name-regular: "";
@font-name-light: "";
@font-name-thin: "";
@font-custom-name: "";
@font-custom-path: "";
@font-family-base: "Microsoft YaHei";
@font-size-body-2: 12px;
@font-size-subhead: 12px;
@font-size-title: 12px;
@font-size-display-1: 16px;
@font-size-display-2: 20px;
@font-size-display-3: 24px;

// ------------------------ color ------------------------ //

@color-brand1-1: rgba(85,127,255,1);
@color-text1-4: #333333;
@color-gradient-4: linear-gradient(270deg, rgb(255, 163, 166) 0%, rgb(245, 39, 67) 100%);
@color-gradient-3: linear-gradient(270deg, rgb(255, 237, 117) 0%, rgb(245, 203, 34) 100%);
@color-gradient-2: linear-gradient(270deg, rgb(125, 238, 255) 0%, rgb(3, 193, 253) 100%);
@color-gradient-1: linear-gradient(270deg, rgb(121, 232, 199) 0%, rgb(8, 194, 158) 100%);
@color-transparent: transparent;
@color-black: #000000;
@color-white: #FFFFFF;
@color-text1-5: rgba(106,111,125,0.7);
@color-error-4: rgba(209,1,125,1);
@color-error-3: rgba(252,104,145,1);
@color-brand1-2: rgba(85,127,255,1);
@color-line1-5: rgba(244,247,255,1);
@color-line1-6: rgba(221,230,255,1);
@color-brand2-7: #FFFFFF;
@color-brand2-1: rgba(21,44,91,1);
@color-brand2-2: rgba(101,121,161,1);
@color-brand2-3: rgba(101,121,161,0.3);
@color-brand2-4: rgba(106,111,125,1);
@color-brand3-1: rgba(83,103,216,0.4);
@color-brand3-2: rgba(192,208,255,1);
@color-brand3-3: rgba(221,230,255,1);
@color-brand3-4: rgba(244,247,255,1);
@color-brand3-5: rgba(248,250,255,1);
@color-fill1-5: rgba(190,124,248,1);
@color-fill1-6: #FFFFFF;
@color-fill1-7: #FFFFFF;
@color-fill1-8: #FFFFFF;
@color-fill1-9: #FFFFFF;
@color-line1-7: rgba(248,250,255,1);
@color-data1-9: #FFFFFF;
@color-data1-10: #FFFFFF;
@color-link-4: #FFFFFF;
@color-text1-3: rgba(101,121,161,0.3);
@color-text1-2: rgba(101,121,161,1);
@color-text1-1: rgba(21,44,91,1);
@color-fill1-4: rgba(226,228,232,0);
@color-fill1-3: rgba(255,255,255,0.2);
@color-fill1-2: rgba(248,250,255,1);
@color-fill1-1: rgba(221,230,255,1);
@color-line1-4: rgba(160,162,173,0);
@color-line1-3: rgba(192,208,255,1);
@color-line1-2: rgba(186,194,239,1);
@color-line1-1: rgba(244,247,255,1);
@color-other-3: rgba(247,236,255,1);
@color-other-2: rgba(190,124,248,1);
@color-other-1: rgba(102,91,255,1);
@color-link-3: rgba(233,243,255,1);
@color-link-2: rgba(88,211,255,1);
@color-link-1: rgba(57,84,255,1);
@color-help-4: rgba(255,255,255,1);
@color-help-3: rgba(255,255,255,1);
@color-help-2: rgba(255,255,255,1);
@color-help-1: rgba(255,255,255,1);
@color-error-2: rgba(255,235,253,1);
@color-error-1: rgba(255,238,233,1);
@color-warning-4: rgba(255,202,178,1);
@color-warning-3: rgba(255,123,158,1);
@color-warning-2: rgba(255,114,190,1);
@color-warning-1: rgba(255,68,124,1);
@color-notice-4: rgba(255,255,255,1);
@color-notice-3: rgba(255,255,255,1);
@color-notice-2: rgba(255,252,236,0.5);
@color-notice-1: rgba(255,227,83,1);
@color-success-4: rgba(255,255,255,1);
@color-success-3: rgba(218,255,230,1);
@color-success-2: rgba(53,201,152,0.5);
@color-success-1: rgba(53,201,152,1);
@color-data1-8: rgba(255,255,255,1);
@color-data1-7: rgba(255,255,255,1);
@color-data1-6: rgba(255,255,255,1);
@color-data1-5: rgba(255,255,255,1);
@color-data1-4: rgba(255,255,255,1);
@color-data1-3: rgba(255,255,255,1);
@color-data1-2: rgba(255,255,255,1);
@color-data1-1: rgba(255,255,255,1);
@color-brand1-9: rgba(255,255,255,0.2);
@color-brand1-6: rgba(85,127,255,1);

// ------------------------ line ------------------------ //

@line-dotted: dotted;
@line-dashed: dashed;
@line-solid: solid;
@line-3: 3px;
@line-2: 2px;
@line-zero: 0px;
@line-1: 1px;

// ------------------------ popup ------------------------ //

@popup-global-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
@popup-global-corner: 6px;
@popup-global-border-color: #bac2ef;
@popup-global-border-style: solid;
@popup-global-border-width: 0px;
@popup-spacing-tb: 0px;
@popup-spacing-lr: 0px;
@popup-local-shadow: 0px 1px 6px 0px #bac2ef;
@popup-local-corner: 10px;
@popup-local-border-color: transparent;
@popup-local-border-style: solid;
@popup-local-border-width: 0px;

// ------------------------ mask ------------------------ //

@mask-opacity: .2;
@mask-background: #000000;

// ------------------------ form-element ------------------------ //

@form-element-medium-corner: 6px;
@form-element-small-corner: 6px;
@form-element-large-preview-font-size: 12px;
@form-element-large-preview-label-font-size: 12px;
@form-element-medium-preview-font-size: 12px;
@form-element-medium-preview-label-font-size: 12px;
@form-element-small-preview-font-size: 12px;
@form-element-small-preview-label-font-size: 12px;
@form-element-large-preview-height: 40px;
@form-element-medium-preview-height: 28px;
@form-element-small-preview-height: 20px;
@form-element-medium-font-size: 12px;
@form-element-small-font-size: 12px;
@form-element-small-height: 20px;
@form-element-medium-icon-size: 12px;
@form-element-small-icon-size: 12px;
@form-element-medium-height: 28px;
@form-element-large-corner: 10px;
@form-element-large-icon-size: 12px;
@form-element-large-font-size: 16px;
@form-element-large-height: 44px;

// ------------------------ size ------------------------ //

@s-50: 200px;
@s-49: 196px;
@s-48: 192px;
@s-47: 188px;
@s-46: 184px;
@s-45: 180px;
@s-44: 176px;
@s-43: 172px;
@s-42: 168px;
@s-41: 164px;
@s-40: 160px;
@s-39: 156px;
@s-38: 152px;
@s-37: 148px;
@s-36: 144px;
@s-35: 140px;
@s-34: 136px;
@s-33: 132px;
@s-32: 128px;
@s-31: 124px;
@s-30: 120px;
@s-29: 116px;
@s-28: 112px;
@s-27: 108px;
@s-26: 104px;
@s-25: 100px;
@s-24: 96px;
@s-23: 92px;
@s-22: 88px;
@s-21: 84px;
@s-20: 80px;
@s-19: 76px;
@s-18: 72px;
@s-17: 68px;
@s-16: 64px;
@s-15: 60px;
@s-14: 56px;
@s-13: 52px;
@s-12: 48px;
@s-11: 44px;
@s-10: 40px;
@s-9: 36px;
@s-8: 32px;
@s-7: 28px;
@s-6: 24px;
@s-5: 20px;
@s-4: 16px;
@s-3: 12px;
@s-2: 8px;
@s-1: 4px;
@s-zero: 0px;
@s-auto: auto;
@size-base: 4px;

// ------------------------ shadow ------------------------ //

@shadow-3-left: -3px 0px 5px 0px rgba(0, 0, 0, 0.12);
@shadow-3-down: 0px 3px 5px 0px rgba(0, 0, 0, 0.12);
@shadow-3-right: 3px 0px 5px 0px rgba(0, 0, 0, 0.12);
@shadow-3-up: 0px -3px 5px 0px rgba(0, 0, 0, 0.12);
@shadow-3: 3px 3px 5px 0px rgba(0, 0, 0, 0.12);
@shadow-2-left: -2px 0px 4px 0px rgba(0, 0, 0, 0.12);
@shadow-2-down: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
@shadow-2-right: 2px 0px 4px 0px rgba(0, 0, 0, 0.12);
@shadow-2-up: 0px -2px 4px 0px rgba(0, 0, 0, 0.12);
@shadow-2: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
@shadow-1-left: 0px 0px 6px 0px #bac2ef;
@shadow-1-down: 0px 1px 6px 0px #bac2ef;
@shadow-1-right: 0px 0px 6px 0px #bac2ef;
@shadow-1-up: 0px -1px 6px 0px #bac2ef;
@shadow-1: 0px 1px 6px 0px #bac2ef;
@shadow-zero: none;
@shadow-spread-sd3: 0;
@shadow-spread-sd2: 0;
@shadow-blur-sd3: 5;
@shadow-blur-sd2: 4;
@shadow-color-sd3: #000000;
@shadow-color-sd2: #000000;
@shadow-opacity-sd3: .12;
@shadow-opacity-sd2: .12;
@shadow-distance-sd3y: 3;
@shadow-distance-sd2y: 2;
@shadow-distance-sd3: 3;
@shadow-distance-sd2: 2;
@shadow-sides-left: "left";
@shadow-sides-down: "down";
@shadow-sides-right: "right";
@shadow-sides-up: "up";
@shadow-sides-base: "base";
@shadow-spread-sd1: 0;
@shadow-blur-sd1: 6;
@shadow-color-sd1: #bac2ef;
@shadow-opacity-sd1: 6;
@shadow-distance-sd1y: 1;
@shadow-distance-sd1: 0;

// ------------------------ corner ------------------------ //

@corner-zero: 0;
@corner-semicircle: 500px;
@corner-circle: 50%;
@corner-3: 16px;
@corner-2: 10px;
@corner-1: 6px;

// ------------------------ list ------------------------ //

@list-size-s-title-font-size: 12px;
@list-size-s-title-font-weight: normal;
@list-size-s-item-padding-lr: 32px;
@list-size-s-item-padding-tb: 32px;
@list-size-s-item-content-font-size: 12px;
@list-size-s-item-media-margin: 8px;
@list-size-s-item-content-line-height: 1.3;
@list-size-s-item-title-font-weight: normal;
@list-size-s-item-title-font-size: 12px;
@list-size-s-item-title-line-height: 1.5;
@list-size-m-title-font-size: 12px;
@list-size-m-title-font-weight: bold;
@list-size-m-item-padding-lr: 0px;
@list-size-m-item-padding-tb: 16px;
@list-size-m-item-media-margin: 8px;
@list-size-m-item-content-font-size: 12px;
@list-size-m-item-content-line-height: 1.5;
@list-size-m-item-title-font-size: 12px;
@list-size-m-item-title-line-height: 1.5;
@list-size-m-item-title-font-weight: normal;
@list-divider-color: #bac2ef;
@list-title-color: #333333;
@list-content-color: rgba(101, 121, 161, 0.3);
@list-extra-color: #6579a1;

// ------------------------ tab ------------------------ //

@tab-item-padding-tb-size-m: 12px;
@tab-pure-ink-bar-width: 3px;
@tab-item-padding-lr-size-m: 20px;
@tab-nav-scroll-padding-right-m: 60px;
@tab-nav-scroll-padding-right-s: 56px;
@tab-nav-tab-icon-size-m: 16px;
@tab-nav-tab-icon-size-s: 12px;
@tab-nav-close-icon-size-m: 12px;
@tab-nav-close-icon-size-s: 8px;
@tab-nav-close-icon-padding-l-size-m: 8px;
@tab-nav-close-icon-padding-l-size-s: 8px;
@tab-nav-arrow-left-positon-right: 32px;
@tab-nav-arrow-right-positon-right: 8px;
@tab-nav-arrow-down-positon-right: 8px;
@tab-item-padding-tb-size-s: 8px;
@tab-item-padding-lr-size-s: 12px;
@tab-item-text-size-m: 12px;
@tab-item-text-size-s: 12px;
@tab-close-icon-color: rgba(101, 121, 161, 0.3);
@tab-close-icon-color-hover: #333333;
@tab-close-icon-color-selected: #557fff;
@tab-close-icon-color-disabled: #bac2ef;
@tab-item-font-weight-selected: normal;
@tab-nav-arrow-color-normal: rgba(101, 121, 161, 0.3);
@tab-nav-arrow-color-hover: #333333;
@tab-nav-arrow-color-disabled: #bac2ef;
@tab-pure-divider-line-width: 1px;
@tab-pure-text-color-normal: rgba(101, 121, 161, 0.3);
@tab-pure-bg-color: transparent;
@tab-pure-text-color-hover: #333333;
@tab-pure-text-color-selected: #557fff;
@tab-pure-text-color-disabled: #bac2ef;
@tab-pure-ink-bar-color: #557fff;
@tab-pure-divider-border-color: #bac2ef;
@tab-pure-divider-shadow: none;
@tab-wrapped-border-line-style: solid;
@tab-wrapped-border-line-width: 1px;
@tab-wrapped-border-side-width: 1px;
@tab-wrapped-tab-corner-radius: 6px;
@tab-wrapped-tab-margin-right: 4px;
@tab-wrapped-tab-margin-bottom: 4px;
@tab-wrapped-ink-bar-width: 2px;
@tab-wrapped-bar-bg-color: transparent;
@tab-wrapped-ink-bar-color: #557fff;
@tab-wrapped-nav-item-border-color-active: #557fff;
@tab-wrapped-border-line-color: #bac2ef;
@tab-wrapped-content-border-line-width: 1px;
@tab-wrapped-content-border-line-style: solid;
@tab-wrapped-content-border-line-color: #bac2ef;
@tab-wrapped-text-color: rgba(101, 121, 161, 0.3);
@tab-wrapped-text-color-hover: #333333;
@tab-wrapped-bg-color: #f8faff;
@tab-wrapped-bg-color-hover: rgba(255, 255, 255, 0.2);
@tab-wrapped-border-line-color-hover: #c0d0ff;
@tab-wrapped-text-color-selected: #557fff;
@tab-wrapped-text-color-disabled: #152c5b;
@tab-wrapped-bg-color-selected: #FFFFFF;
@tab-wrapped-bg-color-disabled: #dde6ff;
@tab-capsule-text-color: #333333;
@tab-capsule-text-color-hover: #333333;
@tab-capsule-text-color-selected: #FFFFFF;
@tab-capsule-text-color-disabled: #152c5b;
@tab-capsule-bg-color: #f8faff;
@tab-capsule-bg-color-hover: rgba(255, 255, 255, 0.2);
@tab-capsule-bg-color-selected: #557fff;
@tab-capsule-bg-color-disabled: #dde6ff;
@tab-capsule-tab-border-line-color: #c0d0ff;
@tab-capsule-tab-border-line-color-hover: #c0d0ff;
@tab-capsule-tab-border-line-color-active: #557fff;
@tab-capsule-tab-border-line-color-disabled: #f4f7ff;
@tab-capsule-corner-radius: 6px;
@tab-capsule-tab-border-line-width: 1px;
@tab-capsule-tab-border-line-style: solid;
@tab-text-item-sep-width: 1px;
@tab-text-item-sep-height: 8px;
@tab-text-item-sep-color: #bac2ef;
@tab-text-text-color-normal: rgba(101, 121, 161, 0.3);
@tab-text-text-color-hover: #333333;
@tab-text-text-color-selected: #557fff;
@tab-text-text-color-disabled: #152c5b;
@tab-icon-dropdown-content: "";
@tab-icon-prev-content: "";
@tab-icon-next-content: "";

// ------------------------ cascader ------------------------ //

@cascader-menu-border-radius: 10px;
@cascader-menu-item-expanded-background-color: rgba(101, 121, 161, 0.3);
@cascader-menu-border-width: 1px;
@cascader-menu-width: auto;
@cascader-menu-min-width: 100px;
@cascader-menu-height: 192px;
@cascader-menu-icon-expand-size: 8px;
@cascader-menu-border-color: #bac2ef;
@cascader-menu-icon-expand-color: rgba(101, 121, 161, 0.3);
@cascader-menu-icon-hover-expand-color: #333333;
@cascader-menu-item-expanded-color: #333333;

// ------------------------ search ------------------------ //

@search-normal-corner: 500px;
@search-normal-primary-border-width: 0px;
@search-normal-primary-l-icon-size: 12px;
@search-normal-primary-m-height: 48px;
@search-normal-primary-color: #FFFFFF;
@search-normal-primary-hover-color: #f4f7ff;
@search-normal-primary-btn-hover-bg-color: #FFFFFF;
@search-normal-primary-btn-text-padding-left: 0px;
@search-normal-primary-l-height: 44px;
@search-normal-primary-l-btn-text-size: 16px;
@search-normal-dark-color: transparent;
@search-normal-dark-hover-color: #6a6f7d;
@search-normal-dark-bg-opacity: 0.1;
@search-normal-dark-btn-hover-bg-color: #000000;
@search-normal-dark-btn-hover-text-color: rgba(101, 121, 161, 0.3);
@search-simple-corner: 10px;
@search-simple-normal-icon-text-color: rgba(101, 121, 161, 0.3);
@search-simple-normal-border-width: 0px;
@search-simple-normal-l-icon-size: 16px;
@search-simple-dark-bg-opacity: 0.1;
@search-simple-dark-text-color: rgba(101, 121, 161, 0.3);
@search-simple-dark-icon-text-color: rgba(106, 111, 125, 0.7);
@search-simple-dark-border-width: 0px;
@search-search-icon-content: "";
@search-simple-l-icon-margin-right: 12px;
@search-normal-primary-split-color: #f4f7ff;
@search-normal-primary-shadow: none;
@search-normal-primary-btn-text-color: #FFFFFF;
@search-normal-primary-btn-hover-text-color: #FFFFFF;
@search-normal-primary-m-icon-size: 16px;
@search-normal-primary-m-btn-text-size: 12px;
@search-normal-secondary-color: #c0d0ff;
@search-normal-secondary-split-color: #f4f7ff;
@search-normal-secondary-hover-color: #557fff;
@search-normal-secondary-shadow: none;
@search-normal-secondary-btn-bg-color: #557fff;
@search-normal-secondary-btn-text-color: #FFFFFF;
@search-normal-secondary-btn-hover-bg-color: rgba(255, 255, 255, 0.2);
@search-normal-secondary-btn-hover-text-color: #FFFFFF;
@search-normal-secondary-border-width: 1px;
@search-normal-secondary-btn-text-padding-left: 0px;
@search-normal-secondary-l-height: 60px;
@search-normal-secondary-l-icon-size: 24px;
@search-normal-secondary-l-btn-text-size: 12px;
@search-normal-secondary-m-height: 40px;
@search-normal-secondary-m-icon-size: 16px;
@search-normal-secondary-m-btn-text-size: 12px;
@search-normal-normal-color: #c0d0ff;
@search-normal-normal-split-color: #f4f7ff;
@search-normal-normal-hover-color: rgba(160, 162, 173, 0);
@search-normal-normal-shadow: none;
@search-normal-normal-btn-bg-color: #dde6ff;
@search-normal-normal-btn-text-color: rgba(101, 121, 161, 0.3);
@search-normal-normal-btn-hover-bg-color: rgba(255, 255, 255, 0.2);
@search-normal-normal-btn-hover-text-color: #333333;
@search-normal-normal-border-width: 1px;
@search-normal-normal-btn-text-padding-left: 0px;
@search-normal-normal-l-height: 60px;
@search-normal-normal-l-icon-size: 24px;
@search-normal-normal-l-btn-text-size: 12px;
@search-normal-normal-m-height: 40px;
@search-normal-normal-m-icon-size: 16px;
@search-normal-normal-m-btn-text-size: 12px;
@search-normal-dark-text-color: #FFFFFF;
@search-normal-dark-bg-color: #FFFFFF;
@search-normal-dark-shadow: none;
@search-normal-dark-btn-text-color: #FFFFFF;
@search-normal-dark-border-width: 1px;
@search-normal-dark-btn-text-padding-left: 0px;
@search-normal-dark-l-height: 60px;
@search-normal-dark-l-icon-size: 24px;
@search-normal-dark-l-btn-text-size: 12px;
@search-normal-dark-m-height: 40px;
@search-normal-dark-m-icon-size: 16px;
@search-normal-dark-m-btn-text-size: 12px;
@search-simple-m-icon-margin-right: 8px;
@search-simple-normal-color: #c0d0ff;
@search-simple-normal-hover-color: rgba(160, 162, 173, 0);
@search-simple-normal-split-color: #c0d0ff;
@search-simple-normal-shadow: none;
@search-simple-normal-icon-hover-text-color: rgba(101, 121, 161, 0.3);
@search-simple-normal-m-icon-size: 12px;
@search-simple-normal-btn-text-padding-left: 0px;
@search-simple-dark-color: #c0d0ff;
@search-simple-dark-hover-color: #c0d0ff;
@search-simple-dark-bg-color: #FFFFFF;
@search-simple-dark-shadow: none;
@search-simple-dark-icon-hover-text-color: rgba(101, 121, 161, 0.3);
@search-simple-dark-btn-text-padding-left: 0px;
@search-simple-dark-split-color: #c0d0ff;
@search-simple-dark-l-icon-size: 20px;
@search-simple-dark-m-icon-size: 12px;

// ------------------------ button ------------------------ //

@btn-size-m-font: 12px;
@btn-size-l-height: 36px;
@btn-size-l-font: 16px;
@btn-pure-normal-color: #557fff;
@btn-pure-color-disabled: rgba(101, 121, 161, 0.3);
@btn-pure-bg-disabled: #FFFFFF;
@btn-pure-normal-color-hover: #557fff;
@btn-size-s-height: 28px;
@btn-size-s-padding: 12px;
@btn-size-m-height: 32px;
@btn-size-m-padding: 24px;
@btn-size-l-padding: 36px;
@btn-size-l-border-width: 1px;
@btn-size-l-corner: 10px;
@btn-pure-normal-border-color: #c0d0ff;
@btn-pure-normal-border-color-hover: #c0d0ff;
@btn-pure-secondary-color-hover: #557fff;
@btn-pure-secondary-bg-hover: #f4f7ff;
@btn-pure-secondary-border-color: #c0d0ff;
@btn-pure-secondary-border-color-hover: #c0d0ff;
@btn-size-s-icon-size: 8px;
@btn-size-m-icon-size: 8px;
@btn-size-l-icon-size: 8px;
@btn-text-disabled-color: rgba(101, 121, 161, 0.3);
@btn-text-normal-color: #557fff;
@btn-text-icon-l-margin: 8px;
@btn-pure-primary-color-hover: #dde6ff;
@btn-pure-primary-bg-hover: #557fff;
@btn-text-primary-color: #557fff;
@btn-text-primary-color-hover: #557fff;
@btn-text-secondary-color: #557fff;
@btn-pure-normal-color-disabled: rgba(101, 121, 161, 0.3);
@btn-pure-normal-bg-disabled: #FFFFFF;
@btn-pure-normal-color-active: #557fff;
@btn-pure-normal-border-color-active: #c0d0ff;
@btn-pure-secondary-color-disabled: rgba(101, 121, 161, 0.3);
@btn-pure-secondary-bg-disabled: #FFFFFF;
@btn-pure-secondary-color-active: #557fff;
@btn-pure-secondary-bg-active: #f4f7ff;
@btn-pure-secondary-border-color-active: #c0d0ff;
@btn-pure-primary-color-disabled: rgba(101, 121, 161, 0.3);
@btn-pure-primary-bg-disabled: #FFFFFF;
@btn-pure-primary-color-active: #dde6ff;
@btn-pure-primary-bg-active: #557fff;
@btn-shadow: none;
@btn-shadow-hover: none;
@btn-size-s-border-width: 1px;
@btn-size-s-font: 12px;
@btn-size-s-icon-margin: 4px;
@btn-size-s-icon-split-size: 12px;
@btn-size-s-corner: 6px;
@btn-size-m-border-width: 1px;
@btn-size-m-icon-margin: 4px;
@btn-size-m-icon-split-size: 12px;
@btn-size-m-corner: 6px;
@btn-size-l-icon-margin: 4px;
@btn-size-l-icon-split-size: 16px;
@btn-pure-border-color-disabled: #f4f7ff;
@btn-pure-normal-border-color-disabled: #f4f7ff;
@btn-pure-normal-bg: #FFFFFF;
@btn-pure-normal-bg-hover: #f8faff;
@btn-pure-normal-bg-active: #f8faff;
@btn-pure-normal-border-style: solid;
@btn-pure-secondary-border-color-disabled: #f4f7ff;
@btn-pure-secondary-color: #557fff;
@btn-pure-secondary-bg: #FFFFFF;
@btn-pure-secondary-border-style: solid;
@btn-pure-primary-border-color-disabled: #f4f7ff;
@btn-pure-primary-color: #FFFFFF;
@btn-pure-primary-bg: #557fff;
@btn-pure-primary-border-color: transparent;
@btn-pure-primary-border-color-hover: transparent;
@btn-pure-primary-border-color-active: transparent;
@btn-pure-primary-border-style: solid;
@btn-ghost-border-style: solid;
@btn-ghost-dark-color: #FFFFFF;
@btn-ghost-dark-border-color: #FFFFFF;
@btn-ghost-dark-color-hover: #FFFFFF;
@btn-ghost-dark-bg: transparent;
@btn-ghost-dark-bg-opacity: 0;
@btn-ghost-dark-bg-hover-rgb: #FFFFFF;
@btn-ghost-dark-bg-hover-opacity: .8;
@btn-ghost-dark-border-color-hover: #FFFFFF;
@btn-ghost-dark-color-disabled-rgb: #FFFFFF;
@btn-ghost-dark-color-disabled-opacity: .4;
@btn-ghost-dark-bg-disabled: transparent;
@btn-ghost-dark-border-color-disabled-rgb: #FFFFFF;
@btn-ghost-dark-border-color-disabled-opacity: .4;
@btn-ghost-light-color: #333333;
@btn-ghost-light-border-color: #333333;
@btn-ghost-light-bg: transparent;
@btn-ghost-light-bg-opacity: 0;
@btn-ghost-light-color-hover: #6579a1;
@btn-ghost-light-border-color-hover: #333333;
@btn-ghost-light-bg-hover-rgb: #000000;
@btn-ghost-light-bg-hover-opacity: .92;
@btn-ghost-light-color-disabled-rgb: #000000;
@btn-ghost-light-color-disabled-opacity: .1;
@btn-ghost-light-bg-disabled: transparent;
@btn-ghost-light-border-color-disabled-rgb: #000000;
@btn-ghost-light-border-color-disabled-opacity: .1;
@btn-warning-border-style: solid;
@btn-warning-primary-color: #FFFFFF;
@btn-warning-primary-color-hover: #FFFFFF;
@btn-warning-primary-color-active: #FFFFFF;
@btn-warning-primary-border-color: #fc6891;
@btn-warning-primary-border-color-hover: #d1017d;
@btn-warning-primary-border-color-active: #d1017d;
@btn-warning-primary-bg: #fc6891;
@btn-warning-primary-bg-hover: #d1017d;
@btn-warning-primary-bg-active: #d1017d;
@btn-warning-primary-color-disabled: #152c5b;
@btn-warning-primary-border-color-disabled: #bac2ef;
@btn-warning-primary-bg-disabled: #dde6ff;
@btn-warning-normal-color: #fc6891;
@btn-warning-normal-color-hover: #FFFFFF;
@btn-warning-normal-color-active: #FFFFFF;
@btn-warning-normal-border-color: #fc6891;
@btn-warning-normal-border-color-hover: #d1017d;
@btn-warning-normal-border-color-active: #d1017d;
@btn-warning-normal-bg: #FFFFFF;
@btn-warning-normal-bg-hover: #d1017d;
@btn-warning-normal-bg-active: #d1017d;
@btn-warning-normal-color-disabled: #152c5b;
@btn-warning-normal-border-color-disabled: #f4f7ff;
@btn-warning-normal-bg-disabled: #dde6ff;
@btn-text-loading-color: #333333;
@btn-text-secondary-color-hover: #557fff;
@btn-text-size-s-height: 16px;
@btn-text-size-s-font: 12px;
@btn-text-icon-size-s: 16px;
@btn-text-icon-s-margin: 4px;
@btn-text-size-m-height: 20px;
@btn-text-size-m-font: 12px;
@btn-text-icon-size-m: 20px;
@btn-text-icon-m-margin: 4px;
@btn-text-size-l-height: 24px;
@btn-text-size-l-font: 12px;
@btn-text-icon-size-l: 24px;
@btn-text-normal-color-hover: #557fff;

// ------------------------ input ------------------------ //

@input-hover-bg-color: #f4f7ff;
@input-s-padding: 16px;
@input-text-color: #152c5b;
@input-placeholder-color: #152c5b;
@input-disabled-color: rgba(101, 121, 161, 0.3);
@input-disabled-bg-color: white;
@input-m-padding: 16px;
@input-l-padding: 24px;
@input-border-color: #dde6ff;
@input-hover-border-color: #dde6ff;
@input-focus-border-color: #dde6ff;
@input-border-width: 1px;
@input-disabled-border-color: #dde6ff;
@input-feedback-warning-border-color: #dde6ff;
@input-feedback-error-border-color: #dde6ff;
@input-label-color: rgba(101, 121, 161, 0.3);
@input-focus-bg-color: #FFFFFF;
@input-focus-shadow-spread: 2px;
@input-bg-color: #FFFFFF;
@input-multiple-padding-lr: 8px;
@input-multiple-padding-tb: 4px;
@input-multiple-font-size: 12px;
@input-multiple-corner: 6px;
@input-addon-bg-color: #f8faff;
@input-addon-text-color: #6579a1;
@input-addon-padding: 8px;
@input-l-label-padding-left: 12px;
@input-l-icon-padding-right: 8px;
@input-m-label-padding-left: 8px;
@input-m-icon-padding-right: 8px;
@input-s-label-padding-left: 8px;
@input-s-icon-padding-right: 4px;
@input-feedback-warning-bg-color: #FFFFFF;
@input-feedback-warning-color: #ff7b9e;
@input-feedback-warning-icon: "";
@input-feedback-success-color: #daffe6;
@input-feedback-success-icon: "";
@input-feedback-loading-color: white;
@input-feedback-loading-icon: "";
@input-feedback-error-bg-color: #FFFFFF;
@input-maxlen-error-color: #fc6891;
@input-maxlen-warning-color: #ff7b9e;
@input-maxlen-color: #6579a1;
@input-maxlen-font-size: 12px;
@input-hint-color: #6579a1;
@input-hint-hover-color: rgba(101, 121, 161, 0.3);
@input-feedback-clear-icon: "";

// ------------------------ select ------------------------ //

@select-color: #152c5b;
@select-hint-color: #6579a1;
@select-highlight-color: #557fff;
@select-highlight-font: 12px;
@select-l-lineheight: 24px;
@select-m-lineheight: 20px;
@select-s-lineheight: 14px;
@select-unfold-icon-content: @icon-reset;
@select-fold-icon-content: "";

// ------------------------ number-picker ------------------------ //

@number-picker-normal-l-button-width: 20px;
@number-picker-normal-up-icon: "";
@number-picker-normal-down-icon: "";
@number-picker-normal-s-button-width: 20px;
@number-picker-normal-m-button-width: 20px;
@number-picker-normal-m-input-width: 80px;
@number-picker-normal-l-input-width: 80px;
@number-picker-normal-s-button-icon-size: 8px;
@number-picker-normal-m-button-icon-size: 8px;
@number-picker-normal-l-button-icon-size: 8px;
@number-picker-inline-add-icon: "";
@number-picker-inline-minus-icon: "";
@number-picker-inline-s-button-icon-size: 12px;
@number-picker-inline-s-button-margin: 2px;
@number-picker-inline-s-button-corner: 6px;
@number-picker-inline-m-button-icon-size: 12px;
@number-picker-inline-m-button-margin: 2px;
@number-picker-inline-m-button-corner: 6px;
@number-picker-inline-m-input-width: 100px;
@number-picker-inline-l-button-icon-size: 12px;
@number-picker-inline-l-button-margin: 2px;
@number-picker-inline-l-button-corner: 6px;
@number-picker-inline-l-input-width: 128px;

// ------------------------ progress ------------------------ //

@progress-circle-text-color: #6579a1;
@progress-circle-finishing-color: #557fff;
@progress-circle-underlay-color: #e9f3ff;
@progress-circle-normal-color: #557fff;
@progress-circle-error-color: transparent;
@progress-circle-success-color: #bac2ef;
@progress-circle-size-l: 132px;
@progress-circle-underlay-width: 4px;
@progress-circle-overlay-width: 6px;
@progress-circle-font-m: 14px;
@progress-line-height-size-l: 12px;
@progress-line-height-size-m: 8px;
@progress-line-height-size-s: 4px;
@progress-line-underlay-border-width: 1px;
@progress-line-font-l: 12px;
@progress-line-font-m: 12px;
@progress-line-font-s: 12px;
@progress-line-underlay-color: rgba(255, 255, 255, 0.2);
@progress-line-underlay-border-color: #bac2ef;
@progress-line-radius-l: 16px;
@progress-line-radius-m: 16px;
@progress-line-radius-s: 16px;
@progress-line-font-color: #333333;
@progress-line-normal-color: #557fff;
@progress-line-error-color: #fc6891;
@progress-line-success-color: #daffe6;
@progress-line-started-color: #fc6891;
@progress-line-middle-color: #ff7b9e;
@progress-line-finishing-color: #daffe6;
@progress-circle-size-m: 116px;
@progress-circle-size-s: 100px;
@progress-circle-font-l: 16px;
@progress-circle-font-s: 12px;
@progress-circle-corner: round;
@progress-circle-started-color: #fc6891;
@progress-circle-middle-color: #ff7b9e;

// ------------------------ rating ------------------------ //

@rating-normal-overlay-hover-color: #ffe353;
@rating-grade-high-overlay-color: #ffe353;
@rating-grade-high-overlay-hover-color: #ffe353;
@rating-grade-icon-content: "";
@rating-small-text-margin-left: 8px;
@rating-small-icon-size: 12px;
@rating-small-font-size: 12px;
@rating-medium-text-margin-left: 12px;
@rating-medium-icon-size: 16px;
@rating-medium-font-size: 12px;
@rating-large-text-margin-left: 16px;
@rating-large-icon-size: 20px;
@rating-large-font-size: 12px;
@rating-normal-underlay-color: rgba(226, 228, 232, 0);
@rating-normal-overlay-color: #557fff;
@rating-grade-low-overlay-color: rgba(101, 121, 161, 0.3);
@rating-grade-low-overlay-hover-color: #6579a1;

// ------------------------ loading ------------------------ //

@loading-large-size: 48px;
@loading-icon-size: 32px;
@loading-dot-color: #557fff;
@loading-large-dot-size: 12px;
@loading-medium-size: 32px;
@loading-medium-dot-size: 8px;

// ------------------------ switch ------------------------ //

@switch-normal-on-bg-color: #35c998;
@switch-disabled-on-trigger-bg-color: #FFFFFF;
@switch-hover-off-bg-color: rgba(101, 121, 161, 0.3);
@switch-disabled-off-bg-color: #f4f7ff;
@switch-disabled-off-trigger-bg-color: #FFFFFF;
@switch-handle-disabled-border-color: #f8faff;
@switch-normal-off-color-font: #6a6f7d;
@switch-disabled-off-color-font: #f8faff;
@switch-normal-off-border-color: rgba(101, 121, 161, 0.3);
@switch-hover-off-border-color: #6a6f7d;
@switch-size-m-width: 56px;
@switch-size-m-radius-container: 16px;
@switch-size-m-trigger: 24px;
@switch-size-m-radius-trigger: 16px;
@switch-size-m-inner-icon: 16px;
@switch-size-m-trigger-padding-l: 8px;
@switch-size-m-trigger-padding-r: 8px;
@switch-size-s-width: 44px;
@switch-size-s-radius-container: 16px;
@switch-size-s-trigger: 20px;
@switch-size-s-radius-trigger: 16px;
@switch-size-s-inner-icon: 12px;
@switch-size-s-trigger-padding-l: 8px;
@switch-size-s-trigger-padding-r: 8px;
@switch-border-width-container: 2px;
@switch-border-width-trigger: 1px;
@switch-hover-on-bg-color: rgba(255, 255, 255, 0.2);
@switch-disabled-on-bg-color: rgba(255, 255, 255, 0.2);
@switch-normal-on-trigger-bg-color: #FFFFFF;
@switch-hover-on-trigger-bg-color: #FFFFFF;
@switch-normal-on-color-font: #FFFFFF;
@switch-disabled-on-color-font: #152c5b;
@switch-disabled-on-border-color: #c0d0ff;
@switch-handle-on-border-color: transparent;
@switch-on-shadow: 0px 1px 6px 0px #bac2ef;
@switch-normal-off-bg-color: rgba(255, 255, 255, 0.2);
@switch-normal-off-trigger-bg-color: #FFFFFF;
@switch-hover-off-trigger-bg-color: #FFFFFF;
@switch-handle-off-border-color: transparent;
@switch-off-shadow: 0px 1px 6px 0px #bac2ef;
@switch-rtl-on-shadow: 0px 0px 6px 0px #bac2ef;

// ------------------------ menu ------------------------ //

@menu-font-size: 16px;
@menu-color: #152c5b;
@menu-background-hover: #f4f7ff;
@menu-background: #FFFFFF;
@menu-line-height: 40px;
@menu-color-selected: #152c5b;
@menu-icon-selected-color: #FFFFFF;
@menu-color-hover: #152c5b;
@menu-icon-selected-hover-color: #FFFFFF;
@menu-padding-horizontal: 36px;
@menu-padding-vertical: 4px;
@menu-padding-hoz-padding-tb: 4px;
@menu-item-padding-ver-padding-l: 36px;
@menu-item-padding-ver-padding-r: 36px;
@menu-item-padding-hoz-padding-lr: 36px;
@menu-padding-ver-padding-tb: 0px;
@menu-padding-ver-padding-lr: 0px;
@menu-padding-hoz-padding-lr: 0px;
@menu-submenu-title-size: 12px;
@menu-padding-title-horizontal: 12px;
@menu-divider-width: 1px;
@menu-divider-margin-ver: 8px;
@menu-divider-margin-hoz: 12px;
@menu-icon-selected-size: 12px;
@menu-icon-selected-right: 4px;
@menu-icon-size: 8px;
@menu-hoz-icon-size: 12px;
@menu-icon-margin: 4px;
@menu-shadow: 0px 1px 6px 0px #bac2ef;
@menu-divider-style: solid;
@menu-divider-color: #f4f7ff;
@menu-arrow-color: rgba(101, 121, 161, 0.3);
@menu-background-selected: #FFFFFF;
@menu-arrow-color-hover: #333333;
@menu-color-disabled: #152c5b;
@menu-select-icon-content: "";
@menu-fold-icon-content: "";
@menu-unfold-icon-content: @icon-reset;
@menu-popupfold-icon-content: "";

// ------------------------ card ------------------------ //

@card-corner: 16px;
@card-padding-lr: 24px;
@card-border-width: 0px;
@card-body-show-divider-padding-top: 20px;
@card-content-font-size: 16px;
@card-content-line-height: 1.3;
@card-body-padding-bottom: 12px;
@card-border-color: #FFFFFF;
@card-background: #f8faff;
@card-header-background: transparent;
@card-title-color: #152c5b;
@card-content-color: #6579a1;
@card-head-padding-bottom: 12px;
@card-head-bottom-border-width: 1px;
@card-head-main-height: 40px;
@card-head-main-margin-top: 8px;
@card-head-main-margin-bottom: 0px;
@card-title-font-size: 12px;
@card-title-font-weight: normal;
@card-sub-title-font-size: 12px;
@card-title-extra-font-size: 12px;
@card-title-bullet-width: 3px;
@card-title-bullet-height: 16px;
@card-title-padding-left: 8px;
@card-sub-title-padding-left: 8px;
@card-body-hide-divider-padding-top: 0px;
@card-more-btn-height: 16px;
@card-more-btn-padding-top: 8px;
@card-more-btn-font-size: 12px;
@card-shadow: none;
@card-border-style: solid;
@card-sub-title-color: rgba(101, 121, 161, 0.3);
@card-title-extra-color: #3954ff;
@card-title-bullet-color: #557fff;
@card-head-bottom-border-color: #f4f7ff;
@card-more-btn-color: #3954ff;
@card-more-btn-background: #FFFFFF;

// ------------------------ tag ------------------------ //

@tag-corner-radius: 500px;
@tag-bordered-text-color: #557fff;
@tag-bordered-text-color-hover: #557fff;
@tag-bordered-border-color: #557fff;
@tag-bordered-border-color-hover: #557fff;
@tag-bordered-bg: #f4f7ff;
@tag-bordered-bg-hover: #f4f7ff;
@tag-size-l-height: 24px;
@tag-size-l-padding-lr: 20px;
@tag-size-m-text-size: 12px;
@tag-size-l-content-min-width: 64px;
@tag-fill-text-color: #ff72be;
@tag-fill-border-color: #ff72be;
@tag-fill-bg-color: #ffebfd;
@tag-fill-text-color-disabled: transparent;
@tag-fill-border-color-disabled: transparent;
@tag-fill-bg-color-disabled: transparent;
@tag-fill-border-color-hover: #ff72be;
@tag-fill-text-color-hover: #ff72be;
@tag-fill-bg-color-hover: #ffebfd;
@tag-checkable-primary-bg-color-hover: #557fff;
@tag-checkable-primary-border-color-hover: #557fff;
@tag-size-m-height: 28px;
@tag-size-s-height: 20px;
@tag-size-l-spacing: 16px;
@tag-size-m-spacing: 12px;
@tag-size-s-spacing: 8px;
@tag-size-m-padding-lr: 12px;
@tag-size-s-padding-lr: 8px;
@tag-checkable-corner-radius: 6px;
@tag-border-width: 1px;
@tag-shadow: none;
@tag-size-l-text-size: 12px;
@tag-size-s-text-size: 12px;
@tag-size-s-content-min-width: 28px;
@tag-size-m-content-min-width: 40px;
@tag-size-l-icon-font: 12px;
@tag-size-m-icon-font: 8px;
@tag-size-s-icon-font: 8px;
@tag-size-l-tick-icon-size: 16px;
@tag-size-m-tick-icon-size: 12px;
@tag-size-s-tick-icon-size: 8px;
@tag-size-l-tick-icon-bg-size: 36px;
@tag-size-m-tick-icon-bg-size: 28px;
@tag-size-s-tick-icon-bg-size: 20px;
@tag-normal-text-color: #333333;
@tag-closable-normal-icon-color: #FFFFFF;
@tag-closable-normal-icon-color-hover: #FFFFFF;
@tag-closable-normal-icon-color-disabled: #FFFFFF;
@tag-closable-normal-bg: #c0d0ff;
@tag-closable-normal-bg-hover: rgba(160, 162, 173, 0);
@tag-closable-normal-bg-disabled: #f4f7ff;
@tag-closable-bordered-text-color: rgba(101, 121, 161, 0.3);
@tag-closable-bordered-border-color: #c0d0ff;
@tag-closable-bordered-bg: transparent;
@tag-closable-bordered-text-color-hover: #333333;
@tag-closable-bordered-border-color-hover: rgba(160, 162, 173, 0);
@tag-closable-bordered-bg-hover: transparent;
@tag-closable-bordered-tail-color: rgba(101, 121, 161, 0.3);
@tag-closable-bordered-tail-color-hover: #333333;
@tag-closable-bordered-tail-color-disabled: #152c5b;
@tag-closable-bordered-border-color-disabled: #f4f7ff;
@tag-closable-bordered-text-color-disabled: #152c5b;
@tag-closable-bordered-bg-disabled: transparent;
@tag-fill-tail-color: rgba(101, 121, 161, 0.3);
@tag-fill-tail-color-disabled: #152c5b;
@tag-bordered-tail-color: rgba(101, 121, 161, 0.3);
@tag-secondary-text-color: #557fff;
@tag-normal-text-color-hover: #557fff;
@tag-fill-tail-color-hover: #333333;
@tag-bordered-tail-color-hover: #333333;
@tag-bordered-tail-color-disabled: #152c5b;
@tag-bordered-text-color-disabled: #152c5b;
@tag-bordered-border-color-disabled: #f4f7ff;
@tag-bordered-bg-disabled: #dde6ff;
@tag-secondary-text-color-hover: rgba(255, 255, 255, 0.2);
@tag-secondary-border-color: #557fff;
@tag-checkable-normal-bg-selected: #557fff;
@tag-checkable-secondary-bg-selected: #557fff;
@tag-secondary-border-color-hover: rgba(255, 255, 255, 0.2);
@tag-checkable-normal-bg-selected-hover: rgba(255, 255, 255, 0.2);
@tag-checkable-secondary-bg-selected-hover: rgba(255, 255, 255, 0.2);
@tag-primary-background-color: #557fff;
@tag-secondary-bg: transparent;
@tag-secondary-bg-hover: transparent;
@tag-text-color-disabled: #152c5b;
@tag-border-color-disabled: #f4f7ff;
@tag-checkable-fill-text-color: rgba(101, 121, 161, 0.3);
@tag-checkable-fill-bg-color: rgba(255, 255, 255, 0.2);
@tag-checkable-fill-border-color: rgba(255, 255, 255, 0.2);
@tag-checkable-fill-text-color-hover: #333333;
@tag-checkable-fill-bg-color-hover: rgba(226, 228, 232, 0);
@tag-checkable-fill-border-color-hover: rgba(226, 228, 232, 0);
@tag-checkable-fill-tail-color: rgba(101, 121, 161, 0.3);
@tag-checkable-fill-tail-color-hover: #333333;
@tag-checkable-fill-tail-color-disabled: #152c5b;
@tag-checkable-fill-text-color-disabled: #152c5b;
@tag-checkable-fill-border-color-disabled: #dde6ff;
@tag-checkable-fill-bg-color-disabled: #dde6ff;
@tag-checkable-normal-text-color: rgba(101, 121, 161, 0.3);
@tag-checkable-normal-border-color: #c0d0ff;
@tag-checkable-normal-bg: transparent;
@tag-checkable-normal-text-color-hover: #333333;
@tag-checkable-normal-border-color-hover: #c0d0ff;
@tag-checkable-normal-bg-hover: transparent;
@tag-checkable-normal-text-selected-disabled: #152c5b;
@tag-checkable-normal-border-selected-disabled: #f4f7ff;
@tag-checkable-normal-bg-selected-disabled: #dde6ff;
@tag-checkable-normal-tick-bg-selected-disabled: #f4f7ff;
@tag-checkable-primary-text-color: #FFFFFF;
@tag-checkable-primary-bg-color: #557fff;
@tag-checkable-primary-border-color: #557fff;
@tag-checkable-primary-text-color-disabled: #152c5b;
@tag-checkable-primary-text-color-hover: #FFFFFF;
@tag-checkable-primary-border-color-disabled: #dde6ff;
@tag-checkable-primary-bg-color-disabled: #dde6ff;
@tag-checkable-primary-tail-color: #FFFFFF;
@tag-checkable-primary-tail-color-hover: #FFFFFF;
@tag-checkable-secondary-bg-selected-disabled: #f4f7ff;
@tag-checkable-normal-icon-color-selected: #FFFFFF;
@tag-checkable-normal-icon-color-selected-hover: #FFFFFF;
@tag-checkable-normal-icon-color-selected-disabled: #FFFFFF;
@tag-checkable-secondary-icon-color-selected: #FFFFFF;
@tag-checkable-secondary-icon-color-selected-hover: #FFFFFF;
@tag-checkable-secondary-icon-color-selected-disabled: #FFFFFF;
@tag-closable-primary-fill-text-color: rgba(101, 121, 161, 0.3);
@tag-closable-primary-fill-border-color: rgba(255, 255, 255, 0.2);
@tag-closable-primary-fill-bg-color: rgba(255, 255, 255, 0.2);
@tag-closable-primary-fill-text-color-hover: #333333;
@tag-closable-primary-fill-border-color-hover: rgba(226, 228, 232, 0);
@tag-closable-primary-fill-bg-color-hover: rgba(226, 228, 232, 0);
@tag-closable-primary-fill-text-color-disabled: #152c5b;
@tag-closable-primary-fill-border-color-disabled: #dde6ff;
@tag-closable-primary-fill-bg-color-disabled: #dde6ff;

// ------------------------ badge ------------------------ //

@badge-dot-color-bg: #ff447c;
@badge-color-bg: #ff447c;
@badge-size-dot-width: 8px;
@badge-size-list-margin: 0px;
@badge-size-count-config-height: 16px;
@badge-size-count-padding-lr: 4px;
@badge-size-custom-padding-lr: 4px;
@badge-size-count-font: 12px;
@badge-size-count-border-radius: 8px;
@badge-size-dot-border-radius: 8px;
@badge-size-custom-border-radius: 6px;

// ------------------------ balloon ------------------------ //

@balloon-normal-border-width: 1px;
@balloon-size-padding-closable-right: 40px;
@balloon-normal-color-border: transparent;
@balloon-normal-color: #FFFFFF;
@balloon-size-padding-top: 16px;
@balloon-primary-color: #FFFFFF;
@balloon-primary-color-border: transparent;
@balloon-size-padding-right: 24px;
@balloon-tooltip-border-width: 0px;
@balloon-normal-color-bg: rgba(106, 111, 125, 0.7);
@balloon-normal-color-close: rgba(106, 111, 125, 0.7);
@balloon-primary-color-bg: rgba(106, 111, 125, 0.7);
@balloon-primary-color-close: transparent;
@balloon-tooltip-color-bg: rgba(106, 111, 125, 0.7);
@balloon-tooltip-color-border: transparent;
@balloon-tooltip-color: #FFFFFF;
@balloon-size-max-width: 300px;
@balloon-size-header-margin-bottom: 8px;
@balloon-title-font-size: 12px;
@balloon-title-font-weight: bold;
@balloon-content-font-size: 12px;
@balloon-content-font-weight: normal;
@balloon-primary-border-width: 1px;
@balloon-tooltip-content-font-size: 12px;
@balloon-tooltip-content-font-weight: normal;
@balloon-size-close: 12px;
@balloon-size-close-margin-top: 12px;
@balloon-size-close-margin-right: 12px;
@balloon-size-arrow-size: 12px;
@balloon-size-arrow-margin: 12px;
@balloon-tooltip-size-padding-top: 8px;
@balloon-tooltip-size-padding-right: 8px;
@balloon-tooltip-size-padding-bottom: 8px;
@balloon-tooltip-size-padding-left: 8px;
@balloon-border-style: solid;
@balloon-corner: 6px;
@balloon-normal-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
@balloon-normal-color-close-hover: rgba(101, 121, 161, 0.3);
@balloon-primary-shadow: 0px 1px 6px 0px #bac2ef;
@balloon-primary-color-close-hover: #333333;
@balloon-tooltip-shadow: none;
@balloon-tooltip-border-style: solid;

// ------------------------ radio ------------------------ //

@radio-circle-size: 8px;
@radio-checked-hovered-bg-color: #FFFFFF;
@radio-border-color: #557fff;
@radio-checked-hovered-border-color: #557fff;
@radio-checked-hovered-circle-color: #557fff;
@radio-checked-disabled-circle-color: #FFFFFF;
@radio-checked-bg-color: #FFFFFF;
@radio-checked-circle-color: #557fff;
@radio-width: 16px;
@radio-circle-border-width: 1px;
@radio-font-margin-left: 4px;
@radio-font-size: 12px;
@radio-shadow: none;
@radio-radius-size: 50%;
@radio-bg-color: #FFFFFF;
@radio-disabled-bg-color: #dde6ff;
@radio-checked-disabled-bg-color: #dde6ff;
@radio-hovered-border-color: #557fff;
@radio-checked-border-color: #557fff;
@radio-disabled-border-color: #f4f7ff;
@radio-checked-disabled-border-color: #f4f7ff;
@radio-disabled-circle-color: #152c5b;
@radio-normal-font-color: #333333;
@radio-normal-font-color-disabled: #152c5b;
@radio-button-height-large: 40px;
@radio-button-height-medium: 28px;
@radio-button-height-small: 20px;
@radio-button-padding-large: 8px;
@radio-button-padding-medium: 8px;
@radio-button-padding-small: 8px;
@radio-button-corner-large: 6px;
@radio-button-corner-medium: 6px;
@radio-button-corner-small: 6px;
@radio-button-font-size-large: 12px;
@radio-button-font-size-medium: 12px;
@radio-button-font-size-small: 12px;
@radio-button-bg-color: #FFFFFF;
@radio-button-bg-color-hovered: #f8faff;
@radio-button-bg-color-checked: #FFFFFF;
@radio-button-bg-color-disabled: #dde6ff;
@radio-button-bg-color-checked-disabled: #f8faff;
@radio-button-border-color: #c0d0ff;
@radio-button-border-color-hovered: rgba(160, 162, 173, 0);
@radio-button-border-color-checked: #557fff;
@radio-button-border-color-disabled: #f4f7ff;
@radio-button-border-color-checked-disabled: #f4f7ff;
@radio-button-font-color: #333333;
@radio-button-font-color-hovered: #333333;
@radio-button-font-color-checked: #557fff;
@radio-button-font-color-disabled: #152c5b;
@radio-button-font-color-checked-disabled: #152c5b;
@radio-hovered-bg-color: #f4f7ff;

// ------------------------ form ------------------------ //

@form-label-color: #152c5b;
@form-help-margin-top: 4px;
@form-label-padding-r: 4px;
@form-item-l-margin-b: 4px;
@form-inline-l-item-margin-r: 4px;
@form-item-m-margin-b: 16px;
@form-item-s-margin-b: 12px;
@form-inline-m-item-margin-r: 20px;
@form-inline-s-item-margin-r: 16px;
@form-help-font-size: 12px;
@form-help-color: #6579a1;
@form-error-color: #fc6891;
@form-warning-color: #ff7b9e;
@form-top-label-margin-b: 2px;

// ------------------------ checkbox ------------------------ //

@checkbox-checked-circle-color: #557fff;
@checkbox-checked-hovered-circle-color: #557fff;
@checkbox-bg-color: #FFFFFF;
@checkbox-checked-bg-color: #FFFFFF;
@checkbox-border-color: #c0d0ff;
@checkbox-hovered-border-color: #c0d0ff;
@checkbox-checked-border-color: #c0d0ff;
@checkbox-checked-hovered-border-color: #c0d0ff;
@checkbox-hovered-bg-color: #f4f7ff;
@checkbox-checked-hovered-bg-color: #f4f7ff;
@checkbox-disabled-circle-color: transparent;
@checkbox-disabled-bg-color: rgba(101, 121, 161, 0.3);
@checkbox-size: 16px;
@checkbox-border-radius: 6px;
@checkbox-border-width: 1px;
@checkbox-circle-size: 8px;
@checkbox-shadow: none;
@checkbox-disabled-border-color: #f4f7ff;
@checkbox-label-color: #333333;
@checkbox-disabled-label-color: #152c5b;
@checkbox-font-size: 12px;
@checkbox-margin-left: 4px;
@checkbox-semi-select-icon-content: "";
@checkbox-select-icon-content: "";

// ------------------------ calendar ------------------------ //

@calendar-fullscreen-table-cell-hover-color: #FFFFFF;
@calendar-fullscreen-table-cell-select-background: #557fff;
@calendar-fullscreen-table-cell-current-color: #557fff;
@calendar-fullscreen-table-cell-disabled-border-color: transparent;
@calendar-card-table-cell-hover-background: #557fff;
@calendar-card-table-cell-select-background: #557fff;
@calendar-card-table-cell-disabled-border-color: transparent;
@calendar-card-table-cell-inrange-border-color: transparent;
@calendar-card-table-cell-normal-background: #f4f7ff;
@calendar-card-table-cell-normal-color: #557fff;
@calendar-card-table-cell-hover-color: #FFFFFF;
@calendar-card-table-cell-other-color: rgba(101, 121, 161, 0.3);
@calendar-card-table-cell-disabled-background: #FFFFFF;
@calendar-card-table-cell-disabled-color: #6579a1;
@calendar-fullscreen-table-cell-normal-background: #f4f7ff;
@calendar-fullscreen-table-cell-normal-color: #557fff;
@calendar-fullscreen-table-cell-normal-border-color: transparent;
@calendar-fullscreen-table-cell-hover-background: #557fff;
@calendar-fullscreen-table-cell-hover-border-color: transparent;
@calendar-fullscreen-table-cell-select-color: #FFFFFF;
@calendar-fullscreen-table-cell-select-border-color: transparent;
@calendar-fullscreen-table-cell-current-border-color: transparent;
@calendar-fullscreen-table-cell-disabled-background: #FFFFFF;
@calendar-fullscreen-table-cell-disabled-color: rgba(101, 121, 161, 0.3);
@calendar-card-table-head-color: #152c5b;
@calendar-card-table-cell-hover-border-color: #557fff;
@calendar-card-table-cell-current-color: #557fff;
@calendar-card-table-cell-inrange-background: #FFFFFF;
@calendar-card-table-cell-inrange-color: #6579a1;
@calendar-fullscreen-header-margin-bottom: 8px;
@calendar-fullscreen-table-head-font-weight: bold;
@calendar-fullscreen-table-head-font-size: 12px;
@calendar-fullscreen-table-head-padding-r: 12px;
@calendar-fullscreen-table-head-padding-b: 4px;
@calendar-fullscreen-table-cell-font-size: 12px;
@calendar-fullscreen-table-cell-boder-top-width: 2px;
@calendar-fullscreen-table-cell-margin-tb: 0px;
@calendar-fullscreen-table-cell-margin-lr: 4px;
@calendar-fullscreen-table-cell-padding-tb: 4px;
@calendar-fullscreen-table-cell-padding-lr: 8px;
@calendar-fullscreen-table-cell-min-height: 80px;
@calendar-fullscreen-table-head-color: #333333;
@calendar-fullscreen-table-cell-select-font-weight: bold;
@calendar-fullscreen-table-cell-current-background: #FFFFFF;
@calendar-fullscreen-table-cell-current-font-weight: bold;
@calendar-fullscreen-table-cell-other-background: transparent;
@calendar-fullscreen-table-cell-other-color: #152c5b;
@calendar-fullscreen-table-cell-other-border-color: transparent;
@calendar-card-header-margin-bottom: 8px;
@calendar-card-table-head-font-size: 12px;
@calendar-card-table-head-font-weight: normal;
@calendar-card-table-cell-font-size: 12px;
@calendar-card-table-cell-date-border-radius: 6px;
@calendar-card-table-cell-date-width: 24px;
@calendar-card-table-cell-date-height: 24px;
@calendar-card-table-cell-month-border-radius: 6px;
@calendar-card-table-cell-month-width: 60px;
@calendar-card-table-cell-month-height: 24px;
@calendar-card-table-cell-year-border-radius: 6px;
@calendar-card-table-cell-year-width: 48px;
@calendar-card-table-cell-year-height: 24px;
@calendar-card-table-cell-corner: 0;
@calendar-card-table-cell-normal-border-color: #FFFFFF;
@calendar-card-table-cell-select-color: #FFFFFF;
@calendar-card-table-cell-select-border-color: #557fff;
@calendar-card-table-cell-select-font-weight: bold;
@calendar-card-table-cell-other-background: #FFFFFF;
@calendar-card-table-cell-other-border-color: #FFFFFF;
@calendar-card-table-cell-current-background: #FFFFFF;
@calendar-card-table-cell-current-border-color: transparent;
@calendar-card-table-cell-current-font-weight: bold;
@calendar-panel-header-margin-bottom: 8px;
@calendar-panel-header-height: 32px;
@calendar-panel-header-border-bottom-width: 1px;
@calendar-panel-header-background: #557fff;
@calendar-panel-header-border-bottom-color: transparent;
@calendar-btn-date-font-weight: bold;
@calendar-btn-date-margin-lr: 4px;
@calendar-btn-arrow-single-offset-lr: 28px;
@calendar-btn-arrow-double-offset-lr: 8px;
@calendar-btn-arrow-size: 12px;
@calendar-btn-arrow-color: #FFFFFF;
@calendar-btn-arrow-color-hover: #FFFFFF;
@calendar-btn-date-color: #FFFFFF;
@calendar-btn-date-color-hover: #FFFFFF;
@calendar-btn-arrow-content-prev: "";
@calendar-btn-arrow-content-next: "";
@calendar-btn-arrow-content-prev-super: "";
@calendar-btn-arrow-content-next-super: "";

// ------------------------ cascader-select ------------------------ //

@cascader-select: "cascader-select";

// ------------------------ timeline ------------------------ //

@timeline-item-custom-node-size: 40px;
@timeline-item-custom-node-font-size: 12px;
@timeline-item-dot-size: 8px;
@timeline-item-icon-size: 12px;
@timeline-item-left-content-width: 80px;
@timeline-item-title-margin-top: 4px;
@timeline-item-left-body-font-size: 12px;
@timeline-item-folder-font-size: 12px;
@timeline-item-folder-margin-top: 4px;
@timeline-item-folder-margin-bottom: 4px;
@timeline-item-left-body-color: #6579a1;
@timeline-item-done-background: #c0d0ff;
@timeline-item-done-color: #FFFFFF;
@timeline-item-process-color: #FFFFFF;
@timeline-item-success-color: #FFFFFF;
@timeline-item-error-color: #FFFFFF;
@timeline-item-tail-size: 1px;
@timeline-item-title-font-size: 16px;
@timeline-item-title-font-weight: bold;
@timeline-item-time-margin-top: 4px;
@timeline-item-body-font-size: 16px;
@timeline-item-time-font-size: 16px;
@timeline-item-title-color: #6579a1;
@timeline-item-body-color: #6579a1;
@timeline-item-time-color: #152c5b;
@timeline-item-done-dot-size: 12px;
@timeline-item-process-dot-size: 12px;
@timeline-item-process-background: #c0d0ff;
@timeline-item-success-dot-size: 12px;
@timeline-item-success-background: #c0d0ff;
@timeline-item-error-dot-size: 12px;
@timeline-item-error-background: #c0d0ff;
@timeline-item-node-size: 4px;
@timeline-item-node-padding: 12px;
@timeline-item-content-margin-left: 24px;
@timeline-item-body-margin-top: 8px;
@timeline-item-time-margin-bottom: 28px;
@timeline-item-tail-color: #c0d0ff;

// ------------------------ menu-button ------------------------ //

@menu-btn-disabled-icon-color: #152c5b;
@menu-btn-ghost-light-disabled-icon-color: rgba(0, 0, 0, 0.1);
@menu-btn-ghost-dark-disabled-icon-color: rgba(255, 255, 255, 0.4);
@menu-btn-pure-text-normal-icon-color: #6579a1;
@menu-btn-pure-text-primary-icon-color: #FFFFFF;
@menu-btn-pure-text-secondary-icon-color: #557fff;
@menu-btn-text-text-normal-icon-color: #333333;
@menu-btn-text-text-primary-icon-color: #3954ff;
@menu-btn-ghost-light-icon-color: #333333;
@menu-btn-ghost-dark-icon-color: #FFFFFF;
@menu-btn-fold-icon-content: "";
@menu-btn-unfold-icon-content: @icon-reset;

// ------------------------ range ------------------------ //

@range-size-m-track-height: 4px;
@range-size-m-scale-height: 12px;
@range-size-m-scale-item-border-width: 1px;
@range-size-m-slider-hw: 16px;
@range-size-slider-border-style: solid;
@range-size-slider-border-width: 1px;
@range-size-m-mark-top: 30px;
@range-size-m-mark-font-size: 12px;
@range-size-m-mark-font-weight: normal;
@range-size-m-mark-font-lineheight: 20px;
@range-size-m-track-radius: 0;
@range-size-m-scale-radius: 0;
@range-size-m-slider-shadow-moving: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
@range-normal-unselected-color: #c0d0ff;
@range-normal-selected-color: #557fff;
@range-normal-slider-bg-color: #FFFFFF;
@range-normal-mark-color: #6579a1;
@range-normal-mark-selected-color: #333333;
@range-normal-unselected-color-hover: #c0d0ff;
@range-normal-selected-color-hover: #557fff;
@range-normal-slider-bg-color-hover: #FFFFFF;
@range-size-m-slider-shadow: 0px 1px 6px 0px #bac2ef;
@range-size-m-slider-shadow-hover: 3px 3px 5px 0px rgba(0, 0, 0, 0.12);
@range-normal-mark-color-hover: #6579a1;
@range-normal-mark-selected-color-hover: #333333;
@range-normal-slider-border-color-hover: transparent;
@range-normal-unselected-color-disabled: #c0d0ff;
@range-normal-selected-color-disabled: rgba(160, 162, 173, 0);
@range-normal-slider-bg-color-disabled: #f4f7ff;
@range-normal-slider-border-color: #c0d0ff;
@range-normal-slider-border-color-disabled: #f4f7ff;
@range-normal-mark-color-disabled: #152c5b;
@range-normal-mark-selected-color-disabled: #6579a1;

// ------------------------ split-button ------------------------ //

@split-btn-trigger-normal-icon-color: #6579a1;
@split-btn-fold-icon-content: "";
@split-btn-unfold-icon-content: @icon-reset;

// ------------------------ tree ------------------------ //

@tree-node-padding: 4px;
@tree-node-title-margin: 4px;
@tree-node-title-padding: 4px;
@tree-node-title-font-size: 12px;
@tree-switch-arrow-size: 12px;
@tree-switch-size: 16px;
@tree-switch-icon-size: 8px;
@tree-switch-border-width: 1px;
@tree-switch-margint-right: 8px;
@tree-line-width: 1px;
@tree-node-normal-color: #333333;
@tree-node-normal-background: #FFFFFF;
@tree-node-title-border-radius: 6px;
@tree-switch-arrow-color: #6579a1;
@tree-switcher-fold-icon-content: "";
@tree-switcher-unfold-icon-content: "";
@tree-switch-icon-color: rgba(101, 121, 161, 0.3);
@tree-switch-bg-color: #FFFFFF;
@tree-switch-border-color: #c0d0ff;
@tree-switch-corner: 6px;
@tree-line-color: #c0d0ff;
@tree-line-style: solid;
@tree-node-hover-color: #333333;
@tree-node-hover-bg-color: #f8faff;
@tree-switch-hover-arrow-color: #333333;
@tree-switch-hover-icon-color: #333333;
@tree-switch-hover-bg-color: #f8faff;
@tree-switch-hover-border-color: rgba(160, 162, 173, 0);
@tree-node-selected-color: #333333;
@tree-node-selected-background: #557fff;
@tree-node-disabled-color: #152c5b;
@tree-node-disabled-background: #FFFFFF;
@tree-fold-icon-content: "";
@tree-unfold-icon-content: @icon-reset;

// ------------------------ paragraph ------------------------ //

@paragraph-text-color: #333333;
@paragraph-s-font-size: 12px;
@paragraph-m-font-size: 12px;
@paragraph-s-line-height: 1.5;
@paragraph-l-line-height: 1.7;

// ------------------------ typography ------------------------ //

@typography-text-color: #333333;
@typography-text-strong-font-weight: 600;
@typography-text-code-corner: 6px;
@typography-text-mark-color: #333333;
@typography-text-mark-background: #ff72be;
@typography-text-code-color: #333333;
@typography-text-code-background: #f8faff;
@typography-text-code-border-color: #f4f7ff;
@typography-paragraph-font-size: 12px;
@typography-paragraph-line-height: 1.5;
@typography-title-h1-font-size: 14px;
@typography-title-h2-font-size: 12px;
@typography-title-h3-font-size: 12px;
@typography-title-h4-font-size: 12px;
@typography-title-h5-font-size: 12px;
@typography-title-h6-font-size: 12px;
@typography-title-font-weight: 600;

// ------------------------ table ------------------------ //

@table-normal-border-width: 1px;
@table-th-font-size: 12px;
@table-th-font-weight: normal;
@table-sort-icon-size: 12px;
@table-filter-icon-size: 12px;
@table-body-font-size: 12px;
@table-empty-padding: 32px;
@table-expanded-icon-size: 12px;
@table-tree-expanded-icon-size: 12px;
@table-cell-padding-top: 12px;
@table-cell-padding-left: 16px;
@table-header-padding-top: 12px;
@table-header-padding-left: 16px;
@table-header-icon-margin-left: 8px;
@table-header-corner-top: 0;
@table-header-corner-bottom: 0;
@table-size-s-cell-padding-top: 8px;
@table-size-s-cell-padding-left: 8px;
@table-size-s-header-padding-top: 8px;
@table-size-s-header-padding-left: 8px;
@table-group-split: 8px;
@table-group-header-corner-top: 0;
@table-group-header-corner-bottom: 0;
@table-group-footer-corner-top: 0;
@table-group-footer-corner-bottom: 0;
@table-normal-border-color: #bac2ef;
@table-normal-border-style: solid;
@table-th-bg: rgba(255, 255, 255, 0.2);
@table-th-color: #333333;
@table-sort-color: #333333;
@table-group-th-bg: rgba(255, 255, 255, 0.2);
@table-group-th-color: #333333;
@table-row-bg: #FFFFFF;
@table-row-color: #333333;
@table-td-gray: #dde6ff;
@table-td-normal: #FFFFFF;
@table-empty-color: rgba(160, 162, 173, 0);
@table-group-footer-bg: rgba(255, 255, 255, 0.2);
@table-group-footer-color: #333333;
@table-row-hover-bg: #f8faff;
@table-row-hover-color: #333333;
@table-row-selected-bg: #f8faff;
@table-row-selected-color: #333333;
@table-sort-color-current: #557fff;
@table-expanded-ctrl-disabled-color: #6579a1;
@table-tree-fold-icon-content: "";
@table-tree-unfold-icon-content: "";
@table-expand-fold-icon-content: "";
@table-expand-unfold-icon-content: "";

// ------------------------ upload ------------------------ //

@upload-disable-text-color: #152c5b;
@upload-disable-border-color: #f4f7ff;
@upload-text-list-height: 40px;
@upload-text-list-padding-left-right: 8px;
@upload-text-list-font-size: 12px;
@upload-text-list-close-icon-size: 12px;
@upload-text-list-close-icon-right: 12px;
@upload-text-list-corner: 0;
@upload-text-list-bg-color: #f8faff;
@upload-text-list-bg-color-hover: #f8faff;
@upload-text-list-bg-color-error: #ffeee9;
@upload-text-list-error-text-color: #fc6891;
@upload-text-list-close-icon-color: #6579a1;
@upload-text-list-close-icon-color-hover: rgba(101, 121, 161, 0.3);
@upload-text-list-name-font-color: #333333;
@upload-text-list-name-font-color-hover: #557fff;
@upload-text-list-size-font-color: #6579a1;
@upload-text-list-size-font-color-hover: #557fff;
@upload-text-list-progressbar-height: 8px;
@upload-image-list-item-padding: 8px;
@upload-image-list-item-picture-size: 48px;
@upload-image-list-item-picture-icon-size: 24px;
@upload-image-list-item-picture-border-width: 1px;
@upload-image-list-item-picture-corner: 0;
@upload-image-list-item-thumbnail-font-color: #152c5b;
@upload-image-list-item-font-size: 12px;
@upload-image-list-close-icon-size: 12px;
@upload-image-list-close-icon-right: 4px;
@upload-image-list-item-border-width: 1px;
@upload-image-list-item-bg-color: #FFFFFF;
@upload-image-list-item-uploading-bg-color: #FFFFFF;
@upload-image-list-item-error-bg-color: #FFFFFF;
@upload-image-list-close-icon-color: #6579a1;
@upload-image-list-close-icon-color-hover: rgba(101, 121, 161, 0.3);
@upload-image-list-item-border-color: #bac2ef;
@upload-image-list-item-border-color-error: #fc6891;
@upload-image-list-item-border-color-hover: #557fff;
@upload-image-list-item-picture-border-color: #bac2ef;
@upload-image-list-item-picture-background-color: #f8faff;
@upload-image-list-progressbar-height: 8px;
@upload-card-size: 100px;
@upload-card-margin-bottom: 16px;
@upload-card-add-icon-size: 24px;
@upload-card-add-text-size: 12px;
@upload-card-add-text-margin-top: 12px;
@upload-card-bg-color: #FFFFFF;
@upload-card-border-style: dashed;
@upload-card-border-color: #c0d0ff;
@upload-card-hover-border-color: #557fff;
@upload-card-font-color: rgba(101, 121, 161, 0.3);
@upload-card-icon-color: #c0d0ff;
@upload-card-hover-font-color: #557fff;
@upload-card-add-icon: "";
@upload-card-list-bg-color: transparent;
@upload-card-list-uploading-bg-color: #dde6ff;
@upload-card-list-bg-color-error: #dde6ff;
@upload-card-list-margin-right: 12px;
@upload-card-list-padding: 0px;
@upload-card-list-corner: 0;
@upload-card-list-border-color: #c0d0ff;
@upload-card-list-border-color-error: #fc6891;
@upload-card-list-thumbnail-font-color: #152c5b;
@upload-card-list-thumbnail-font-size: 12px;
@upload-card-list-thumbnail-icon-size: 48px;
@upload-card-list-name-margin-top: 4px;
@upload-card-list-name-font-size: 12px;
@upload-card-list-name-font-color: rgba(101, 121, 161, 0.3);
@upload-card-list-progressbar-height: 8px;
@upload-select-card-tool-bg-color: #000000;
@upload-select-card-tool-bg-opacity: .7;
@upload-drag-zone-border-color: #c0d0ff;
@upload-drag-zone-over-border-color: #557fff;
@upload-drag-zone-corner: 6px;
@upload-drag-zone-font-size: 12px;
@upload-drag-zone-icon-size: 24px;
@upload-drag-zone-hint-font-size: 12px;
@upload-drag-zone-bg-color: transparent;
@upload-drag-zone-upload-icon: "";
@upload-drag-zone-upload-icon-color: rgba(101, 121, 161, 0.3);
@upload-drag-zone-upload-normal-title-color: rgba(101, 121, 161, 0.3);
@upload-drag-zone-upload-normal-hint-color: #6579a1;

// ------------------------ drawer ------------------------ //

@drawer-title-font-size: 12px;
@drawer-title-padding-top: 12px;
@drawer-title-padding-bottom: 12px;
@drawer-title-padding-left-right: 20px;
@drawer-title-border-width: 1px;
@drawer-content-font-size: 12px;
@drawer-content-padding-top: 20px;
@drawer-content-padding-bottom: 20px;
@drawer-content-padding-left-right: 20px;
@drawer-close-top: 12px;
@drawer-close-right: 12px;
@drawer-bg: #FFFFFF;
@drawer-border-width: 1px;
@drawer-border-color: #bac2ef;
@drawer-border-style: solid;
@drawer-corner: 6px;
@drawer-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
@drawer-title-color: #333333;
@drawer-title-bg-color: #FFFFFF;
@drawer-title-border-color: #bac2ef;
@drawer-content-color: rgba(101, 121, 161, 0.3);
@drawer-close-color: #6579a1;
@drawer-close-color-hovered: #333333;
@drawer-close-bg-hovered: transparent;
@drawer-close-size: 20px;

// ------------------------ message ------------------------ //

@message-size-l-padding: 16px;
@message-size-l-border-width: 2px;
@message-size-l-title-content-padding-left: 12px;
@message-size-l-title-content-padding-right: 20px;
@message-size-l-title-font: 12px;
@message-size-l-content-margin-top: 8px;
@message-size-l-content-font: 12px;
@message-size-l-close-top: 16px;
@message-size-l-close-right: 16px;
@message-size-l-icon: 24px;
@message-size-m-padding: 12px;
@message-size-m-border-width: 1px;
@message-size-m-title-content-padding-left: 8px;
@message-size-m-title-content-padding-right: 20px;
@message-size-m-title-font: 12px;
@message-size-m-content-margin-top: 8px;
@message-size-m-content-font: 12px;
@message-size-m-close-top: 12px;
@message-size-m-close-right: 12px;
@message-size-m-icon: 16px;
@message-close-icon-size: 12px;
@message-size-l-border-radius: 6px;
@message-size-m-border-radius: 6px;
@message-size-l-border-radius-toast: 6px;
@message-size-m-border-radius-toast: 6px;
@message-border-style: solid;
@message-border-style-toast: solid;
@message-shadow-toast: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
@message-success-color-bg-inline: #35c998;
@message-success-color-bg-addon: transparent;
@message-success-color-bg-toast: #FFFFFF;
@message-success-color-border-inline: #35c998;
@message-success-color-border-toast: #FFFFFF;
@message-success-color-title-inline: #333333;
@message-success-color-title-addon: #333333;
@message-success-color-title-toast: #333333;
@message-success-color-content-inline: rgba(101, 121, 161, 0.3);
@message-success-color-content-addon: rgba(101, 121, 161, 0.3);
@message-success-color-content-toast: rgba(101, 121, 161, 0.3);
@message-success-color-icon-inline: #daffe6;
@message-success-color-icon-addon: #daffe6;
@message-success-color-icon-toast: #daffe6;
@message-error-color-bg-inline: #ffeee9;
@message-error-color-bg-addon: transparent;
@message-error-color-bg-toast: #FFFFFF;
@message-error-color-border-inline: #ffeee9;
@message-error-color-border-toast: #FFFFFF;
@message-error-color-title-inline: #333333;
@message-error-color-title-addon: #333333;
@message-error-color-title-toast: #333333;
@message-error-color-content-inline: rgba(101, 121, 161, 0.3);
@message-error-color-content-addon: rgba(101, 121, 161, 0.3);
@message-error-color-content-toast: rgba(101, 121, 161, 0.3);
@message-error-color-icon-inline: #fc6891;
@message-error-color-icon-addon: #fc6891;
@message-error-color-icon-toast: #fc6891;
@message-warning-color-bg-inline: #ff447c;
@message-warning-color-bg-addon: transparent;
@message-warning-color-bg-toast: #FFFFFF;
@message-warning-color-border-inline: #ff447c;
@message-warning-color-border-toast: #FFFFFF;
@message-warning-color-title-inline: #333333;
@message-warning-color-title-addon: #333333;
@message-warning-color-title-toast: #333333;
@message-warning-color-content-inline: rgba(101, 121, 161, 0.3);
@message-warning-color-content-addon: rgba(101, 121, 161, 0.3);
@message-warning-color-content-toast: rgba(101, 121, 161, 0.3);
@message-warning-color-icon-inline: #ff7b9e;
@message-warning-color-icon-addon: #ff7b9e;
@message-warning-color-icon-toast: #ff7b9e;
@message-notice-color-bg-inline: #ffe353;
@message-notice-color-bg-addon: transparent;
@message-notice-color-bg-toast: #FFFFFF;
@message-notice-color-border-inline: #ffe353;
@message-notice-color-border-toast: #FFFFFF;
@message-notice-color-title-inline: #333333;
@message-notice-color-title-addon: #333333;
@message-notice-color-title-toast: #333333;
@message-notice-color-content-inline: rgba(101, 121, 161, 0.3);
@message-notice-color-content-addon: rgba(101, 121, 161, 0.3);
@message-notice-color-content-toast: rgba(101, 121, 161, 0.3);
@message-notice-color-icon-inline: white;
@message-notice-color-icon-addon: white;
@message-notice-color-icon-toast: white;
@message-help-color-bg-inline: white;
@message-help-color-bg-addon: transparent;
@message-help-color-bg-toast: #FFFFFF;
@message-help-color-border-inline: white;
@message-help-color-border-toast: #FFFFFF;
@message-help-color-title-inline: #333333;
@message-help-color-title-addon: #333333;
@message-help-color-title-toast: #333333;
@message-help-color-content-inline: rgba(101, 121, 161, 0.3);
@message-help-color-content-addon: rgba(101, 121, 161, 0.3);
@message-help-color-content-toast: rgba(101, 121, 161, 0.3);
@message-help-color-icon-inline: white;
@message-help-color-icon-addon: white;
@message-help-color-icon-toast: white;
@message-loading-color-bg-inline: #FFFFFF;
@message-loading-color-bg-addon: transparent;
@message-loading-color-bg-toast: #FFFFFF;
@message-loading-color-border-inline: #FFFFFF;
@message-loading-color-border-toast: #FFFFFF;
@message-loading-color-title-inline: #333333;
@message-loading-color-title-addon: #333333;
@message-loading-color-title-toast: #333333;
@message-loading-color-content-inline: rgba(101, 121, 161, 0.3);
@message-loading-color-content-addon: rgba(101, 121, 161, 0.3);
@message-loading-color-content-toast: rgba(101, 121, 161, 0.3);
@message-loading-color-icon-inline: #557fff;
@message-loading-color-icon-addon: #557fff;
@message-loading-color-icon-toast: #557fff;
@message-close-icon-color: #6579a1;
@message-hover-close-icon-color: rgba(101, 121, 161, 0.3);
@message-success-icon-content: "";
@message-warning-icon-content: "";
@message-error-icon-content: "";
@message-notice-icon-content: "";
@message-help-icon-content: "";
@message-loading-icon-content: "";

// ------------------------ dialog ------------------------ //

@dialog-border-width: 1px;
@dialog-title-font-size: 12px;
@dialog-title-padding-top: 12px;
@dialog-title-padding-bottom: 12px;
@dialog-title-padding-left-right: 20px;
@dialog-title-border-width: 0px;
@dialog-message-content-padding-top: 20px;
@dialog-message-content-padding-bottom: 20px;
@dialog-message-content-padding-left-right: 20px;
@dialog-content-font-size: 12px;
@dialog-content-padding-top: 20px;
@dialog-content-padding-bottom: 20px;
@dialog-content-padding-left-right: 20px;
@dialog-footer-border-width: 0px;
@dialog-footer-padding-top: 12px;
@dialog-footer-padding-bottom: 12px;
@dialog-footer-padding-left-right: 20px;
@dialog-footer-button-spacing: 4px;
@dialog-close-top: 12px;
@dialog-close-right: 12px;
@dialog-close-width: 16px;
@dialog-close-size: 12px;
@dialog-bg: #FFFFFF;
@dialog-border-color: #bac2ef;
@dialog-border-style: solid;
@dialog-corner: 6px;
@dialog-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
@dialog-title-color: #333333;
@dialog-title-bg-color: transparent;
@dialog-title-border-color: transparent;
@dialog-content-color: rgba(101, 121, 161, 0.3);
@dialog-footer-bg-color: transparent;
@dialog-footer-border-color: transparent;
@dialog-close-color: #6579a1;
@dialog-close-color-hovered: #333333;
@dialog-close-bg-hovered: transparent;

// ------------------------ shell ------------------------ //

@shell-light-header-color: #000000;
@shell-light-header-height: 52px;
@shell-light-header-background: #FFFFFF;
@shell-light-header-shadow: none;
@shell-light-header-divider-size: 1px;
@shell-light-header-divider-style: solid;
@shell-light-header-divider-color: #f4f7ff;
@shell-light-header-paddingLeft: 16px;
@shell-light-multitask-min-height: 40px;
@shell-light-multitask-background: #FFFFFF;
@shell-light-multitask-shadow: none;
@shell-light-multitask-divider-size: 1px;
@shell-light-multitask-divider-style: solid;
@shell-light-multitask-divider-color: #f4f7ff;
@shell-light-multitask-paddingLeft: 0px;
@shell-light-navigation-hoz-marginLeft: 48px;
@shell-light-navigation-ver-width: 168px;
@shell-light-navigation-ver-shadow: none;
@shell-light-navigation-ver-paddingTop: 8px;
@shell-light-navigation-ver-paddingBottom: 8px;
@shell-light-navigation-ver-width-mini: 60px;
@shell-light-navigation-ver-background: #FFFFFF;
@shell-light-navigation-ver-divider-size: 1px;
@shell-light-navigation-ver-divider-style: solid;
@shell-light-navigation-ver-divider-color: #f4f7ff;
@shell-light-local-navigation-width: 168px;
@shell-light-local-navigation-background: rgba(226, 228, 232, 0);
@shell-light-local-navigation-paddingTop: 8px;
@shell-light-local-navigation-paddingBottom: 8px;
@shell-light-local-navigation-shadow: none;
@shell-light-local-navigation-divider-size: 1px;
@shell-light-local-navigation-divider-style: solid;
@shell-light-local-navigation-divider-color: #f4f7ff;
@shell-light-appbar-background: #FFFFFF;
@shell-light-appbar-min-height: 48px;
@shell-light-appbar-shadow: none;
@shell-light-appbar-paddingLeft: 24px;
@shell-light-appbar-divider-size: 1px;
@shell-light-appbar-divider-style: solid;
@shell-light-appbar-divider-color: #f4f7ff;
@shell-light-content-background: rgba(255, 255, 255, 0.2);
@shell-light-content-paddingLeft: 20px;
@shell-light-content-paddingTop: 20px;
@shell-light-footer-min-height: 56px;
@shell-light-footer-background: transparent;
@shell-light-footer-color: #152c5b;
@shell-light-footer-font-size: 12px;
@shell-light-ancillary-width: 168px;
@shell-light-ancillary-background: #FFFFFF;
@shell-light-ancillary-paddingTop: 8px;
@shell-light-ancillary-paddingBottom: 8px;
@shell-light-ancillary-shadow: none;
@shell-light-ancillary-divider-size: 1px;
@shell-light-ancillary-divider-style: solid;
@shell-light-ancillary-divider-color: #f4f7ff;
@shell-light-tooldock-height: 52px;
@shell-light-tooldock-width: 52px;
@shell-light-tooldock-background: rgba(226, 228, 232, 0);
@shell-light-tooldock-paddingTop: 8px;
@shell-light-tooldock-paddingBottom: 8px;
@shell-light-tooldock-shadow: none;
@shell-light-tooldock-divider-size: 1px;
@shell-light-tooldock-divider-style: solid;
@shell-light-tooldock-divider-color: #f4f7ff;
@shell-light-tooldock-item-paddingTop: 8px;
@shell-light-tooldock-item-color: rgba(101, 121, 161, 0.3);
@shell-light-tooldock-item-color-hover: #333333;
@shell-light-tooldock-item-color-active: #333333;
@shell-light-tooldock-item-background: transparent;
@shell-light-tooldock-item-background-hover: rgba(255, 255, 255, 0.2);
@shell-light-tooldock-item-background-active: rgba(255, 255, 255, 0.2);
@shell-dark-header-color: #FFFFFF;
@shell-dark-header-height: 52px;
@shell-dark-header-background: #000000;
@shell-dark-header-shadow: 0px 1px 6px 0px #bac2ef;
@shell-dark-header-divider-size: 1px;
@shell-dark-header-divider-style: solid;
@shell-dark-header-divider-color: #1F1F1F;
@shell-dark-header-paddingLeft: 16px;
@shell-dark-multitask-min-height: 40px;
@shell-dark-multitask-background: #FFFFFF;
@shell-dark-multitask-shadow: none;
@shell-dark-multitask-divider-size: 1px;
@shell-dark-multitask-divider-style: solid;
@shell-dark-multitask-divider-color: #f4f7ff;
@shell-dark-multitask-paddingLeft: 0px;
@shell-dark-navigation-hoz-marginLeft: 48px;
@shell-dark-navigation-ver-width: 168px;
@shell-dark-navigation-ver-shadow: none;
@shell-dark-navigation-ver-paddingTop: 8px;
@shell-dark-navigation-ver-paddingBottom: 8px;
@shell-dark-navigation-ver-width-mini: 60px;
@shell-dark-navigation-ver-background: #333333;
@shell-dark-navigation-ver-divider-size: 1px;
@shell-dark-navigation-ver-divider-style: solid;
@shell-dark-navigation-ver-divider-color: #f4f7ff;
@shell-dark-local-navigation-width: 168px;
@shell-dark-local-navigation-background: rgba(226, 228, 232, 0);
@shell-dark-local-navigation-paddingTop: 8px;
@shell-dark-local-navigation-paddingBottom: 8px;
@shell-dark-local-navigation-shadow: none;
@shell-dark-local-navigation-divider-size: 1px;
@shell-dark-local-navigation-divider-style: solid;
@shell-dark-local-navigation-divider-color: #f4f7ff;
@shell-dark-appbar-background: #FFFFFF;
@shell-dark-appbar-min-height: 48px;
@shell-dark-appbar-shadow: none;
@shell-dark-appbar-paddingLeft: 24px;
@shell-dark-appbar-divider-size: 1px;
@shell-dark-appbar-divider-style: solid;
@shell-dark-appbar-divider-color: #f4f7ff;
@shell-dark-content-background: rgba(255, 255, 255, 0.2);
@shell-dark-content-paddingLeft: 20px;
@shell-dark-content-paddingTop: 20px;
@shell-dark-footer-min-height: 56px;
@shell-dark-footer-background: transparent;
@shell-dark-footer-color: #152c5b;
@shell-dark-footer-font-size: 12px;
@shell-dark-ancillary-width: 168px;
@shell-dark-ancillary-background: #FFFFFF;
@shell-dark-ancillary-paddingTop: 8px;
@shell-dark-ancillary-paddingBottom: 8px;
@shell-dark-ancillary-shadow: none;
@shell-dark-ancillary-divider-size: 1px;
@shell-dark-ancillary-divider-style: solid;
@shell-dark-ancillary-divider-color: #f4f7ff;
@shell-dark-tooldock-height: 52px;
@shell-dark-tooldock-width: 52px;
@shell-dark-tooldock-background: rgba(226, 228, 232, 0);
@shell-dark-tooldock-paddingTop: 8px;
@shell-dark-tooldock-paddingBottom: 8px;
@shell-dark-tooldock-shadow: none;
@shell-dark-tooldock-divider-size: 1px;
@shell-dark-tooldock-divider-style: solid;
@shell-dark-tooldock-divider-color: #f4f7ff;
@shell-dark-tooldock-item-paddingTop: 8px;
@shell-dark-tooldock-item-color: rgba(101, 121, 161, 0.3);
@shell-dark-tooldock-item-color-hover: #333333;
@shell-dark-tooldock-item-color-active: #333333;
@shell-dark-tooldock-item-background: transparent;
@shell-dark-tooldock-item-background-hover: rgba(255, 255, 255, 0.2);
@shell-dark-tooldock-item-background-active: rgba(255, 255, 255, 0.2);
@shell-brand-header-color: #FFFFFF;
@shell-brand-header-height: 52px;
@shell-brand-header-background: #557fff;
@shell-brand-header-shadow: 0px 1px 6px 0px #bac2ef;
@shell-brand-header-divider-size: 1px;
@shell-brand-header-divider-style: solid;
@shell-brand-header-divider-color: #f4f7ff;
@shell-brand-header-paddingLeft: 16px;
@shell-brand-multitask-min-height: 40px;
@shell-brand-multitask-background: #FFFFFF;
@shell-brand-multitask-shadow: none;
@shell-brand-multitask-divider-size: 1px;
@shell-brand-multitask-divider-style: solid;
@shell-brand-multitask-divider-color: #f4f7ff;
@shell-brand-multitask-paddingLeft: 0px;
@shell-brand-navigation-hoz-marginLeft: 48px;
@shell-brand-navigation-ver-width: 168px;
@shell-brand-navigation-ver-shadow: none;
@shell-brand-navigation-ver-paddingTop: 8px;
@shell-brand-navigation-ver-paddingBottom: 8px;
@shell-brand-navigation-ver-width-mini: 60px;
@shell-brand-navigation-ver-background: #FFFFFF;
@shell-brand-navigation-ver-divider-size: 1px;
@shell-brand-navigation-ver-divider-style: solid;
@shell-brand-navigation-ver-divider-color: #f4f7ff;
@shell-brand-local-navigation-width: 168px;
@shell-brand-local-navigation-background: rgba(226, 228, 232, 0);
@shell-brand-local-navigation-paddingTop: 8px;
@shell-brand-local-navigation-paddingBottom: 8px;
@shell-brand-local-navigation-shadow: none;
@shell-brand-local-navigation-divider-size: 1px;
@shell-brand-local-navigation-divider-style: solid;
@shell-brand-local-navigation-divider-color: #f4f7ff;
@shell-brand-appbar-background: #FFFFFF;
@shell-brand-appbar-min-height: 48px;
@shell-brand-appbar-shadow: none;
@shell-brand-appbar-paddingLeft: 24px;
@shell-brand-appbar-divider-size: 1px;
@shell-brand-appbar-divider-style: solid;
@shell-brand-appbar-divider-color: #f4f7ff;
@shell-brand-content-background: rgba(255, 255, 255, 0.2);
@shell-brand-content-paddingLeft: 20px;
@shell-brand-content-paddingTop: 20px;
@shell-brand-footer-min-height: 56px;
@shell-brand-footer-background: transparent;
@shell-brand-footer-color: #152c5b;
@shell-brand-footer-font-size: 12px;
@shell-brand-ancillary-width: 168px;
@shell-brand-ancillary-background: #FFFFFF;
@shell-brand-ancillary-paddingTop: 8px;
@shell-brand-ancillary-paddingBottom: 8px;
@shell-brand-ancillary-shadow: none;
@shell-brand-ancillary-divider-size: 1px;
@shell-brand-ancillary-divider-style: solid;
@shell-brand-ancillary-divider-color: #f4f7ff;
@shell-brand-tooldock-height: 52px;
@shell-brand-tooldock-width: 52px;
@shell-brand-tooldock-background: rgba(226, 228, 232, 0);
@shell-brand-tooldock-paddingTop: 8px;
@shell-brand-tooldock-paddingBottom: 8px;
@shell-brand-tooldock-shadow: none;
@shell-brand-tooldock-divider-size: 1px;
@shell-brand-tooldock-divider-style: solid;
@shell-brand-tooldock-divider-color: #f4f7ff;
@shell-brand-tooldock-item-paddingTop: 8px;
@shell-brand-tooldock-item-color: rgba(101, 121, 161, 0.3);
@shell-brand-tooldock-item-color-hover: #333333;
@shell-brand-tooldock-item-color-active: #333333;
@shell-brand-tooldock-item-background: transparent;
@shell-brand-tooldock-item-background-hover: rgba(255, 255, 255, 0.2);
@shell-brand-tooldock-item-background-active: rgba(255, 255, 255, 0.2);

// ------------------------ divider ------------------------ //

@divider-hoz-size: 1px;
@divider-hoz-color: #bac2ef;
@divider-hoz-text-center-paddingLeft: 16px;
@divider-hoz-text-left-paddingLeft: 16px;
@divider-hoz-text-marginTop: 16px;
@divider-hoz-marginTop: 16px;
@divider-hoz-text-size: 12px;
@divider-hoz-text-weight: normal;
@divider-hoz-text-color: #333333;
@divider-ver-size: 1px;
@divider-ver-color: #bac2ef;
@divider-ver-marginLeft: 8px;

// ------------------------ collapse ------------------------ //

@collapse-border-width: 1px;
@collapse-border-corner: 6px;
@collapse-border-color: #bac2ef;
@collapse-panel-border-color: #bac2ef;
@collapse-disabled-border-color: #f4f7ff;
@collapse-title-border-width: 1px;
@collapse-title-height: 20px;
@collapse-title-bg-color: #f8faff;
@collapse-title-hover-bg-color: rgba(255, 255, 255, 0.2);
@collapse-title-disabled-bg-color: #f8faff;
@collapse-title-font-color: #333333;
@collapse-title-font-disabled-color: #152c5b;
@collapse-title-hover-font-color: #333333;
@collapse-title-font-size: 12px;
@collapse-title-font-weight: normal;
@collapse-title-hover-font-weight: normal;
@collapse-title-padding-tb: 8px;
@collapse-icon-size: 8px;
@collapse-icon-color: #333333;
@collapse-icon-hover-color: #333333;
@collapse-icon-margin-r: 8px;
@collapse-icon-margin-l: 12px;
@collapse-content-bg-color: #FFFFFF;
@collapse-content-padding-x: 16px;
@collapse-content-padding-y: 12px;
@collapse-content-font-size: 12px;
@collapse-content-color: rgba(101, 121, 161, 0.3);
@collapse-fold-icon-content: "";
@collapse-unfold-icon-content: @icon-reset;

// ------------------------ pagination ------------------------ //

@pagination-item-split: 4px;
@pagination-item-padding: 10px;
@pagination-item-border-style: solid;
@pagination-item-border-width: 1px;
@pagination-item-corner: 6px;
@pagination-ellipsis-size: 12px;
@pagination-ellipsis-margin: 8px;
@pagination-current-font-size: 12px;
@pagination-total-font-size: 12px;
@pagination-jump-font-size: 12px;
@pagination-input-width: 36px;
@pagination-input-margin: 4px;
@pagination-size-selector-title-margin-right: 4px;
@pagination-size-selector-number-padding: 12px;
@pagination-large-item-split: 8px;
@pagination-large-item-padding: 15px;
@pagination-large-item-border-width: 1px;
@pagination-large-item-corner: 6px;
@pagination-large-ellipsis-size: 16px;
@pagination-large-current-font-size: 12px;
@pagination-large-total-font-size: 12px;
@pagination-large-input-width: 48px;
@pagination-large-jump-font-size: 12px;
@pagination-large-size-selector-number-padding: 16px;
@pagination-small-item-split: 4px;
@pagination-small-item-padding: 6px;
@pagination-small-item-border-width: 1px;
@pagination-small-item-corner: 6px;
@pagination-small-ellipsis-size: 12px;
@pagination-small-current-font-size: 12px;
@pagination-small-total-font-size: 12px;
@pagination-small-input-width: 28px;
@pagination-small-jump-font-size: 12px;
@pagination-small-size-selector-number-padding: 8px;
@pagination-ellipsis-color: #6579a1;
@pagination-current-color: #557fff;
@pagination-total-color: #333333;
@pagination-jump-color: #6579a1;
@pagination-size-selector-title-color: #6579a1;
@pagination-size-selector-filter-color: rgba(101, 121, 161, 0.3);
@pagination-size-selector-filter-current-color: #557fff;
@pagination-item-border-color: #c0d0ff;
@pagination-item-shadow: none;
@pagination-item-color: #333333;
@pagination-item-bg: #FFFFFF;
@pagination-item-current-border-color: #557fff;
@pagination-item-current-shadow: none;
@pagination-item-current-color: #FFFFFF;
@pagination-item-current-bg: #557fff;
@pagination-item-hover-border-color: rgba(160, 162, 173, 0);
@pagination-item-hover-shadow: none;
@pagination-item-hover-color: #333333;
@pagination-item-hover-bg: #f8faff;
@pagination-arrow-color: rgba(101, 121, 161, 0.3);
@pagination-icon-prev-content: "";
@pagination-icon-next-content: "";
@pagination-icon-ellipsis-content: "";
@pagination-item-current-hover-border-color: transparent;
@pagination-item-current-hover-shadow: none;
@pagination-item-current-hover-color: #FFFFFF;
@pagination-item-current-hover-bg: rgba(255, 255, 255, 0.2);
@pagination-arrow-hover-color: #333333;
@pagination-arrow-hover-color-noboder: #557fff;

// ------------------------ transfer ------------------------ //

@transfer-operation-margin-left-right: 20px;
@transfer-operation-margin-gutter: 8px;
@transfer-operation-icon-size: 12px;
@transfer-panel-border-width: 1px;
@transfer-panel-header-padding-top-bottom: 8px;
@transfer-panel-header-padding-left-right: 20px;
@transfer-panel-header-text-size: 12px;
@transfer-panel-search-margin-top: 8px;
@transfer-panel-search-margin-left-right: 4px;
@transfer-panel-search-margin-bottom: 0px;
@transfer-panel-list-width: 180px;
@transfer-panel-list-height: 160px;
@transfer-panel-footer-padding-top-bottom: 8px;
@transfer-panel-footer-padding-left-right: 20px;
@transfer-simple-move-icon: "";
@transfer-simple-move-icon-color: #c0d0ff;
@transfer-panel-border-color: #bac2ef;
@transfer-panel-border-corner: 6px;
@transfer-panel-background-color: #FFFFFF;
@transfer-panel-header-text-color: #333333;
@transfer-panel-header-background-color: #dde6ff;
@transfer-panel-search-icon-color: #6579a1;
@transfer-panel-footer-text-color: #333333;
@transfer-panel-footer-background-color: #FFFFFF;
@transfer-simple-panel-footer-text-color: #557fff;
@transfer-simple-panel-item-hover-text-color: #557fff;
@transfer-panel-footer-shadow: none;

// ------------------------ tree-select ------------------------ //

@tree-select-padding-vertical: 8px;
@tree-select-padding-horizontal: 20px;
@tree-select-background: #FFFFFF;

// ------------------------ time-picker ------------------------ //

@time-picker-panel-width: 200px;
@time-picker-panel-background: #FFFFFF;
@time-picker-menu-border-width: 1px;
@time-picker-menu-title-font-size: 12px;
@time-picker-menu-item-font-size: 12px;
@time-picker-menu-title-height: 28px;
@time-picker-menu-item-height: 28px;
@time-picker-menu-border-color: #c0d0ff;
@time-picker-menu-title-color: #6579a1;
@time-picker-menu-title-background: #FFFFFF;
@time-pikcer-menu-title-font-weight: normal;
@time-picker-menu-item-color: rgba(101, 121, 161, 0.3);
@time-picker-menu-item-color-hover: #333333;
@time-picker-menu-item-color-selected: rgba(101, 121, 161, 0.3);
@time-picker-menu-item-color-disabled: #152c5b;
@time-picker-menu-item-background: #FFFFFF;
@time-picker-menu-item-background-hover: #f8faff;
@time-picker-menu-item-background-selected: #f8faff;
@time-picker-menu-item-background-disabled: #FFFFFF;
@time-picker-menu-item-font-weight-selected: bold;
@time-picker-clock-icon: "";

// ------------------------ slider ------------------------ //

@slick-dots-position-bottom: 12px;
@slick-dots-position-right: 20px;
@slick-dots-width: 8px;
@slick-dots-height: 8px;
@slick-dots-margin-lr: 4px;
@slick-dots-margin-tb: 0px;
@slick-arrow-width-m: 28px;
@slick-arrow-width-l: 48px;
@slick-arrow-height-m: 56px;
@slick-arrow-height-l: 96px;
@slick-ver-arrow-width-m: 56px;
@slick-ver-arrow-width-l: 96px;
@slick-ver-arrow-height-m: 28px;
@slick-ver-arrow-height-l: 48px;
@slick-arrow-icon-m: 20px;
@slick-arrow-icon-l: 32px;
@slick-arrow-position-lr-m: 4px;
@slick-arrow-position-lr-l: 8px;
@slick-ver-arrow-position-tb-m: 4px;
@slick-ver-arrow-position-tb-l: 16px;
@slick-track-padding-lr: 24px;
@slick-ver-track-padding-tb: 24px;
@slick-dots-background-color-normal: #000000;
@slick-dots-background-color-hover: #000000;
@slick-dots-background-color-selected: #557fff;
@slick-dots-background-opacity-normal: .32;
@slick-dots-background-opacity-hover: .32;
@slick-dots-background-opacity-selected: 1;
@slick-dots-border-width: 0px;
@slick-dots-border-radius: 50%;
@slick-dots-border-color-normal: #FFFFFF;
@slick-dots-border-color-hover: #FFFFFF;
@slick-dots-border-color-selected: #FFFFFF;
@slick-dots-border-opacity-normal: 1;
@slick-dots-border-opacity-hover: 1;
@slick-dots-border-opacity-selected: 1;
@slick-arrow-icon-color-normal: #FFFFFF;
@slick-arrow-icon-color-normal-outer: rgba(101, 121, 161, 0.3);
@slick-arrow-icon-color-hover: #FFFFFF;
@slick-arrow-icon-color-hover-outer: #333333;
@slick-arrow-icon-color-disabled: #152c5b;
@slick-arrow-icon-color-disabled-outer: #152c5b;
@slick-arrow-bg-color-normal: #000000;
@slick-arrow-bg-color-hover: #000000;
@slick-arrow-bg-color-disabled: #dde6ff;
@slick-arrow-bg-opacity-normal: .2;
@slick-arrow-bg-opacity-hover: .4;
@slick-arrow-bg-opacity-disabled: .5;
@slick-arrow-bg-color-normal-outer: transparent;
@slick-arrow-bg-color-hover-outer: transparent;
@slick-arrow-bg-color-disabled-outer: transparent;
@slick-arrow-bg-opacity-normal-outer: .32;
@slick-arrow-bg-opacity-hover-outer: .32;
@slick-arrow-bg-opacity-disabled-outer: .32;
@slick-arrow-corner-radius-outer: 0px;

// ------------------------ step ------------------------ //

@step-arrow-item-height: 32px;
@step-arrow-item-title-size: 12px;
@step-arrow-item-title-weight: bold;
@step-arrow-item-wait-background: rgba(255, 255, 255, 0.2);
@step-arrow-item-title-wait-color: #6579a1;
@step-arrow-item-process-background: #557fff;
@step-arrow-item-title-process-color: #FFFFFF;
@step-arrow-item-finish-background: #557fff;
@step-arrow-item-title-finish-color: #557fff;
@step-arrow-item-disabled-background: #dde6ff;
@step-arrow-item-title-disabled-color: #152c5b;
@step-circle-item-node-padding: 8px;
@step-circle-item-node-border-width: 1px;
@step-circle-item-node-icon-size: 12px;
@step-circle-item-node-font-size: 12px;
@step-circle-item-node-corner: 50%;
@step-circle-item-tail-size: 1px;
@step-circle-item-title-margin-top: 8px;
@step-circle-item-content-margin-top: 4px;
@step-circle-item-content-font-size: 12px;
@step-circle-item-body-width: 100px;
@step-circle-item-title-size: 12px;
@step-circle-item-title-weight: bold;
@step-circle-item-node-wait-size: 32px;
@step-circle-item-node-process-size: 32px;
@step-circle-item-node-finish-size: 32px;
@step-circle-item-node-disabled-size: 32px;
@step-circle-item-tail-wait-color: #c0d0ff;
@step-circle-item-tail-process-color: #c0d0ff;
@step-circle-item-tail-finish-color: #557fff;
@step-circle-item-tail-disabled-color: #f4f7ff;
@step-circle-item-node-wait-font-weight: normal;
@step-circle-item-node-process-font-weight: normal;
@step-circle-item-node-disabled-font-weight: normal;
@step-circle-item-node-finish-font-weight: normal;
@step-circle-item-title-wait-color: rgba(101, 121, 161, 0.3);
@step-circle-item-title-process-color: #333333;
@step-circle-item-title-finish-color: rgba(101, 121, 161, 0.3);
@step-circle-item-title-disabled-color: #152c5b;
@step-circle-item-node-wait-border-color: rgba(160, 162, 173, 0);
@step-circle-item-node-wait-background: #FFFFFF;
@step-circle-item-node-wait-color: rgba(101, 121, 161, 0.3);
@step-circle-item-node-process-border-color: #557fff;
@step-circle-item-node-process-background: #557fff;
@step-circle-item-node-process-color: #FFFFFF;
@step-circle-item-node-process-percent-color: #557fff;
@step-circle-item-node-process-percent-size: 12px;
@step-circle-item-node-finish-border-color: #557fff;
@step-circle-item-node-finish-background: #FFFFFF;
@step-circle-item-node-finish-color: #557fff;
@step-circle-item-node-disabled-border-color: #f4f7ff;
@step-circle-item-node-disabled-background: #FFFFFF;
@step-circle-item-node-disabled-color: #152c5b;
@step-circle-vertical-item-node-padding: 8px;
@step-circle-vertical-item-body-margin-left: 16px;
@step-circle-vertical-item-title-margin-top: 8px;
@step-circle-vertical-item-content-margin-top: 4px;
@step-circle-item-content-color: rgba(101, 121, 161, 0.3);
@step-circle-item-tail-bg-color: #f4f7ff;
@step-circle-vertical-item-tail-size: 1px;
@step-dot-item-dot-padding: 8px;
@step-dot-item-dot-icon-size: 12px;
@step-dot-item-dot-border-width: 1px;
@step-dot-item-body-width: 100px;
@step-dot-item-content-margin-top: 4px;
@step-dot-item-dot-corner: 50%;
@step-dot-item-title-size: 12px;
@step-dot-item-title-weight: bold;
@step-dot-item-title-margin-top: 8px;
@step-dot-item-tail-size: 1px;
@step-dot-item-dot-wait-size: 12px;
@step-dot-item-dot-process-size: 12px;
@step-dot-item-dot-finish-size: 12px;
@step-dot-item-dot-disabled-size: 12px;
@step-dot-item-tail-wait-color: #c0d0ff;
@step-dot-item-tail-process-color: #c0d0ff;
@step-dot-item-tail-finish-color: #557fff;
@step-dot-item-tail-disabled-color: #f4f7ff;
@step-dot-item-title-wait-color: rgba(101, 121, 161, 0.3);
@step-dot-item-title-process-color: #333333;
@step-dot-item-title-finish-color: rgba(101, 121, 161, 0.3);
@step-dot-item-title-disabled-color: #152c5b;
@step-dot-item-node-wait-border-color: rgba(160, 162, 173, 0);
@step-dot-item-node-wait-background: #FFFFFF;
@step-dot-item-node-wait-color: #6579a1;
@step-dot-item-node-process-border-color: #557fff;
@step-dot-item-node-process-background: #557fff;
@step-dot-item-node-process-color: #557fff;
@step-dot-item-node-finish-border-color: #557fff;
@step-dot-item-node-finish-background: #FFFFFF;
@step-dot-item-node-finish-color: #557fff;
@step-dot-item-node-disabled-border-color: #bac2ef;
@step-dot-item-node-disabled-background: #FFFFFF;
@step-dot-item-node-disabled-color: #f4f7ff;
@step-dot-vertical-item-node-padding: 8px;
@step-dot-vertical-item-body-margin-left: 16px;
@step-dot-vertical-item-title-margin-top: 0px;
@step-dot-vertical-item-content-margin-top: 8px;
@step-dot-item-content-font-size: 12px;
@step-dot-item-content-color: rgba(101, 121, 161, 0.3);
@step-dot-item-tail-bg-color: #f4f7ff;
@step-dot-vertical-item-tail-size: 1px;

// ------------------------ nav ------------------------ //

@nav-hoz-height: 44px;
@nav-hoz-font-size: 12px;
@nav-hoz-item-margin-tb: 0px;
@nav-hoz-item-margin-lr: 0px;
@nav-hoz-item-padding-lr: 20px;
@nav-hoz-item-corner: 0;
@nav-hoz-item-selected-active-line: 2px;
@nav-hoz-item-hover-active-line: 0px;
@nav-ver-height: 40px;
@nav-ver-font-size: 12px;
@nav-ver-item-margin-tb: 0px;
@nav-ver-item-margin-lr: 0px;
@nav-ver-item-padding-lr: 20px;
@nav-ver-item-corner: 0;
@nav-ver-item-selected-active-line: 2px;
@nav-ver-item-hover-active-line: 0px;
@nav-ver-sub-nav-height: 40px;
@nav-ver-sub-nav-font-size: 12px;
@nav-group-height: 40px;
@nav-group-font-size: 12px;
@nav-icon-self-size: 12px;
@nav-icon-self-margin: 4px;
@nav-icon-only-font-size: 16px;
@nav-primary-bg-color: #333333;
@nav-primary-border-width: 0px;
@nav-primary-border-color: #333333;
@nav-primary-text-color: #FFFFFF;
@nav-primary-text-style: normal;
@nav-primary-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
@nav-primary-sub-nav-bg-color: #333333;
@nav-primary-sub-nav-text-color: #FFFFFF;
@nav-primary-sub-nav-text-style: normal;
@nav-primary-group-text-color: #6579a1;
@nav-primary-group-text-style: normal;
@nav-primary-item-hover-bg-color: #000000;
@nav-primary-item-hover-text-color: #FFFFFF;
@nav-primary-item-hover-text-style: normal;
@nav-primary-item-hover-active-color: #557fff;
@nav-primary-sub-nav-hover-bg-color: #000000;
@nav-primary-sub-nav-hover-text-color: #FFFFFF;
@nav-primary-item-selected-bg-color: #000000;
@nav-primary-item-selected-text-color: #FFFFFF;
@nav-primary-item-selected-text-style: bold;
@nav-primary-item-childselected-bg-color: transparent;
@nav-primary-item-childselected-text-color: #FFFFFF;
@nav-primary-item-childselected-text-style: bold;
@nav-primary-item-selected-active-color: #557fff;
@nav-primary-sub-nav-selected-bg-color: #000000;
@nav-primary-sub-nav-selected-text-color: #FFFFFF;
@nav-primary-sub-nav-active-color: #557fff;
@nav-primary-item-opened-bg-color: transparent;
@nav-primary-item-opened-text-color: #FFFFFF;
@nav-secondary-bg-color: #557fff;
@nav-secondary-border-width: 0px;
@nav-secondary-border-color: #557fff;
@nav-secondary-text-color: #FFFFFF;
@nav-secondary-text-style: normal;
@nav-secondary-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
@nav-secondary-sub-nav-bg-color: #557fff;
@nav-secondary-sub-nav-text-color: #FFFFFF;
@nav-secondary-sub-nav-text-style: normal;
@nav-secondary-group-text-color: #FFFFFF;
@nav-secondary-group-text-style: normal;
@nav-secondary-item-hover-bg-color: rgba(255, 255, 255, 0.2);
@nav-secondary-item-hover-text-color: #FFFFFF;
@nav-secondary-item-hover-text-style: normal;
@nav-secondary-item-hover-active-color: rgba(255, 255, 255, 0.2);
@nav-secondary-sub-nav-hover-bg-color: rgba(255, 255, 255, 0.2);
@nav-secondary-sub-nav-hover-text-color: #FFFFFF;
@nav-secondary-item-selected-bg-color: rgba(255, 255, 255, 0.2);
@nav-secondary-item-selected-text-color: #FFFFFF;
@nav-secondary-item-selected-text-style: bold;
@nav-secondary-item-childselected-bg-color: transparent;
@nav-secondary-item-childselected-text-color: #FFFFFF;
@nav-secondary-item-childselected-text-style: bold;
@nav-secondary-item-selected-active-color: rgba(255, 255, 255, 0.2);
@nav-secondary-sub-nav-selected-bg-color: rgba(255, 255, 255, 0.2);
@nav-secondary-sub-nav-selected-text-color: #FFFFFF;
@nav-secondary-sub-nav-active-color: #557fff;
@nav-secondary-item-opened-bg-color: transparent;
@nav-secondary-item-opened-text-color: #FFFFFF;
@nav-normal-bg-color: #FFFFFF;
@nav-normal-border-color: #f4f7ff;
@nav-normal-text-color: #333333;
@nav-normal-text-style: normal;
@nav-normal-border-line: 1px;
@nav-normal-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
@nav-normal-sub-nav-bg-color: #FFFFFF;
@nav-normal-sub-nav-text-color: #333333;
@nav-normal-sub-nav-text-style: normal;
@nav-normal-group-text-color: #6579a1;
@nav-normal-group-text-style: normal;
@nav-normal-item-hover-bg-color: #FFFFFF;
@nav-normal-item-hover-text-color: #557fff;
@nav-normal-item-hover-text-style: normal;
@nav-normal-item-hover-active-color: #557fff;
@nav-normal-sub-nav-hover-bg-color: #f8faff;
@nav-normal-sub-nav-hover-text-color: #557fff;
@nav-normal-item-selected-bg-color: #f8faff;
@nav-normal-item-selected-text-color: #557fff;
@nav-normal-item-selected-text-style: bold;
@nav-normal-item-childselected-bg-color: transparent;
@nav-normal-item-childselected-text-color: #557fff;
@nav-normal-item-childselected-text-style: normal;
@nav-normal-item-selected-active-color: #557fff;
@nav-normal-sub-nav-selected-bg-color: #f8faff;
@nav-normal-sub-nav-selected-text-color: #557fff;
@nav-normal-sub-nav-active-color: #557fff;
@nav-normal-item-opened-bg-color: transparent;
@nav-normal-item-opened-text-color: #557fff;
@nav-line-bg-color: transparent;
@nav-line-border-color: #bac2ef;
@nav-line-text-color: #333333;
@nav-line-text-style: normal;
@nav-line-border-line: 1px;
@nav-line-sub-nav-bg-color: transparent;
@nav-line-sub-nav-text-color: #333333;
@nav-line-sub-nav-text-style: normal;
@nav-line-item-hover-bg-color: transparent;
@nav-line-item-hover-text-color: #557fff;
@nav-line-item-hover-text-style: normal;
@nav-line-item-hover-active-color: #557fff;
@nav-line-sub-nav-hover-bg-color: transparent;
@nav-line-sub-nav-hover-text-color: #557fff;
@nav-line-item-selected-bg-color: transparent;
@nav-line-item-selected-text-color: #557fff;
@nav-line-item-selected-text-style: bold;
@nav-line-item-childselected-bg-color: transparent;
@nav-line-item-childselected-text-color: #557fff;
@nav-line-item-childselected-text-style: normal;
@nav-line-item-selected-active-color: #557fff;
@nav-line-sub-nav-selected-bg-color: transparent;
@nav-line-sub-nav-selected-text-color: #557fff;
@nav-line-sub-nav-active-color: #557fff;
@nav-line-item-opened-bg-color: transparent;
@nav-line-item-opened-text-color: #557fff;
@nav-line-group-text-color: #6579a1;
@nav-line-group-text-style: normal;

// ------------------------ avatar ------------------------ //

@avatar-size-large: 52px;
@avatar-size-medium: 40px;
@avatar-size-small: 28px;
@avatar-border-radius: 6px;

// ------------------------ breadcrumb ------------------------ //

@breadcrumb-size-m-font-size: 12px;
@breadcrumb-size-ellipsis-font-size: 12px;
@breadcrumb-size-m-icon-size: 8px;
@breadcrumb-size-m-icon-margin: 8px;
@breadcrumb-text-color: rgba(101, 121, 161, 0.3);
@breadcrumb-text-current-color: #333333;
@breadcrumb-text-current-weight: normal;
@breadcrumb-text-ellipsis-color: rgba(101, 121, 161, 0.3);
@breadcrumb-text-keyword-color: #557fff;
@breadcrumb-icon-color: rgba(160, 162, 173, 0);
@breadcrumb-icon-sep-content: "";
@breadcrumb-text-color-hover: #557fff;
@breadcrumb-text-current-color-hover: #557fff;
@breadcrumb-text-keyword-color-hover: #557fff;

// ------------------------ date-picker ------------------------ //

@date-picker-panel-footer-padding-lr: 20px;
@date-picker-panel-footer-padding-tb: 8px;
@date-picker-panel-background: #FFFFFF;
@date-picker-panel-time-panel-separator-color: #bac2ef;
@date-picker-calendar-icon: "";