{"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","Entrance.module.scss","../../settings.scss","../../../node_modules/@ozo/mixins-sass/src/mixins/_media.scss"],"names":[],"mappings":"AAKA,mBACE,YAAa,CACd,KAKC,WAAY,CADd,OCRI,qBDW8B,CCT1B,iBAKI,kBAAmB,CACtB,KDQP,WAAY,CACZ,SAAU,CACV,QAAS,CACT,kCAAmC,CACnC,iCAAkC,CAClC,0FE+FqG,CF9FrG,eGiFyB,CH/EzB,wBG4ByB,CCtDvB,gCAAiC,CACjC,wBAAyB,CJ2B5B,OAHC,UGiH0B,CH9G3B,EAIC,oBG0G0B,CHzG3B,IAGC,qBAAsB,CACvB,YAIG,SAAU,CACX,iCASD,cG2P0B,CH1P1B,aGCwB,CHXvB,+CASD,cG2P0B,CH1P1B,aGCwB,CHS1B,qBAEE,uBAAgB,CAAhB,oBAAgB,CAAhB,eAAgB,CAChB,UGfkB,CHgBlB,WAAY,CACZ,YAAa,CACb,gBAAiB,CAClB,GAGC,UAAW,CK9DT,WAAA,CAAA,4BCVyC,CN+E7C,uBAEE,cGboC,CHcrC,uBAIC,cGjBgC,CHkBjC,uBAIC,cGrBmC,CHsBpC,uBAIC,cGzBoC,CH0BrC,uBAIC,cG7BkC,CH8BnC,uBAIC,cGjCoC,CHkCrC,6BAGC,cGxCmC,CHyCpC,6BAGC,cG7CgC,CH8CjC,0BAGC,cGhDmC,CHiDpC,0BAGC,cGlDkC,CH+DnC,gEADC,yEASmB,CARpB,4BAQC,kBAAmB,CACpB,yBOhJG,UPmJiB,CACpB,yBOpJG,WPuJkB,CQvJlB,iEAEI,WAAY,CACZ,aAAc,CACjB,gCAEG,UAAW,CACd,0BCHH,eAAgB,CAEd,kBAAmB,CACnB,sBAAuB,CACvB,UAAwB,CT4J3B,+BAKC,oBAAqB,CACrB,kBAC4B,CAC7B,2DALC,mBAAoB,CACpB,eAAgB,CAGhB,2BS7JuB,CT8JxB,4BSjKG,oBToKiB,CSjKjB,oBAAqB,CTkKxB,4BS5KC,eAAgB,CAMd,mBAAoB,CACpB,oBTwKiB,CSvKjB,2BAA4B,CAE5B,oBAAqB,CTsKxB,0BUjLC,iBAAkB,CAOhB,QAAS,CACT,uCAA0C,CAC1C,+BAAkC,CV8KrC,0BUvLC,iBAAkB,CAWhB,OAAQ,CACR,uCAA0C,CAC1C,+BAAkC,CV8KrC,wBU3LC,iBAAkB,CAEhB,OAAQ,CACR,QAAS,CACT,0CAA6C,CAC7C,kCAAqC,CV0LxC,0BKxLG,4BCVyC,CN2M7C,0BKjMI,8BCVyC,CN+M7C,0BKrMI,+BCVyC,CNmN7C,0BKzMI,6BCVyC,CNuN7C,0BK3MI,4BCZyC,CDazC,+BCbyC,CN4N7C,wBK7MI,wBCfyC,CNgO7C,+BKjNI,wBCfyC,CDiBvC,iBCjBqD,CNsO3D,2BACE,UAAW,CW/NT,aAAc,CACd,eAAgB,CAChB,iBAAkB,CAClB,mEAEI,UAAW,CACX,oBAAqB,CACrB,qBAAsB,CACtB,iBAAkB,CAClB,SAAU,CAIN,yBXmNyB,CWtMhC,kCAEG,UXoMuB,CWnMvB,gBAAiB,CACpB,iCAEG,SXgMuB,CW/LvB,iBAAkB,CACrB,gCXkMH,UAAW,CWpOT,aAAc,CACd,eAAgB,CAChB,iBAAkB,CAClB,6EAEI,UAAW,CACX,oBAAqB,CACrB,qBAAsB,CACtB,iBAAkB,CAClB,SAAU,CAIN,0BXwNyB,CW3MhC,uCAEG,UXyMuB,CWxMvB,gBAAiB,CACpB,sCAEG,SXqMuB,CWpMvB,iBAAkB,CACrB,kCXuMH,UAAW,CWzOT,aAAc,CACd,eAAgB,CAChB,iBAAkB,CAClB,iFAEI,UAAW,CACX,oBAAqB,CACrB,qBAAsB,CACtB,iBAAkB,CAClB,SAAU,CAIN,yBX6NyB,CWvNzB,WXuN6C,CWnNzC,4BXmNqB,CWhNhC,yCAEG,UX8MuB,CW7MvB,gBAAiB,CACpB,wCAEG,SX0MuB,CWzMvB,iBAAkB,CACrB,yBCvBD,iBAZ0F,CAa1F,+DAEI,UAAW,CACX,iBAAkB,CACrB,gCAEG,KAAM,CACN,MAAO,CAEP,4BZ2N4B,CY1N5B,iCAAwD,CACxD,kCAAwD,CAC3D,+BAEG,4BZsNkC,CYrNlC,iCAA0E,CAC1E,kCAA0E,CAC1E,OZmNiB,CYlNjB,QZkNiB,CYjNpB,yBApBD,iBAZ0F,CAa1F,+DAEI,UAAW,CACX,iBAAkB,CACrB,gCAEG,KAAM,CACN,MAAO,CAEP,0BZ+N8B,CY9N9B,gCAAwD,CACxD,mCAAwD,CAC3D,+BAEG,0BZ0NoC,CYzNpC,gCAA0E,CAC1E,mCAA0E,CAC1E,OZuNiB,CYtNjB,MAA6B,CAChC,yBApBD,iBAZ0F,CAa1F,+DAEI,UAAW,CACX,iBAAkB,CACrB,gCAEG,KAAM,CACN,MAAO,CAEP,yBZmO+B,CYlO/B,iCAAwD,CACxD,kCAAwD,CAC3D,+BAEG,yBZ8NqC,CY7NrC,iCAA0E,CAC1E,kCAA0E,CAC1E,KAA6B,CAC7B,QZ0NiB,CYzNpB,yBApBD,iBAZ0F,CAa1F,+DAEI,UAAW,CACX,iBAAkB,CACrB,gCAEG,KAAM,CACN,MAAO,CAEP,2BZuO6B,CYtO7B,gCAAwD,CACxD,mCAAwD,CAC3D,+BAEG,2BZkOmC,CYjOnC,gCAA0E,CAC1E,mCAA0E,CAC1E,OZ+NiB,CY9NjB,QZ8NiB,CY7NpB,4BCfD,QAAS,CACT,OAAQ,CACR,4BbgP+B,Ca/O/B,iCAAwD,CACxD,kCAAwD,Cb+O3D,4BanPG,QAAS,CACT,OAAQ,CACR,0BboP+B,CanP/B,gCAAwD,CACxD,mCAAwD,CbmP3D,4BavPG,QAAS,CACT,OAAQ,CACR,yBbwP+B,CavP/B,iCAAwD,CACxD,kCAAwD,CbuP3D,4Ba3PG,QAAS,CACT,OAAQ,CACR,2Bb4P+B,Ca3P/B,gCAAwD,CACxD,mCAAwD,CC3B5D,yBACI,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,WAAY,CACf,yBAGG,YAAa,CACb,aAAc,CACd,eAAgB,CACnB,sBAEG,UAAW,CACX,WAAY,CACZ,+DAAA,CAAA,uDAAwC,CAC3C,sBAGG,UCRkB,CDSlB,4BAA6B,CAChC,sBAGG,aAAc,CACjB,6CAGG,GACI,8BAAA,CAAA,sBAAuB,CAE3B,GACI,+BAAA,CAAA,uBAAyB,CAAA,CAPhC,qCAGG,GACI,8BAAA,CAAA,sBAAuB,CAE3B,GACI,+BAAA,CAAA,uBAAyB,CAAA,CEX7B,iNhBkCF,oBACE,YAAa,CACd,CK+DD,0DLnDF,GKoDI,iBAAkB,CAjHlB,YAHQ,CAyHR,SACE,WAAY,CACZ,iBAAkB,CAClB,aAAc,CACd,SAAU,CACV,mBAAoB,CAGlB,wBCxIqC,CD4IrC,MAAO,CACP,OAAQ,CACR,UAAW,CACX,UAAW,CACX,4BAA8B,CAC9B,oBAAsB,CAEpB,KAAM,CAgCR,4BAA6B,CAC7B,oBAAqB,CLmB7B,0BK5EI,iBAAkB,CAjHlB,YAHQ,CAyHR,gCACE,WAAY,CACZ,iBAAkB,CAClB,aAAc,CACd,SAAU,CACV,mBAAoB,CAGlB,wBCxIqC,CD4IrC,MAAO,CACP,OAAQ,CACR,UAAW,CACX,UAAW,CACX,4BAA8B,CAC9B,oBAAsB,CAEpB,KAAM,CAgCR,4BAA6B,CAC7B,oBAAqB,CLuB7B,0BKhFI,iBAAkB,CAjHlB,cAHQ,CAyHR,gCACE,WAAY,CACZ,iBAAkB,CAClB,aAAc,CACd,SAAU,CACV,mBAAoB,CAGlB,wBCxIqC,CDwJrC,KAAM,CACN,QAAS,CACT,SAAU,CACV,WAAY,CACZ,4BAA8B,CAC9B,oBAAsB,CAKpB,OAAQ,CAcV,kCAAmC,CACnC,0BAA2B,CL8BnC,0BKpFI,iBAAkB,CAjHlB,eAHQ,CAyHR,iCACE,WAAY,CACZ,iBAAkB,CAClB,aAAc,CACd,SAAU,CACV,mBAAoB,CAGlB,wBCxIqC,CD4IrC,MAAO,CACP,OAAQ,CACR,UAAW,CACX,UAAW,CACX,4BAA8B,CAC9B,oBAAsB,CAIpB,QAAS,CA2BX,kCAAmC,CACnC,0BAA2B,CLkCnC,0BKxFI,iBAAkB,CAjHlB,aAHQ,CAyHR,iCACE,WAAY,CACZ,iBAAkB,CAClB,aAAc,CACd,SAAU,CACV,mBAAoB,CAGlB,wBCxIqC,CDwJrC,KAAM,CACN,QAAS,CACT,SAAU,CACV,WAAY,CACZ,4BAA8B,CAC9B,oBAAsB,CAGpB,MAAO,CAmBT,4BAA6B,CAC7B,oBAAqB,CLmC7B,0BK5FI,iBAAkB,CA/GlB,YALQ,CAMR,eANQ,CAyHR,iCACE,WAAY,CACZ,iBAAkB,CAClB,aAAc,CACd,SAAU,CACV,mBAAoB,CAgClB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CA5JhB,4BCZyC,CDazC,+BCbyC,CD0KrC,2BAA6B,CAC7B,mBAAqB,CACrB,qBAAsB,CAOtB,4BAA6B,CAC7B,oBAAqB,CLwC7B,wBKjGI,iBAAkB,CA5GlB,QARQ,CAyHR,+BACE,WAAY,CACZ,iBAAkB,CAClB,aAAc,CACd,SAAU,CACV,mBAAoB,CAgClB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CAzJhB,wBCfyC,CD0KrC,2BAA6B,CAC7B,mBAAqB,CACrB,qBAAsB,CAOtB,4BAA6B,CAC7B,oBAAqB,CL4C7B,+BKrGI,iBAAkB,CA5GlB,QARQ,CAUN,iBCjBqD,CDgIvD,sCACE,WAAY,CACZ,iBAAkB,CAClB,aAAc,CACd,SAAU,CACV,mBAAoB,CAgClB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CAzJhB,wBCfyC,CDiBvC,kBAwJkD,CAChD,2BAA6B,CAC7B,mBAAqB,CACrB,qBAAsB,CAOtB,4BAA6B,CAC7B,oBAAqB,CAExB","file":"7457.b6639250.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-label-padding-left: 12px;\n\n$input-l-icon-padding-right: 8px;\n\n$input-m-padding: 8px;\n\n$input-m-label-padding-left: 8px;\n\n$input-m-icon-padding-right: 8px;\n\n$input-s-padding: 4px;\n\n$input-s-label-padding-left: 8px;\n\n$input-s-icon-padding-right: 4px;\n\n$input-feedback-warning-color: #FF9300;\n\n$input-feedback-success-color: #46BC15;\n\n$input-feedback-loading-color: #4494F9;\n\n$input-feedback-error-border-color: #FF3000;\n\n$input-feedback-error-bg-color: #FFFFFF;\n\n$input-feedback-warning-border-color: #FF9300;\n\n$input-feedback-warning-bg-color: #FFFFFF;\n\n$input-maxlen-error-color: #FF3000;\n\n$input-maxlen-warning-color: #FF9300;\n\n$input-maxlen-color: #767682;\n\n$input-maxlen-font-size: 10px;\n\n$input-hint-color: #767682;\n\n$input-hint-hover-color: #B1B1B8;\n\n\n// ------------------------ form ------------------------ //\n\n$form-label-padding-r: 12px;\n\n$form-item-m-margin-b: 16px;\n\n$form-item-l-margin-b: 20px;\n\n$form-item-s-margin-b: 12px;\n\n$form-inline-l-item-margin-r: 24px;\n\n$form-inline-m-item-margin-r: 20px;\n\n$form-inline-s-item-margin-r: 16px;\n\n$form-help-margin-top: 4px;\n\n$form-help-font-size: 10px;\n\n$form-help-color: #767682;\n\n$form-error-color: #FF3000;\n\n$form-warning-color: #FF9300;\n\n$form-top-label-margin-b: 2px;\n\n$form-label-color: #B1B1B8;\n\n\n// ------------------------ number-picker ------------------------ //\n\n$number-picker-normal-s-button-width: 20px;\n\n$number-picker-normal-m-button-width: 20px;\n\n$number-picker-normal-l-button-width: 20px;\n\n$number-picker-normal-m-input-width: 80px;\n\n$number-picker-normal-l-input-width: 80px;\n\n$number-picker-normal-s-button-icon-size: 8px;\n\n$number-picker-normal-m-button-icon-size: 8px;\n\n$number-picker-normal-l-button-icon-size: 8px;\n\n$number-picker-inline-s-button-icon-size: 12px;\n\n$number-picker-inline-s-button-margin: 2px;\n\n$number-picker-inline-s-button-corner: 2px;\n\n$number-picker-inline-m-button-icon-size: 12px;\n\n$number-picker-inline-m-button-margin: 2px;\n\n$number-picker-inline-m-button-corner: 2px;\n\n$number-picker-inline-m-input-width: 100px;\n\n$number-picker-inline-l-button-icon-size: 12px;\n\n$number-picker-inline-l-button-margin: 2px;\n\n$number-picker-inline-l-button-corner: 2px;\n\n$number-picker-inline-l-input-width: 128px;\n\n\n// ------------------------ table ------------------------ //\n\n$table-normal-border-width: 1px;\n\n$table-th-font-size: 12px;\n\n$table-th-font-weight: normal;\n\n$table-sort-icon-size: 12px;\n\n$table-filter-icon-size: 12px;\n\n$table-body-font-size: 12px;\n\n$table-empty-padding: 32px;\n\n$table-expanded-icon-size: 12px;\n\n$table-tree-expanded-icon-size: 12px;\n\n$table-cell-padding-top: 12px;\n\n$table-cell-padding-left: 16px;\n\n$table-header-padding-top: 12px;\n\n$table-header-padding-left: 16px;\n\n$table-header-icon-margin-left: 8px;\n\n$table-size-s-cell-padding-top: 8px;\n\n$table-size-s-cell-padding-left: 8px;\n\n$table-size-s-header-padding-top: 8px;\n\n$table-size-s-header-padding-left: 8px;\n\n$table-group-split: 8px;\n\n$table-normal-border-color: #6B6F83;\n\n$table-normal-border-style: solid;\n\n$table-th-bg: #4C4F60;\n\n$table-th-color: #FFFFFF;\n\n$table-sort-color: #FFFFFF;\n\n$table-group-th-bg: #4C4F60;\n\n$table-group-th-color: #FFFFFF;\n\n$table-row-bg: #333646;\n\n$table-row-color: #FFFFFF;\n\n$table-td-gray: #333646;\n\n$table-td-normal: #FFFFFF;\n\n$table-empty-color: #A7AABB;\n\n$table-group-footer-bg: #4C4F60;\n\n$table-group-footer-color: #FFFFFF;\n\n$table-row-hover-bg: #474959;\n\n$table-row-hover-color: #FFFFFF;\n\n$table-row-selected-bg: #474959;\n\n$table-row-selected-color: #FFFFFF;\n\n$table-sort-color-current: #7282EC;\n\n$table-expanded-ctrl-disabled-color: #767682;\n\n$table-tree-fold-icon-content: ;\n\n$table-tree-unfold-icon-content: ;\n\n$table-expand-fold-icon-content: ;\n\n$table-expand-unfold-icon-content: ;\n\n\n// ------------------------ select ------------------------ //\n\n$select-color: #FFFFFF;\n\n$select-hint-color: #767682;\n\n$select-highlight-color: #7282EC;\n\n$select-highlight-font: 12px;\n\n$select-l-lineheight: 24px;\n\n$select-m-lineheight: 20px;\n\n$select-s-lineheight: 14px;\n\n\n// ------------------------ balloon ------------------------ //\n\n$balloon-size-max-width: 300px;\n\n$balloon-size-padding-top: 16px;\n\n$balloon-size-padding-right: 16px;\n\n$balloon-size-padding-closable-right: 40px;\n\n$balloon-content-font-size: 12px;\n\n$balloon-content-font-weight: normal;\n\n$balloon-normal-border-width: 1px;\n\n$balloon-primary-border-width: 1px;\n\n$balloon-tooltip-border-width: 1px;\n\n$balloon-tooltip-content-font-size: 12px;\n\n$balloon-tooltip-content-font-weight: normal;\n\n$balloon-size-close: 12px;\n\n$balloon-size-close-margin-top: 12px;\n\n$balloon-size-close-margin-right: 12px;\n\n$balloon-size-arrow-size: 12px;\n\n$balloon-size-arrow-margin: 12px;\n\n$balloon-tooltip-size-padding-top: 8px;\n\n$balloon-tooltip-size-padding-right: 8px;\n\n$balloon-tooltip-size-padding-bottom: 8px;\n\n$balloon-tooltip-size-padding-left: 8px;\n\n$balloon-border-style: solid;\n\n$balloon-corner: 5px;\n\n$balloon-normal-color-bg: #31323D;\n\n$balloon-normal-color-border: transparent;\n\n$balloon-normal-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);\n\n$balloon-normal-color: #FFFFFF;\n\n$balloon-normal-color-close: #FFFFFF;\n\n$balloon-normal-color-close-hover: #B1B1B8;\n\n$balloon-primary-color-bg: #7282EC;\n\n$balloon-primary-color-border: transparent;\n\n$balloon-primary-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);\n\n$balloon-primary-color: #FFFFFF;\n\n$balloon-primary-color-close: #FFFFFF;\n\n$balloon-primary-color-close-hover: #FFFFFF;\n\n$balloon-tooltip-color-bg: #474959;\n\n$balloon-tooltip-shadow: none;\n\n$balloon-tooltip-color-border: #4D4F61;\n\n$balloon-tooltip-border-style: solid;\n\n$balloon-tooltip-color: #FFFFFF;\n\n\n// ------------------------ badge ------------------------ //\n\n$badge-size-dot-width: 8px;\n\n$badge-size-list-margin: 0;\n\n$badge-size-count-config-height: 16px;\n\n$badge-size-count-padding-lr: 4px;\n\n$badge-size-custom-padding-lr: 4px;\n\n$badge-size-count-font: 10px;\n\n$badge-color-bg: #FF3000;\n\n$badge-size-count-border-radius: 8px;\n\n$badge-dot-color-bg: #FF3000;\n\n$badge-size-dot-border-radius: 8px;\n\n$badge-size-custom-border-radius: 2px;\n\n\n// ------------------------ drawer ------------------------ //\n\n$drawer-title-font-size: 16px;\n\n$drawer-title-padding-top: 12px;\n\n$drawer-title-padding-bottom: 12px;\n\n$drawer-title-padding-left-right: 20px;\n\n$drawer-title-border-width: 1px;\n\n$drawer-content-font-size: 12px;\n\n$drawer-content-padding-top: 20px;\n\n$drawer-content-padding-bottom: 20px;\n\n$drawer-content-padding-left-right: 20px;\n\n$drawer-close-top: 12px;\n\n$drawer-close-right: 12px;\n\n$drawer-close-size: 12px;\n\n$drawer-bg: #FFFFFF;\n\n$drawer-border-width: 1px;\n\n$drawer-border-color: #4D4F61;\n\n$drawer-border-style: solid;\n\n$drawer-corner: 2px;\n\n$drawer-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);\n\n$drawer-title-color: #FFFFFF;\n\n$drawer-title-bg-color: #FFFFFF;\n\n$drawer-title-border-color: #4D4F61;\n\n$drawer-content-color: #B1B1B8;\n\n$drawer-close-color: #767682;\n\n$drawer-close-color-hovered: #FFFFFF;\n\n$drawer-close-bg-hovered: transparent;\n\n\n// ------------------------ message ------------------------ //\n\n$message-size-l-padding: 16px;\n\n$message-size-l-border-width: 1px;\n\n$message-size-l-title-content-padding-left: 12px;\n\n$message-size-l-title-content-padding-right: 20px;\n\n$message-size-l-title-font: 20px;\n\n$message-size-l-content-margin-top: 8px;\n\n$message-size-l-content-font: 12px;\n\n$message-size-l-close-top: 16px;\n\n$message-size-l-close-right: 16px;\n\n$message-size-l-icon: 24px;\n\n$message-size-m-padding: 12px;\n\n$message-size-m-border-width: 1px;\n\n$message-size-m-title-content-padding-left: 8px;\n\n$message-size-m-title-content-padding-right: 20px;\n\n$message-size-m-title-font: 16px;\n\n$message-size-m-content-margin-top: 8px;\n\n$message-size-m-content-font: 12px;\n\n$message-size-m-close-top: 12px;\n\n$message-size-m-close-right: 12px;\n\n$message-size-m-icon: 16px;\n\n$message-close-icon-size: 12px;\n\n$message-size-l-border-radius: 2px;\n\n$message-size-m-border-radius: 2px;\n\n$message-size-l-border-radius-toast: 2px;\n\n$message-size-m-border-radius-toast: 2px;\n\n$message-border-style: solid;\n\n$message-border-style-toast: solid;\n\n$message-shadow-toast: 0px 4px 12px 0px rgba(0, 0, 0, 0.4);\n\n$message-success-color-bg-inline: #E4FDDA;\n\n$message-success-color-bg-addon: transparent;\n\n$message-success-color-bg-toast: #333646;\n\n$message-success-color-border-inline: #E4FDDA;\n\n$message-success-color-border-toast: #6B6F83;\n\n$message-success-color-title-inline: #575867;\n\n$message-success-color-title-addon: #FFFFFF;\n\n$message-success-color-title-toast: #FFFFFF;\n\n$message-success-color-content-inline: #767682;\n\n$message-success-color-content-addon: #B1B1B8;\n\n$message-success-color-content-toast: #B1B1B8;\n\n$message-success-color-icon-inline: #46BC15;\n\n$message-success-color-icon-addon: #46BC15;\n\n$message-success-color-icon-toast: #46BC15;\n\n$message-error-color-bg-inline: #FFECE4;\n\n$message-error-color-bg-addon: transparent;\n\n$message-error-color-bg-toast: #333646;\n\n$message-error-color-border-inline: #FFECE4;\n\n$message-error-color-border-toast: #6B6F83;\n\n$message-error-color-title-inline: #575867;\n\n$message-error-color-title-addon: #FFFFFF;\n\n$message-error-color-title-toast: #FFFFFF;\n\n$message-error-color-content-inline: #767682;\n\n$message-error-color-content-addon: #B1B1B8;\n\n$message-error-color-content-toast: #B1B1B8;\n\n$message-error-color-icon-inline: #FF3000;\n\n$message-error-color-icon-addon: #FF3000;\n\n$message-error-color-icon-toast: #FF3000;\n\n$message-warning-color-bg-inline: #FFF3E0;\n\n$message-warning-color-bg-addon: transparent;\n\n$message-warning-color-bg-toast: #333646;\n\n$message-warning-color-border-inline: #FFF3E0;\n\n$message-warning-color-border-toast: #6B6F83;\n\n$message-warning-color-title-inline: #575867;\n\n$message-warning-color-title-addon: #FFFFFF;\n\n$message-warning-color-title-toast: #FFFFFF;\n\n$message-warning-color-content-inline: #767682;\n\n$message-warning-color-content-addon: #B1B1B8;\n\n$message-warning-color-content-toast: #B1B1B8;\n\n$message-warning-color-icon-inline: #FF9300;\n\n$message-warning-color-icon-addon: #FF9300;\n\n$message-warning-color-icon-toast: #FF9300;\n\n$message-notice-color-bg-inline: #E3F2FD;\n\n$message-notice-color-bg-addon: transparent;\n\n$message-notice-color-bg-toast: #333646;\n\n$message-notice-color-border-inline: #E3F2FD;\n\n$message-notice-color-border-toast: #6B6F83;\n\n$message-notice-color-title-inline: #575867;\n\n$message-notice-color-title-addon: #FFFFFF;\n\n$message-notice-color-title-toast: #FFFFFF;\n\n$message-notice-color-content-inline: #767682;\n\n$message-notice-color-content-addon: #B1B1B8;\n\n$message-notice-color-content-toast: #B1B1B8;\n\n$message-notice-color-icon-inline: #4494F9;\n\n$message-notice-color-icon-addon: #4494F9;\n\n$message-notice-color-icon-toast: #4494F9;\n\n$message-help-color-bg-inline: #E3FFF8;\n\n$message-help-color-bg-addon: transparent;\n\n$message-help-color-bg-toast: #333646;\n\n$message-help-color-border-inline: #E3FFF8;\n\n$message-help-color-border-toast: #6B6F83;\n\n$message-help-color-title-inline: #575867;\n\n$message-help-color-title-addon: #FFFFFF;\n\n$message-help-color-title-toast: #FFFFFF;\n\n$message-help-color-content-inline: #767682;\n\n$message-help-color-content-addon: #B1B1B8;\n\n$message-help-color-content-toast: #B1B1B8;\n\n$message-help-color-icon-inline: #01C1B2;\n\n$message-help-color-icon-addon: #01C1B2;\n\n$message-help-color-icon-toast: #01C1B2;\n\n$message-loading-color-bg-inline: #FFFFFF;\n\n$message-loading-color-bg-addon: transparent;\n\n$message-loading-color-bg-toast: #333646;\n\n$message-loading-color-border-inline: #FFFFFF;\n\n$message-loading-color-border-toast: #6B6F83;\n\n$message-loading-color-title-inline: #575867;\n\n$message-loading-color-title-addon: #FFFFFF;\n\n$message-loading-color-title-toast: #FFFFFF;\n\n$message-loading-color-content-inline: #767682;\n\n$message-loading-color-content-addon: #B1B1B8;\n\n$message-loading-color-content-toast: #B1B1B8;\n\n$message-loading-color-icon-inline: #7282EC;\n\n$message-loading-color-icon-addon: #7282EC;\n\n$message-loading-color-icon-toast: #7282EC;\n\n$message-close-icon-color: #767682;\n\n$message-hover-close-icon-color: #B1B1B8;\n\n$message-success-icon-content: \"\";\n\n$message-warning-icon-content: \"\";\n\n$message-error-icon-content: \"\";\n\n$message-notice-icon-content: \"\";\n\n$message-help-icon-content: \"\";\n\n$message-loading-icon-content: \"\";\n\n\n// ------------------------ shell ------------------------ //\n\n$shell-light-header-color: #000000;\n\n$shell-light-header-height: 52px;\n\n$shell-light-header-background: #FFFFFF;\n\n$shell-light-header-shadow: none;\n\n$shell-light-header-divider-size: 1px;\n\n$shell-light-header-divider-style: solid;\n\n$shell-light-header-divider-color: #434557;\n\n$shell-light-header-paddingLeft: 16px;\n\n$shell-light-multitask-min-height: 40px;\n\n$shell-light-multitask-background: #FFFFFF;\n\n$shell-light-multitask-shadow: none;\n\n$shell-light-multitask-divider-size: 1px;\n\n$shell-light-multitask-divider-style: solid;\n\n$shell-light-multitask-divider-color: #434557;\n\n$shell-light-multitask-paddingLeft: 0;\n\n$shell-light-navigation-hoz-marginLeft: 48px;\n\n$shell-light-navigation-ver-width: 168px;\n\n$shell-light-navigation-ver-shadow: none;\n\n$shell-light-navigation-ver-paddingTop: 8px;\n\n$shell-light-navigation-ver-paddingBottom: 8px;\n\n$shell-light-navigation-ver-width-mini: 60px;\n\n$shell-light-navigation-ver-background: #FFFFFF;\n\n$shell-light-navigation-ver-divider-size: 1px;\n\n$shell-light-navigation-ver-divider-style: solid;\n\n$shell-light-navigation-ver-divider-color: #434557;\n\n$shell-light-local-navigation-width: 168px;\n\n$shell-light-local-navigation-background: #5C5F70;\n\n$shell-light-local-navigation-paddingTop: 8px;\n\n$shell-light-local-navigation-paddingBottom: 8px;\n\n$shell-light-local-navigation-shadow: none;\n\n$shell-light-local-navigation-divider-size: 1px;\n\n$shell-light-local-navigation-divider-style: solid;\n\n$shell-light-local-navigation-divider-color: #434557;\n\n$shell-light-appbar-background: #FFFFFF;\n\n$shell-light-appbar-min-height: 48px;\n\n$shell-light-appbar-shadow: none;\n\n$shell-light-appbar-paddingLeft: 24px;\n\n$shell-light-appbar-divider-size: 1px;\n\n$shell-light-appbar-divider-style: solid;\n\n$shell-light-appbar-divider-color: #434557;\n\n$shell-light-content-background: #4C4F60;\n\n$shell-light-content-paddingLeft: 20px;\n\n$shell-light-content-paddingTop: 20px;\n\n$shell-light-footer-min-height: 56px;\n\n$shell-light-footer-background: transparent;\n\n$shell-light-footer-color: #575867;\n\n$shell-light-footer-font-size: 14px;\n\n$shell-light-ancillary-width: 168px;\n\n$shell-light-ancillary-background: #FFFFFF;\n\n$shell-light-ancillary-paddingTop: 8px;\n\n$shell-light-ancillary-paddingBottom: 8px;\n\n$shell-light-ancillary-shadow: none;\n\n$shell-light-ancillary-divider-size: 1px;\n\n$shell-light-ancillary-divider-style: solid;\n\n$shell-light-ancillary-divider-color: #434557;\n\n$shell-light-tooldock-height: 52px;\n\n$shell-light-tooldock-width: 52px;\n\n$shell-light-tooldock-background: #5C5F70;\n\n$shell-light-tooldock-paddingTop: 8px;\n\n$shell-light-tooldock-paddingBottom: 8px;\n\n$shell-light-tooldock-shadow: none;\n\n$shell-light-tooldock-divider-size: 1px;\n\n$shell-light-tooldock-divider-style: solid;\n\n$shell-light-tooldock-divider-color: #434557;\n\n$shell-light-tooldock-item-paddingTop: 8px;\n\n$shell-light-tooldock-item-color: #B1B1B8;\n\n$shell-light-tooldock-item-color-hover: #FFFFFF;\n\n$shell-light-tooldock-item-color-active: #FFFFFF;\n\n$shell-light-tooldock-item-background: transparent;\n\n$shell-light-tooldock-item-background-hover: #4C4F60;\n\n$shell-light-tooldock-item-background-active: #4C4F60;\n\n$shell-dark-header-color: #FFFFFF;\n\n$shell-dark-header-height: 52px;\n\n$shell-dark-header-background: #000000;\n\n$shell-dark-header-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);\n\n$shell-dark-header-divider-size: 1px;\n\n$shell-dark-header-divider-style: solid;\n\n$shell-dark-header-divider-color: #1F1F1F;\n\n$shell-dark-header-paddingLeft: 16px;\n\n$shell-dark-multitask-min-height: 40px;\n\n$shell-dark-multitask-background: #FFFFFF;\n\n$shell-dark-multitask-shadow: none;\n\n$shell-dark-multitask-divider-size: 1px;\n\n$shell-dark-multitask-divider-style: solid;\n\n$shell-dark-multitask-divider-color: #434557;\n\n$shell-dark-multitask-paddingLeft: 0;\n\n$shell-dark-navigation-hoz-marginLeft: 48px;\n\n$shell-dark-navigation-ver-width: 168px;\n\n$shell-dark-navigation-ver-shadow: none;\n\n$shell-dark-navigation-ver-paddingTop: 8px;\n\n$shell-dark-navigation-ver-paddingBottom: 8px;\n\n$shell-dark-navigation-ver-width-mini: 60px;\n\n$shell-dark-navigation-ver-background: #FFFFFF;\n\n$shell-dark-navigation-ver-divider-size: 1px;\n\n$shell-dark-navigation-ver-divider-style: solid;\n\n$shell-dark-navigation-ver-divider-color: #434557;\n\n$shell-dark-local-navigation-width: 168px;\n\n$shell-dark-local-navigation-background: #5C5F70;\n\n$shell-dark-local-navigation-paddingTop: 8px;\n\n$shell-dark-local-navigation-paddingBottom: 8px;\n\n$shell-dark-local-navigation-shadow: none;\n\n$shell-dark-local-navigation-divider-size: 1px;\n\n$shell-dark-local-navigation-divider-style: solid;\n\n$shell-dark-local-navigation-divider-color: #434557;\n\n$shell-dark-appbar-background: #FFFFFF;\n\n$shell-dark-appbar-min-height: 48px;\n\n$shell-dark-appbar-shadow: none;\n\n$shell-dark-appbar-paddingLeft: 24px;\n\n$shell-dark-appbar-divider-size: 1px;\n\n$shell-dark-appbar-divider-style: solid;\n\n$shell-dark-appbar-divider-color: #434557;\n\n$shell-dark-content-background: #4C4F60;\n\n$shell-dark-content-paddingLeft: 20px;\n\n$shell-dark-content-paddingTop: 20px;\n\n$shell-dark-footer-min-height: 56px;\n\n$shell-dark-footer-background: transparent;\n\n$shell-dark-footer-color: #575867;\n\n$shell-dark-footer-font-size: 14px;\n\n$shell-dark-ancillary-width: 168px;\n\n$shell-dark-ancillary-background: #FFFFFF;\n\n$shell-dark-ancillary-paddingTop: 8px;\n\n$shell-dark-ancillary-paddingBottom: 8px;\n\n$shell-dark-ancillary-shadow: none;\n\n$shell-dark-ancillary-divider-size: 1px;\n\n$shell-dark-ancillary-divider-style: solid;\n\n$shell-dark-ancillary-divider-color: #434557;\n\n$shell-dark-tooldock-height: 52px;\n\n$shell-dark-tooldock-width: 52px;\n\n$shell-dark-tooldock-background: #5C5F70;\n\n$shell-dark-tooldock-paddingTop: 8px;\n\n$shell-dark-tooldock-paddingBottom: 8px;\n\n$shell-dark-tooldock-shadow: none;\n\n$shell-dark-tooldock-divider-size: 1px;\n\n$shell-dark-tooldock-divider-style: solid;\n\n$shell-dark-tooldock-divider-color: #434557;\n\n$shell-dark-tooldock-item-paddingTop: 8px;\n\n$shell-dark-tooldock-item-color: #B1B1B8;\n\n$shell-dark-tooldock-item-color-hover: #FFFFFF;\n\n$shell-dark-tooldock-item-color-active: #FFFFFF;\n\n$shell-dark-tooldock-item-background: transparent;\n\n$shell-dark-tooldock-item-background-hover: #4C4F60;\n\n$shell-dark-tooldock-item-background-active: #4C4F60;\n\n$shell-brand-header-color: #FFFFFF;\n\n$shell-brand-header-height: 52px;\n\n$shell-brand-header-background: #7282EC;\n\n$shell-brand-header-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);\n\n$shell-brand-header-divider-size: 1px;\n\n$shell-brand-header-divider-style: solid;\n\n$shell-brand-header-divider-color: #434557;\n\n$shell-brand-header-paddingLeft: 16px;\n\n$shell-brand-multitask-min-height: 40px;\n\n$shell-brand-multitask-background: #FFFFFF;\n\n$shell-brand-multitask-shadow: none;\n\n$shell-brand-multitask-divider-size: 1px;\n\n$shell-brand-multitask-divider-style: solid;\n\n$shell-brand-multitask-divider-color: #434557;\n\n$shell-brand-multitask-paddingLeft: 0;\n\n$shell-brand-navigation-hoz-marginLeft: 48px;\n\n$shell-brand-navigation-ver-width: 168px;\n\n$shell-brand-navigation-ver-shadow: none;\n\n$shell-brand-navigation-ver-paddingTop: 8px;\n\n$shell-brand-navigation-ver-paddingBottom: 8px;\n\n$shell-brand-navigation-ver-width-mini: 60px;\n\n$shell-brand-navigation-ver-background: #FFFFFF;\n\n$shell-brand-navigation-ver-divider-size: 1px;\n\n$shell-brand-navigation-ver-divider-style: solid;\n\n$shell-brand-navigation-ver-divider-color: #434557;\n\n$shell-brand-local-navigation-width: 168px;\n\n$shell-brand-local-navigation-background: #5C5F70;\n\n$shell-brand-local-navigation-paddingTop: 8px;\n\n$shell-brand-local-navigation-paddingBottom: 8px;\n\n$shell-brand-local-navigation-shadow: none;\n\n$shell-brand-local-navigation-divider-size: 1px;\n\n$shell-brand-local-navigation-divider-style: solid;\n\n$shell-brand-local-navigation-divider-color: #434557;\n\n$shell-brand-appbar-background: #FFFFFF;\n\n$shell-brand-appbar-min-height: 48px;\n\n$shell-brand-appbar-shadow: none;\n\n$shell-brand-appbar-paddingLeft: 24px;\n\n$shell-brand-appbar-divider-size: 1px;\n\n$shell-brand-appbar-divider-style: solid;\n\n$shell-brand-appbar-divider-color: #434557;\n\n$shell-brand-content-background: #4C4F60;\n\n$shell-brand-content-paddingLeft: 20px;\n\n$shell-brand-content-paddingTop: 20px;\n\n$shell-brand-footer-min-height: 56px;\n\n$shell-brand-footer-background: transparent;\n\n$shell-brand-footer-color: #575867;\n\n$shell-brand-footer-font-size: 14px;\n\n$shell-brand-ancillary-width: 168px;\n\n$shell-brand-ancillary-background: #FFFFFF;\n\n$shell-brand-ancillary-paddingTop: 8px;\n\n$shell-brand-ancillary-paddingBottom: 8px;\n\n$shell-brand-ancillary-shadow: none;\n\n$shell-brand-ancillary-divider-size: 1px;\n\n$shell-brand-ancillary-divider-style: solid;\n\n$shell-brand-ancillary-divider-color: #434557;\n\n$shell-brand-tooldock-height: 52px;\n\n$shell-brand-tooldock-width: 52px;\n\n$shell-brand-tooldock-background: #5C5F70;\n\n$shell-brand-tooldock-paddingTop: 8px;\n\n$shell-brand-tooldock-paddingBottom: 8px;\n\n$shell-brand-tooldock-shadow: none;\n\n$shell-brand-tooldock-divider-size: 1px;\n\n$shell-brand-tooldock-divider-style: solid;\n\n$shell-brand-tooldock-divider-color: #434557;\n\n$shell-brand-tooldock-item-paddingTop: 8px;\n\n$shell-brand-tooldock-item-color: #B1B1B8;\n\n$shell-brand-tooldock-item-color-hover: #FFFFFF;\n\n$shell-brand-tooldock-item-color-active: #FFFFFF;\n\n$shell-brand-tooldock-item-background: transparent;\n\n$shell-brand-tooldock-item-background-hover: #4C4F60;\n\n$shell-brand-tooldock-item-background-active: #4C4F60;\n\n\n// ------------------------ dialog ------------------------ //\n\n$dialog-border-width: 1px;\n\n$dialog-title-font-size: 16px;\n\n$dialog-title-padding-top: 12px;\n\n$dialog-title-padding-bottom: 12px;\n\n$dialog-title-padding-left-right: 20px;\n\n$dialog-title-border-width: 0;\n\n$dialog-message-content-padding-top: 20px;\n\n$dialog-message-content-padding-bottom: 20px;\n\n$dialog-message-content-padding-left-right: 20px;\n\n$dialog-content-font-size: 12px;\n\n$dialog-content-padding-top: 20px;\n\n$dialog-content-padding-bottom: 20px;\n\n$dialog-content-padding-left-right: 20px;\n\n$dialog-footer-border-width: 0;\n\n$dialog-footer-padding-top: 12px;\n\n$dialog-footer-padding-bottom: 12px;\n\n$dialog-footer-padding-left-right: 20px;\n\n$dialog-footer-button-spacing: 4px;\n\n$dialog-close-top: 12px;\n\n$dialog-close-right: 12px;\n\n$dialog-close-width: 16px;\n\n$dialog-close-size: 12px;\n\n$dialog-bg: #3A3C4B;\n\n$dialog-border-color: #A7AABB;\n\n$dialog-border-style: solid;\n\n$dialog-corner: 2px;\n\n$dialog-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.4);\n\n$dialog-title-color: #FFFFFF;\n\n$dialog-title-bg-color: transparent;\n\n$dialog-title-border-color: transparent;\n\n$dialog-content-color: #B1B1B8;\n\n$dialog-footer-bg-color: transparent;\n\n$dialog-footer-border-color: transparent;\n\n$dialog-close-color: #FFFFFF;\n\n$dialog-close-color-hovered: #FFFFFF;\n\n$dialog-close-bg-hovered: transparent;\n\n\n// ------------------------ progress ------------------------ //\n\n$progress-line-height-size-l: 12px;\n\n$progress-line-height-size-m: 8px;\n\n$progress-line-height-size-s: 4px;\n\n$progress-line-underlay-border-width: 1px;\n\n$progress-line-font-l: 12px;\n\n$progress-line-font-m: 10px;\n\n$progress-line-font-s: 10px;\n\n$progress-line-underlay-color: #4C4F60;\n\n$progress-line-underlay-border-color: #4D4F61;\n\n$progress-line-radius-l: 12px;\n\n$progress-line-radius-m: 12px;\n\n$progress-line-radius-s: 12px;\n\n$progress-line-font-color: #FFFFFF;\n\n$progress-line-normal-color: #7282EC;\n\n$progress-line-error-color: #FF3000;\n\n$progress-line-success-color: #46BC15;\n\n$progress-line-started-color: #FF3000;\n\n$progress-line-middle-color: #FF9300;\n\n$progress-line-finishing-color: #46BC15;\n\n$progress-circle-size-l: 132px;\n\n$progress-circle-size-m: 116px;\n\n$progress-circle-size-s: 100px;\n\n$progress-circle-underlay-width: 8px;\n\n$progress-circle-overlay-width: 8px;\n\n$progress-circle-font-l: 36px;\n\n$progress-circle-font-m: 24px;\n\n$progress-circle-font-s: 20px;\n\n$progress-circle-underlay-color: #4C4F60;\n\n$progress-circle-text-color: #FFFFFF;\n\n$progress-circle-corner: round;\n\n$progress-circle-normal-color: #7282EC;\n\n$progress-circle-error-color: #FF3000;\n\n$progress-circle-success-color: #46BC15;\n\n$progress-circle-started-color: #FF3000;\n\n$progress-circle-middle-color: #FF9300;\n\n$progress-circle-finishing-color: #46BC15;\n\n\n// ------------------------ pagination ------------------------ //\n\n$pagination-item-split: 4px;\n\n$pagination-item-border-style: solid;\n\n$pagination-item-border-width: 1px;\n\n$pagination-item-corner: 2px;\n\n$pagination-ellipsis-size: 12px;\n\n$pagination-ellipsis-margin: 8px;\n\n$pagination-current-font-size: 12px;\n\n$pagination-total-font-size: 12px;\n\n$pagination-jump-font-size: 12px;\n\n$pagination-input-width: 36px;\n\n$pagination-input-margin: 4px;\n\n$pagination-size-selector-title-margin-right: 4px;\n\n$pagination-size-selector-number-padding: 12px;\n\n$pagination-large-item-split: 8px;\n\n$pagination-large-item-border-width: 1px;\n\n$pagination-large-item-corner: 2px;\n\n$pagination-large-ellipsis-size: 16px;\n\n$pagination-large-current-font-size: 16px;\n\n$pagination-large-total-font-size: 16px;\n\n$pagination-large-input-width: 48px;\n\n$pagination-large-jump-font-size: 16px;\n\n$pagination-large-size-selector-number-padding: 16px;\n\n$pagination-small-item-split: 4px;\n\n$pagination-small-item-border-width: 1px;\n\n$pagination-small-item-corner: 2px;\n\n$pagination-small-ellipsis-size: 12px;\n\n$pagination-small-current-font-size: 10px;\n\n$pagination-small-total-font-size: 10px;\n\n$pagination-small-input-width: 28px;\n\n$pagination-small-jump-font-size: 10px;\n\n$pagination-small-size-selector-number-padding: 8px;\n\n$pagination-ellipsis-color: #767682;\n\n$pagination-current-color: #7282EC;\n\n$pagination-total-color: #FFFFFF;\n\n$pagination-jump-color: #767682;\n\n$pagination-size-selector-title-color: #767682;\n\n$pagination-size-selector-filter-color: #B1B1B8;\n\n$pagination-size-selector-filter-current-color: #7282EC;\n\n$pagination-item-border-color: #767682;\n\n$pagination-item-shadow: none;\n\n$pagination-item-color: #FFFFFF;\n\n$pagination-item-bg: #4C4F60;\n\n$pagination-item-current-border-color: #7282EC;\n\n$pagination-item-current-shadow: none;\n\n$pagination-item-current-color: #FFFFFF;\n\n$pagination-item-current-bg: #7282EC;\n\n$pagination-item-hover-border-color: #A7AABB;\n\n$pagination-item-hover-shadow: none;\n\n$pagination-item-hover-color: #FFFFFF;\n\n$pagination-item-hover-bg: #333646;\n\n$pagination-arrow-color: #B1B1B8;\n\n$pagination-item-current-hover-border-color: transparent;\n\n$pagination-item-current-hover-shadow: none;\n\n$pagination-item-current-hover-color: #FFFFFF;\n\n$pagination-item-current-hover-bg: #5440DD;\n\n$pagination-arrow-hover-color: #FFFFFF;\n\n$pagination-arrow-hover-color-noboder: #7282EC;\n\n\n// ------------------------ collapse ------------------------ //\n\n$collapse-border-width: 1px;\n\n$collapse-border-corner: 2px;\n\n$collapse-border-color: #4D4F61;\n\n$collapse-panel-border-color: #4D4F61;\n\n$collapse-disabled-border-color: #A7AABB;\n\n$collapse-title-border-width: 1px;\n\n$collapse-title-height: 20px;\n\n$collapse-title-bg-color: #474959;\n\n$collapse-title-hover-bg-color: #4C4F60;\n\n$collapse-title-disabled-bg-color: #333646;\n\n$collapse-title-font-color: #FFFFFF;\n\n$collapse-title-font-disabled-color: #575867;\n\n$collapse-title-hover-font-color: #FFFFFF;\n\n$collapse-title-font-size: 14px;\n\n$collapse-title-font-weight: normal;\n\n$collapse-title-hover-font-weight: normal;\n\n$collapse-title-padding-tb: 8px;\n\n$collapse-icon-size: 8px;\n\n$collapse-icon-color: #FFFFFF;\n\n$collapse-icon-hover-color: #FFFFFF;\n\n$collapse-icon-margin-r: 8px;\n\n$collapse-icon-margin-l: 12px;\n\n$collapse-content-bg-color: #5C5F70;\n\n$collapse-content-padding-x: 16px;\n\n$collapse-content-padding-y: 12px;\n\n$collapse-content-font-size: 12px;\n\n$collapse-content-color: #31323D;\n\n\n// ------------------------ tree-select ------------------------ //\n\n$tree-select-padding-vertical: 8px;\n\n$tree-select-padding-horizontal: 20px;\n\n$tree-select-background: #FFFFFF;\n\n\n// ------------------------ divider ------------------------ //\n\n$divider-hoz-size: 1px;\n\n$divider-hoz-color: #4D4F61;\n\n$divider-hoz-text-center-paddingLeft: 16px;\n\n$divider-hoz-text-left-paddingLeft: 16px;\n\n$divider-hoz-text-marginTop: 16px;\n\n$divider-hoz-marginTop: 16px;\n\n$divider-hoz-text-size: 16px;\n\n$divider-hoz-text-weight: normal;\n\n$divider-hoz-text-color: #FFFFFF;\n\n$divider-ver-size: 1px;\n\n$divider-ver-color: #4D4F61;\n\n$divider-ver-marginLeft: 8px;\n\n\n// ------------------------ transfer ------------------------ //\n\n$transfer-operation-margin-left-right: 20px;\n\n$transfer-operation-margin-gutter: 8px;\n\n$transfer-operation-icon-size: 12px;\n\n$transfer-panel-border-width: 1px;\n\n$transfer-panel-header-padding-top-bottom: 8px;\n\n$transfer-panel-header-padding-left-right: 20px;\n\n$transfer-panel-header-text-size: 12px;\n\n$transfer-panel-search-margin-top: 8px;\n\n$transfer-panel-search-margin-left-right: 4px;\n\n$transfer-panel-search-margin-bottom: 0;\n\n$transfer-panel-list-width: 180px;\n\n$transfer-panel-list-height: 160px;\n\n$transfer-panel-footer-padding-top-bottom: 8px;\n\n$transfer-panel-footer-padding-left-right: 20px;\n\n$transfer-simple-move-icon-color: #6B6F83;\n\n$transfer-panel-border-color: #6B6F83;\n\n$transfer-panel-border-corner: 2px;\n\n$transfer-panel-background-color: #5C5F70;\n\n$transfer-panel-header-text-color: #FFFFFF;\n\n$transfer-panel-header-background-color: #333646;\n\n$transfer-panel-search-icon-color: #767682;\n\n$transfer-panel-footer-text-color: #FFFFFF;\n\n$transfer-panel-footer-background-color: #333646;\n\n$transfer-simple-panel-footer-text-color: #7282EC;\n\n$transfer-simple-panel-item-hover-text-color: #7282EC;\n\n$transfer-panel-footer-shadow: none;\n\n\n// ------------------------ slider ------------------------ //\n\n$slick-dots-position-bottom: 12px;\n\n$slick-dots-position-right: 20px;\n\n$slick-dots-width: 8px;\n\n$slick-dots-height: 8px;\n\n$slick-dots-margin-lr: 4px;\n\n$slick-dots-margin-tb: 0;\n\n$slick-arrow-width-m: 28px;\n\n$slick-arrow-width-l: 48px;\n\n$slick-arrow-height-m: 56px;\n\n$slick-arrow-height-l: 96px;\n\n$slick-ver-arrow-width-m: 56px;\n\n$slick-ver-arrow-width-l: 96px;\n\n$slick-ver-arrow-height-m: 28px;\n\n$slick-ver-arrow-height-l: 48px;\n\n$slick-arrow-icon-m: 20px;\n\n$slick-arrow-icon-l: 32px;\n\n$slick-arrow-position-lr-m: 4px;\n\n$slick-arrow-position-lr-l: 8px;\n\n$slick-ver-arrow-position-tb-m: 4px;\n\n$slick-ver-arrow-position-tb-l: 16px;\n\n$slick-track-padding-lr: 24px;\n\n$slick-ver-track-padding-tb: 24px;\n\n$slick-dots-background-color-normal: #000000;\n\n$slick-dots-background-color-hover: #000000;\n\n$slick-dots-background-color-selected: #7282EC;\n\n$slick-dots-background-opacity-normal: .32;\n\n$slick-dots-background-opacity-hover: .32;\n\n$slick-dots-background-opacity-selected: 1;\n\n$slick-dots-border-width: 0;\n\n$slick-dots-border-radius: 50%;\n\n$slick-dots-border-color-normal: #FFFFFF;\n\n$slick-dots-border-color-hover: #FFFFFF;\n\n$slick-dots-border-color-selected: #FFFFFF;\n\n$slick-dots-border-opacity-normal: 1;\n\n$slick-dots-border-opacity-hover: 1;\n\n$slick-dots-border-opacity-selected: 1;\n\n$slick-arrow-icon-color-normal: #FFFFFF;\n\n$slick-arrow-icon-color-normal-outer: #B1B1B8;\n\n$slick-arrow-icon-color-hover: #FFFFFF;\n\n$slick-arrow-icon-color-hover-outer: #FFFFFF;\n\n$slick-arrow-icon-color-disabled: #575867;\n\n$slick-arrow-icon-color-disabled-outer: #575867;\n\n$slick-arrow-bg-color-normal: #000000;\n\n$slick-arrow-bg-color-hover: #000000;\n\n$slick-arrow-bg-color-disabled: #333646;\n\n$slick-arrow-bg-opacity-normal: .2;\n\n$slick-arrow-bg-opacity-hover: .4;\n\n$slick-arrow-bg-opacity-disabled: .5;\n\n$slick-arrow-bg-color-normal-outer: transparent;\n\n$slick-arrow-bg-color-hover-outer: transparent;\n\n$slick-arrow-bg-color-disabled-outer: transparent;\n\n$slick-arrow-bg-opacity-normal-outer: 1;\n\n$slick-arrow-bg-opacity-hover-outer: .32;\n\n$slick-arrow-bg-opacity-disabled-outer: .32;\n\n$slick-arrow-corner-radius-outer: 0;\n\n\n// ------------------------ time-picker ------------------------ //\n\n$time-picker-panel-width: 200px;\n\n$time-picker-panel-background: #FFFFFF;\n\n$time-picker-menu-border-width: 1px;\n\n$time-picker-menu-title-font-size: 10px;\n\n$time-picker-menu-item-font-size: 10px;\n\n$time-picker-menu-title-height: 28px;\n\n$time-picker-menu-item-height: 28px;\n\n$time-picker-menu-border-color: #6B6F83;\n\n$time-picker-menu-title-color: #767682;\n\n$time-picker-menu-title-background: #FFFFFF;\n\n$time-pikcer-menu-title-font-weight: normal;\n\n$time-picker-menu-item-color: #B1B1B8;\n\n$time-picker-menu-item-color-hover: #FFFFFF;\n\n$time-picker-menu-item-color-selected: #B1B1B8;\n\n$time-picker-menu-item-color-disabled: #575867;\n\n$time-picker-menu-item-background: #FFFFFF;\n\n$time-picker-menu-item-background-hover: #474959;\n\n$time-picker-menu-item-background-selected: #474959;\n\n$time-picker-menu-item-background-disabled: #FFFFFF;\n\n$time-picker-menu-item-font-weight-selected: bold;\n\n\n// ------------------------ radio ------------------------ //\n\n$radio-width: 16px;\n\n$radio-circle-border-width: 1px;\n\n$radio-circle-size: 4px;\n\n$radio-font-margin-left: 4px;\n\n$radio-font-size: 12px;\n\n$radio-shadow: none;\n\n$radio-radius-size: 50%;\n\n$radio-bg-color: #5C5F70;\n\n$radio-hovered-bg-color: #DCDDFD;\n\n$radio-checked-bg-color: #7282EC;\n\n$radio-disabled-bg-color: #333646;\n\n$radio-checked-hovered-bg-color: #5440DD;\n\n$radio-checked-disabled-bg-color: #333646;\n\n$radio-border-color: #A7AABB;\n\n$radio-hovered-border-color: #7282EC;\n\n$radio-checked-border-color: #7282EC;\n\n$radio-disabled-border-color: #A7AABB;\n\n$radio-checked-disabled-border-color: #434557;\n\n$radio-checked-hovered-border-color: transparent;\n\n$radio-checked-circle-color: #FFFFFF;\n\n$radio-disabled-circle-color: #575867;\n\n$radio-checked-hovered-circle-color: #FFFFFF;\n\n$radio-checked-disabled-circle-color: #575867;\n\n$radio-normal-font-color: #FFFFFF;\n\n$radio-normal-font-color-disabled: #575867;\n\n$radio-button-height-large: 40px;\n\n$radio-button-height-medium: 28px;\n\n$radio-button-height-small: 20px;\n\n$radio-button-padding-large: 8px;\n\n$radio-button-padding-medium: 8px;\n\n$radio-button-padding-small: 8px;\n\n$radio-button-corner-large: 2px;\n\n$radio-button-corner-medium: 2px;\n\n$radio-button-corner-small: 2px;\n\n$radio-button-font-size-large: 16px;\n\n$radio-button-font-size-medium: 12px;\n\n$radio-button-font-size-small: 10px;\n\n$radio-button-bg-color: #4C4F60;\n\n$radio-button-bg-color-hovered: #474959;\n\n$radio-button-bg-color-checked: #7282EC;\n\n$radio-button-bg-color-disabled: #333646;\n\n$radio-button-bg-color-checked-disabled: #474959;\n\n$radio-button-border-color: #4D4F61;\n\n$radio-button-border-color-hovered: #6B6F83;\n\n$radio-button-border-color-checked: #7282EC;\n\n$radio-button-border-color-disabled: #6B6F83;\n\n$radio-button-border-color-checked-disabled: #6B6F83;\n\n$radio-button-font-color: #FFFFFF;\n\n$radio-button-font-color-hovered: #FFFFFF;\n\n$radio-button-font-color-checked: #FFFFFF;\n\n$radio-button-font-color-disabled: #575867;\n\n$radio-button-font-color-checked-disabled: #575867;\n\n\n// ------------------------ step ------------------------ //\n\n$step-arrow-item-height: 32px;\n\n$step-arrow-item-title-size: 14px;\n\n$step-arrow-item-title-weight: bold;\n\n$step-arrow-item-wait-background: #4C4F60;\n\n$step-arrow-item-title-wait-color: #767682;\n\n$step-arrow-item-process-background: #7282EC;\n\n$step-arrow-item-title-process-color: #FFFFFF;\n\n$step-arrow-item-finish-background: #DCDDFD;\n\n$step-arrow-item-title-finish-color: #7282EC;\n\n$step-arrow-item-disabled-background: #333646;\n\n$step-arrow-item-title-disabled-color: #575867;\n\n$step-circle-item-node-padding: 8px;\n\n$step-circle-item-node-border-width: 1px;\n\n$step-circle-item-node-icon-size: 12px;\n\n$step-circle-item-node-font-size: 10px;\n\n$step-circle-item-node-corner: 50%;\n\n$step-circle-item-tail-size: 1px;\n\n$step-circle-item-title-margin-top: 8px;\n\n$step-circle-item-content-margin-top: 4px;\n\n$step-circle-item-content-font-size: 10px;\n\n$step-circle-item-body-width: 100px;\n\n$step-circle-item-title-size: 14px;\n\n$step-circle-item-title-weight: bold;\n\n$step-circle-item-node-wait-size: 32px;\n\n$step-circle-item-node-process-size: 32px;\n\n$step-circle-item-node-finish-size: 32px;\n\n$step-circle-item-node-disabled-size: 32px;\n\n$step-circle-item-tail-wait-color: #6B6F83;\n\n$step-circle-item-tail-process-color: #6B6F83;\n\n$step-circle-item-tail-finish-color: #7282EC;\n\n$step-circle-item-tail-disabled-color: #A7AABB;\n\n$step-circle-item-node-wait-font-weight: normal;\n\n$step-circle-item-node-process-font-weight: normal;\n\n$step-circle-item-node-disabled-font-weight: normal;\n\n$step-circle-item-node-finish-font-weight: normal;\n\n$step-circle-item-title-wait-color: #B1B1B8;\n\n$step-circle-item-title-process-color: #FFFFFF;\n\n$step-circle-item-title-finish-color: #B1B1B8;\n\n$step-circle-item-title-disabled-color: #575867;\n\n$step-circle-item-node-wait-border-color: #474959;\n\n$step-circle-item-node-wait-background: #333646;\n\n$step-circle-item-node-wait-color: #B1B1B8;\n\n$step-circle-item-node-process-border-color: #7282EC;\n\n$step-circle-item-node-process-background: #7282EC;\n\n$step-circle-item-node-process-color: #FFFFFF;\n\n$step-circle-item-node-process-percent-color: #7282EC;\n\n$step-circle-item-node-process-percent-size: 12px;\n\n$step-circle-item-node-finish-border-color: #7282EC;\n\n$step-circle-item-node-finish-background: #7282EC;\n\n$step-circle-item-node-finish-color: #FFFFFF;\n\n$step-circle-item-node-disabled-border-color: #A7AABB;\n\n$step-circle-item-node-disabled-background: #333646;\n\n$step-circle-item-node-disabled-color: #575867;\n\n$step-circle-vertical-item-node-padding: 8px;\n\n$step-circle-vertical-item-body-margin-left: 16px;\n\n$step-circle-vertical-item-title-margin-top: 8px;\n\n$step-circle-vertical-item-content-margin-top: 4px;\n\n$step-circle-item-content-color: #B1B1B8;\n\n$step-circle-item-tail-bg-color: #434557;\n\n$step-circle-vertical-item-tail-size: 1px;\n\n$step-dot-item-dot-padding: 8px;\n\n$step-dot-item-dot-icon-size: 12px;\n\n$step-dot-item-dot-border-width: 1px;\n\n$step-dot-item-body-width: 100px;\n\n$step-dot-item-content-margin-top: 4px;\n\n$step-dot-item-dot-corner: 50%;\n\n$step-dot-item-title-size: 12px;\n\n$step-dot-item-title-weight: bold;\n\n$step-dot-item-title-margin-top: 8px;\n\n$step-dot-item-tail-size: 1px;\n\n$step-dot-item-dot-wait-size: 12px;\n\n$step-dot-item-dot-process-size: 12px;\n\n$step-dot-item-dot-finish-size: 12px;\n\n$step-dot-item-dot-disabled-size: 12px;\n\n$step-dot-item-tail-wait-color: #6B6F83;\n\n$step-dot-item-tail-process-color: #6B6F83;\n\n$step-dot-item-tail-finish-color: #7282EC;\n\n$step-dot-item-tail-disabled-color: #A7AABB;\n\n$step-dot-item-title-wait-color: #B1B1B8;\n\n$step-dot-item-title-process-color: #FFFFFF;\n\n$step-dot-item-title-finish-color: #B1B1B8;\n\n$step-dot-item-title-disabled-color: #575867;\n\n$step-dot-item-node-wait-border-color: #5C5F70;\n\n$step-dot-item-node-wait-background: #5C5F70;\n\n$step-dot-item-node-wait-color: #767682;\n\n$step-dot-item-node-process-border-color: #7282EC;\n\n$step-dot-item-node-process-background: #7282EC;\n\n$step-dot-item-node-process-color: #7282EC;\n\n$step-dot-item-node-finish-border-color: #7282EC;\n\n$step-dot-item-node-finish-background: #7282EC;\n\n$step-dot-item-node-finish-color: #7282EC;\n\n$step-dot-item-node-disabled-border-color: #A7AABB;\n\n$step-dot-item-node-disabled-background: #333646;\n\n$step-dot-item-node-disabled-color: #434557;\n\n$step-dot-vertical-item-node-padding: 8px;\n\n$step-dot-vertical-item-body-margin-left: 16px;\n\n$step-dot-vertical-item-title-margin-top: 0;\n\n$step-dot-vertical-item-content-margin-top: 8px;\n\n$step-dot-item-content-font-size: 10px;\n\n$step-dot-item-content-color: #B1B1B8;\n\n$step-dot-item-tail-bg-color: #434557;\n\n$step-dot-vertical-item-tail-size: 1px;\n\n\n// ------------------------ nav ------------------------ //\n\n$nav-hoz-height: 44px;\n\n$nav-hoz-font-size: 12px;\n\n$nav-hoz-item-margin-tb: 0;\n\n$nav-hoz-item-margin-lr: 0;\n\n$nav-hoz-item-padding-lr: 20px;\n\n$nav-hoz-item-corner: 0;\n\n$nav-hoz-item-selected-active-line: 2px;\n\n$nav-hoz-item-hover-active-line: 0;\n\n$nav-ver-height: 40px;\n\n$nav-ver-font-size: 12px;\n\n$nav-ver-item-margin-tb: 0;\n\n$nav-ver-item-margin-lr: 0;\n\n$nav-ver-item-padding-lr: 20px;\n\n$nav-ver-item-corner: 0;\n\n$nav-ver-item-selected-active-line: 2px;\n\n$nav-ver-item-hover-active-line: 0;\n\n$nav-ver-sub-nav-height: 40px;\n\n$nav-ver-sub-nav-font-size: 10px;\n\n$nav-group-height: 40px;\n\n$nav-group-font-size: 16px;\n\n$nav-icon-self-size: 12px;\n\n$nav-icon-self-margin: 4px;\n\n$nav-icon-only-font-size: 16px;\n\n$nav-primary-bg-color: #31323D;\n\n$nav-primary-border-width: 0;\n\n$nav-primary-border-color: #FFFFFF;\n\n$nav-primary-text-color: #FFFFFF;\n\n$nav-primary-text-style: normal;\n\n$nav-primary-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);\n\n$nav-primary-sub-nav-bg-color: #31323D;\n\n$nav-primary-sub-nav-text-color: #FFFFFF;\n\n$nav-primary-sub-nav-text-style: normal;\n\n$nav-primary-group-text-color: #767682;\n\n$nav-primary-group-text-style: normal;\n\n$nav-primary-item-hover-bg-color: #1A1B22;\n\n$nav-primary-item-hover-text-color: #FFFFFF;\n\n$nav-primary-item-hover-text-style: normal;\n\n$nav-primary-item-hover-active-color: #7282EC;\n\n$nav-primary-sub-nav-hover-bg-color: #1A1B22;\n\n$nav-primary-sub-nav-hover-text-color: #FFFFFF;\n\n$nav-primary-item-selected-bg-color: #1A1B22;\n\n$nav-primary-item-selected-text-color: #FFFFFF;\n\n$nav-primary-item-selected-text-style: bold;\n\n$nav-primary-item-selected-active-color: #7282EC;\n\n$nav-primary-sub-nav-selected-bg-color: #000000;\n\n$nav-primary-sub-nav-selected-text-color: #FFFFFF;\n\n$nav-primary-sub-nav-active-color: #7282EC;\n\n$nav-primary-item-opened-bg-color: #000000;\n\n$nav-primary-item-opened-text-color: #FFFFFF;\n\n$nav-secondary-bg-color: #7282EC;\n\n$nav-secondary-border-width: 0;\n\n$nav-secondary-border-color: #7282EC;\n\n$nav-secondary-text-color: #FFFFFF;\n\n$nav-secondary-text-style: normal;\n\n$nav-secondary-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);\n\n$nav-secondary-sub-nav-bg-color: #7282EC;\n\n$nav-secondary-sub-nav-text-color: #FFFFFF;\n\n$nav-secondary-sub-nav-text-style: normal;\n\n$nav-secondary-group-text-color: #FFFFFF;\n\n$nav-secondary-group-text-style: normal;\n\n$nav-secondary-item-hover-bg-color: #5440DD;\n\n$nav-secondary-item-hover-text-color: #FFFFFF;\n\n$nav-secondary-item-hover-text-style: normal;\n\n$nav-secondary-item-hover-active-color: #5440DD;\n\n$nav-secondary-sub-nav-hover-bg-color: #5440DD;\n\n$nav-secondary-sub-nav-hover-text-color: #FFFFFF;\n\n$nav-secondary-item-selected-bg-color: #5440DD;\n\n$nav-secondary-item-selected-text-color: #FFFFFF;\n\n$nav-secondary-item-selected-text-style: bold;\n\n$nav-secondary-item-selected-active-color: #5440DD;\n\n$nav-secondary-sub-nav-selected-bg-color: #5440DD;\n\n$nav-secondary-sub-nav-selected-text-color: #FFFFFF;\n\n$nav-secondary-sub-nav-active-color: #7282EC;\n\n$nav-secondary-item-opened-bg-color: #5440DD;\n\n$nav-secondary-item-opened-text-color: #FFFFFF;\n\n$nav-normal-bg-color: #333646;\n\n$nav-normal-border-color: #6B6F83;\n\n$nav-normal-text-color: #FFFFFF;\n\n$nav-normal-text-style: normal;\n\n$nav-normal-border-line: 1px;\n\n$nav-normal-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);\n\n$nav-normal-sub-nav-bg-color: #333646;\n\n$nav-normal-sub-nav-text-color: #FFFFFF;\n\n$nav-normal-sub-nav-text-style: normal;\n\n$nav-normal-group-text-color: #767682;\n\n$nav-normal-group-text-style: normal;\n\n$nav-normal-item-hover-bg-color: #3A3C4B;\n\n$nav-normal-item-hover-text-color: #FFFFFF;\n\n$nav-normal-item-hover-text-style: normal;\n\n$nav-normal-item-hover-active-color: #7282EC;\n\n$nav-normal-sub-nav-hover-bg-color: #474959;\n\n$nav-normal-sub-nav-hover-text-color: #7282EC;\n\n$nav-normal-item-selected-bg-color: #3A3C4B;\n\n$nav-normal-item-selected-text-color: #7282EC;\n\n$nav-normal-item-selected-text-style: bold;\n\n$nav-normal-item-selected-active-color: #7282EC;\n\n$nav-normal-sub-nav-selected-bg-color: #474959;\n\n$nav-normal-sub-nav-selected-text-color: #7282EC;\n\n$nav-normal-sub-nav-active-color: #7282EC;\n\n$nav-normal-item-opened-bg-color: #474959;\n\n$nav-normal-item-opened-text-color: #7282EC;\n\n$nav-line-bg-color: transparent;\n\n$nav-line-border-color: #6B6F83;\n\n$nav-line-text-color: #FFFFFF;\n\n$nav-line-text-style: normal;\n\n$nav-line-border-line: 1px;\n\n$nav-line-sub-nav-bg-color: transparent;\n\n$nav-line-sub-nav-text-color: #FFFFFF;\n\n$nav-line-sub-nav-text-style: normal;\n\n$nav-line-item-hover-bg-color: transparent;\n\n$nav-line-item-hover-text-color: #7282EC;\n\n$nav-line-item-hover-text-style: normal;\n\n$nav-line-item-hover-active-color: #7282EC;\n\n$nav-line-sub-nav-hover-bg-color: transparent;\n\n$nav-line-sub-nav-hover-text-color: #7282EC;\n\n$nav-line-item-selected-bg-color: transparent;\n\n$nav-line-item-selected-text-color: #7282EC;\n\n$nav-line-item-selected-text-style: bold;\n\n$nav-line-item-selected-active-color: #7282EC;\n\n$nav-line-sub-nav-selected-bg-color: transparent;\n\n$nav-line-sub-nav-selected-text-color: #7282EC;\n\n$nav-line-sub-nav-active-color: #7282EC;\n\n$nav-line-item-opened-bg-color: transparent;\n\n$nav-line-item-opened-text-color: #7282EC;\n\n$nav-line-group-text-color: #767682;\n\n$nav-line-group-text-style: normal;\n\n\n// ------------------------ tab ------------------------ //\n\n$tab-nav-scroll-padding-right-m: 60px;\n\n$tab-nav-scroll-padding-right-s: 56px;\n\n$tab-nav-tab-icon-size-m: 16px;\n\n$tab-nav-tab-icon-size-s: 12px;\n\n$tab-nav-close-icon-size-m: 12px;\n\n$tab-nav-close-icon-size-s: 8px;\n\n$tab-nav-close-icon-padding-l-size-m: 8px;\n\n$tab-nav-close-icon-padding-l-size-s: 8px;\n\n$tab-nav-arrow-left-positon-right: 32px;\n\n$tab-nav-arrow-right-positon-right: 8px;\n\n$tab-nav-arrow-down-positon-right: 8px;\n\n$tab-item-padding-tb-size-m: 12px;\n\n$tab-item-padding-tb-size-s: 8px;\n\n$tab-item-padding-lr-size-m: 16px;\n\n$tab-item-padding-lr-size-s: 12px;\n\n$tab-item-text-size-m: 12px;\n\n$tab-item-text-size-s: 10px;\n\n$tab-close-icon-color: #B1B1B8;\n\n$tab-close-icon-color-hover: #FFFFFF;\n\n$tab-close-icon-color-selected: #7282EC;\n\n$tab-close-icon-color-disabled: #4D4F61;\n\n$tab-item-font-weight-selected: normal;\n\n$tab-nav-arrow-color-normal: #B1B1B8;\n\n$tab-nav-arrow-color-hover: #FFFFFF;\n\n$tab-nav-arrow-color-disabled: #4D4F61;\n\n$tab-pure-divider-line-width: 1px;\n\n$tab-pure-ink-bar-width: 2px;\n\n$tab-pure-text-color-normal: #B1B1B8;\n\n$tab-pure-bg-color: transparent;\n\n$tab-pure-text-color-hover: #FFFFFF;\n\n$tab-pure-text-color-selected: #7282EC;\n\n$tab-pure-text-color-disabled: #4D4F61;\n\n$tab-pure-ink-bar-color: #7282EC;\n\n$tab-pure-divider-border-color: #4D4F61;\n\n$tab-pure-divider-shadow: none;\n\n$tab-wrapped-border-line-style: solid;\n\n$tab-wrapped-border-line-width: 1px;\n\n$tab-wrapped-border-side-width: 1px;\n\n$tab-wrapped-tab-corner-radius: 2px;\n\n$tab-wrapped-tab-margin-right: 4px;\n\n$tab-wrapped-tab-margin-bottom: 4px;\n\n$tab-wrapped-ink-bar-width: 2px;\n\n$tab-wrapped-bar-bg-color: transparent;\n\n$tab-wrapped-ink-bar-color: #7282EC;\n\n$tab-wrapped-nav-item-border-color-active: #7282EC;\n\n$tab-wrapped-border-line-color: #4D4F61;\n\n$tab-wrapped-content-border-line-width: 1px;\n\n$tab-wrapped-content-border-line-style: solid;\n\n$tab-wrapped-content-border-line-color: #4D4F61;\n\n$tab-wrapped-text-color: #B1B1B8;\n\n$tab-wrapped-text-color-hover: #FFFFFF;\n\n$tab-wrapped-bg-color: #474959;\n\n$tab-wrapped-bg-color-hover: #4C4F60;\n\n$tab-wrapped-border-line-color-hover: #6B6F83;\n\n$tab-wrapped-text-color-selected: #FFFFFF;\n\n$tab-wrapped-text-color-disabled: #575867;\n\n$tab-wrapped-bg-color-selected: #7282EC;\n\n$tab-wrapped-bg-color-disabled: #333646;\n\n$tab-capsule-text-color: #FFFFFF;\n\n$tab-capsule-text-color-hover: #FFFFFF;\n\n$tab-capsule-text-color-selected: #FFFFFF;\n\n$tab-capsule-text-color-disabled: #575867;\n\n$tab-capsule-bg-color: #474959;\n\n$tab-capsule-bg-color-hover: #4C4F60;\n\n$tab-capsule-bg-color-selected: #7282EC;\n\n$tab-capsule-bg-color-disabled: #333646;\n\n$tab-capsule-tab-border-line-color: #6B6F83;\n\n$tab-capsule-tab-border-line-color-hover: #6B6F83;\n\n$tab-capsule-tab-border-line-color-active: #7282EC;\n\n$tab-capsule-tab-border-line-color-disabled: #434557;\n\n$tab-capsule-corner-radius: 2px;\n\n$tab-capsule-tab-border-line-width: 1px;\n\n$tab-capsule-tab-border-line-style: solid;\n\n$tab-text-item-sep-width: 1px;\n\n$tab-text-item-sep-height: 8px;\n\n$tab-text-item-sep-color: #4D4F61;\n\n$tab-text-text-color-normal: #B1B1B8;\n\n$tab-text-text-color-hover: #FFFFFF;\n\n$tab-text-text-color-selected: #7282EC;\n\n$tab-text-text-color-disabled: #575867;\n\n\n// ------------------------ avatar ------------------------ //\n\n$avatar-size-large: 52px;\n\n$avatar-size-medium: 40px;\n\n$avatar-size-small: 28px;\n\n$avatar-border-radius: 2px;\n\n\n// ------------------------ list ------------------------ //\n\n$list-size-s-title-font-size: 16px;\n\n$list-size-s-title-font-weight: bold;\n\n$list-size-s-item-padding-lr: 0;\n\n$list-size-s-item-padding-tb: 12px;\n\n$list-size-s-item-media-margin: 8px;\n\n$list-size-s-item-title-font-size: 14px;\n\n$list-size-s-item-title-line-height: 1.5;\n\n$list-size-s-item-content-font-size: 12px;\n\n$list-size-s-item-content-line-height: 1.3;\n\n$list-size-s-item-title-font-weight: bold;\n\n$list-size-m-title-font-size: 20px;\n\n$list-size-m-title-font-weight: bold;\n\n$list-size-m-item-padding-lr: 0;\n\n$list-size-m-item-padding-tb: 16px;\n\n$list-size-m-item-media-margin: 8px;\n\n$list-size-m-item-title-font-size: 16px;\n\n$list-size-m-item-title-line-height: 1.5;\n\n$list-size-m-item-content-font-size: 14px;\n\n$list-size-m-item-content-line-height: 1.5;\n\n$list-size-m-item-title-font-weight: bold;\n\n$list-divider-color: #4D4F61;\n\n$list-title-color: #FFFFFF;\n\n$list-content-color: #B1B1B8;\n\n$list-extra-color: #767682;\n\n\n// ------------------------ calendar ------------------------ //\n\n$calendar-fullscreen-header-margin-bottom: 8px;\n\n$calendar-fullscreen-table-head-font-weight: bold;\n\n$calendar-fullscreen-table-head-font-size: 16px;\n\n$calendar-fullscreen-table-head-padding-r: 12px;\n\n$calendar-fullscreen-table-head-padding-b: 4px;\n\n$calendar-fullscreen-table-cell-font-size: 14px;\n\n$calendar-fullscreen-table-cell-boder-top-width: 2px;\n\n$calendar-fullscreen-table-cell-margin-tb: 0;\n\n$calendar-fullscreen-table-cell-margin-lr: 4px;\n\n$calendar-fullscreen-table-cell-padding-tb: 4px;\n\n$calendar-fullscreen-table-cell-padding-lr: 8px;\n\n$calendar-fullscreen-table-cell-min-height: 80px;\n\n$calendar-fullscreen-table-head-color: #FFFFFF;\n\n$calendar-fullscreen-table-cell-normal-background: #474959;\n\n$calendar-fullscreen-table-cell-normal-color: #FFFFFF;\n\n$calendar-fullscreen-table-cell-normal-border-color: #4D4F61;\n\n$calendar-fullscreen-table-cell-hover-background: #DCDDFD;\n\n$calendar-fullscreen-table-cell-hover-color: #7282EC;\n\n$calendar-fullscreen-table-cell-hover-border-color: #7282EC;\n\n$calendar-fullscreen-table-cell-select-background: #DCDDFD;\n\n$calendar-fullscreen-table-cell-select-color: #7282EC;\n\n$calendar-fullscreen-table-cell-select-border-color: #7282EC;\n\n$calendar-fullscreen-table-cell-select-font-weight: bold;\n\n$calendar-fullscreen-table-cell-current-background: #4C4F60;\n\n$calendar-fullscreen-table-cell-current-color: #7282EC;\n\n$calendar-fullscreen-table-cell-current-border-color: #7282EC;\n\n$calendar-fullscreen-table-cell-current-font-weight: bold;\n\n$calendar-fullscreen-table-cell-other-background: transparent;\n\n$calendar-fullscreen-table-cell-other-color: #575867;\n\n$calendar-fullscreen-table-cell-other-border-color: transparent;\n\n$calendar-fullscreen-table-cell-disabled-background: #333646;\n\n$calendar-fullscreen-table-cell-disabled-color: #575867;\n\n$calendar-fullscreen-table-cell-disabled-border-color: #575867;\n\n$calendar-card-header-margin-bottom: 8px;\n\n$calendar-card-table-head-font-size: 10px;\n\n$calendar-card-table-head-font-weight: normal;\n\n$calendar-card-table-cell-font-size: 10px;\n\n$calendar-card-table-cell-date-border-radius: 2px;\n\n$calendar-card-table-cell-date-width: 24px;\n\n$calendar-card-table-cell-date-height: 24px;\n\n$calendar-card-table-cell-month-border-radius: 2px;\n\n$calendar-card-table-cell-month-width: 60px;\n\n$calendar-card-table-cell-month-height: 24px;\n\n$calendar-card-table-cell-year-border-radius: 2px;\n\n$calendar-card-table-cell-year-width: 48px;\n\n$calendar-card-table-cell-year-height: 24px;\n\n$calendar-card-table-head-color: #767682;\n\n$calendar-card-table-cell-corner: 0;\n\n$calendar-card-table-cell-normal-background: #474959;\n\n$calendar-card-table-cell-normal-color: #B1B1B8;\n\n$calendar-card-table-cell-normal-border-color: #4D4F61;\n\n$calendar-card-table-cell-hover-background: #DCDDFD;\n\n$calendar-card-table-cell-hover-color: #7282EC;\n\n$calendar-card-table-cell-hover-border-color: #DCDDFD;\n\n$calendar-card-table-cell-select-background: #7282EC;\n\n$calendar-card-table-cell-select-color: #FFFFFF;\n\n$calendar-card-table-cell-select-border-color: #7282EC;\n\n$calendar-card-table-cell-select-font-weight: bold;\n\n$calendar-card-table-cell-other-background: #DCDDFD;\n\n$calendar-card-table-cell-other-color: #575867;\n\n$calendar-card-table-cell-other-border-color: #DCDDFD;\n\n$calendar-card-table-cell-disabled-background: #333646;\n\n$calendar-card-table-cell-disabled-color: #575867;\n\n$calendar-card-table-cell-disabled-border-color: #333646;\n\n$calendar-card-table-cell-current-background: #DCDDFD;\n\n$calendar-card-table-cell-current-color: #7282EC;\n\n$calendar-card-table-cell-current-border-color: #DCDDFD;\n\n$calendar-card-table-cell-current-font-weight: bold;\n\n$calendar-card-table-cell-inrange-background: #DCDDFD;\n\n$calendar-card-table-cell-inrange-color: #7282EC;\n\n$calendar-card-table-cell-inrange-border-color: #DCDDFD;\n\n$calendar-panel-header-margin-bottom: 8px;\n\n$calendar-panel-header-height: 32px;\n\n$calendar-panel-header-border-bottom-width: 1px;\n\n$calendar-panel-header-background: #7282EC;\n\n$calendar-panel-header-border-bottom-color: transparent;\n\n$calendar-btn-date-font-weight: bold;\n\n$calendar-btn-date-margin-lr: 4px;\n\n$calendar-btn-arrow-single-offset-lr: 28px;\n\n$calendar-btn-arrow-double-offset-lr: 8px;\n\n$calendar-btn-arrow-size: 12px;\n\n$calendar-btn-arrow-color: #FFFFFF;\n\n$calendar-btn-arrow-color-hover: #FFFFFF;\n\n$calendar-btn-date-color: #FFFFFF;\n\n$calendar-btn-date-color-hover: #FFFFFF;\n\n\n// ------------------------ breadcrumb ------------------------ //\n\n$breadcrumb-size-m-font-size: 10px;\n\n$breadcrumb-size-ellipsis-font-size: 10px;\n\n$breadcrumb-size-m-icon-size: 8px;\n\n$breadcrumb-size-m-icon-margin: 8px;\n\n$breadcrumb-text-color: #B1B1B8;\n\n$breadcrumb-text-current-color: #FFFFFF;\n\n$breadcrumb-text-current-weight: normal;\n\n$breadcrumb-text-ellipsis-color: #B1B1B8;\n\n$breadcrumb-text-keyword-color: #7282EC;\n\n$breadcrumb-icon-color: #5C5F70;\n\n$breadcrumb-text-color-hover: #7282EC;\n\n$breadcrumb-text-current-color-hover: #7282EC;\n\n$breadcrumb-text-keyword-color-hover: #7282EC;\n\n\n// ------------------------ date-picker ------------------------ //\n\n$date-picker-panel-footer-padding-lr: 20px;\n\n$date-picker-panel-footer-padding-tb: 8px;\n\n$date-picker-panel-background: #FFFFFF;\n\n$date-picker-panel-time-panel-separator-color: #4D4F61;\n\n\n// ------------------------ form-element ------------------------ //\n\n$form-element-small-height: 20px;\n\n$form-element-medium-height: 28px;\n\n$form-element-large-height: 40px;\n\n$form-element-small-font-size: 10px;\n\n$form-element-medium-font-size: 12px;\n\n$form-element-large-font-size: 16px;\n\n$form-element-small-preview-height: 20px;\n\n$form-element-medium-preview-height: 28px;\n\n$form-element-large-preview-height: 40px;\n\n$form-element-small-preview-font-size: 10px;\n\n$form-element-medium-preview-font-size: 12px;\n\n$form-element-large-preview-font-size: 16px;\n\n$form-element-small-icon-size: 12px;\n\n$form-element-medium-icon-size: 12px;\n\n$form-element-large-icon-size: 16px;\n\n$form-element-small-corner: 2px;\n\n$form-element-medium-corner: 2px;\n\n$form-element-large-corner: 2px;\n\n\n// ------------------------ mask ------------------------ //\n\n$mask-background: #000000;\n\n$mask-opacity: .2;\n\n\n// ------------------------ popup ------------------------ //\n\n$popup-local-border-width: 1px;\n\n$popup-local-border-style: solid;\n\n$popup-local-border-color: transparent;\n\n$popup-local-corner: 2px;\n\n$popup-local-shadow: none;\n\n$popup-global-border-width: 0;\n\n$popup-global-border-style: solid;\n\n$popup-global-border-color: #4D4F61;\n\n$popup-global-corner: 2px;\n\n$popup-global-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);\n\n\n// ------------------------ line ------------------------ //\n\n$line-1: 1px;\n\n$line-2: 2px;\n\n$line-3: 3px;\n\n","@import './symbols';\r\n\r\n//\r\n//## 该文档用于定义全局常量，所有组件、页面采用的全局色值、字号等定义均应遵循以下定义。\r\n//\r\n//== 全局开关变量\r\n$enable-ie: false !default; // 是否开启低版本IE支持\r\n$enable-flex: false !default; // 是否采用flex\r\n$enable-rounded: true !default; // 是否支持圆角\r\n$enable-shadows: true !default; // 是否支持shadows\r\n$enable-gradients: true !default; // 是否支持渐变\r\n$enable-transitions: false !default; // 是否支持过渡\r\n$enable-hover-media-query: false !default; // mq实现方式，https://segmentfault.com/q/1010000010346558\r\n//\r\n//== 前/后缀定义：\r\n// std-                                  系统标准相关\r\n// color-                                前景色，文字、描边等相关\r\n// fill-                                 背景色相关\r\n// font-                                 文字相关\r\n// table-                                table相关\r\n// -addition-                            补充\r\n// *-                                    组件相关，如button-， icon-\r\n// -color-                               组件颜色\r\n// -bg-                                  组件背景相关\r\n// -inverse                              对应板块反色\r\n// -width-                               宽度相关\r\n// -size，-size-                         尺寸相关\r\n// -active，-active-                     激活\r\n//\r\n//---------------------------------------------------------------------\r\n//** 基础定义[base]\r\n//== 全局前缀\r\n$prefix: ''; // x-\r\n//\r\n//== 基本单位\r\n$UNIT: 1px;\r\n$REM: 16 * $UNIT;\r\n//-- 屏幕断点\r\n$breakpoint-xs: 320px;\r\n$breakpoint-sm: 360px;\r\n$breakpoint-md: 414px;\r\n$breakpoint-lg: 640px;\r\n//== 基本色\r\n$std-blue: #03a9f4 !default;\r\n$std-red: #f4333c !default;\r\n$std-orange: #fc4c1d !default;\r\n$std-yellow: #ffc600 !default;\r\n$std-green: #6abf47 !default;\r\n$std-gray-base: #000 !default; // 标准黑\r\n$std-gray-darkest: #1f1f1f !default;\r\n$std-gray-darker: #282828 !default;\r\n$std-gray-dark: #333 !default;\r\n$std-grey: #626262 !default; // 标准灰\r\n$std-gray-light: #999 !default;\r\n$std-gray-lighter: #cdcdcd !default;\r\n$std-gray-lightest: #e5e5e5 !default;\r\n$std-white-darkest: #eee !default;\r\n$std-white-darker: #f5f5f5 !default;\r\n$std-white-dark: #f9f9f9 !default;\r\n$std-white-base: #fff !default; // 标准白\r\n//== 文字\r\n//-- 字体\r\n$font-family-sans-serif: 'Helvetica Neue', helvetica, arial, sans-serif !default;\r\n$font-family-serif: georgia, 'Times New Roman', times, serif !default;\r\n$font-family-monospace: source-code-pro, menlo, monaco, consolas, 'Courier New', monospace !default;\r\n$font-family-mobile: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans',\r\n    'Droid Sans', 'Helvetica Neue', helvetica, arial, sans-serif;\r\n//-- 字号\r\n$font-size-root: 1 * $REM !default; //16 * UNIT\r\n$font-size-xl: 1.125 * $font-size-root !default; //H1: 18px\r\n$font-size-lg: 1 * $font-size-root !default; //H2: 16px\r\n$font-size-md: .875 * $font-size-root !default; //H3: 14px\r\n$font-size-sm: .8125 * $font-size-root !default; //H4: 13px\r\n$font-size-xs: .75 * $font-size-root !default; //H5: 12px\r\n$font-size-xxs: .625 * $font-size-root !default; //H6: 10px\r\n//\r\n//---------------------------------------------------------------------\r\n//** 应用定义\r\n//\r\n//== 色彩定义Color\r\n//-- 前景色\r\n$color-base: $std-white-base;\r\n$color-base-inverse: $std-gray-base;\r\n$color-primary: $std-blue; // 主色\r\n$color-secondary: $std-orange; // 辅色\r\n$color-success: $std-green; //成功提示\r\n$color-warning: $std-yellow; //警告提示\r\n$color-error: $std-red; //加强警告、错误提示\r\n$color-important: $std-orange; // 小红点\r\n//-- 背景色\r\n$fill-body: $std-gray-lightest; // 页面背景\r\n$fill-body-inverse: $std-gray-darkest; // 页面反色背景\r\n$fill-base: $std-white-base; // 组件默认背景\r\n$fill-base-inverse: $std-gray-darkest; // 组件默认背景-反色\r\n$fill-tap: darken($std-gray-lightest, 5%); // 组件默认背景 - 按下 :active,:focus状态下的背景色\r\n$fill-mask: rgba(0, 0, 0, .4); // 遮罩背景\r\n$fill-disabled: $std-gray-lighter; // 通用失效背景\r\n$fill-success: $std-green; //成功提示\r\n$fill-warning: $std-yellow; //警告提示\r\n$fill-error: $std-red; //加强警告、错误提示\r\n$fill-important: $std-orange; // 小红点\r\n//\r\n//== 文字定义Font\r\n//-- 字体\r\n$font-family-base: $font-family-mobile !default;\r\n//-- 行高\r\n$line-height-paragraph: 1.5 !default; // 多行行高\r\n$line-height-single: 1 !default; // 单行行高,采用单行高时禁止overflow:hidden\r\n$line-height-base: $line-height-paragraph; // 默认行高\r\n//-- 字号\r\n$font-size-h1: $font-size-xl;\r\n$font-size-h2: $font-size-lg;\r\n$font-size-h3: $font-size-md;\r\n$font-size-h4: $font-size-sm;\r\n$font-size-h5: $font-size-xs;\r\n$font-size-h6: $font-size-xxs;\r\n$font-size-base: $font-size-h3;\r\n$font-size-heading: $font-size-h2;\r\n$font-size-subhead: $font-size-h3;\r\n$font-size-info: $font-size-h3;\r\n$font-size-caption: $font-size-h4;\r\n$font-size-tips: $font-size-h5;\r\n$font-size-icon-text: $font-size-h5;\r\n//-- 文字色\r\n$color-text-base: $std-gray-dark; //基本\r\n$color-text-base-inverse: $std-white-base; // 基本 - 反色\r\n$color-text-active: $color-primary; // 激活色\r\n$color-text-caption: $std-gray-light; // 辅助描述\r\n$color-text-disabled: $std-gray-lighter; // 失效\r\n$color-text-warning: lighten($color-secondary, 5%);\r\n$color-text-highlight: lighten($color-primary, 10%);\r\n$color-text-placeholder: $std-gray-lighter; // 文本框提示\r\n$color-text-paragraph: $std-grey; // 文字段落颜色\r\n$color-link: $color-text-base; // 链接\r\n$color-link-active: lighten($color-link, 15%);\r\n$color-icon-base: $std-grey; // 许多小图标的背景，比如一些小圆点，加减号\r\n//\r\n//== 超链接Link\r\n//-- hover decoration\r\n$link-hover-decoration: none;\r\n//\r\n//== 图标Icon\r\n//-- 尺寸\r\n$icon-size-base: 16 * $UNIT !default;\r\n$icon-size-xs: 12 * $UNIT !default;\r\n$icon-size-sm: 16 * $UNIT !default;\r\n$icon-size-md: 20 * $UNIT !default; // 导航条上的图标、grid的图标大小\r\n$icon-size-lg: 26 * $UNIT !default;\r\n$icon-size-xl: 36 * $UNIT !default;\r\n//\r\n//== 边框Border\r\n//-- 尺寸\r\n$border-width-sm: 1px !default;\r\n$border-width-md: 1px !default;\r\n$border-width-lg: 2 * $UNIT !default;\r\n//-- 边框色\r\n$border-color-base: $std-gray-lightest;\r\n$border-color-base-inverse: $std-gray-dark; // 基本 - 反色\r\n//\r\n//== 圆角Radius\r\n$radius-xs: 3 * $UNIT !default;\r\n$radius-sm: 5 * $UNIT !default;\r\n$radius-md: 7 * $UNIT !default;\r\n$radius-lg: 9 * $UNIT !default;\r\n$radius-max: 200 * $UNIT !default;\r\n$radius-circle: 50% !default;\r\n//\r\n//== 阴影Shadow\r\n$shadow-xs: 2 * $UNIT !default;\r\n$shadow-sm: 3 * $UNIT !default;\r\n$shadow-md: 5 * $UNIT !default;\r\n$shadow-lg: 7 * $UNIT !default;\r\n$shadow-blur: 15 * $UNIT !default;\r\n$shadow-color-base: $std-gray-light;\r\n$shadow-bottom: $shadow-sm 0 $shadow-blur $shadow-color-base;\r\n$shadow-up: -$shadow-sm 0 $shadow-blur $shadow-color-base;\r\n//\r\n//== 表格Table\r\n//-- table内留白\r\n$table-cell-padding: .75rem !default;\r\n$table-sm-cell-padding: .3rem !default;\r\n//-- table颜色\r\n$table-bg-base: transparent !default;\r\n$table-bg-accent: $std-gray-lighter !default;\r\n$table-bg-hover: $std-gray-light !default;\r\n$table-bg-active: $table-bg-hover !default;\r\n$table-border-color: $std-gray-lighter !default;\r\n//\r\n//---------------------------------------------------------------------\r\n//** 布局定义Layout\r\n//\r\n//== 间距定义Spacing\r\n//-- 水平间距\r\n$h-spacing-sm: 6 * $UNIT !default;\r\n$h-spacing-md: 8 * $UNIT !default;\r\n$h-spacing-lg: 10 * $UNIT !default;\r\n$h-spacing-xl: 12 * $UNIT !default;\r\n//-- 垂直间距\r\n$v-spacing-xs: 3 * $UNIT !default;\r\n$v-spacing-sm: 6 * $UNIT !default;\r\n$v-spacing-md: 10 * $UNIT !default;\r\n$v-spacing-lg: 16 * $UNIT !default;\r\n$v-spacing-xl: 20 * $UNIT !default;\r\n//-- 全局间距\r\n$page-padding: $v-spacing-lg $v-spacing-md !default;\r\n//\r\n//== 层级z-index\r\n$zindex-modal: 999;\r\n$zindex-progress: 2000;\r\n$zindex-popover: 1999;\r\n$zindex-toast: 1999;\r\n//\r\n//== 栅格系统Grid\r\n//-- 栅格尺寸\r\n$grid-gutter-width: 6px !default;\r\n//\r\n//---------------------------------------------------------------------\r\n//** 动画Animation\r\n//== 动画缓动\r\n$ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);\r\n//-- Transition\r\n$transition-in: all .3s ease-in;\r\n$transition-out: all .3s ease-out;\r\n$transition-in-out: all .3s $ease-in-out-quint;\r\n//\r\n//---------------------------------------------------------------------\r\n//** 组件定义\r\n//== page\r\n$page-min-width: $breakpoint-xs;\r\n$page-color: $color-text-base;\r\n$page-bg-color: $fill-body;\r\n//\r\n//== header\r\n$header-height: 45 * $UNIT !default;\r\n//\r\n//== footer\r\n$footer-height: 50 * $UNIT !default;\r\n$footer-color-active: #f33;\r\n//\r\n//== bar\r\n$bar-height-base: 45 * $UNIT !default;\r\n//\r\n//== 按钮Button\r\n//--尺寸\r\n$btn-size-xl: 50 * $UNIT;\r\n$btn-size-xl-text: 20 * $UNIT;\r\n$btn-size-lg: 46 * $UNIT;\r\n$btn-size-lg-text: 18 * $UNIT;\r\n$btn-size-md: 38 * $UNIT;\r\n$btn-size-md-text: 14 * $UNIT;\r\n$btn-size-sm: 30 * $UNIT;\r\n$btn-size-sm-text: 12 * $UNIT;\r\n$btn-size-xs: 24 * $UNIT;\r\n$btn-size-xs-text: 12 * $UNIT;\r\n$btn-min-width: 4em;\r\n$btn-hot-area: 7px;\r\n//-- 边框\r\n$btn-border-width: $border-width-md;\r\n$btn-border-color: $border-color-base;\r\n//-- button radius\r\n$btn-border-radius-xs: $radius-xs;\r\n$btn-border-radius-sm: $radius-sm;\r\n$btn-border-radius: $radius-md;\r\n$btn-border-radius-lg: $radius-lg;\r\n//-- color\r\n$btn-color-text: $color-text-base;\r\n$btn-color-text-inverse: $color-text-base-inverse;\r\n$btn-color-text-active: $color-text-active;\r\n$btn-color-text-link: $color-link;\r\n$btn-color-text-link-active: $color-link-active;\r\n//-- 按钮背景\r\n$btn-color-base: $fill-base;\r\n$btn-gradient-type: linear;\r\n$btn-gradient-start: left top;\r\n$btn-gradient-end: left bottom;\r\n$btn-color-primary: $color-primary;\r\n$btn-color-secondary: $color-secondary;\r\n$btn-color-success: $color-success;\r\n$btn-color-warning: $color-warning;\r\n$btn-color-error: $color-error;\r\n$btn-color-important: $color-important;\r\n$btn-color-mono: $color-base;\r\n$btn-color-mono-text: $color-base-inverse;\r\n$btn-color-disabled: lighten($color-base-inverse, 20%);\r\n$btn-color-disabled-text: lighten($color-base-inverse, 10%);\r\n$btn-color-progress: $color-base;\r\n$btn-color-progressed-text: $btn-color-secondary;\r\n$btn-image-progress-inner: -webkit-gradient(\r\n    linear,\r\n    left top,\r\n    left bottom,\r\n    color-stop(.5, lighten($btn-color-secondary, 2%)),\r\n    to($btn-color-secondary)\r\n);\r\n//-- animate\r\n$btn-bg-color-ani-out: background-color .3s ease-out;\r\n$btn-bg-color-ani-in: background-color .3s ease-in;\r\n//\r\n//== input\r\n//-- 尺寸\r\n$input-item-height-md: 44 * $UNIT;\r\n$input-item-height-lg: 54 * $UNIT;\r\n//-- 文本\r\n$input-font-size: 14 * $UNIT;\r\n//-- label\r\n$input-label-min-width: 5em; // InputItem、TextareaItem 文字长度基础值\r\n$input-label-max-width: 6em;\r\n$input-label-color: $color-text-base;\r\n//-- placeholder\r\n$input-placeholder-font-size: $input-font-size;\r\n$input-placeholder-color: $color-text-placeholder;\r\n//\r\n//== avatar\r\n$avatar-width: 60 * $UNIT;\r\n$avatar-width-sm: 40 * $UNIT;\r\n$avatar-width-lg: 70 * $UNIT;\r\n$avatar-width-tiled: 30 * $UNIT;\r\n//\r\n//== popover\r\n$popover-font-size: $font-size-h3;\r\n$popover-min-width: 10em;\r\n$popover-arrow-width: 8px;\r\n$popover-radius: $radius-sm;\r\n$popover-bg-color: $fill-mask;\r\n$popover-mask: $fill-mask;\r\n//\r\n//== Modal\r\n$modal-pos-offset-v: -15%;\r\n$modal-padding: 20 * $UNIT;\r\n$modal-width: 80%;\r\n$modal-max-width: 360 * $UNIT;\r\n$modal-min-width: 300 * $UNIT;\r\n$modal-max-height: 420 * $UNIT;\r\n$modal-min-height: 120 * $UNIT;\r\n$modal-header-height: 35 * $UNIT;\r\n$modal-border-radius: $radius-sm;\r\n$modal-text-color: $color-text-base;\r\n$modal-bg-color: $fill-mask;\r\n//\r\n//== List\r\n$list-title-height: 30 * $UNIT;\r\n$list-item-height: 44 * $UNIT;\r\n$list-item-height-sm: 35 * $UNIT;\r\n//== tabs\r\n//-- 尺寸\r\n$tabs-bar-height: 35 * $UNIT;\r\n//-- 文字\r\n$tabs-bar-font-size: 15 * $UNIT;\r\n//-- 颜色\r\n$tabs-color: $color-text-base;\r\n$tabs-color-inverse: $color-text-base-inverse;\r\n$tabs-bar-active: $color-text-active;\r\n$tabs-bar-active-inverse: $color-text-base-inverse;\r\n$tabs-bar-bg-color: $fill-base;\r\n$tabs-bar-bg-color-inverse: $std-gray-dark;\r\n//\r\n//== Placeholder\r\n$placeholder-font-size: $font-size-h5;\r\n$placeholder-color: $std-gray-light;\r\n$placeholder-margin-t: 15px;\r\n//\r\n//== Heading\r\n$heading-height: 35 * $UNIT;\r\n$heading-thumb-size: 22px;\r\n//\r\n//== card\r\n$card-border-color: $border-color-base;\r\n$card-head-thumb-size: 22px;\r\n$card-body-min-height: 40 * $UNIT;\r\n\r\n//\r\n//== collapse\r\n$collapse-head-height: $list-item-height;\r\n$collapse-head-color-disabled: $color-text-disabled;\r\n$collapse-head-bg-color-disabled: #fafafa;\r\n","@mixin touch-scroll {\r\n    -webkit-overflow-scrolling: touch;\r\n    overflow-scrolling: touch;\r\n}","/**\r\n * @param $color\r\n * @param $direction: top bottom left right vertical all radius,  default: all\r\n */\r\n@mixin _border($color, $direction: all, $radius: 1px) {\r\n  $list: top bottom left right;\r\n  $vaue: 1px solid $color;\r\n  @if $color==0 {\r\n    $vaue: 0;\r\n  }\r\n  @if contain($list, $direction) {\r\n    border-#{$direction}: $vaue;\r\n  } @else if $direction==vertical {\r\n    border-top: $vaue;\r\n    border-bottom: $vaue;\r\n  } @else {\r\n    border: $vaue;\r\n    @if $direction==radius {\r\n      border-radius: $radius;\r\n    }\r\n  }\r\n}\r\n\r\n/**\r\n* @param $color\r\n* @param $direction: top bottom left right vertical all,  default: all\r\n* @param $pseudo: after before, default: after\r\n*/\r\n@mixin onepx($color, $direction: all, $pseudo: after) {\r\n  $border-t: -webkit-gradient(\r\n    linear,\r\n    left bottom,\r\n    left top,\r\n    color-stop(0.5, rgba(0, 0, 0, 0)),\r\n    color-stop(0.5, $color)\r\n  );\r\n  $border-b: -webkit-gradient(\r\n    linear,\r\n    left top,\r\n    left bottom,\r\n    color-stop(0.5, rgba(0, 0, 0, 0)),\r\n    color-stop(0.5, $color)\r\n  );\r\n  $border-l: -webkit-gradient(\r\n    linear,\r\n    right top,\r\n    left top,\r\n    color-stop(0.5, rgba(0, 0, 0, 0)),\r\n    color-stop(0.5, $color)\r\n  );\r\n  $border-r: -webkit-gradient(\r\n    linear,\r\n    left top,\r\n    right top,\r\n    color-stop(0.5, rgba(0, 0, 0, 0)),\r\n    color-stop(0.5, $color)\r\n  );\r\n\r\n  @include _border($color, $direction);\r\n\r\n  @if $direction==vertical {\r\n    background-image: none;\r\n  }\r\n  @media screen and (-webkit-min-device-pixel-ratio: 2) {\r\n    @include _border(0, $direction);\r\n    @if $direction==top or $direction==bottom or $direction==vertical {\r\n      background-repeat: repeat-x;\r\n      -webkit-background-size: 100% 1px;\r\n      background-size: 100% 1px;\r\n\r\n      @if $direction==top {\r\n        background-position: left top;\r\n        background-image: $border-t;\r\n      } @else if $direction==bottom {\r\n        background-position: left bottom;\r\n        background-image: $border-b;\r\n      } @else {\r\n        background-position: top, bottom;\r\n        background-image: $border-t, $border-b;\r\n      }\r\n    } @else if $direction==left or $direction==right {\r\n      background-repeat: repeat-y;\r\n      -webkit-background-size: 1px 100%;\r\n      background-size: 1px 100%;\r\n      @if $direction==left {\r\n        background-position: left top;\r\n        background-image: $border-l;\r\n      } @else {\r\n        background-position: right top;\r\n        background-image: $border-r;\r\n      }\r\n    } @else {\r\n      position: relative;\r\n      &:#{$pseudo} {\r\n        content: \" \";\r\n        width: 100%;\r\n        height: 100%;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        background-image: $border-t, $border-r, $border-b, $border-l;\r\n        -webkit-background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;\r\n        background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;\r\n        background-repeat: no-repeat;\r\n        background-position: top, right, bottom, left;\r\n        padding: 1px;\r\n        box-sizing: border-box;\r\n        z-index: 10;\r\n        pointer-events: none;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/**\r\n* @param $color\r\n* @param $direction: top bottom left right vertical all radius,  default: all\r\n* @param $pseudo: after before, default: after\r\n* @param $radius default: 1px\r\n*/\r\n@mixin onepx-scale($color, $direction: all, $pseudo: after, $radius: 1px) {\r\n  $list: top bottom left right;\r\n  @include _border($color, $direction, $radius);\r\n  @media only screen and (-webkit-min-device-pixel-ratio: 2) {\r\n    position: relative;\r\n    @include _border(0, $direction, $radius);\r\n    @if $direction==all or $direction==radius {\r\n      // overflow: hidden;\r\n    }\r\n    &:#{$pseudo} {\r\n      content: \" \";\r\n      position: absolute;\r\n      display: block;\r\n      z-index: 5;\r\n      pointer-events: none;\r\n\r\n      @if contain($list, $direction) {\r\n        background-color: $color;\r\n      }\r\n\r\n      @if $direction==top or $direction==bottom {\r\n        left: 0;\r\n        right: 0;\r\n        height: 1px;\r\n        width: 100%;\r\n        -webkit-transform: scaleY(0.5);\r\n        transform: scaleY(0.5);\r\n        @if $direction==top {\r\n          top: 0;\r\n        } @else {\r\n          bottom: 0;\r\n        }\r\n      } @else if $direction==left or $direction==right {\r\n        top: 0;\r\n        bottom: 0;\r\n        width: 1px;\r\n        height: 100%;\r\n        -webkit-transform: scaleX(0.5);\r\n        transform: scaleX(0.5);\r\n\r\n        @if $direction==left {\r\n          left: 0;\r\n        } @else {\r\n          right: 0;\r\n        }\r\n      } @else {\r\n        top: 0;\r\n        left: 0;\r\n        width: 200%;\r\n        height: 200%;\r\n        @include _border($color, $direction, $radius * 2);\r\n        -webkit-transform: scale(0.5);\r\n        transform: scale(0.5);\r\n        box-sizing: border-box;\r\n      }\r\n\r\n      @if $direction==bottom or $direction==right {\r\n        -webkit-transform-origin: 100% 100%;\r\n        transform-origin: 100% 100%;\r\n      } @else {\r\n        -webkit-transform-origin: 0 0;\r\n        transform-origin: 0 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n","// hairline\r\n@mixin hairline($pos: bottom, $color: #e5e5e5, $radius: 7px) {\r\n  @if $pos==top or $pos==right {\r\n    @include onepx-scale($color, $pos, after, 0);\r\n  } @else if $pos==bottom or $pos==left or $pos==vertical or $pos==all {\r\n    @include onepx-scale($color, $pos, before, 0);\r\n  } @else if $pos==radius {\r\n    @include onepx-scale($color, $pos, before, $radius);\r\n  }\r\n}\r\n@mixin hairlineWithRadius($radius: 5px) {\r\n  border-radius: $radius;\r\n  /* stylelint-disable media-feature-name-no-vendor-prefix */\r\n  @media only screen and (-webkit-min-device-pixel-ratio: 2) {\r\n    &::before {\r\n      border-radius: $radius * 2;\r\n    }\r\n  }\r\n}\r\n@mixin hairlineColor($color, $pos: bottom) {\r\n  border: 1px solid;\r\n  @media only screen and (-webkit-min-device-pixel-ratio: 2) {\r\n    border: 0;\r\n    &::before {\r\n      display: block !important;\r\n      @if $pos==top or\r\n        $pos==right or\r\n        $pos==bottom or\r\n        $pos==left or\r\n        $pos==vertical\r\n      {\r\n        background-color: $color;\r\n      } @else {\r\n        border-color: $color;\r\n      }\r\n    }\r\n  }\r\n}\r\n@mixin hairlineClean {\r\n  @media only screen and (-webkit-min-device-pixel-ratio: 2) {\r\n    &::before {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n// hairline-remove\r\n@mixin hairline-remove($pos: bottom) {\r\n  @if $pos==all or $pos==vertical {\r\n    border: 0;\r\n  } @else {\r\n    border-#{$pos}: 0;\r\n  }\r\n\r\n  @if $pos==top or $pos==right {\r\n    &::after {\r\n      display: none !important;\r\n    }\r\n  } @else if\r\n    $pos==bottom or\r\n    $pos==left or\r\n    $pos==vertical or\r\n    $pos==all or\r\n    $pos==radius\r\n  {\r\n    &::before {\r\n      display: none !important;\r\n    }\r\n  }\r\n}\r\n","@mixin float($direction: left, $support-ie: false) {\r\n    float: unquote($direction);\r\n    @if $support-ie {\r\n        _display: inline;\r\n    }\r\n}","@mixin clearfix() {\r\n    &:before,\r\n    &:after {\r\n        content: \" \"; // 1\r\n        display: table; // 2\r\n    }\r\n    &:after {\r\n        clear: both;\r\n    }\r\n}","/**\r\n * @param $line       超出显示省略号的行数，默认：1\r\n * @param $substract  为预留区域百分比%，默认：0\r\n */\r\n@mixin text-overflow($line: 1, $substract: 0) {\r\n  overflow: hidden;\r\n  @if $line==1 {\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n    width: 100% - $substract;\r\n  } @else {\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: $line;\r\n    -webkit-box-orient: vertical;\r\n    // 强制换行所有字符，修复连续的长英文和数字等不换行的问题\r\n    word-break: break-all;\r\n  }\r\n}\r\n\r\n// 文字截断\r\n@mixin ellipsis($rows: 1, $substract: 0) {\r\n  @include text-overflow($rows, $substract);\r\n}\r\n","/**\r\n * @param $direction: horizontal vertical both\r\n */\r\n@mixin center($direction: both) {\r\n  position: absolute;\r\n  @if $direction==both {\r\n    top: 50%;\r\n    left: 50%;\r\n    -webkit-transform: translate3d(-50%, -50%, 0);\r\n    transform: translate3d(-50%, -50%, 0);\r\n  } @else if $direction==horizontal {\r\n    left: 50%;\r\n    -webkit-transform: translate3d(-50%, 0, 0);\r\n    transform: translate3d(-50%, 0, 0);\r\n  } @else if $direction==vertical {\r\n    top: 50%;\r\n    -webkit-transform: translate3d(0, -50%, 0);\r\n    transform: translate3d(0, -50%, 0);\r\n  }\r\n}\r\n\r\n// 垂直上下居中\r\n@mixin vc {\r\n  position: relative;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n}\r\n","/**\r\n * @param $height  线高  default: 1px\r\n * @param $space   线距离文字两边的距离 default: 0.5em\r\n * @param $color   线颜色 default: inherit\r\n * @param $style   border-style default: solid\r\n * @param $adjust  线距离底部的距离，默认垂直居中 default: false\r\n * @param $double  是否需要两条线\r\n */\r\n@mixin side-line($height: 1px, $space: 0.5em, $color: inherit, $style: solid, $adjust: false, $double: false) {\r\n    display: block;\r\n    overflow: hidden;\r\n    text-align: center;\r\n    &:before,\r\n    &:after {\r\n        content: \"\";\r\n        display: inline-block;\r\n        vertical-align: middle;\r\n        position: relative;\r\n        width: 50%;\r\n        border-top-style: $style;\r\n        border-top-width: $height;\r\n        @if $color !=inherit {\r\n            border-top-color: $color;\r\n        }\r\n        @if $adjust !=false {\r\n            bottom: $adjust;\r\n        }\r\n        @if $double !=false {\r\n            height: $double;\r\n            border-bottom-style: $style;\r\n            border-bottom-width: $height;\r\n            @if $color !=inherit {\r\n                border-bottom-color: $color;\r\n            }\r\n        }\r\n    }\r\n    &:before {\r\n        right: $space;\r\n        margin-left: -50%;\r\n    }\r\n    &:after {\r\n        left: $space;\r\n        margin-right: -50%;\r\n    }\r\n}","/**\r\n * @desc  绘制箭头 http://lugolabs.com/caret\r\n * @param $width\r\n * @param $border-width\r\n * @param $direction: top bottom left right\r\n * @param $background-color\r\n * @param $position 默认relative\r\n */\r\n@mixin arrow($width, $border-width, $direction, $color, $background-color, $position: relative) {\r\n    $map-direction: (\r\n        top: bottom left right,\r\n        bottom: top left right,\r\n        left: right top bottom,\r\n        right: left top bottom\r\n    );\r\n    @if not map-has-key($map-direction, $direction) {\r\n        @error \"arrow $direction 必须为：#{map-keys($map-direction)}\";\r\n    }\r\n    $conf: map-get($map-direction, $direction);\r\n\r\n    position: $position;\r\n    &:before,\r\n    &:after {\r\n        content: \"\";\r\n        position: absolute;\r\n    }\r\n    &:before {\r\n        top: 0;\r\n        left: 0;\r\n\r\n        border-#{nth($conf, 1)}: $width solid $color;\r\n        border-#{nth($conf, 2)}: $width solid transparent;\r\n        border-#{nth($conf, 3)}: $width solid transparent;\r\n    }\r\n    &:after {\r\n        border-#{nth($conf, 1)}: ($width - $border-width) solid $background-color;\r\n        border-#{nth($conf, 2)}: ($width - $border-width) solid transparent;\r\n        border-#{nth($conf, 3)}: ($width - $border-width) solid transparent;\r\n        top: if($direction==bottom, 0, $border-width);\r\n        left: if($direction==right, 0, $border-width);\r\n    }\r\n}","/**\r\n * @desc  三角形\r\n * @param $width\r\n * @param $height\r\n * @param $color\r\n * @param $direction: top bottom left right\r\n */\r\n@mixin triangle($width, $height, $color: #000, $direction: bottom) {\r\n    $map-direction: (\r\n        top: bottom left right,\r\n        bottom: top left right,\r\n        left: right top bottom,\r\n        right: left top bottom\r\n    );\r\n    @if not map-has-key($map-direction, $direction) {\r\n        @error \"triangle $direction 必须为：#{map-keys($map-direction)}\";\r\n    }\r\n    $conf: map-get($map-direction, $direction);\r\n    @if $direction==top or $direction==bottom {\r\n        $width: $width/2;\r\n    }\r\n    @else {\r\n        $height: $height/2;\r\n    }\r\n\r\n    height: 0;\r\n    width: 0;\r\n    border-#{nth($conf, 1)}: $height solid $color;\r\n    border-#{nth($conf, 2)}: $width solid transparent;\r\n    border-#{nth($conf, 3)}: $width solid transparent;\r\n}\r\n\r\n\r\n/**\r\n * @desc 通过背景图实现三角形\r\n */\r\n@mixin svg-triangle($width, $height, $color: #000, $direction: bottom) {\r\n    $map-direction: (\r\n        top: 0,\r\n        bottom: 180 strip-unit($width) strip-unit($height),\r\n        left: -90 strip-unit($height) strip-unit($height),\r\n        right: 90 strip-unit($width) strip-unit($width)\r\n    );\r\n    @if not map-has-key($map-direction, $direction) {\r\n        @error \"svg-triangle $direction 必须为：#{map-keys($map-direction)}\";\r\n    }\r\n    $degrees: map-get($map-direction, $direction);\r\n\r\n    width: $width;\r\n    height: $height;\r\n    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%22#{$width * 2}%22%20height%3D%22#{$height * 2}%22%3E%3Cpath%20fill%3D%22#{$color}%22%20transform%3D%22rotate(#{$degrees})%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E');\r\n    background-repeat: no-repeat;\r\n    background-size: 100% auto;\r\n}","@import '@/settings';\n\n.content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 70vh;\n}\n\n.logWrap {\n    width: 40vmin;\n    height: 40vmin;\n    overflow: hidden;\n}\n.logo {\n    width: 100%;\n    height: 100%;\n    animation: logo-spin infinite 20s linear;\n}\n\n.text {\n    color: $base-text-color;\n    font-size: calc(10px + 2vmin);\n}\n\n.link {\n    color: #61dafb;\n}\n\n@keyframes logo-spin {\n    from {\n        transform: rotate(0deg);\n    }\n    to {\n        transform: rotate(360deg);\n    }\n}\n","//== 全局样式\n@import '@theme/variables.scss';\n@import '~@ozo/mixins-sass/src/_settings.scss';\n@import '~@ozo/mixins-sass/src/basis/_reset.scss';\n//== mixins\n@import '~@ozo/mixins-sass/src/mixins.scss';\n\n//** 项目相关重置或定义\n//\n//== 补充色\n// $color-addition-1: #69f6ff;\n// $color-addition-2: #fbf25e;\n// $color-addition-3: #fc3d80;\n$page-bg-color: #f2f2f2;\n$base-text-color: #333;\n","/**\r\n * @param $min   min-width\r\n * @param $max   max-width\r\n */\r\n@mixin screen($min, $max) {\r\n    @media screen and (min-width: $min) and (max-width: $max) {\r\n        @content;\r\n    }\r\n}\r\n\r\n@mixin max-screen($width) {\r\n    @media screen and (max-width: $width) {\r\n        @content;\r\n    }\r\n}\r\n\r\n@mixin min-screen($width) {\r\n    @media screen and (min-width: $width) {\r\n        @content;\r\n    }\r\n}\r\n\r\n// https://bjango.com/articles/min-device-pixel-ratio/\r\n@mixin hidpi($ratio: 1.3) {\r\n    @media only screen and (-webkit-min-device-pixel-ratio: $ratio), only screen and (min--moz-device-pixel-ratio: $ratio), only screen and (-o-min-device-pixel-ratio: #{$ratio}/1), only screen and (min-resolution: #{round($ratio*96)}dpi), only screen and (min-resolution: #{$ratio}dppx) {\r\n        @content;\r\n    }\r\n}\r\n\r\n@mixin hidpis($filenames, $ratios, $background-size) {\r\n    @for $i from 1 to length($filenames) {\r\n        @include hidpi(nth($ratios, $i)) {\r\n            background-image: url(\"#{nth($filenames, $i)}\");\r\n        }\r\n    }\r\n    background-size: $background-size;\r\n}\r\n\r\n/**\r\n * @param $filename\r\n * @param $retina-filename   多个或者一个\r\n * @param $ratio             多个或者一个\r\n * @param $background-size\r\n */\r\n@mixin retina-image($filename, $retina-filename, $ratio: 1.3, $background-size: 100%) {\r\n    background-image: url(\"#{$filename}\");\r\n    @if length($retina-filename)>1 {\r\n        @include hidpis($retina-filename,\r\n        $ratio,\r\n        $background-size);\r\n    }\r\n    @else {\r\n        @include hidpi($ratio) {\r\n            background-image: url(\"#{$retina-filename}\");\r\n            background-size: $background-size;\r\n        }\r\n    }\r\n}\r\n\r\n@mixin iphone6($orientation: all) {\r\n    $deviceMinWidth: 375px;\r\n    $deviceMaxWidth: 667px;\r\n    $deviceMinPixelRatio: 2;\r\n    @if $orientation==all {\r\n        @media only screen and (min-device-width: $deviceMinWidth) and (max-device-width: $deviceMaxWidth) and (-webkit-min-device-pixel-ratio: $deviceMinPixelRatio) {\r\n            @content;\r\n        }\r\n    }\r\n    @else {\r\n        @media only screen and (min-device-width: $deviceMinWidth) and (max-device-width: $deviceMaxWidth) and (-webkit-min-device-pixel-ratio: $deviceMinPixelRatio) and (orientation: $orientation) {\r\n            @content;\r\n        }\r\n    }\r\n}\r\n\r\n@mixin iphone6plus($orientation: all) {\r\n    $deviceMinWidth: 414px;\r\n    $deviceMaxWidth: 736px;\r\n    $deviceMinPixelRatio: 3;\r\n    @if $orientation==all {\r\n        @media only screen and (min-device-width: $deviceMinWidth) and (max-device-width: $deviceMaxWidth) and (-webkit-min-device-pixel-ratio: $deviceMinPixelRatio) {\r\n            @content;\r\n        }\r\n    }\r\n    @else {\r\n        @media only screen and (min-device-width: $deviceMinWidth) and (max-device-width: $deviceMaxWidth) and (-webkit-min-device-pixel-ratio: $deviceMinPixelRatio) and (orientation: $orientation) {\r\n            @content;\r\n        }\r\n    }\r\n}\r\n\r\n@mixin iphone5($orientation: all) {\r\n    $deviceMinWidth: 320px;\r\n    $deviceMaxWidth: 568px;\r\n    $devicePixelRatio: 2;\r\n    $deviceAspectRatio: '40/71';\r\n    @if $orientation==all {\r\n        @media only screen and (min-device-width: $deviceMinWidth) and (max-device-width: $deviceMaxWidth) and (-webkit-device-pixel-ratio: $devicePixelRatio) and (device-aspect-ratio: $deviceAspectRatio) {\r\n            @content;\r\n        }\r\n    }\r\n    @else {\r\n        @media only screen and (min-device-width: $deviceMinWidth) and (max-device-width: $deviceMaxWidth) and (-webkit-device-pixel-ratio: $devicePixelRatio) and (device-aspect-ratio: $deviceAspectRatio) and (orientation:#{$orientation}) {\r\n            @content;\r\n        }\r\n    }\r\n}\r\n\r\n@mixin iphone4($orientation: all) {\r\n    $deviceMinWidth: 320px;\r\n    $deviceMaxWidth: 480px;\r\n    $devicePixelRatio: 2;\r\n    $deviceAspectRatio: '2/3';\r\n    @if $orientation==all {\r\n        @media only screen and (min-device-width: $deviceMinWidth) and (max-device-width: $deviceMaxWidth) and (-webkit-device-pixel-ratio: $devicePixelRatio) and (device-aspect-ratio: $deviceAspectRatio) {\r\n            @content;\r\n        }\r\n    }\r\n    @else {\r\n        @media only screen and (min-device-width: $deviceMinWidth) and (max-device-width: $deviceMaxWidth) and (-webkit-device-pixel-ratio: $devicePixelRatio) and (device-aspect-ratio: 2/3) and (orientation:#{$orientation}) {\r\n            @content;\r\n        }\r\n    }\r\n}\r\n\r\n@mixin ipad($orientation: all) {\r\n    $deviceMinWidth: 768px;\r\n    $deviceMaxWidth: 1024px;\r\n    @if $orientation==all {\r\n        @media only screen and (min-device-width: $deviceMinWidth) and (max-device-width: $deviceMaxWidth) {\r\n            @content;\r\n        }\r\n    }\r\n    @else {\r\n        @media only screen and (min-device-width: $deviceMinWidth) and (max-device-width: $deviceMaxWidth) and (orientation:#{$orientation}) {\r\n            @content;\r\n        }\r\n    }\r\n}\r\n\r\n@mixin ipad-mini($orientation: all) {\r\n    $deviceMinWidth: 768px;\r\n    $deviceMaxWidth: 1024px;\r\n    $devicePixelRatio: 1;\r\n    @if $orientation==all {\r\n        @media only screen and (min-device-width: $deviceMinWidth) and (max-device-width: $deviceMaxWidth) and (-webkit-min-device-pixel-ratio: $devicePixelRatio) {\r\n            @content;\r\n        }\r\n    }\r\n    @else {\r\n        @media only screen and (min-device-width: $deviceMinWidth) and (max-device-width: $deviceMaxWidth) and (-webkit-min-device-pixel-ratio: $devicePixelRatio) and (orientation:#{$orientation}) {\r\n            @content;\r\n        }\r\n    }\r\n}\r\n\r\n@mixin ipad-retina($orientation: all) {\r\n    $deviceMinWidth: 768px;\r\n    $deviceMaxWidth: 1024px;\r\n    $devicePixelRatio: 2;\r\n    @if $orientation==all {\r\n        @media only screen and (min-device-width: $deviceMinWidth) and (max-device-width: $deviceMaxWidth) and (-webkit-min-device-pixel-ratio: $devicePixelRatio) {\r\n            @content;\r\n        }\r\n    }\r\n    @else {\r\n        @media only screen and (min-device-width: $deviceMinWidth) and (max-device-width: $deviceMaxWidth) and (-webkit-min-device-pixel-ratio: $devicePixelRatio) and (orientation:#{$orientation}) {\r\n            @content;\r\n        }\r\n    }\r\n}\r\n\r\n@mixin breakpoint($point) {\r\n    @if $point==lg {\r\n        @include min-screen($breakpoint-lg) {\r\n            @content;\r\n        }\r\n    } @else if $point==md {\r\n        @include min-screen($breakpoint-md) {\r\n            @content;\r\n        }\r\n    } @else if $point==sm {\r\n        @include min-screen($breakpoint-sm) {\r\n            @content;\r\n        }\r\n    } @else if $point==xs {\r\n        @include min-screen($breakpoint-xs) {\r\n            @content;\r\n        }\r\n    }\r\n}"]}