@ozo/react-rock
Version:
React 移动端开发脚手架，基于CRA3，通用、开箱即用。
1 lines • 144 kB
Source Map (JSON)
{"version":3,"sources":["../../../../../node_modules/@ozo/mixins-sass/src/basis/_reset.scss","../../../../../node_modules/@ozo/mixins-sass/src/mixins/_box-sizing.scss","../../../../../node_modules/@alifd/theme-toxic/variables.scss","../../../../../node_modules/@ozo/mixins-sass/src/basis/_variables.scss","../../../../../node_modules/@ozo/mixins-sass/src/mixins/_touch-scroll.scss","../../../../../node_modules/@ozo/mixins-sass/src/mixins/_onepx.scss","../../../../../node_modules/@ozo/mixins-sass/src/mixins/_hairline.scss","../../../../../node_modules/@ozo/mixins-sass/src/mixins/_float.scss","../../../../../node_modules/@ozo/mixins-sass/src/mixins/_clearfix.scss","../../../../../node_modules/@ozo/mixins-sass/src/mixins/_text-overflow.scss","../../../../../node_modules/@ozo/mixins-sass/src/mixins/_center.scss","../../../../../node_modules/@ozo/mixins-sass/src/mixins/_side-line.scss","../../../../../node_modules/@ozo/mixins-sass/src/mixins/_arrow.scss","../../../../../node_modules/@ozo/mixins-sass/src/mixins/_triangle.scss","ListWithApi.module.scss","../../../../../node_modules/@ozo/mixins-sass/src/mixins/_media.scss"],"names":[],"mappings":"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","file":"3094.0d59a90c.chunk.css","sourcesContent":["@import './ie';\r\n\r\n/* -------- bugFix -------- */\r\n\r\n// 因为引入百度地图会重新生成一个iframe,所以要让他隐藏，多个地方会用到它，所以写为全局\r\niframe[src*=\"baidu\"] {\r\n display: none;\r\n}\r\n\r\n/* -------- reset -------- */\r\n\r\nhtml {\r\n height: 100%;\r\n * {\r\n @include box-sizing(border-box);\r\n }\r\n}\r\n\r\nbody {\r\n height: 100%;\r\n padding: 0;\r\n margin: 0;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n font-family: $font-family-base;\r\n line-height: $line-height-base;\r\n color: $page-color;\r\n background-color: $page-bg-color;\r\n @include touch-scroll;\r\n}\r\n\r\na {\r\n color: $color-link;\r\n text-decoration: $link-hover-decoration;\r\n}\r\n\r\nimg {\r\n vertical-align: middle;\r\n}\r\n\r\ninput {\r\n &:focus {\r\n outline: 0;\r\n }\r\n}\r\n\r\n/* remember to define focus styles! */\r\n\r\n// 统一输入框的placeholder处理\r\ninput::placeholder,\r\n::-webkit-input-placeholder {\r\n /* WebKit, Blink, Edge */\r\n font-size: $input-placeholder-font-size;\r\n color: $input-placeholder-color;\r\n}\r\n\r\n// 移动端隐藏滚动条\r\n@include hidpi($ratio: 1.3) {\r\n ::-webkit-scrollbar {\r\n display: none;\r\n }\r\n}\r\n\r\nbutton,\r\n[role=\"button\"] {\r\n appearance: none;\r\n color: $btn-color-text;\r\n border: none;\r\n outline: none;\r\n outline-offset: 0;\r\n}\r\n\r\nhr {\r\n height: 1px;\r\n border: none;\r\n @include hairline(top);\r\n}\r\n\r\n/* -------- 文字 -------- */\r\n\r\nh1,\r\n.h1 {\r\n font-size: $font-size-h1;\r\n}\r\n\r\nh2,\r\n.h2 {\r\n font-size: $font-size-h2;\r\n}\r\n\r\nh3,\r\n.h3 {\r\n font-size: $font-size-h3;\r\n}\r\n\r\nh4,\r\n.h4 {\r\n font-size: $font-size-h4;\r\n}\r\n\r\nh5,\r\n.h5 {\r\n font-size: $font-size-h5;\r\n}\r\n\r\nh6,\r\n.h6 {\r\n font-size: $font-size-h6;\r\n}\r\n\r\n.txt-subhead {\r\n font-size: $font-size-subhead;\r\n}\r\n\r\n.txt-heading {\r\n font-size: $font-size-heading;\r\n}\r\n\r\n.txt-info {\r\n font-size: $font-size-info;\r\n}\r\n\r\n.txt-tips {\r\n font-size: $font-size-tips;\r\n}\r\n\r\n/*\r\n * 等宽字体\r\n */\r\n\r\n.txt-monospace {\r\n font-family: $font-family-monospace;\r\n}\r\n\r\ncode {\r\n font-family: $font-family-monospace;\r\n}\r\n\r\n/*\r\n * 数字字体\r\n */\r\n\r\n.txt-number {\r\n font-family: $font-family-monospace;\r\n font-weight: bolder;\r\n}\r\n\r\n.float-l {\r\n @include float(left);\r\n}\r\n\r\n.float-r {\r\n @include float(right);\r\n}\r\n\r\n.clearfix {\r\n @include clearfix;\r\n}\r\n\r\n/*\r\n * 文字截断\r\n */\r\n\r\n.ellipsis {\r\n @include ellipsis;\r\n}\r\n\r\n.ellipsis-flex {\r\n display: -webkit-box;\r\n overflow: hidden;\r\n -webkit-line-clamp: 1;\r\n -webkit-box-flex: 1;\r\n -webkit-box-orient: vertical;\r\n}\r\n\r\n.ellipsis-2 {\r\n @include ellipsis(2);\r\n}\r\n\r\n.ellipsis-3 {\r\n @include ellipsis(3);\r\n}\r\n\r\n/* -------- 位置 --------- */\r\n\r\n.center-h {\r\n @include center(horizontal);\r\n}\r\n\r\n.center-v {\r\n @include center(vertical);\r\n}\r\n\r\n.center {\r\n @include center;\r\n}\r\n\r\n/* -------- 极细边框 -------- */\r\n\r\n// 上、右、下、左边框\r\n.border-t {\r\n @include hairline(top);\r\n}\r\n\r\n.border-r {\r\n @include hairline(right);\r\n}\r\n\r\n.border-b {\r\n @include hairline(bottom);\r\n}\r\n\r\n.border-l {\r\n @include hairline(left);\r\n}\r\n\r\n.border-v {\r\n @include hairline(vertical);\r\n}\r\n\r\n// 四边边框\r\n.border {\r\n @include hairline(all);\r\n}\r\n\r\n.border-radius {\r\n @include hairline(radius);\r\n}\r\n\r\n/* -------- 线中间夹文字效果 -------- */\r\n\r\n.side-line {\r\n width: 100%;\r\n @include side-line(1px, 0.5em, #333);\r\n}\r\n\r\n.side-line-dash {\r\n width: 100%;\r\n @include side-line(1px, 0.5em, #333, dashed);\r\n}\r\n\r\n.side-line-double {\r\n width: 100%;\r\n @include side-line(1px, 0.5em, #333, solid, false, true);\r\n}\r\n\r\n/* -------- 小箭头 -------- */\r\n\r\n.arrow-t {\r\n @include arrow(6px, 1px, top, #333, #fff);\r\n}\r\n\r\n.arrow-r {\r\n @include arrow(6px, 1px, right, #333, #fff);\r\n}\r\n\r\n.arrow-b {\r\n @include arrow(6px, 1px, bottom, #333, #fff);\r\n}\r\n\r\n.arrow-l {\r\n @include arrow(6px, 1px, left, #333, #fff);\r\n}\r\n\r\n/* -------- 三角形 -------- */\r\n\r\n.triangle-t {\r\n @include triangle(10px, 5px, #333, top);\r\n}\r\n\r\n.triangle-r {\r\n @include triangle(5px, 10px, #333, right);\r\n}\r\n\r\n.triangle-b {\r\n @include triangle(10px, 5px, #333);\r\n}\r\n\r\n.triangle-l {\r\n @include triangle(5px, 10px, #333, left);\r\n}\r\n","@mixin box-sizing($type: border-box) {\r\n -webkit-box-sizing: $type;\r\n -moz-box-sizing: $type;\r\n box-sizing: $type;\r\n @at-root {\r\n *,\r\n *:before,\r\n *:after {\r\n -webkit-box-sizing: inherit;\r\n -moz-box-sizing: inherit;\r\n box-sizing: inherit;\r\n }\r\n }\r\n}","\n// ------------------------ color ------------------------ //\n\n$color-brand1-1: #DCDDFD;\n\n$color-brand1-6: #7282EC;\n\n$color-brand1-9: #5440DD;\n\n$color-data1-1: #01C1B2;\n\n$color-data1-2: #5584FF;\n\n$color-data1-3: #8272EC;\n\n$color-data1-4: #FF445F;\n\n$color-data1-5: #FF6A00;\n\n$color-data1-6: #FFD74D;\n\n$color-data1-7: #4DDE6D;\n\n$color-data1-8: #18B1F7;\n\n$color-white: #FFFFFF;\n\n$color-black: #000000;\n\n$color-transparent: transparent;\n\n$color-success-1: #E4FDDA;\n\n$color-success-2: #CDF2BE;\n\n$color-success-3: #46BC15;\n\n$color-success-4: #41A716;\n\n$color-notice-1: #E3F2FD;\n\n$color-notice-2: #BAD9FF;\n\n$color-notice-3: #4494F9;\n\n$color-notice-4: #2E7DE0;\n\n$color-warning-1: #FFF3E0;\n\n$color-warning-2: #FFE6BD;\n\n$color-warning-3: #FF9300;\n\n$color-warning-4: #EB7E10;\n\n$color-error-1: #FFECE4;\n\n$color-error-2: #FFC8B2;\n\n$color-error-3: #FF3000;\n\n$color-error-4: #E72B00;\n\n$color-help-1: #E3FFF8;\n\n$color-help-2: #C0ECE2;\n\n$color-help-3: #01C1B2;\n\n$color-help-4: #01A79A;\n\n$color-link-1: #5584FF;\n\n$color-link-2: #5584FF;\n\n$color-link-3: #3E71F7;\n\n$color-other-1: #3A3C4B;\n\n$color-other-2: #31323D;\n\n$color-other-3: #1A1B22;\n\n$color-line1-1: #434557;\n\n$color-line1-2: #4D4F61;\n\n$color-line1-3: #6B6F83;\n\n$color-line1-4: #A7AABB;\n\n$color-fill1-1: #333646;\n\n$color-fill1-2: #474959;\n\n$color-fill1-3: #4C4F60;\n\n$color-fill1-4: #5C5F70;\n\n$color-text1-1: #575867;\n\n$color-text1-2: #767682;\n\n$color-text1-3: #B1B1B8;\n\n$color-text1-4: #FFFFFF;\n\n\n// ------------------------ corner ------------------------ //\n\n$corner-1: 2px;\n\n$corner-2: 5px;\n\n$corner-3: 12px;\n\n\n// ------------------------ font ------------------------ //\n\n$font-family-base: Roboto, \"Helvetica Neue\", Helvetica, Tahoma, Arial, \"PingFang SC\", \"Microsoft YaHei\";\n\n$font-lineheight-1: 1.3;\n\n$font-lineheight-2: 1.5;\n\n$font-lineheight-3: 1.7;\n\n$font-size-display-3: 56px;\n\n$font-size-display-2: 48px;\n\n$font-size-display-1: 36px;\n\n$font-size-headline: 24px;\n\n$font-size-title: 20px;\n\n$font-size-subhead: 16px;\n\n$font-size-body-2: 14px;\n\n$font-size-body-1: 12px;\n\n$font-size-caption: 10px;\n\n$font-weight-1: lighter;\n\n$font-weight-thin: 200;\n\n$font-weight-light: 300;\n\n$font-weight-2: normal;\n\n$font-weight-medium: 500;\n\n$font-weight-semi-bold: 600;\n\n$font-weight-3: bold;\n\n$font-weight-extra-bold: 800;\n\n$font-weight-ultra-bold: 900;\n\n\n// ------------------------ icon ------------------------ //\n\n$icon-font-path: \"//at.alicdn.com/t/font_1764129_ur8dkkqv94h\";\n\n$icon-font-name: \"icon\";\n\n$icon-xxs: 8px;\n\n$icon-xs: 12px;\n\n$icon-s: 16px;\n\n$icon-m: 20px;\n\n$icon-l: 24px;\n\n$icon-xl: 32px;\n\n$icon-xxl: 48px;\n\n$icon-xxxl: 64px;\n\n$icon-content-smile: \"\\e65f\";\n\n$icon-content-cry: \"\\e65d\";\n\n$icon-content-success: \"\\e60a\";\n\n$icon-content-warning: \"\\e60b\";\n\n$icon-content-prompt: \"\\e60c\";\n\n$icon-content-error: \"\\e60d\";\n\n$icon-content-help: \"\\e673\";\n\n$icon-content-clock: \"\\e621\";\n\n$icon-content-success-filling: \"\\e63a\";\n\n$icon-content-delete-filling: \"\\e623\";\n\n$icon-content-favorites-filling: \"\\e60e\";\n\n$icon-content-add: \"\\e655\";\n\n$icon-content-minus: \"\\e601\";\n\n$icon-content-arrow-up: \"\\e625\";\n\n$icon-content-arrow-down: \"\\e63d\";\n\n$icon-content-arrow-left: \"\\e61d\";\n\n$icon-content-arrow-right: \"\\e619\";\n\n$icon-content-arrow-double-left: \"\\e659\";\n\n$icon-content-arrow-double-right: \"\\e65e\";\n\n$icon-content-switch: \"\\e6b3\";\n\n$icon-content-sorting: \"\\e634\";\n\n$icon-content-descending: \"\\e61f\";\n\n$icon-content-ascending: \"\\e61e\";\n\n$icon-content-select: \"\\e632\";\n\n$icon-content-semi-select: \"\\e633\";\n\n$icon-content-loading: \"\\e646\";\n\n$icon-content-search: \"\\e656\";\n\n$icon-content-close: \"\\e626\";\n\n$icon-content-ellipsis: \"\\e654\";\n\n$icon-content-picture: \"\\e631\";\n\n$icon-content-calendar: \"\\e607\";\n\n$icon-content-ashbin: \"\\e639\";\n\n$icon-content-upload: \"\\e7ee\";\n\n$icon-content-download: \"\\e628\";\n\n$icon-content-set: \"\\e683\";\n\n$icon-content-edit: \"\\e63b\";\n\n$icon-content-refresh: \"\\e677\";\n\n$icon-content-filter: \"\\e627\";\n\n$icon-content-attachment: \"\\e665\";\n\n$icon-content-account: \"\\e608\";\n\n$icon-content-email: \"\\e605\";\n\n$icon-content-atm: \"\\e606\";\n\n$icon-content-copy: \"\\e60f\";\n\n$icon-content-toggle-left: \"\\e602\";\n\n$icon-content-toggle-right: \"\\e603\";\n\n$icon-content-eye: \"\\e611\";\n\n$icon-content-eye-close: \"\\e600\";\n\n$icon-content-unlock: \"\\e615\";\n\n$icon-content-lock: \"\\e617\";\n\n$icon-content-exit: \"\\e616\";\n\n$icon-content-chart-bar: \"\\e612\";\n\n$icon-content-chart-pie: \"\\e613\";\n\n$icon-content-component: \"\\e604\";\n\n$icon-content-doc: \"\\e609\";\n\n$icon-content-about: \"\\e610\";\n\n$icon-content-home: \"\\e614\";\n\n$icon-content-arrow-back: \"\\e618\";\n\n$icon-content-unchecked: \"\\e620\";\n\n$icon-content-checked: \"\\e637\";\n\n$icon-content-selected: \"\\e652\";\n\n\n// ------------------------ shadow ------------------------ //\n\n$shadow-sides-base: \"base\";\n\n$shadow-sides-up: \"up\";\n\n$shadow-sides-right: \"right\";\n\n$shadow-sides-down: \"down\";\n\n$shadow-sides-left: \"left\";\n\n$shadow-distance-sd1: 1;\n\n$shadow-distance-sd2: 2;\n\n$shadow-distance-sd3: 4;\n\n$shadow-distance-sd1y: 1;\n\n$shadow-distance-sd2y: 2;\n\n$shadow-distance-sd3y: 4;\n\n$shadow-opacity-sd1: 0.2;\n\n$shadow-opacity-sd2: 0.3;\n\n$shadow-opacity-sd3: 0.4;\n\n$shadow-color-sd1: #000000;\n\n$shadow-color-sd2: #000000;\n\n$shadow-color-sd3: #000000;\n\n$shadow-blur-sd1: 2;\n\n$shadow-blur-sd2: 4;\n\n$shadow-blur-sd3: 12;\n\n$shadow-spread-sd1: 0;\n\n$shadow-spread-sd2: 0;\n\n$shadow-spread-sd3: 0;\n\n$shadow-zero: none;\n\n$shadow-1: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);\n\n$shadow-1-up: 0px -1px 2px 0px rgba(0, 0, 0, 0.2);\n\n$shadow-1-right: 1px 0px 2px 0px rgba(0, 0, 0, 0.2);\n\n$shadow-1-down: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);\n\n$shadow-1-left: -1px 0px 2px 0px rgba(0, 0, 0, 0.2);\n\n$shadow-2: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);\n\n$shadow-2-up: 0px -2px 4px 0px rgba(0, 0, 0, 0.3);\n\n$shadow-2-right: 2px 0px 4px 0px rgba(0, 0, 0, 0.3);\n\n$shadow-2-down: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);\n\n$shadow-2-left: -2px 0px 4px 0px rgba(0, 0, 0, 0.3);\n\n$shadow-3: 4px 4px 12px 0px rgba(0, 0, 0, 0.4);\n\n$shadow-3-up: 0px -4px 12px 0px rgba(0, 0, 0, 0.4);\n\n$shadow-3-right: 4px 0px 12px 0px rgba(0, 0, 0, 0.4);\n\n$shadow-3-down: 0px 4px 12px 0px rgba(0, 0, 0, 0.4);\n\n$shadow-3-left: -4px 0px 12px 0px rgba(0, 0, 0, 0.4);\n\n\n// ------------------------ size ------------------------ //\n\n$size-base: 4px;\n\n\n// ------------------------ cascader-select ------------------------ //\n\n$cascader-select: \"cascader-select\";\n\n\n// ------------------------ timeline ------------------------ //\n\n$timeline-item-node-size: 16px;\n\n$timeline-item-custom-node-size: 40px;\n\n$timeline-item-custom-node-font-size: 10px;\n\n$timeline-item-node-padding: 4px;\n\n$timeline-item-dot-size: 8px;\n\n$timeline-item-icon-size: 12px;\n\n$timeline-item-tail-size: 1px;\n\n$timeline-item-left-content-width: 80px;\n\n$timeline-item-content-margin-left: 12px;\n\n$timeline-item-body-margin-top: 8px;\n\n$timeline-item-title-font-size: 12px;\n\n$timeline-item-title-font-weight: bold;\n\n$timeline-item-title-margin-top: 4px;\n\n$timeline-item-time-margin-top: 4px;\n\n$timeline-item-time-margin-bottom: 12px;\n\n$timeline-item-body-font-size: 10px;\n\n$timeline-item-left-body-font-size: 10px;\n\n$timeline-item-time-font-size: 10px;\n\n$timeline-item-folder-font-size: 10px;\n\n$timeline-item-folder-margin-top: 4px;\n\n$timeline-item-folder-margin-bottom: 4px;\n\n$timeline-item-title-color: #FFFFFF;\n\n$timeline-item-body-color: #B1B1B8;\n\n$timeline-item-left-body-color: #767682;\n\n$timeline-item-time-color: #767682;\n\n$timeline-item-tail-color: #4D4F61;\n\n$timeline-item-done-dot-size: 8px;\n\n$timeline-item-done-background: #6B6F83;\n\n$timeline-item-done-color: #FFFFFF;\n\n$timeline-item-process-dot-size: 8px;\n\n$timeline-item-process-background: #7282EC;\n\n$timeline-item-process-color: #FFFFFF;\n\n$timeline-item-success-dot-size: 8px;\n\n$timeline-item-success-background: #46BC15;\n\n$timeline-item-success-color: #FFFFFF;\n\n$timeline-item-error-dot-size: 8px;\n\n$timeline-item-error-background: #FF3000;\n\n$timeline-item-error-color: #FFFFFF;\n\n\n// ------------------------ checkbox ------------------------ //\n\n$checkbox-size: 16px;\n\n$checkbox-border-radius: 2px;\n\n$checkbox-border-width: 1px;\n\n$checkbox-circle-size: 8px;\n\n$checkbox-shadow: none;\n\n$checkbox-border-color: #A7AABB;\n\n$checkbox-hovered-border-color: #7282EC;\n\n$checkbox-checked-border-color: transparent;\n\n$checkbox-disabled-border-color: #A7AABB;\n\n$checkbox-checked-hovered-border-color: transparent;\n\n$checkbox-checked-circle-color: #FFFFFF;\n\n$checkbox-label-color: #FFFFFF;\n\n$checkbox-disabled-label-color: #FFFFFF;\n\n$checkbox-disabled-circle-color: #575867;\n\n$checkbox-checked-hovered-circle-color: #FFFFFF;\n\n$checkbox-bg-color: #5C5F70;\n\n$checkbox-checked-bg-color: #7282EC;\n\n$checkbox-hovered-bg-color: #DCDDFD;\n\n$checkbox-checked-hovered-bg-color: #5440DD;\n\n$checkbox-disabled-bg-color: #333646;\n\n$checkbox-font-size: 12px;\n\n$checkbox-margin-left: 4px;\n\n\n// ------------------------ rating ------------------------ //\n\n$rating-small-text-margin-left: 8px;\n\n$rating-small-icon-size: 12px;\n\n$rating-small-font-size: 10px;\n\n$rating-medium-text-margin-left: 12px;\n\n$rating-medium-icon-size: 16px;\n\n$rating-medium-font-size: 12px;\n\n$rating-large-text-margin-left: 16px;\n\n$rating-large-icon-size: 20px;\n\n$rating-large-font-size: 16px;\n\n$rating-normal-underlay-color: #474959;\n\n$rating-normal-overlay-color: #7282EC;\n\n$rating-normal-overlay-hover-color: #7282EC;\n\n$rating-grade-low-overlay-color: #434557;\n\n$rating-grade-low-overlay-hover-color: #767682;\n\n$rating-grade-high-overlay-color: #7282EC;\n\n$rating-grade-high-overlay-hover-color: #7282EC;\n\n\n// ------------------------ tree ------------------------ //\n\n$tree-node-padding: 4px;\n\n$tree-node-title-margin: 4px;\n\n$tree-node-title-padding: 4px;\n\n$tree-node-title-font-size: 12px;\n\n$tree-switch-arrow-size: 12px;\n\n$tree-switch-size: 16px;\n\n$tree-switch-icon-size: 8px;\n\n$tree-switch-border-width: 1px;\n\n$tree-switch-margint-right: 8px;\n\n$tree-line-width: 1px;\n\n$tree-node-normal-color: #FFFFFF;\n\n$tree-node-normal-background: #333646;\n\n$tree-node-title-border-radius: 2px;\n\n$tree-switch-arrow-color: #767682;\n\n$tree-switch-icon-color: #B1B1B8;\n\n$tree-switch-bg-color: #FFFFFF;\n\n$tree-switch-border-color: #6B6F83;\n\n$tree-switch-corner: 2px;\n\n$tree-line-color: #6B6F83;\n\n$tree-line-style: solid;\n\n$tree-node-hover-color: #FFFFFF;\n\n$tree-node-hover-bg-color: #474959;\n\n$tree-switch-hover-arrow-color: #FFFFFF;\n\n$tree-switch-hover-icon-color: #FFFFFF;\n\n$tree-switch-hover-bg-color: #474959;\n\n$tree-switch-hover-border-color: #A7AABB;\n\n$tree-node-selected-color: #7282EC;\n\n$tree-node-selected-background: #DCDDFD;\n\n$tree-node-disabled-color: #575867;\n\n$tree-node-disabled-background: #333646;\n\n\n// ------------------------ search ------------------------ //\n\n$search-normal-corner: 2px;\n\n$search-normal-primary-color: #7282EC;\n\n$search-normal-primary-hover-color: #7282EC;\n\n$search-normal-primary-split-color: #6B6F83;\n\n$search-normal-primary-shadow: none;\n\n$search-normal-primary-btn-text-color: #FFFFFF;\n\n$search-normal-primary-btn-hover-bg-color: #5440DD;\n\n$search-normal-primary-btn-hover-text-color: #FFFFFF;\n\n$search-normal-primary-border-width: 2px;\n\n$search-normal-primary-btn-text-padding-left: 0;\n\n$search-normal-primary-l-height: 60px;\n\n$search-normal-primary-l-icon-size: 24px;\n\n$search-normal-primary-l-btn-text-size: 16px;\n\n$search-normal-primary-m-height: 40px;\n\n$search-normal-primary-m-icon-size: 16px;\n\n$search-normal-primary-m-btn-text-size: 16px;\n\n$search-normal-secondary-color: #6B6F83;\n\n$search-normal-secondary-split-color: #6B6F83;\n\n$search-normal-secondary-hover-color: #7282EC;\n\n$search-normal-secondary-shadow: none;\n\n$search-normal-secondary-btn-bg-color: #7282EC;\n\n$search-normal-secondary-btn-text-color: #FFFFFF;\n\n$search-normal-secondary-btn-hover-bg-color: #5440DD;\n\n$search-normal-secondary-btn-hover-text-color: #FFFFFF;\n\n$search-normal-secondary-border-width: 1px;\n\n$search-normal-secondary-btn-text-padding-left: 0;\n\n$search-normal-secondary-l-height: 60px;\n\n$search-normal-secondary-l-icon-size: 24px;\n\n$search-normal-secondary-l-btn-text-size: 16px;\n\n$search-normal-secondary-m-height: 40px;\n\n$search-normal-secondary-m-icon-size: 16px;\n\n$search-normal-secondary-m-btn-text-size: 16px;\n\n$search-normal-normal-color: #6B6F83;\n\n$search-normal-normal-split-color: #434557;\n\n$search-normal-normal-hover-color: #A7AABB;\n\n$search-normal-normal-shadow: none;\n\n$search-normal-normal-btn-bg-color: #333646;\n\n$search-normal-normal-btn-text-color: #B1B1B8;\n\n$search-normal-normal-btn-hover-bg-color: #4C4F60;\n\n$search-normal-normal-btn-hover-text-color: #FFFFFF;\n\n$search-normal-normal-border-width: 1px;\n\n$search-normal-normal-btn-text-padding-left: 0;\n\n$search-normal-normal-l-height: 60px;\n\n$search-normal-normal-l-icon-size: 24px;\n\n$search-normal-normal-l-btn-text-size: 16px;\n\n$search-normal-normal-m-height: 40px;\n\n$search-normal-normal-m-icon-size: 16px;\n\n$search-normal-normal-m-btn-text-size: 16px;\n\n$search-normal-dark-color: #7282EC;\n\n$search-normal-dark-hover-color: #7282EC;\n\n$search-normal-dark-text-color: #FFFFFF;\n\n$search-normal-dark-bg-color: #FFFFFF;\n\n$search-normal-dark-bg-opacity: 0;\n\n$search-normal-dark-shadow: none;\n\n$search-normal-dark-btn-text-color: #FFFFFF;\n\n$search-normal-dark-btn-hover-bg-color: #5440DD;\n\n$search-normal-dark-btn-hover-text-color: #FFFFFF;\n\n$search-normal-dark-border-width: 1px;\n\n$search-normal-dark-btn-text-padding-left: 0;\n\n$search-normal-dark-l-height: 60px;\n\n$search-normal-dark-l-icon-size: 24px;\n\n$search-normal-dark-l-btn-text-size: 16px;\n\n$search-normal-dark-m-height: 40px;\n\n$search-normal-dark-m-icon-size: 16px;\n\n$search-normal-dark-m-btn-text-size: 16px;\n\n$search-simple-corner: 2px;\n\n$search-simple-l-icon-margin-right: 12px;\n\n$search-simple-m-icon-margin-right: 8px;\n\n$search-simple-normal-color: #6B6F83;\n\n$search-simple-normal-hover-color: #A7AABB;\n\n$search-simple-normal-split-color: #6B6F83;\n\n$search-simple-normal-shadow: none;\n\n$search-simple-normal-icon-text-color: #FFFFFF;\n\n$search-simple-normal-icon-hover-text-color: #B1B1B8;\n\n$search-simple-normal-border-width: 1px;\n\n$search-simple-normal-l-icon-size: 20px;\n\n$search-simple-normal-m-icon-size: 12px;\n\n$search-simple-normal-btn-text-padding-left: 0;\n\n$search-simple-dark-color: #6B6F83;\n\n$search-simple-dark-hover-color: #6B6F83;\n\n$search-simple-dark-bg-color: #FFFFFF;\n\n$search-simple-dark-bg-opacity: 0;\n\n$search-simple-dark-text-color: #FFFFFF;\n\n$search-simple-dark-shadow: none;\n\n$search-simple-dark-icon-text-color: #FFFFFF;\n\n$search-simple-dark-icon-hover-text-color: #B1B1B8;\n\n$search-simple-dark-btn-text-padding-left: 0;\n\n$search-simple-dark-split-color: #6B6F83;\n\n$search-simple-dark-border-width: 1px;\n\n$search-simple-dark-l-icon-size: 20px;\n\n$search-simple-dark-m-icon-size: 12px;\n\n\n// ------------------------ split-button ------------------------ //\n\n$split-btn-trigger-normal-icon-color: #767682;\n\n\n// ------------------------ menu-button ------------------------ //\n\n$menu-btn-disabled-icon-color: #575867;\n\n$menu-btn-ghost-light-disabled-icon-color: rgba(0, 0, 0, 0.1);\n\n$menu-btn-ghost-dark-disabled-icon-color: rgba(255, 255, 255, 0.4);\n\n$menu-btn-pure-text-normal-icon-color: #767682;\n\n$menu-btn-pure-text-primary-icon-color: #FFFFFF;\n\n$menu-btn-pure-text-secondary-icon-color: #7282EC;\n\n$menu-btn-text-text-normal-icon-color: #FFFFFF;\n\n$menu-btn-text-text-primary-icon-color: #5584FF;\n\n$menu-btn-ghost-light-icon-color: #FFFFFF;\n\n$menu-btn-ghost-dark-icon-color: #FFFFFF;\n\n\n// ------------------------ range ------------------------ //\n\n$range-size-m-track-height: 4px;\n\n$range-size-m-scale-height: 12px;\n\n$range-size-m-scale-item-border-width: 1px;\n\n$range-size-m-slider-hw: 16px;\n\n$range-size-slider-border-style: solid;\n\n$range-size-slider-border-width: 1px;\n\n$range-size-m-mark-top: 30px;\n\n$range-size-m-mark-font-size: 12px;\n\n$range-size-m-mark-font-weight: normal;\n\n$range-size-m-mark-font-lineheight: 20px;\n\n$range-size-m-track-radius: 0;\n\n$range-size-m-scale-radius: 0;\n\n$range-size-m-slider-shadow-moving: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);\n\n$range-normal-unselected-color: #6B6F83;\n\n$range-normal-selected-color: #7282EC;\n\n$range-normal-slider-bg-color: #434557;\n\n$range-normal-mark-color: #767682;\n\n$range-normal-mark-selected-color: #FFFFFF;\n\n$range-normal-unselected-color-hover: #6B6F83;\n\n$range-normal-selected-color-hover: #7282EC;\n\n$range-normal-slider-bg-color-hover: #4D4F61;\n\n$range-size-m-slider-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);\n\n$range-size-m-slider-shadow-hover: 4px 4px 12px 0px rgba(0, 0, 0, 0.4);\n\n$range-normal-mark-color-hover: #767682;\n\n$range-normal-mark-selected-color-hover: #FFFFFF;\n\n$range-normal-slider-border-color-hover: transparent;\n\n$range-normal-unselected-color-disabled: #6B6F83;\n\n$range-normal-selected-color-disabled: #A7AABB;\n\n$range-normal-slider-bg-color-disabled: #333646;\n\n$range-normal-slider-border-color: #6B6F83;\n\n$range-normal-slider-border-color-disabled: #A7AABB;\n\n$range-normal-mark-color-disabled: #575867;\n\n$range-normal-mark-selected-color-disabled: #767682;\n\n\n// ------------------------ cascader ------------------------ //\n\n$cascader-menu-border-width: 1px;\n\n$cascader-menu-width: 100px;\n\n$cascader-menu-height: 192px;\n\n$cascader-menu-icon-expand-size: 8px;\n\n$cascader-menu-border-color: #4D4F61;\n\n$cascader-menu-border-radius: 2px;\n\n$cascader-menu-icon-expand-color: #B1B1B8;\n\n$cascader-menu-icon-hover-expand-color: #FFFFFF;\n\n$cascader-menu-item-expanded-color: #FFFFFF;\n\n$cascader-menu-item-expanded-background-color: #474959;\n\n\n// ------------------------ typography ------------------------ //\n\n$typography-text-color: #FFFFFF;\n\n$typography-text-strong-font-weight: 600;\n\n$typography-text-code-corner: 2px;\n\n$typography-text-mark-color: #FFFFFF;\n\n$typography-text-mark-background: #FFE6BD;\n\n$typography-text-code-color: #FFFFFF;\n\n$typography-text-code-background: #474959;\n\n$typography-text-code-border-color: #434557;\n\n$typography-paragraph-font-size: 14px;\n\n$typography-paragraph-line-height: 1.5;\n\n$typography-title-h1-font-size: 24px;\n\n$typography-title-h2-font-size: 20px;\n\n$typography-title-h3-font-size: 16px;\n\n$typography-title-h4-font-size: 16px;\n\n$typography-title-h5-font-size: 14px;\n\n$typography-title-h6-font-size: 12px;\n\n$typography-title-font-weight: 600;\n\n\n// ------------------------ switch ------------------------ //\n\n$switch-size-m-width: 56px;\n\n$switch-size-m-radius-container: 12px;\n\n$switch-size-m-trigger: 24px;\n\n$switch-size-m-radius-trigger: 12px;\n\n$switch-size-s-width: 44px;\n\n$switch-size-s-radius-container: 12px;\n\n$switch-size-s-trigger: 20px;\n\n$switch-size-s-radius-trigger: 12px;\n\n$switch-border-width-container: 1px;\n\n$switch-text-on-left: 8px;\n\n$switch-size-s-text-on-left: 4px;\n\n$switch-text-off-right: 8px;\n\n$switch-size-s-text-off-right: 4px;\n\n$switch-border-width-trigger: 1px;\n\n$switch-normal-on-bg-color: #7282EC;\n\n$switch-hover-on-bg-color: #5440DD;\n\n$switch-disabled-on-bg-color: #333646;\n\n$switch-normal-on-trigger-bg-color: #434557;\n\n$switch-hover-on-trigger-bg-color: #FFFFFF;\n\n$switch-disabled-on-trigger-bg-color: #333646;\n\n$switch-normal-on-color-font: #FFFFFF;\n\n$switch-disabled-on-color-font: #575867;\n\n$switch-disabled-on-border-color: #6B6F83;\n\n$switch-handle-on-border-color: transparent;\n\n$switch-on-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);\n\n$switch-normal-off-bg-color: #5C5F70;\n\n$switch-hover-off-bg-color: #474959;\n\n$switch-disabled-off-bg-color: #333646;\n\n$switch-normal-off-trigger-bg-color: #434557;\n\n$switch-hover-off-trigger-bg-color: #FFFFFF;\n\n$switch-disabled-off-trigger-bg-color: #333646;\n\n$switch-handle-disabled-border-color: #A7AABB;\n\n$switch-normal-off-color-font: #767682;\n\n$switch-disabled-off-color-font: #6B6F83;\n\n$switch-handle-off-border-color: transparent;\n\n$switch-normal-off-border-color: #4D4F61;\n\n$switch-hover-off-border-color: #6B6F83;\n\n$switch-off-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);\n\n$switch-rtl-on-shadow: -1px 0px 2px 0px rgba(0, 0, 0, 0.2);\n\n\n// ------------------------ paragraph ------------------------ //\n\n$paragraph-text-color: #FFFFFF;\n\n$paragraph-s-font-size: 12px;\n\n$paragraph-m-font-size: 14px;\n\n$paragraph-s-line-height: 1.5;\n\n$paragraph-l-line-height: 1.7;\n\n\n// ------------------------ card ------------------------ //\n\n$card-corner: 2px;\n\n$card-padding-lr: 16px;\n\n$card-border-width: 1px;\n\n$card-head-padding-bottom: 12px;\n\n$card-head-bottom-border-width: 0;\n\n$card-head-main-height: 40px;\n\n$card-head-main-margin-top: 8px;\n\n$card-head-main-margin-bottom: 0;\n\n$card-title-font-size: 16px;\n\n$card-title-font-weight: normal;\n\n$card-sub-title-font-size: 10px;\n\n$card-title-extra-font-size: 12px;\n\n$card-title-bullet-width: 3px;\n\n$card-title-bullet-height: 16px;\n\n$card-title-padding-left: 8px;\n\n$card-sub-title-padding-left: 8px;\n\n$card-body-show-divider-padding-top: 12px;\n\n$card-body-hide-divider-padding-top: 0;\n\n$card-content-font-size: 12px;\n\n$card-content-line-height: 1.5;\n\n$card-body-padding-bottom: 12px;\n\n$card-more-btn-height: 16px;\n\n$card-more-btn-padding-top: 8px;\n\n$card-more-btn-font-size: 12px;\n\n$card-shadow: none;\n\n$card-border-style: solid;\n\n$card-border-color: transparent;\n\n$card-background: #3A3C4B;\n\n$card-header-background: #3A3C4B;\n\n$card-title-color: #FFFFFF;\n\n$card-sub-title-color: #B1B1B8;\n\n$card-title-extra-color: #5584FF;\n\n$card-title-bullet-color: #7282EC;\n\n$card-content-color: #B1B1B8;\n\n$card-head-bottom-border-color: transparent;\n\n$card-more-btn-color: #5584FF;\n\n$card-more-btn-background: #FFFFFF;\n\n\n// ------------------------ button ------------------------ //\n\n$btn-shadow: none;\n\n$btn-shadow-hover: none;\n\n$btn-size-s-height: 20px;\n\n$btn-size-s-padding: 8px;\n\n$btn-size-s-border-width: 1px;\n\n$btn-size-s-font: 10px;\n\n$btn-size-s-icon-size: 12px;\n\n$btn-size-s-icon-margin: 4px;\n\n$btn-size-s-icon-split-size: 12px;\n\n$btn-size-s-corner: 2px;\n\n$btn-size-m-height: 32px;\n\n$btn-size-m-padding: 12px;\n\n$btn-size-m-border-width: 1px;\n\n$btn-size-m-font: 12px;\n\n$btn-size-m-icon-size: 12px;\n\n$btn-size-m-icon-margin: 4px;\n\n$btn-size-m-icon-split-size: 12px;\n\n$btn-size-m-corner: 2px;\n\n$btn-size-l-height: 40px;\n\n$btn-size-l-padding: 16px;\n\n$btn-size-l-border-width: 1px;\n\n$btn-size-l-font: 16px;\n\n$btn-size-l-icon-size: 16px;\n\n$btn-size-l-icon-margin: 4px;\n\n$btn-size-l-icon-split-size: 16px;\n\n$btn-size-l-corner: 2px;\n\n$btn-pure-color-disabled: #575867;\n\n$btn-pure-bg-disabled: #333646;\n\n$btn-pure-border-color-disabled: #6B6F83;\n\n$btn-pure-normal-color: #FFFFFF;\n\n$btn-pure-normal-color-hover: #FFFFFF;\n\n$btn-pure-normal-bg: #4C4F60;\n\n$btn-pure-normal-bg-hover: #333646;\n\n$btn-pure-normal-border-color: #767682;\n\n$btn-pure-normal-border-color-hover: #A7AABB;\n\n$btn-pure-normal-border-style: solid;\n\n$btn-pure-secondary-color: #7282EC;\n\n$btn-pure-secondary-color-hover: #FFFFFF;\n\n$btn-pure-secondary-bg: #FFFFFF;\n\n$btn-pure-secondary-bg-hover: #5440DD;\n\n$btn-pure-secondary-border-color: #FFFFFF;\n\n$btn-pure-secondary-border-color-hover: #5440DD;\n\n$btn-pure-secondary-border-style: solid;\n\n$btn-pure-primary-color: #FFFFFF;\n\n$btn-pure-primary-color-hover: #FFFFFF;\n\n$btn-pure-primary-bg: #7282EC;\n\n$btn-pure-primary-bg-hover: #5440DD;\n\n$btn-pure-primary-border-color: transparent;\n\n$btn-pure-primary-border-color-hover: transparent;\n\n$btn-pure-primary-border-style: solid;\n\n$btn-ghost-border-style: solid;\n\n$btn-ghost-dark-color: #FFFFFF;\n\n$btn-ghost-dark-border-color: #FFFFFF;\n\n$btn-ghost-dark-color-hover: #FFFFFF;\n\n$btn-ghost-dark-bg: transparent;\n\n$btn-ghost-dark-bg-opacity: 0;\n\n$btn-ghost-dark-bg-hover-rgb: #FFFFFF;\n\n$btn-ghost-dark-bg-hover-opacity: .8;\n\n$btn-ghost-dark-border-color-hover: #FFFFFF;\n\n$btn-ghost-dark-color-disabled-rgb: #FFFFFF;\n\n$btn-ghost-dark-color-disabled-opacity: .4;\n\n$btn-ghost-dark-bg-disabled: transparent;\n\n$btn-ghost-dark-border-color-disabled-rgb: #FFFFFF;\n\n$btn-ghost-dark-border-color-disabled-opacity: .4;\n\n$btn-ghost-light-color: #FFFFFF;\n\n$btn-ghost-light-border-color: #FFFFFF;\n\n$btn-ghost-light-bg: transparent;\n\n$btn-ghost-light-bg-opacity: 0;\n\n$btn-ghost-light-color-hover: #767682;\n\n$btn-ghost-light-border-color-hover: #FFFFFF;\n\n$btn-ghost-light-bg-hover-rgb: #000000;\n\n$btn-ghost-light-bg-hover-opacity: 0.84;\n\n$btn-ghost-light-color-disabled-rgb: #000000;\n\n$btn-ghost-light-color-disabled-opacity: .1;\n\n$btn-ghost-light-bg-disabled: transparent;\n\n$btn-ghost-light-border-color-disabled-rgb: #000000;\n\n$btn-ghost-light-border-color-disabled-opacity: .1;\n\n$btn-warning-border-style: solid;\n\n$btn-warning-primary-color: #FFFFFF;\n\n$btn-warning-primary-color-hover: #FFFFFF;\n\n$btn-warning-primary-border-color: #FF3000;\n\n$btn-warning-primary-border-color-hover: #E72B00;\n\n$btn-warning-primary-bg: #FF3000;\n\n$btn-warning-primary-bg-hover: #E72B00;\n\n$btn-warning-primary-color-disabled: #575867;\n\n$btn-warning-primary-border-color-disabled: #6B6F83;\n\n$btn-warning-primary-bg-disabled: #333646;\n\n$btn-warning-normal-color: #FF3000;\n\n$btn-warning-normal-color-hover: #FFFFFF;\n\n$btn-warning-normal-border-color: #FF3000;\n\n$btn-warning-normal-border-color-hover: #E72B00;\n\n$btn-warning-normal-bg: transparent;\n\n$btn-warning-normal-bg-hover: #E72B00;\n\n$btn-warning-normal-color-disabled: #575867;\n\n$btn-warning-normal-border-color-disabled: #6B6F83;\n\n$btn-warning-normal-bg-disabled: #333646;\n\n$btn-text-primary-color: #5584FF;\n\n$btn-text-primary-color-hover: #5440DD;\n\n$btn-text-disabled-color: #575867;\n\n$btn-text-loading-color: #FFFFFF;\n\n$btn-text-secondary-color: #B1B1B8;\n\n$btn-text-secondary-color-hover: #7282EC;\n\n$btn-text-normal-color: #FFFFFF;\n\n$btn-text-normal-color-hover: #7282EC;\n\n$btn-text-size-s-height: 16px;\n\n$btn-text-size-s-font: 10px;\n\n$btn-text-icon-size-s: 16px;\n\n$btn-text-icon-s-margin: 4px;\n\n$btn-text-size-m-height: 20px;\n\n$btn-text-size-m-font: 12px;\n\n$btn-text-icon-size-m: 20px;\n\n$btn-text-icon-m-margin: 4px;\n\n$btn-text-size-l-height: 24px;\n\n$btn-text-size-l-font: 14px;\n\n$btn-text-icon-size-l: 24px;\n\n$btn-text-icon-l-margin: 4px;\n\n\n// ------------------------ loading ------------------------ //\n\n$loading-icon-size: 32px;\n\n$loading-dot-color: #7282EC;\n\n$loading-large-size: 48px;\n\n$loading-large-dot-size: 12px;\n\n$loading-medium-size: 32px;\n\n$loading-medium-dot-size: 8px;\n\n\n// ------------------------ tag ------------------------ //\n\n$tag-size-l-height: 40px;\n\n$tag-size-m-height: 28px;\n\n$tag-size-s-height: 20px;\n\n$tag-size-l-padding-lr: 16px;\n\n$tag-size-m-padding-lr: 12px;\n\n$tag-size-s-padding-lr: 8px;\n\n$tag-corner-radius: 2px;\n\n$tag-checkable-corner-radius: 2px;\n\n$tag-border-width: 1px;\n\n$tag-shadow: none;\n\n$tag-size-l-text-size: 16px;\n\n$tag-size-m-text-size: 14px;\n\n$tag-size-s-text-size: 10px;\n\n$tag-size-s-content-min-width: 28px;\n\n$tag-size-m-content-min-width: 40px;\n\n$tag-size-l-content-min-width: 48px;\n\n$tag-size-l-icon-font: 12px;\n\n$tag-size-m-icon-font: 8px;\n\n$tag-size-s-icon-font: 8px;\n\n$tag-size-l-tick-icon-size: 16px;\n\n$tag-size-m-tick-icon-size: 12px;\n\n$tag-size-s-tick-icon-size: 8px;\n\n$tag-size-l-tick-icon-bg-size: 36px;\n\n$tag-size-m-tick-icon-bg-size: 28px;\n\n$tag-size-s-tick-icon-bg-size: 20px;\n\n$tag-normal-text-color: #FFFFFF;\n\n$tag-fill-text-color: #B1B1B8;\n\n$tag-closable-normal-icon-color: #FFFFFF;\n\n$tag-closable-normal-icon-color-hover: #FFFFFF;\n\n$tag-closable-normal-icon-color-disabled: #FFFFFF;\n\n$tag-closable-normal-bg: #6B6F83;\n\n$tag-closable-normal-bg-hover: #A7AABB;\n\n$tag-closable-normal-bg-disabled: #434557;\n\n$tag-closable-bordered-text-color: #B1B1B8;\n\n$tag-closable-bordered-border-color: #6B6F83;\n\n$tag-closable-bordered-bg: transparent;\n\n$tag-closable-bordered-text-color-hover: #FFFFFF;\n\n$tag-closable-bordered-border-color-hover: #A7AABB;\n\n$tag-closable-bordered-bg-hover: transparent;\n\n$tag-closable-bordered-tail-color: #B1B1B8;\n\n$tag-closable-bordered-tail-color-hover: #FFFFFF;\n\n$tag-closable-bordered-tail-color-disabled: #575867;\n\n$tag-closable-bordered-border-color-disabled: #434557;\n\n$tag-closable-bordered-text-color-disabled: #575867;\n\n$tag-closable-bordered-bg-disabled: transparent;\n\n$tag-fill-tail-color: #B1B1B8;\n\n$tag-fill-border-color: #4C4F60;\n\n$tag-fill-border-color-hover: #5C5F70;\n\n$tag-fill-text-color-disabled: #575867;\n\n$tag-fill-border-color-disabled: #333646;\n\n$tag-fill-bg-color-disabled: #333646;\n\n$tag-fill-tail-color-disabled: #575867;\n\n$tag-bordered-text-color: #B1B1B8;\n\n$tag-bordered-tail-color: #B1B1B8;\n\n$tag-secondary-text-color: #7282EC;\n\n$tag-normal-text-color-hover: #7282EC;\n\n$tag-fill-text-color-hover: #FFFFFF;\n\n$tag-fill-tail-color-hover: #FFFFFF;\n\n$tag-bordered-text-color-hover: #FFFFFF;\n\n$tag-bordered-tail-color-hover: #FFFFFF;\n\n$tag-bordered-tail-color-disabled: #575867;\n\n$tag-bordered-text-color-disabled: #575867;\n\n$tag-bordered-border-color-disabled: #A7AABB;\n\n$tag-bordered-bg-disabled: #333646;\n\n$tag-secondary-text-color-hover: #5440DD;\n\n$tag-bordered-border-color: #6B6F83;\n\n$tag-secondary-border-color: #7282EC;\n\n$tag-checkable-normal-bg-selected: #7282EC;\n\n$tag-checkable-secondary-bg-selected: #7282EC;\n\n$tag-bordered-border-color-hover: #A7AABB;\n\n$tag-secondary-border-color-hover: #5440DD;\n\n$tag-checkable-normal-bg-selected-hover: #5440DD;\n\n$tag-checkable-secondary-bg-selected-hover: #5440DD;\n\n$tag-fill-bg-color: #4C4F60;\n\n$tag-primary-background-color: #7282EC;\n\n$tag-bordered-bg: transparent;\n\n$tag-secondary-bg: transparent;\n\n$tag-fill-bg-color-hover: #5C5F70;\n\n$tag-bordered-bg-hover: transparent;\n\n$tag-secondary-bg-hover: transparent;\n\n$tag-text-color-disabled: #575867;\n\n$tag-border-color-disabled: #434557;\n\n$tag-checkable-fill-text-color: #B1B1B8;\n\n$tag-checkable-fill-bg-color: #4C4F60;\n\n$tag-checkable-fill-border-color: #4C4F60;\n\n$tag-checkable-fill-text-color-hover: #FFFFFF;\n\n$tag-checkable-fill-bg-color-hover: #5C5F70;\n\n$tag-checkable-fill-border-color-hover: #5C5F70;\n\n$tag-checkable-fill-tail-color: #B1B1B8;\n\n$tag-checkable-fill-tail-color-hover: #FFFFFF;\n\n$tag-checkable-fill-tail-color-disabled: #575867;\n\n$tag-checkable-fill-text-color-disabled: #575867;\n\n$tag-checkable-fill-border-color-disabled: #333646;\n\n$tag-checkable-fill-bg-color-disabled: #333646;\n\n$tag-checkable-normal-text-color: #B1B1B8;\n\n$tag-checkable-normal-border-color: #6B6F83;\n\n$tag-checkable-normal-bg: transparent;\n\n$tag-checkable-normal-text-color-hover: #FFFFFF;\n\n$tag-checkable-normal-border-color-hover: #6B6F83;\n\n$tag-checkable-normal-bg-hover: transparent;\n\n$tag-checkable-normal-text-selected-disabled: #575867;\n\n$tag-checkable-normal-border-selected-disabled: #A7AABB;\n\n$tag-checkable-normal-bg-selected-disabled: #333646;\n\n$tag-checkable-normal-tick-bg-selected-disabled: #474959;\n\n$tag-checkable-primary-text-color: #FFFFFF;\n\n$tag-checkable-primary-bg-color: #7282EC;\n\n$tag-checkable-primary-border-color: #7282EC;\n\n$tag-checkable-primary-text-color-disabled: #575867;\n\n$tag-checkable-primary-text-color-hover: #FFFFFF;\n\n$tag-checkable-primary-bg-color-hover: #5440DD;\n\n$tag-checkable-primary-border-color-hover: #5440DD;\n\n$tag-checkable-primary-border-color-disabled: #333646;\n\n$tag-checkable-primary-bg-color-disabled: #333646;\n\n$tag-checkable-primary-tail-color: #FFFFFF;\n\n$tag-checkable-primary-tail-color-hover: #FFFFFF;\n\n$tag-checkable-secondary-bg-selected-disabled: #434557;\n\n$tag-checkable-normal-icon-color-selected: #FFFFFF;\n\n$tag-checkable-normal-icon-color-selected-hover: #FFFFFF;\n\n$tag-checkable-normal-icon-color-selected-disabled: #575867;\n\n$tag-checkable-secondary-icon-color-selected: #FFFFFF;\n\n$tag-checkable-secondary-icon-color-selected-hover: #FFFFFF;\n\n$tag-checkable-secondary-icon-color-selected-disabled: #FFFFFF;\n\n$tag-closable-primary-fill-text-color: #B1B1B8;\n\n$tag-closable-primary-fill-border-color: #4C4F60;\n\n$tag-closable-primary-fill-bg-color: #4C4F60;\n\n$tag-closable-primary-fill-text-color-hover: #FFFFFF;\n\n$tag-closable-primary-fill-border-color-hover: #5C5F70;\n\n$tag-closable-primary-fill-bg-color-hover: #5C5F70;\n\n$tag-closable-primary-fill-text-color-disabled: #575867;\n\n$tag-closable-primary-fill-border-color-disabled: #333646;\n\n$tag-closable-primary-fill-bg-color-disabled: #333646;\n\n\n// ------------------------ menu ------------------------ //\n\n$menu-padding-vertical: 8px;\n\n$menu-padding-horizontal: 20px;\n\n$menu-line-height: 32px;\n\n$menu-font-size: 12px;\n\n$menu-submenu-title-size: 12px;\n\n$menu-padding-title-horizontal: 12px;\n\n$menu-divider-width: 1px;\n\n$menu-divider-margin-ver: 8px;\n\n$menu-divider-margin-hoz: 12px;\n\n$menu-icon-selected-size: 12px;\n\n$menu-icon-selected-right: 4px;\n\n$menu-icon-size: 8px;\n\n$menu-hoz-icon-size: 12px;\n\n$menu-icon-margin: 4px;\n\n$menu-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);\n\n$menu-color: #FFFFFF;\n\n$menu-divider-style: solid;\n\n$menu-divider-color: #434557;\n\n$menu-background: #3A3C4B;\n\n$menu-arrow-color: #B1B1B8;\n\n$menu-background-selected: #7282EC;\n\n$menu-color-selected: #FFFFFF;\n\n$menu-icon-selected-color: #7282EC;\n\n$menu-background-hover: #474959;\n\n$menu-color-hover: #FFFFFF;\n\n$menu-arrow-color-hover: #FFFFFF;\n\n$menu-icon-selected-hover-color: #7282EC;\n\n$menu-color-disabled: #575867;\n\n\n// ------------------------ upload ------------------------ //\n\n$upload-disable-text-color: #575867;\n\n$upload-disable-border-color: #434557;\n\n$upload-text-list-height: 40px;\n\n$upload-text-list-padding-left-right: 8px;\n\n$upload-text-list-font-size: 12px;\n\n$upload-text-list-close-icon-size: 12px;\n\n$upload-text-list-close-icon-right: 12px;\n\n$upload-text-list-corner: 0;\n\n$upload-text-list-bg-color: #474959;\n\n$upload-text-list-bg-color-hover: #474959;\n\n$upload-text-list-bg-color-error: #FFECE4;\n\n$upload-text-list-error-text-color: #FF3000;\n\n$upload-text-list-close-icon-color: #FFFFFF;\n\n$upload-text-list-close-icon-color-hover: #B1B1B8;\n\n$upload-text-list-name-font-color: #FFFFFF;\n\n$upload-text-list-name-font-color-hover: #7282EC;\n\n$upload-text-list-size-font-color: #767682;\n\n$upload-text-list-size-font-color-hover: #7282EC;\n\n$upload-text-list-progressbar-height: 8px;\n\n$upload-image-list-item-padding: 8px;\n\n$upload-image-list-item-picture-size: 48px;\n\n$upload-image-list-item-picture-icon-size: 24px;\n\n$upload-image-list-item-picture-border-width: 1px;\n\n$upload-image-list-item-picture-corner: 0;\n\n$upload-image-list-item-thumbnail-font-color: #575867;\n\n$upload-image-list-item-font-size: 12px;\n\n$upload-image-list-close-icon-size: 12px;\n\n$upload-image-list-close-icon-right: 4px;\n\n$upload-image-list-item-border-width: 1px;\n\n$upload-image-list-item-bg-color: #333646;\n\n$upload-image-list-item-uploading-bg-color: #FFFFFF;\n\n$upload-image-list-item-error-bg-color: #FFFFFF;\n\n$upload-image-list-close-icon-color: #767682;\n\n$upload-image-list-close-icon-color-hover: #FFFFFF;\n\n$upload-image-list-item-border-color: #A7AABB;\n\n$upload-image-list-item-border-color-error: #FF3000;\n\n$upload-image-list-item-border-color-hover: #7282EC;\n\n$upload-image-list-item-picture-border-color: #4D4F61;\n\n$upload-image-list-item-picture-background-color: #474959;\n\n$upload-image-list-progressbar-height: 8px;\n\n$upload-card-size: 100px;\n\n$upload-card-margin-bottom: 16px;\n\n$upload-card-add-icon-size: 24px;\n\n$upload-card-add-text-size: 12px;\n\n$upload-card-add-text-margin-top: 12px;\n\n$upload-card-bg-color: #4C4F60;\n\n$upload-card-border-style: dashed;\n\n$upload-card-border-color: #6B6F83;\n\n$upload-card-hover-border-color: #7282EC;\n\n$upload-card-font-color: #FFFFFF;\n\n$upload-card-icon-color: #6B6F83;\n\n$upload-card-hover-font-color: #7282EC;\n\n$upload-card-list-bg-color: transparent;\n\n$upload-card-list-uploading-bg-color: #333646;\n\n$upload-card-list-bg-color-error: #333646;\n\n$upload-card-list-margin-right: 12px;\n\n$upload-card-list-padding: 0;\n\n$upload-card-list-corner: 0;\n\n$upload-card-list-border-color: #6B6F83;\n\n$upload-card-list-border-color-error: #FF3000;\n\n$upload-card-list-thumbnail-font-color: #575867;\n\n$upload-card-list-thumbnail-font-size: 10px;\n\n$upload-card-list-thumbnail-icon-size: 48px;\n\n$upload-card-list-name-margin-top: 4px;\n\n$upload-card-list-name-font-size: 10px;\n\n$upload-card-list-name-font-color: #B1B1B8;\n\n$upload-card-list-progressbar-height: 8px;\n\n$upload-select-card-tool-bg-color: #000000;\n\n$upload-select-card-tool-bg-opacity: .7;\n\n$upload-drag-zone-border-color: #6B6F83;\n\n$upload-drag-zone-over-border-color: #7282EC;\n\n$upload-drag-zone-corner: 2px;\n\n$upload-drag-zone-font-size: 14px;\n\n$upload-drag-zone-icon-size: 24px;\n\n$upload-drag-zone-hint-font-size: 10px;\n\n$upload-drag-zone-bg-color: transparent;\n\n$upload-drag-zone-upload-icon: \"\";\n\n$upload-drag-zone-upload-icon-color: #B1B1B8;\n\n$upload-drag-zone-upload-normal-title-color: #B1B1B8;\n\n$upload-drag-zone-upload-normal-hint-color: #767682;\n\n\n// ------------------------ input ------------------------ //\n\n$input-text-color: #FFFFFF;\n\n$input-border-color: #6B6F83;\n\n$input-label-color: #B1B1B8;\n\n$input-hover-border-color: #A7AABB;\n\n$input-hover-bg-color: #5C5F70;\n\n$input-focus-border-color: #7282EC;\n\n$input-focus-bg-color: #5C5F70;\n\n$input-focus-shadow-spread: 0;\n\n$input-border-width: 1px;\n\n$input-bg-color: #4C4F60;\n\n$input-placeholder-color: #B1B1B8;\n\n$input-disabled-color: #575867;\n\n$input-disabled-border-color: #A7AABB;\n\n$input-disabled-bg-color: #333646;\n\n$input-multiple-padding-lr: 8px;\n\n$input-multiple-padding-tb: 4px;\n\n$input-multiple-font-size: 12px;\n\n$input-multiple-corner: 2px;\n\n$input-addon-bg-color: #474959;\n\n$input-addon-text-color: #767682;\n\n$input-addon-padding: 8px;\n\n$input-l-padding: 12px;\n\n$input-l