// 菜单
@layout-sider-background: #fff; // 菜单背景色
@layout-sider-text-color: #3D4A59; // 菜单字体颜色
@layout-sider-text-color-hover: #0081cc; // 菜单字体hover颜色
@layout-sider-arrow-color-hover: linear-gradient(to right, #0081cc, #0081cc); // 右边箭头hover的颜色
@layout-sider-submenu-selected-color: #0081cc; // 菜单选中字体颜色
@layout-sider-menu-item-selected: transparent; // 菜单选择后背景底色
@layout-sider-submenu-title: #F6F7F9; // 二级菜单一级标题背景底色
@layout-sider-submenu-title-hover: ''; // 菜单hover背景颜色
@layout-sider-menu-submenu-arrow-color: @text-color; // 菜单右边角标颜色
@layout-mode-color: initial; // 左下角模式的颜色

@login-left-color: var(--color-primary-transparent-normal); // 登录页左侧背景色
@login-right-color: var(--color-bg-1); /// 登录页右侧背景色

@transparent-normal-opacity: 10%;
@transparent-hover-opacity: 20%;
@transparent-active-opacity: 30%;

@color-light-border: #fff;
@color-light-border-modal: #fff;
@color-switch-disable-bg: #fff;
@color-menu-bg: #F6F7F9;
@color-dark-bg: #323232;
@color-dark-border: #323232;
@color-tag-normal: #EFF1F2;
@color-black: #000; // 主题色下的黑色，用来给一些基于白色或黑色加入透明度的场景使用，在浅色模式下是黑色，在深色模式下是白色
@color-white: #fff; // 主题色下的白色，用来给一些基于白色或黑色加入透明度的场景使用，在浅色模式下是白色，在深色模式下是黑色

@box-shadow-1: 0px 2px 6px 0px rgba(0, 0, 0, 0.03), 0px 3px 6px 3px rgba(0, 0, 0, 0.01), 0px 2px 4px 0px rgba(0, 0, 0, 0.01);
@box-shadow-2: 0px 2px 6px 0px rgba(0, 0, 0, 0.06), 0px 2px 6px 6px rgba(0, 0, 0, 0.02), 0px -2px 4px 0px rgba(0, 0, 0, 0.02);
@box-shadow-3: 0px 6px 10px 0px rgba(0, 0, 0, 0.08), 0px 6px 12px 12px rgba(0, 0, 0, 0.04), 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
@box-shadow-dial: 0px 3px 6px 0px rgba(0, 63, 99, 0.06) inset, 4px 0px 6px 0px rgba(0, 63, 99, 0.06) inset;

@illustration-bg: #f5f5f5;
@illustration-normal: #fafafa;
@illustration-border: #d9d9d9;

// dark blue
@darkblue-1: #f9fafa;
@darkblue-2: #f5f6f7;
@darkblue-3: #eff1f2;
@darkblue-4: #dee0e3;
@darkblue-5: #d0d4d7;
@darkblue-6: #b5bac0;
@darkblue-7: #a2a8af;
@darkblue-8: #8b929b;
@darkblue-9: #6e7783;
@darkblue-10: @text-color;

:root {
  --layout-sider-background: @layout-sider-background;
  --layout-sider-submenu-title: @layout-sider-submenu-title;
  --layout-mode-color: @layout-mode-color;

  // 定制登录页背景色
  --login-left-color: @login-left-color;
  --login-right-color: @login-right-color;

  // 与antd的less变量进行映射，项目内即可使用对应的css变量，实现主题变色效果
  --color-primary-normal: @primary-6;
  --color-primary-hover: @primary-5;
  --color-primary-active: @primary-7;
  --color-primary-disable: @primary-3;
  --color-primary-bg: @primary-1;
  --color-primary-transparent-normal: fade(@primary-6, @transparent-normal-opacity);
  --color-primary-transparent-hover: fade(@primary-6, @transparent-hover-opacity);
  --color-primary-transparent-active: fade(@primary-6, @transparent-active-opacity);
  --color-primary-transparent-half: fade(@primary-6, 50%);

  --color-success-normal: @green-6;
  --color-success-hover: @green-5;
  --color-success-active: @green-7;
  --color-success-disable: @green-3;
  --color-success-bg: @green-1;
  --color-success-transparent-normal: fade(@green-6, @transparent-normal-opacity);
  --color-success-transparent-hover: fade(@green-6, @transparent-hover-opacity);
  --color-success-transparent-active: fade(@green-6, @transparent-active-opacity);

  --color-error-normal: @red-6;
  --color-error-hover: @red-5;
  --color-error-active: @red-7;
  --color-error-disable: @red-3;
  --color-error-bg: @red-1;
  --color-error-transparent-normal: fade(@red-6, @transparent-normal-opacity);
  --color-error-transparent-hover: fade(@red-6, @transparent-hover-opacity);
  --color-error-transparent-active: fade(@red-6, @transparent-active-opacity);

  --color-warn-normal: @orange-6;
  --color-warn-hover: @orange-5;
  --color-warn-active: @orange-7;
  --color-warn-disable: @orange-3;
  --color-warn-bg: @orange-1;
  --color-warn-transparent-normal: fade(@orange-6, @transparent-normal-opacity);
  --color-warn-transparent-hover: fade(@orange-6, @transparent-hover-opacity);
  --color-warn-transparent-active: fade(@orange-6, @transparent-active-opacity);

  --color-remind-normal: @yellow-6;
  --color-remind-hover: @yellow-5;
  --color-remind-active: @yellow-7;
  --color-remind-disable: @yellow-3;
  --color-remind-bg: @yellow-1;
  --color-remind-transparent-normal: fade(@yellow-6, @transparent-normal-opacity);
  --color-remind-transparent-hover: fade(@yellow-6, @transparent-hover-opacity);
  --color-remind-transparent-active: fade(@yellow-6, @transparent-active-opacity);

  // 文字颜色、辅助色等灰色系变量
  --color-base-normal: @darkblue-10;
  --color-base-secondary: @darkblue-8;
  --color-base-auxiliary: @darkblue-7;
  --color-base-disable: @darkblue-6;
  --color-base-hint: @darkblue-4;
  --color-base-bg-hover: @darkblue-3;
  --color-base-bg: @darkblue-2;
  --color-base-table-bg: @darkblue-1;

  --color-gray-1: fade(@color-black, 4%);
  --color-gray-2: fade(@color-black, 7%);
  --color-gray-3: fade(@color-black, 13%);
  --color-gray-4: fade(@color-black, 24%);
  --color-gray-5: fade(@color-black, 38%);
  --color-gray-6: fade(@color-black, 48%);
  --color-gray-7: fade(@color-black, 60%);
  --color-gray-8: fade(@color-black, 75%);
  --color-gray-9: fade(@color-black, 87%);
  --color-gray-10: fade(@color-black, 93%);

  --color-white-1: fade(@color-white, 4%);
  --color-white-2: fade(@color-white, 7%);
  --color-white-3: fade(@color-white, 13%);
  --color-white-4: fade(@color-white, 24%);
  --color-white-5: fade(@color-white, 38%);
  --color-white-6: fade(@color-white, 48%);
  --color-white-7: fade(@color-white, 60%);
  --color-white-8: fade(@color-white, 75%);
  --color-white-9: fade(@color-white, 87%);
  --color-white-10: fade(@color-white, 93%);

  // 背景相关颜色变量
  --color-bg-0: @layout-body-background;
  --color-bg-1: @component-background;
  --color-bg-2: @component-background2;
  --color-bg-mask: @mask-background;

  // 边框、阴影、特殊背景等颜色变量
  --color-light-border: @color-light-border;
  --color-light-border-modal: @color-light-border-modal;
  --color-switch-disable-bg: @color-switch-disable-bg;
  --color-menu-bg: @color-menu-bg;
  --color-dark-bg: @color-dark-bg;
  --color-dark-border: @color-dark-border;
  --color-tag-normal: @color-tag-normal;
  --color-box-shadow-1: @box-shadow-1;
  --color-box-shadow-2: @box-shadow-2;
  --color-box-shadow-3: @box-shadow-3;
  --color-box-shadow-dial: @box-shadow-dial;

  // 背景图常用的颜色变量
  --color-illustration-bg: @illustration-bg;
  --color-illustration-normal: @illustration-normal;
  --color-illustration-border: @illustration-border;

  // 常量色，不跟随深浅模式变化
  --color-constant-light: #fff;
  --color-constant-gray-1: rgba(234, 237, 243, 0.13);
  --color-constant-gray-2: #DCDEDF;
}
// 其他
@border-line-color: var(--color-base-bg-hover); // 边框线条颜色
@custom-input-border-color: var(--color-base-hint);
@primary-color: #0081cc;
// @text-color: fade(@black, 65%);
@text-color: #3D4A59;
// @text-color-secondary: fade(@black, 45%);
@text-color-secondary: var(--color-base-secondary);
// @heading-color: fade(#000, 85%);
@heading-color: #3D4A59;
@layout-body-background: #f6f7f9;
@btn-primary-bg: #0081cc;
@layout-header-background: #fff;
@component-background: #fff;
@component-background2: #fff; // 底色修改
@mask-background: fade(@black, 48%); // 遮罩底色修改
@input-border-color: hsv(0, 0, 85%);
// @border-color-base: hsv(0, 0, 85%);
@border-color-base: var(--color-base-hint);
@ant-card-head-background: rgba(0, 0, 0, 0.01);

// color palettes
@blue-1: #E6FAFF;
@blue-2: #A3EAFF;
@blue-3: #74D1F2;
@blue-4: #49B7E6;
@blue-5: #239CD9;
@blue-6: #0081CC;
@blue-7: #0063A6;
@blue-8: #004880;
@blue-9: #003059;
@blue-10: #001A33;

@green-1: #EBFAEF;
@green-2: #BEEDCC;
@green-3: #90E0AB;
@green-4: #66D48E;
@green-5: #40C776;
@green-6: #1EBA62;
@green-7: #10944E;
@green-8: #076E3A;
@green-9: #014726;
@green-10: #002113;

@red-1: #FFF5F0;
@red-2: #FFE2D6;
@red-3: #FFC2AD;
@red-4: #FF9F85;
@red-5: #F27457;
@red-6: #E6492D;
@red-7: #BF301D;
@red-8: #991B0F;
@red-9: #730B06;
@red-10: #4D0403;

@orange-1: #FFF8E6;
@orange-2: #FFE2A3;
@orange-3: #FFD17A;
@orange-4: #FFBD52;
@orange-5: #FFA629;
@orange-6: #FE8C00;
@orange-7: #D97000;
@orange-8: #B35600;
@orange-9: #8C3F00;
@orange-10: #662B00;

@yellow-1: #FFFEE6;
@yellow-2: #FFF9A3;
@yellow-3: #FFF27A;
@yellow-4: #FFE852;
@yellow-5: #FFDB29;
@yellow-6: #FFCB00;
@yellow-7: #D9A600;
@yellow-8: #B38300;
@yellow-9: #8C6200;
@yellow-10: #664400;

@preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,
  purple;

// The prefix to use on all css classes from ant.
@ant-prefix: ant;

// An override for the html selector for theme prefixes
@html-selector: html;

// -------- Colors -----------

@info-color: @blue-6;
@success-color: @green-6;
@processing-color: @blue-6;
@error-color: @red-6;
@highlight-color: @red-6;
@warning-color: @orange-6;
@normal-color: #d9d9d9;
@white: #fff;
@black: #000;

@primary-1: @blue-1;
@primary-2: @blue-2;
@primary-3: @blue-3;
@primary-4: @blue-4;
@primary-5: @blue-5;
@primary-6: @blue-6;
@primary-7: @blue-7;
@primary-8: @blue-8;
@primary-9: @blue-9;
@primary-10: @blue-10;

// Base Scaffolding Variables
// ---

// Background color for `<body>`
@body-background: #fff;
// Base background color for most components

@font-family: 'SF Pro', 'Arial', "Microsoft YaHei", '微软雅黑', 'Roboto', 'PingFang SC', 'Noto Sans CJK SC', sans-serif;
@code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
body {
  font-family: @font-family;
}

@text-color-inverse: @white;
@icon-color: inherit;
@icon-color-hover: fade(@black, 75%);

@heading-color-dark: fade(@white, 100%);
@text-color-dark: fade(@white, 85%);
@text-color-secondary-dark: fade(@white, 65%);
@text-selection-bg: @primary-color;
@font-variant-base: tabular-nums;
@font-feature-settings-base: 'tnum';
@font-size-base: 14px;
@font-size-lg: @font-size-base + 2px;
@font-size-sm: 12px;
@heading-1-size: ceil(@font-size-base * 2.71);
@heading-2-size: ceil(@font-size-base * 2.14);
@heading-3-size: ceil(@font-size-base * 1.71);
@heading-4-size: ceil(@font-size-base * 1.42);
@line-height-base: 1.5;
@border-radius-base: 2px;
@border-radius-sm: 2px;

// vertical paddings
@padding-lg: 24px; // containers
@padding-md: 16px; // small containers and buttons
@padding-sm: 12px; // Form controls and items
@padding-xs: 8px; // small items

// vertical padding for all form controls
@control-padding-horizontal: @padding-sm;
@control-padding-horizontal-sm: @padding-xs;

// The background colors for active and hover states for things like
// list items or table cells.
@item-active-bg: @primary-1;
@item-hover-bg: @primary-1;

// ICONFONT
@iconfont-css-prefix: anticon;

// LINK
@link-color: @primary-color;
@link-hover-color: @primary-5;
@link-active-color: @primary-7;
@link-decoration: none;
@link-hover-decoration: none;

// Animation
@ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
@ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
@ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
@ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
@ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
@ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
@ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
@ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
@ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
@ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
@ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
@ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
@ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
@ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);

// Border color
 // base border outline a component
@border-color-split: hsv(0, 0, 91%); // split border inside a component
@border-color-inverse: @white;
@border-width-base: 1px; // width of the border for a component
@border-style-base: solid; // style of a components border

// Outline
@outline-blur-size: 0;
@outline-width: 2px;
@outline-color: @primary-color;

@background-color-light: hsv(0, 0, 98%); // background of header and selected item
@background-color-base: hsv(0, 0, 96%); // Default grey background color

// Disabled states
@disabled-color: var(--color-base-disable);
@disabled-bg: @background-color-base;
@disabled-color-dark: fade(#fff, 35%);

// Shadow
@shadow-color: rgba(0, 0, 0, 0.15);
@shadow-color-inverse: @component-background;
@box-shadow-base: @shadow-1-down;
@shadow-1-up: 0 -2px 8px @shadow-color;
@shadow-1-down: 0 2px 8px @shadow-color;
@shadow-1-left: -2px 0 8px @shadow-color;
@shadow-1-right: 2px 0 8px @shadow-color;
@shadow-2: 0 4px 12px @shadow-color;

// Buttons
@btn-font-weight: 400;
@btn-border-radius-base: @border-radius-base;
@btn-border-radius-sm: @border-radius-base;
@btn-border-width: @border-width-base;
@btn-border-style: @border-style-base;
@btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
@btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
@btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);

@btn-primary-color: #fff;


@btn-default-color: @text-color;
@btn-default-bg: @component-background;
@btn-default-border: @border-color-base;

@btn-danger-color: #fff;
@btn-danger-bg: @red-5;
@btn-danger-border: @red-5;

@btn-disable-color: @disabled-color;
@btn-disable-bg: @disabled-bg;
@btn-disable-border: @border-color-base;

@btn-padding-base: 0 @padding-md - 1px;
@btn-font-size-lg: @font-size-lg;
@btn-font-size-sm: @font-size-base;
@btn-padding-lg: @btn-padding-base;
@btn-padding-sm: 0 @padding-xs - 1px;

@btn-height-base: 32px;
@btn-height-lg: 40px;
@btn-height-sm: 24px;

@btn-circle-size: @btn-height-base;
@btn-circle-size-lg: @btn-height-lg;
@btn-circle-size-sm: @btn-height-sm;

@btn-square-size: @btn-height-base;
@btn-square-size-lg: @btn-height-lg;
@btn-square-size-sm: @btn-height-sm;

@btn-group-border: @primary-5;

// Checkbox
@checkbox-size: 16px;
@checkbox-color: @primary-color;
@checkbox-check-color: #fff;
@checkbox-border-width: @border-width-base;

// Descriptions
@descriptions-bg: #fafafa;

// Dropdown
@dropdown-selected-color: @primary-color;

// Empty
@empty-font-size: @font-size-base;

// Radio
@radio-size: 16px;
@radio-dot-color: @primary-color;

// Radio buttons
@radio-button-bg: @btn-default-bg;
@radio-button-checked-bg: @btn-default-bg;
@radio-button-color: @btn-default-color;
@radio-button-hover-color: @primary-5;
@radio-button-active-color: @primary-7;

// Media queries breakpoints
// Extra small screen / phone
@screen-xs: 480px;
@screen-xs-min: @screen-xs;

// Small screen / tablet
@screen-sm: 576px;
@screen-sm-min: @screen-sm;

// Medium screen / desktop
@screen-md: 768px;
@screen-md-min: @screen-md;

// Large screen / wide desktop
@screen-lg: 992px;
@screen-lg-min: @screen-lg;

// Extra large screen / full hd
@screen-xl: 1200px;
@screen-xl-min: @screen-xl;

// Extra extra large screen / large desktop
@screen-xxl: 1600px;
@screen-xxl-min: @screen-xxl;

// provide a maximum
@screen-xs-max: (@screen-sm-min - 1px);
@screen-sm-max: (@screen-md-min - 1px);
@screen-md-max: (@screen-lg-min - 1px);
@screen-lg-max: (@screen-xl-min - 1px);
@screen-xl-max: (@screen-xxl-min - 1px);

// Grid system
@grid-columns: 24;
@grid-gutter-width: 0;

// Layout


@layout-footer-background: @layout-body-background;
@layout-header-height: 64px;
@layout-header-padding: 0 50px;
@layout-footer-padding: 24px 50px;

@layout-trigger-height: 48px;
@layout-trigger-background: #002140;
@layout-trigger-color: #fff;
@layout-zero-trigger-width: 36px;
@layout-zero-trigger-height: 42px;
// Layout light theme
@layout-sider-background-light: #fff;
@layout-trigger-background-light: #fff;
@layout-trigger-color-light: @text-color;

// z-index list, order by `z-index`
@zindex-table-fixed: auto;
@zindex-affix: 10;
@zindex-back-top: 10;
@zindex-badge: 10;
@zindex-picker-panel: 10;
@zindex-popup-close: 10;
@zindex-modal: 1000;
@zindex-modal-mask: 1000;
@zindex-message: 1035;
@zindex-notification: 1010;
@zindex-popover: 1030;
@zindex-dropdown: 1050;
@zindex-picker: 1050;
@zindex-tooltip: 1060;

// Animation
@animation-duration-slow: 0.3s; // Modal
@animation-duration-base: 0.2s;
@animation-duration-fast: 0.1s; // Tooltip

//CollapsePanel
@collapse-panel-border-radius: @border-radius-base;

//Dropdown
@dropdown-vertical-padding: 5px;
@dropdown-font-size: @font-size-base;
@dropdown-line-height: 22px;

// Form
// ---
@label-required-color: @highlight-color;
@label-color: @heading-color;
@form-warning-input-bg: @input-bg;
@form-item-margin-bottom: 24px;
@form-item-trailing-colon: true;
@form-vertical-label-padding: 0 0 8px;
@form-vertical-label-margin: 0;
@form-item-label-colon-margin-right: 8px;
@form-item-label-colon-margin-left: 2px;
@form-error-input-bg: @input-bg;

// Input
// ---
@input-height-base: 32px;
@input-height-lg: 40px;
@input-height-sm: 24px;
@input-padding-horizontal: @control-padding-horizontal - 1px;
@input-padding-horizontal-base: @input-padding-horizontal;
@input-padding-horizontal-sm: @control-padding-horizontal-sm - 1px;
@input-padding-horizontal-lg: @input-padding-horizontal;
@input-padding-vertical-base: 4px;
@input-padding-vertical-sm: 1px;
@input-padding-vertical-lg: 6px;
@input-placeholder-color: hsv(0, 0, 75%);
@input-color: @text-color;

@input-bg: @component-background;
@input-number-hover-border-color: @input-hover-border-color;
@input-number-handler-active-bg: #f4f4f4;
@input-number-handler-hover-bg: @primary-5;
@input-number-handler-bg: @component-background;
@input-number-handler-border-color: @border-color-base;
@input-addon-bg: @background-color-light;
@input-hover-border-color: @primary-5;
@input-disabled-bg: @disabled-bg;
@input-outline-offset: 0 0;

// Select
// ---
@select-border-color: @border-color-base;
@select-item-selected-font-weight: 600;
@select-dropdown-bg: @component-background;
@select-item-selected-bg: @background-color-light;
@select-item-active-bg: @item-active-bg;
@select-background: @component-background;

// Anchor
// ---
@anchor-border-color: @border-color-split;

// Tooltip
// ---
// Tooltip max width
@tooltip-max-width: 250px;
// Tooltip text color
@tooltip-color: #fff;
// Tooltip background color
@tooltip-bg: rgba(0, 0, 0, 0.75);
// Tooltip arrow width
@tooltip-arrow-width: 5px;
// Tooltip distance with trigger
@tooltip-distance: @tooltip-arrow-width - 1px + 4px;
// Tooltip arrow color
@tooltip-arrow-color: @tooltip-bg;

// Popover
// ---
// Popover body background color
@popover-bg: @component-background;
// Popover text color
@popover-color: @text-color;
// Popover maximum width
@popover-min-width: 177px;
// Popover arrow width
@popover-arrow-width: 6px;
// Popover arrow color
@popover-arrow-color: @popover-bg;
// Popover outer arrow width
// Popover outer arrow color
@popover-arrow-outer-color: @popover-bg;
// Popover distance with trigger
@popover-distance: @popover-arrow-width + 4px;

// Modal
// --
@modal-body-padding: 24px;
@modal-header-bg: @component-background;
@modal-heading-color: @heading-color;
@modal-footer-bg: transparent;
@modal-footer-border-color-split: @border-color-split;
@modal-mask-bg: fade(@black, 45%);

// Progress
// --
@progress-default-color: @processing-color;
@progress-remaining-color: @background-color-base;
@progress-text-color: @text-color;
@progress-radius: 100px;

// Menu
// ---
@menu-inline-toplevel-item-height: 40px;
@menu-item-height: 40px;
@menu-collapsed-width: 80px;
@menu-bg: @component-background;
@menu-popup-bg: @component-background;
@menu-item-color: @text-color;
@menu-highlight-color: @primary-color;
@menu-item-active-bg: @item-active-bg;
@menu-item-active-border-width: 3px;
@menu-item-group-title-color: @text-color-secondary;
@menu-icon-size: @font-size-base;
@menu-icon-size-lg: @font-size-lg;

@menu-item-vertical-margin: 4px;
@menu-item-font-size: @font-size-base;
@menu-item-boundary-margin: 8px;

// dark theme
@menu-dark-color: @text-color-secondary-dark;
@menu-dark-bg: @layout-header-background;
@menu-dark-arrow-color: #fff;
@menu-dark-submenu-bg: #000c17;
@menu-dark-highlight-color: #fff;
@menu-dark-item-active-bg: @primary-color;
@menu-dark-selected-item-icon-color: @white;
@menu-dark-selected-item-text-color: @white;
@menu-dark-item-hover-bg: transparent;
// Spin
// ---
@spin-dot-size-sm: 14px;
@spin-dot-size: 20px;
@spin-dot-size-lg: 32px;

// Table
// --
@table-header-bg: @background-color-light;
@table-header-color: @heading-color;
@table-header-sort-bg: @background-color-base;
@table-body-sort-bg: rgba(0, 0, 0, 0.01);
@table-row-hover-bg: @primary-1;
@table-selected-row-color: inherit;
@table-selected-row-bg: #fafafa;
@table-body-selected-sort-bg: @table-selected-row-bg;
@table-selected-row-hover-bg: @table-selected-row-bg;
@table-expanded-row-bg: #fbfbfb;
@table-padding-vertical: 16px;
@table-padding-horizontal: 16px;
@table-border-radius-base: @border-radius-base;
@table-footer-bg: @background-color-light;
@table-footer-color: @heading-color;

// Tag
// --
@tag-default-bg: @background-color-light;
@tag-default-color: @text-color;
@tag-font-size: @font-size-sm;

// TimePicker
// ---
@time-picker-panel-column-width: 56px;
@time-picker-panel-width: @time-picker-panel-column-width * 3;
@time-picker-selected-bg: @background-color-base;

// Carousel
// ---
@carousel-dot-width: 16px;
@carousel-dot-height: 3px;
@carousel-dot-active-width: 24px;

// Badge
// ---
@badge-height: 20px;
@badge-dot-size: 6px;
@badge-font-size: @font-size-sm;
@badge-font-weight: normal;
@badge-status-size: 6px;
@badge-text-color: @component-background;

// Rate
// ---
@rate-star-color: @yellow-6;
@rate-star-bg: @border-color-split;

// Card
// ---
@card-head-color: @heading-color;
@card-head-background: transparent;
@card-head-padding: 16px;
@card-inner-head-padding: 12px;
@card-padding-base: 24px;
@card-actions-background: @background-color-light;
@card-skeleton-bg: #cfd8dc;
@card-background: @component-background;
@card-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
@card-radius: @border-radius-sm;

// Comment
// ---
@comment-padding-base: 16px 0;
@comment-nest-indent: 44px;
@comment-font-size-base: @font-size-base;
@comment-font-size-sm: @font-size-sm;
@comment-author-name-color: @text-color-secondary;
@comment-author-time-color: #ccc;
@comment-action-color: @text-color-secondary;
@comment-action-hover-color: #595959;

// Tabs
// ---
@tabs-card-head-background: @background-color-light;
@tabs-card-height: 40px;
@tabs-card-active-color: @primary-color;
@tabs-title-font-size: @font-size-base;
@tabs-title-font-size-lg: @font-size-lg;
@tabs-title-font-size-sm: @font-size-base;
@tabs-ink-bar-color: @primary-color;
@tabs-bar-margin: 0 0 16px 0;
@tabs-horizontal-margin: 0 32px 0 0;
@tabs-horizontal-padding: 12px 16px;
@tabs-horizontal-padding-lg: 16px;
@tabs-horizontal-padding-sm: 8px 16px;
@tabs-vertical-padding: 8px 24px;
@tabs-vertical-margin: 0 0 16px 0;
@tabs-scrolling-size: 32px;
@tabs-highlight-color: @primary-color;
@tabs-hover-color: @primary-5;
@tabs-active-color: @primary-7;
@tabs-card-gutter: 2px;
@tabs-card-tab-active-border-top: 2px solid transparent;

// BackTop
// ---
@back-top-color: #fff;
@back-top-bg: @text-color-secondary;
@back-top-hover-bg: @text-color;

// Avatar
// ---
@avatar-size-base: 32px;
@avatar-size-lg: 40px;
@avatar-size-sm: 24px;
@avatar-font-size-base: 18px;
@avatar-font-size-lg: 24px;
@avatar-font-size-sm: 14px;
@avatar-bg: #ccc;
@avatar-color: #fff;
@avatar-border-radius: @border-radius-base;

// Switch
// ---
@switch-height: 22px;
@switch-sm-height: 16px;
@switch-sm-checked-margin-left: -(@switch-sm-height - 3px);
@switch-disabled-opacity: 0.4;
@switch-color: @primary-color;
@switch-shadow-color: fade(#00230b, 20%);

// Pagination
// ---
@pagination-item-size: 32px;
@pagination-item-size-sm: 24px;
@pagination-font-family: Arial;
@pagination-font-weight-active: 500;
@pagination-item-bg-active: @component-background;

// PageHeader
// ---
@page-header-padding: 24px;
@page-header-padding-vertical: 16px;
@page-header-padding-breadcrumb: 12px;
@page-header-back-color: #000;

// Breadcrumb
// ---
@breadcrumb-base-color: @text-color-secondary;
@breadcrumb-last-item-color: @text-color;
@breadcrumb-font-size: @font-size-base;
@breadcrumb-icon-font-size: @font-size-base;
@breadcrumb-link-color: @text-color-secondary;
@breadcrumb-link-color-hover: @primary-5;
@breadcrumb-separator-color: @text-color-secondary;
@breadcrumb-separator-margin: 0 @padding-xs;

// Slider
// ---
@slider-margin: 14px 6px 10px;
@slider-rail-background-color: @background-color-base;
@slider-rail-background-color-hover: #e1e1e1;
@slider-track-background-color: @primary-3;
@slider-track-background-color-hover: @primary-4;
@slider-handle-border-width: 2px;
@slider-handle-background-color: @component-background;
@slider-handle-color: @primary-3;
@slider-handle-color-hover: @primary-4;
@slider-handle-color-focus: tint(@primary-color, 20%);
@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
@slider-handle-color-tooltip-open: @primary-color;
@slider-handle-shadow: 0;
@slider-dot-border-color: @border-color-split;
@slider-dot-border-color-active: tint(@primary-color, 50%);
@slider-disabled-color: @disabled-color;
@slider-disabled-background-color: @component-background;

// Tree
// ---
@tree-title-height: 24px;
@tree-child-padding: 18px;
@tree-directory-selected-color: #fff;
@tree-directory-selected-bg: @primary-color;
@tree-node-hover-bg: @item-hover-bg;
@tree-node-selected-bg: @primary-2;

// Collapse
// ---
@collapse-header-padding: 12px 16px;
@collapse-header-padding-extra: 40px;
@collapse-header-bg: @background-color-light;
@collapse-content-padding: @padding-md;
@collapse-content-bg: @component-background;

// Skeleton
// ---
@skeleton-color: var(--color-base-bg);

// Transfer
// ---
@transfer-header-height: 40px;
@transfer-disabled-bg: @disabled-bg;
@transfer-list-height: 200px;

// Message
// ---
@message-notice-content-padding: 10px 16px;

// Motion
// ---
@wave-animation-width: 6px;

// Alert
// ---
@alert-success-border-color: @green-3;
@alert-success-bg-color: @green-1;
@alert-success-icon-color: @success-color;
@alert-info-border-color: @blue-3;
@alert-info-bg-color: @blue-1;
@alert-info-icon-color: @info-color;
@alert-warning-border-color: @orange-3;
@alert-warning-bg-color: @orange-1;
@alert-warning-icon-color: @warning-color;
@alert-error-border-color: @red-3;
@alert-error-bg-color: @red-1;
@alert-error-icon-color: var(--color-error-normal);

// List
// ---
@list-header-background: transparent;
@list-footer-background: transparent;
@list-empty-text-padding: @padding-md;
@list-item-padding: @padding-sm 0;
@list-item-meta-margin-bottom: @padding-md;
@list-item-meta-avatar-margin-right: @padding-md;
@list-item-meta-title-margin-bottom: @padding-sm;

// Statistic
// ---
@statistic-title-font-size: @font-size-base;
@statistic-content-font-size: 24px;
@statistic-unit-font-size: 16px;
@statistic-font-family: @font-family;

// Drawer
// ---
@drawer-header-padding: 16px 24px;
@drawer-body-padding: 24px;

// Timeline
// ---
@timeline-width: 2px;
@timeline-color: @border-color-split;
@timeline-dot-border-width: 2px;
@timeline-dot-color: @primary-color;
@timeline-dot-bg: @component-background;

// Typography
// ---
@typography-title-font-weight: 600;
@typography-title-margin-top: 1.2em;
@typography-title-margin-bottom: 0.5em;

// :root {
//     --PC: @primary-color;
//  }


html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  color: @text-color;
  // 设为透明，避免linkus pc内加载的时候，背景颜色闪动
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: @heading-color;
}
abbr[title],
abbr[data-original-title] {
  border-bottom: 0;
}
a {
  color: @btn-primary-bg;
  background-color: transparent;
}
a:hover {
  color: var(--color-primary-hover);
}
a:active {
  color: var(--color-primary-active);
}
a[disabled] {
  color: var(--color-base-disable);
}
img {
  border-style: none;
}
table {
  border-collapse: collapse;
}
caption {
  color: @text-color-secondary;
}
input,
button,
select,
optgroup,
textarea {
  color: inherit;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
}
fieldset {
  border: 0;
}
legend {
  color: inherit;
}
mark {
  background-color: #feffe6;
}
::selection {
  color: @component-background;
  background: @btn-primary-bg;
}
.anticon {
  color: inherit;
}
html {
  --antd-wave-shadow-color: @btn-primary-bg;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  border-radius: inherit;
  box-shadow: 0 0 0 0 @btn-primary-bg;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
}
.ant-alert {
  color: @text-color;
  border-radius: 2px;
}
.ant-alert-success {
  background-color: rgba(119, 178, 42, 0.1);
  border: 1px solid rgba(119, 178, 42, 0.1);
}
.ant-alert-success .ant-alert-icon {
  color: var(--color-success-normal);
}
.ant-alert-info {
  background-color: var(--color-primary-transparent-normal);
  border: 1px solid @primary-3;
}
.ant-alert-info .ant-alert-icon {
  color: @btn-primary-bg;
}
.ant-alert-warning {
  background-color: var(--color-warn-transparent-normal);
  border: 1px solid var(--color-warn-disable);
}
.ant-alert-warning .ant-alert-icon {
  color: var(--color-warn-normal);
}
.ant-alert-error {
  background-color: var(--color-error-transparent-normal);
  border: none;
}
.ant-alert-error .ant-alert-message {
  color: var(--color-error-normal);
}
.ant-alert-error .ant-alert-icon {
  color: var(--color-error-normal);
}
.ant-alert-close-icon {
  background-color: transparent;
  border: none;
}
.ant-alert-close-icon .anticon-close {
  color: @text-color-secondary;
}
.ant-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
  color: @text-color-secondary;
}
.ant-alert-close-text:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-with-description {
  color: @text-color;
  border-radius: 2px;
}
.ant-alert-with-description .ant-alert-message {
  color: @heading-color;
}
.ant-alert-message {
  color: @heading-color;
}
.ant-alert-banner {
  border: 0;
  border-radius: 0;
}
.ant-anchor {
  color: @text-color;
}
.ant-anchor-wrapper {
  background-color: @component-background;
}
.ant-anchor-ink::before {
  background-color: @border-line-color;
}
.ant-anchor-ink-ball {
  background-color: @component-background;
  border: 2px solid @btn-primary-bg;
  border-radius: 8px;
}
.ant-anchor-link-title {
  color: @text-color;
}
.ant-anchor-link-active > .ant-anchor-link-title {
  color: @btn-primary-bg;
}
.ant-select-auto-complete {
  color: @text-color;
}
.ant-select-auto-complete.ant-select .ant-select-selection {
  border: 0;
  box-shadow: none;
}
.ant-select-auto-complete.ant-select .ant-input {
  background: transparent;
  border-width: 1px;
}
.ant-select-auto-complete.ant-select .ant-input:focus,
.ant-select-auto-complete.ant-select .ant-input:hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
}
.ant-select-auto-complete.ant-select .ant-input[disabled] {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
  background-color: transparent;
}
.ant-select-auto-complete.ant-select .ant-input[disabled]:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-avatar {
  color: var(--color-constant-light);
  background: var(--color-base-hint);
  border-radius: 50%;
}
.ant-avatar-image {
  background: transparent;
}
.ant-avatar-lg {
  border-radius: 50%;
}
.ant-avatar-sm {
  border-radius: 50%;
}
.ant-avatar-square {
  border-radius: 2px;
}
.ant-back-top {
  color: @text-color;
}
.ant-back-top-content {
  color: @component-background;
  background-color: @text-color-secondary;
  border-radius: 20px;
}
.ant-back-top-content:hover {
  background-color: @text-color;
}
.ant-back-top-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAABGdBTUEAALGPC/xhBQAAAbtJREFUWAntmMtKw0AUhhMvS5cuxILgQlRUpIggIoKIIoigG1eC+AA+jo+i6FIXBfeuXIgoeKVeitVWJX5HWhhDksnUpp3FDPyZk3Nm5nycmZKkXhAEOXSA3lG7muTeRzmfy6HneUvIhnYkQK+Q9NhAA0Opg0vBEhjBKHiyb8iGMyQMOYuK41BcBSypAL+MYXSKjtFAW7EAGEO3qN4uMQbbAkXiSfRQJ1H6a+yhlkKRcAoVFYiweYNjtCVQJJpBz2GCiPt7fBOZQpFgDpUikse5HgnkM4Fi4QX0Fpc5wf9EbLqpUCy4jMoJSXWhFwbMNgWKhVbRhy5jirhs9fy/oFhgHVVTJEs7RLZ8sSEoJm6iz7SZDMbJ+/OKERQTttCXQRLToRUmrKWCYuA2+jbN0MB4OQobYShfdTCgn/sL1K36M7TLrN3n+758aPy2rrpR6+/od5E8tf/A1uLS9aId5T7J3CNYihkQ4D9PiMdMC7mp4rjB9kjFjZp8BlnVHJBuO1yFXIV0FdDF3RlyFdJVQBdv5AxVdIsq8apiZ2PyYO1EVykesGfZEESsCkweyR8MUW+V8uJ1gkYipmpdP1pm2aJVPEGzAAAAAElFTkSuQmCC) 100%/100% no-repeat;
}
.ant-badge {
  color: @text-color;
  color: unset;
}
.ant-badge-count {
  color: var(--color-constant-light);
  background: @btn-primary-bg;
  border-radius: 10px;
  box-shadow: 0 0 0 1px @component-background;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: var(--color-constant-light);
}
.ant-badge-dot {
  background: @btn-primary-bg;
  border-radius: 100%;
  box-shadow: 0 0 0 1px @component-background;
}
.ant-badge-status-dot {
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: var(--color-success-normal);
}
.ant-badge-status-processing {
  background-color: @btn-primary-bg;
}
.ant-badge-status-processing::after {
  border: 1px solid @btn-primary-bg;
  border-radius: 50%;
}
.ant-badge-status-default {
  background-color: @border-color-base;
}
.ant-badge-status-error {
  background-color: var(--color-error-normal);
}
.ant-badge-status-warning {
  background-color: var(--color-warn-normal);
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: var(--color-error-normal);
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: var(--color-warn-normal);
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: var(--color-success-normal);
}
.ant-badge-status-blue {
  background: @btn-primary-bg;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  color: @text-color;
}
.ant-breadcrumb {
  color: @text-color;
  color: @text-color-secondary;
}
.ant-breadcrumb a {
  color: @text-color-secondary;
}
.ant-breadcrumb a:hover {
  color: var(--color-primary-hover);
}
.ant-breadcrumb > span:last-child {
  color: @text-color;
}
.ant-breadcrumb > span:last-child a {
  color: @text-color;
}
.ant-breadcrumb-separator {
  color: @text-color;
}
.ant-btn {
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
  color: var(--color-base-normal);
  background-color: @component-background;
  border-color: var(--color-base-hint);
}
.ant-btn:not([disabled]):active {
  box-shadow: none;
}
.ant-btn-lg {
  border-radius: 2px;
}
.ant-btn-sm {
  border-radius: 2px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child::after {
  background: transparent;
}
.ant-btn:hover,
.ant-btn:focus {
  color: var(--color-primary-hover);
  background-color: @component-background;
  border-color: var(--color-primary-hover);
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentColor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  background: transparent;
}
.ant-btn:active,
.ant-btn.active {
  color: var(--color-primary-active);
  background-color: @component-background;
  border-color: var(--color-primary-active);
}
.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child::after,
.ant-btn.active > a:only-child::after {
  background: transparent;
}
.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: var(--color-base-disable);
  background-color: @component-background;
  border-color: var(--color-base-disable);
  box-shadow: none;
}
.ant-btn-disabled > a:only-child,
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn-disabled:hover > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn-disabled:focus > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn-disabled:active > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn-disabled.active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-disabled > a:only-child::after,
.ant-btn.disabled > a:only-child::after,
.ant-btn[disabled] > a:only-child::after,
.ant-btn-disabled:hover > a:only-child::after,
.ant-btn.disabled:hover > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn-disabled:focus > a:only-child::after,
.ant-btn.disabled:focus > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn-disabled:active > a:only-child::after,
.ant-btn.disabled:active > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after,
.ant-btn-disabled.active > a:only-child::after,
.ant-btn.disabled.active > a:only-child::after,
.ant-btn[disabled].active > a:only-child::after {
  background: transparent;
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  background: @component-background;
}
.ant-btn-primary {
  color: var(--color-constant-light);
  background-color: var(--color-primary-normal);
  border-color: var(--color-primary-normal);
  box-shadow: none !important;
  text-shadow: none;
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child::after {
  background: transparent;
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: var(--color-constant-light);
  background-color: var(--color-primary-hover);
  border-color: rgba(0,0,0,0);
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  background: transparent;
}
.ant-btn-primary:active,
.ant-btn-primary.active {
  color: var(--color-constant-light);
  background-color: var(--color-primary-active);
  border-color: rgba(0,0,0,0);
}
.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child::after,
.ant-btn-primary.active > a:only-child::after {
  background: transparent;
}
.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg-hover);
  border-color: transparent;
  box-shadow: none;
}
.ant-btn-primary-disabled > a:only-child,
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-primary[disabled].active > a:only-child::after {
  background: transparent;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: var(--color-primary-hover);
  border-left-color: var(--color-primary-hover);
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: @border-color-base;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: var(--color-primary-hover);
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: @border-color-base;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: var(--color-primary-hover);
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: @border-color-base;
}
.ant-btn-ghost {
  color: @text-color;
  background-color: transparent;
  border-color: @border-color-base;
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child::after {
  background: transparent;
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: var(--color-primary-hover);
  background-color: transparent;
  border-color: var(--color-primary-hover);
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  background: transparent;
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: var(--color-primary-active);
  background-color: transparent;
  border-color: var(--color-primary-active);
}
.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child::after,
.ant-btn-ghost.active > a:only-child::after {
  background: transparent;
}
.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
  border-color: @border-color-base;
  box-shadow: none;
}
.ant-btn-ghost-disabled > a:only-child,
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost-disabled:hover > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost-disabled:focus > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost-disabled:active > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost-disabled.active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost-disabled > a:only-child::after,
.ant-btn-ghost.disabled > a:only-child::after,
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost-disabled:hover > a:only-child::after,
.ant-btn-ghost.disabled:hover > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost-disabled:focus > a:only-child::after,
.ant-btn-ghost.disabled:focus > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost-disabled:active > a:only-child::after,
.ant-btn-ghost.disabled:active > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after,
.ant-btn-ghost-disabled.active > a:only-child::after,
.ant-btn-ghost.disabled.active > a:only-child::after,
.ant-btn-ghost[disabled].active > a:only-child::after {
  background: transparent;
}
.ant-btn-dashed {
  color: var(--color-base-normal);
  background-color: @component-background;
  border-color: var(--color-base-hint);
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child::after {
  background: transparent;
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: var(--color-primary-hover);
  background-color: @component-background;
  border-color: var(--color-primary-hover);
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  background: transparent;
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: var(--color-primary-active);
  background-color: @component-background;
  border-color: var(--color-primary-active);
}
.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child::after,
.ant-btn-dashed.active > a:only-child::after {
  background: transparent;
}
.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: var(--color-base-disable);
  background-color: @component-background;
  border-color: var(--color-base-disable);
  box-shadow: none;
}
.ant-btn-dashed-disabled > a:only-child,
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed-disabled:hover > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed-disabled:focus > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed-disabled:active > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed-disabled.active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed-disabled > a:only-child::after,
.ant-btn-dashed.disabled > a:only-child::after,
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed-disabled:hover > a:only-child::after,
.ant-btn-dashed.disabled:hover > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed-disabled:focus > a:only-child::after,
.ant-btn-dashed.disabled:focus > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed-disabled:active > a:only-child::after,
.ant-btn-dashed.disabled:active > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after,
.ant-btn-dashed-disabled.active > a:only-child::after,
.ant-btn-dashed.disabled.active > a:only-child::after,
.ant-btn-dashed[disabled].active > a:only-child::after {
  background: transparent;
}
.ant-btn-danger {
  color: var(--color-constant-light);
  background-color: var(--color-error-normal);
  border-color: var(--color-error-normal);
  box-shadow: none !important;
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child::after {
  background: transparent;
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: var(--color-constant-light);
  background-color: var(--color-error-hover, #ff7875);
  border-color: var(--color-error-hover, #ff7875);
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  background: transparent;
}
.ant-btn-danger:active,
.ant-btn-danger.active {
  color: var(--color-constant-light);
  background-color: var(--color-error-active, #d9363e);
  border-color: var(--color-error-active, #d9363e);
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child::after,
.ant-btn-danger.active > a:only-child::after {
  background: transparent;
}
.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger-disabled:active,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger-disabled.active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg-hover);
  border-color: transparent;
  box-shadow: none;
}
.ant-btn-danger-disabled > a:only-child,
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-danger[disabled].active > a:only-child::after {
  background: transparent;
}
.ant-btn-link {
  color: var(--color-primary-normal);
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-link > a:only-child::after {
  background: transparent;
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: var(--color-primary-hover);
  background-color: transparent;
  border-color: var(--color-primary-hover);
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  background: transparent;
}
.ant-btn-link:active,
.ant-btn-link.active {
  color: var(--color-primary-active);
  background-color: transparent;
  border-color: var(--color-primary-active);
}
.ant-btn-link:active > a:only-child,
.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-link:active > a:only-child::after,
.ant-btn-link.active > a:only-child::after {
  background: transparent;
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: var(--color-base-disable);
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  background: transparent;
}
.ant-btn-icon-only {
  border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-lg {
  border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-sm {
  border-radius: 2px;
}
.ant-btn-round {
  border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  border-radius: 24px;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  border-radius: 50%;
}
.ant-btn::before {
  background: @component-background;
  border-radius: inherit;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  border-radius: 0;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  border-radius: 0;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 2px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 2px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-background-ghost {
  color: @component-background;
  background: transparent !important;
  border-color: @component-background;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: @btn-primary-bg;
  background-color: transparent;
  border-color: @btn-primary-bg;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: var(--color-primary-hover);
  background-color: transparent;
  border-color: var(--color-primary-hover);
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: var(--color-primary-active);
  background-color: transparent;
  border-color: var(--color-primary-active);
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-primary-disabled,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:active,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary-disabled.active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: var(--color-base-disable);
  border-color: var(--color-base-disable);
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger {
  color: var(--color-error-normal);
  background-color: transparent;
  border-color: var(--color-error-normal);
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: var(--color-error-hover, #ff7875);
  background-color: transparent;
  border-color: var(--color-error-hover, #ff7875);
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: var(--color-error-active, #d9363e);
  background-color: transparent;
  border-color: var(--color-error-active, #d9363e);
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-danger-disabled,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:active,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger-disabled.active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
  border-color: @border-color-base;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-link {
  color: @btn-primary-bg;
  background-color: transparent;
  border-color: transparent;
  color: @component-background;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child::after {
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-link:focus {
  color: var(--color-primary-hover);
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-link:active,
.ant-btn-background-ghost.ant-btn-link.active {
  color: var(--color-primary-active);
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
  background: transparent;
}
.ant-btn-background-ghost.ant-btn-link-disabled,
.ant-btn-background-ghost.ant-btn-link.disabled,
.ant-btn-background-ghost.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-link-disabled:hover,
.ant-btn-background-ghost.ant-btn-link.disabled:hover,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-link-disabled:focus,
.ant-btn-background-ghost.ant-btn-link.disabled:focus,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-link-disabled:active,
.ant-btn-background-ghost.ant-btn-link.disabled:active,
.ant-btn-background-ghost.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-link-disabled.active,
.ant-btn-background-ghost.ant-btn-link.disabled.active,
.ant-btn-background-ghost.ant-btn-link[disabled].active {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
  border-color: @border-color-base;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
  background: transparent;
}
.ant-fullcalendar {
  color: @text-color;
  border-top: 1px solid @border-color-base;
}
.ant-fullcalendar table {
  background-color: transparent;
  border-collapse: collapse;
}
.ant-fullcalendar table,
.ant-fullcalendar th,
.ant-fullcalendar td {
  border: 0;
}
.ant-fullcalendar-calendar-table {
  border-spacing: 0;
}
.ant-fullcalendar-value {
  color: @text-color;
  background: transparent;
  border-radius: 2px;
}
.ant-fullcalendar-value:hover {
  background: var(--color-primary-transparent-normal);
}
.ant-fullcalendar-value:active {
  color: @component-background;
  background: @btn-primary-bg;
}
.ant-fullcalendar-today .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
  box-shadow: 0 0 0 1px @btn-primary-bg inset;
}
.ant-fullcalendar-selected-day .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value {
  color: @component-background;
  background: @btn-primary-bg;
}
.ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-fullcalendar-last-month-cell .ant-fullcalendar-value,
.ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {
  color: rgba(0, 0, 0, 0.25);
}
.ant-fullcalendar-month-panel-table {
  border-collapse: separate;
}
.ant-fullcalendar-fullscreen {
  border-top: 0;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date {
  color: @text-color;
  border-top: 2px solid @border-line-color;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover {
  background: var(--color-primary-transparent-normal);
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month:active,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:active {
  background: @primary-2;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-value {
  background: transparent;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  color: @text-color;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {
  background: transparent;
  border-top-color: @btn-primary-bg;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  box-shadow: none;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date {
  background: var(--color-primary-transparent-normal);
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value {
  color: @btn-primary-bg;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,
.ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date {
  color: rgba(0, 0, 0, 0.25);
}
.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date,
.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date:hover {
  background: transparent;
}
.ant-fullcalendar-disabled-cell .ant-fullcalendar-value {
  color: var(--color-base-disable);
  border-radius: 0;
}
.ant-card {
  color: @text-color;
  background: @component-background;
  border-radius: 2px;
}
.ant-card-hoverable:hover {
  box-shadow: var(--color-box-shadow-3);
  border-color: var(--color-base-bg-hover);
}
.ant-card-bordered {
  border: 1px solid var(--color-constant-gray-1);
}
.ant-card-hoverable {
  border: 1px solid var(--color-base-bg-hover);
  box-shadow: none;
}
.ant-card-head {
  // color: @primary-color;
  color: @card-head-color;
  background: transparent;
  // border-bottom: 1px solid @border-line-color;
  border-bottom: none;
  border-radius: 2px 2px 0 0;
}
.ant-card-head .ant-tabs {
  color: @text-color;
}
.ant-card-head .ant-tabs-bar {
  border-bottom: 1px solid @border-line-color;
}
.ant-card-extra {
  color: @text-color;
}
.ant-card-grid {
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 @border-line-color, 0 1px 0 0 @border-line-color, 1px 1px 0 0 @border-line-color, 1px 0 0 0 @border-line-color inset, 0 1px 0 0 @border-line-color inset;
}
.ant-card-grid-hoverable:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-card-cover img {
  border-radius: 2px 2px 0 0;
}
.ant-card-actions {
  background: #fafafa;
  border-top: 1px solid @border-line-color;
}
.ant-card-actions > li {
  color: @text-color-secondary;
}
.ant-card-actions > li > span:hover {
  color: @btn-primary-bg;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  color: @text-color-secondary;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: @btn-primary-bg;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid @border-line-color;
}
.ant-card-type-inner .ant-card-head {
  background: @component-background;
}
.ant-card-meta-title {
  color: @heading-color;
}
.ant-card-meta-description {
  color: var(--color-base-disable);
}
.ant-card-loading-block {
  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background-size: 600% 600%;
  border-radius: 2px;
}
.ant-carousel {
  color: @text-color;
}
.ant-carousel .slick-slider {
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-vertical .slick-slide {
  border: 1px solid transparent;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  color: transparent;
  background: transparent;
  border: 0;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
}
.ant-carousel .slick-dots li button {
  color: transparent;
  background: @component-background;
  border: 0;
  border-radius: 1px;
}
.ant-carousel .slick-dots li.slick-active button {
  background: @component-background;
}
.ant-cascader {
  color: @text-color;
}
.ant-cascader-input.ant-input {
  background-color: transparent !important;
}
.ant-cascader-picker {
  color: @text-color;
  background-color: @component-background;
  border-radius: 2px;
}
.ant-cascader-picker-with-value .ant-cascader-picker-label {
  color: transparent;
}
.ant-cascader-picker-disabled {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-cascader-picker:focus .ant-cascader-input {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-primary-transparent-hover);
}
.ant-cascader-picker-show-search.ant-cascader-picker-focused {
  color: var(--color-base-disable);
}
.ant-cascader-picker-clear {
  color: var(--color-base-disable);
  background: @component-background;
}
.ant-cascader-picker-clear:hover {
  color: @text-color-secondary;
}
.ant-cascader-picker-arrow {
  color: var(--color-base-disable);
}
.ant-cascader-picker-label:hover + .ant-cascader-input {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
}
.ant-cascader-menus {
  background: @component-background;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-cascader-menu {
  border-right: 1px solid @border-line-color;
}
.ant-cascader-menu:first-child {
  border-radius: 2px 0 0 2px;
}
.ant-cascader-menu:last-child {
  border-right-color: transparent;
  border-radius: 0 2px 2px 0;
}
.ant-cascader-menu:only-child {
  border-radius: 2px;
}
.ant-cascader-menu-item:hover {
  background: var(--color-primary-transparent-normal);
}
.ant-cascader-menu-item-disabled {
  color: var(--color-base-disable);
}
.ant-cascader-menu-item-disabled:hover {
  background: transparent;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  background-color: var(--color-base-bg);
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
  color: @text-color-secondary;
}
.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  color: var(--color-error-normal);
}
.ant-checkbox {
  color: @text-color;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: @btn-primary-bg;
}
.ant-checkbox-checked::after {
  border: 1px solid @btn-primary-bg;
  border-radius: 2px;
}
.ant-checkbox-inner {
  background-color: @component-background;
  border: 1px solid @custom-input-border-color; // custom-check
  border-radius: 2px;
  border-collapse: separate;
}
.ant-checkbox-inner::after {
  border: 2px solid var(--color-constant-light);
  border-top: 0;
  border-left: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  border: 2px solid var(--color-constant-light);
  border-top: 0;
  border-left: 0;
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: @btn-primary-bg;
  border-color: @btn-primary-bg;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: var(--color-base-disable);
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: var(--color-base-bg);
  border-color: var(--color-base-hint) !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: var(--color-base-bg);
  border-collapse: separate;
}
.ant-checkbox-disabled + span {
  color: var(--color-base-disable);
}
.ant-checkbox-wrapper {
  color: @text-color;
}
.ant-checkbox-group {
  color: @text-color;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: @component-background;
  // border-color: @border-color-base;
  border-color: @custom-input-border-color; // custom-check
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  background-color: @btn-primary-bg;
  border: 0;
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: var(--color-base-hint);
  border-color: var(--color-base-hint);
}
.ant-collapse {
  color: @text-color;
  background-color: var(--color-bg-1);
  border: 1px solid var(--color-constant-gray-1);
  border-bottom: 0;
  border-radius: 2px;
  box-shadow: var(--color-box-shadow-1);
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid var(--color-base-bg-hover);
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 2px 2px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  color: @heading-color;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  color: inherit;
}
.ant-collapse-content {
  color: @text-color;
  background-color: @component-background;
  border-top: 1px solid var(--color-base-bg-hover);
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 2px 2px;
}
.ant-collapse-borderless {
  background-color: @component-background;
  border: 0;
  box-shadow: none;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid var(--color-base-bg-hover);
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: var(--color-base-disable);
}
.ant-comment-avatar img {
  border-radius: 50%;
}
.ant-comment-content-author-name {
  color: @text-color-secondary;
}
.ant-comment-content-author-name > * {
  color: @text-color-secondary;
}
.ant-comment-content-author-name > *:hover {
  color: @text-color-secondary;
}
.ant-comment-content-author-time {
  color: #ccc;
}
.ant-comment-actions > li {
  color: @text-color-secondary;
}
.ant-comment-actions > li > span {
  color: @text-color-secondary;
}
.ant-comment-actions > li > span:hover {
  color: #595959;
}
.ant-calendar-picker-container {
  color: @text-color;
}
.ant-calendar-picker {
  color: @text-color;
}
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: var(--color-primary-hover);
}
.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-primary-transparent-hover);
}
.ant-calendar-picker-clear {
  color: var(--color-base-hint);
  background: @component-background;
}
.ant-calendar-picker-clear:hover {
  color: @text-color-secondary;
}
.ant-calendar-picker-icon {
  color: var(--color-base-hint);
}
.ant-calendar {
  background-color: @component-background;
  background-clip: padding-box;
  border: 1px solid var(--color-light-border);
  border-radius: 2px;
  box-shadow: var(--color-box-shadow-2);
}
.ant-calendar-input-wrap {
  border-bottom: 1px solid @border-line-color;
}
.ant-calendar-input {
  color: @text-color;
  background: @component-background;
  border: 0;
}
.ant-calendar-input::-moz-placeholder {
  color: var(--color-base-hint);
}
.ant-calendar-input:-ms-input-placeholder {
  color: var(--color-base-hint);
}
.ant-calendar-input::-webkit-input-placeholder {
  color: var(--color-base-hint);
}
.ant-calendar-header {
  border-bottom: 1px solid @border-line-color;
}
.ant-calendar-header a:hover {
  color: var(--color-primary-hover);
}
.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
  color: @heading-color;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  color: @text-color-secondary;
}
.ant-calendar-header .ant-calendar-prev-century-btn::before,
.ant-calendar-header .ant-calendar-prev-decade-btn::before,
.ant-calendar-header .ant-calendar-prev-year-btn::before,
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
}
.ant-calendar-header .ant-calendar-prev-century-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-century-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::after {
  border-color: @text-color;
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
}
.ant-calendar-header .ant-calendar-next-century-btn:hover::before,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-next-year-btn:hover::before,
.ant-calendar-header .ant-calendar-next-century-btn:hover::after,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-next-year-btn:hover::after {
  border-color: @text-color;
}
.ant-calendar-header .ant-calendar-prev-month-btn::before,
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
}
.ant-calendar-header .ant-calendar-prev-month-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-month-btn:hover::after {
  border-color: @text-color;
}
.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after {
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
}
.ant-calendar-header .ant-calendar-next-month-btn:hover::before,
.ant-calendar-header .ant-calendar-next-month-btn:hover::after {
  border-color: @text-color;
}
.ant-calendar table {
  background-color: transparent;
  border-collapse: collapse;
}
.ant-calendar table,
.ant-calendar th,
.ant-calendar td {
  border: 0;
}
.ant-calendar-calendar-table {
  border-spacing: 0;
}
.ant-calendar-date {
  color: @text-color;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
}
.ant-calendar-date:hover {
  background: var(--color-primary-transparent-normal);
}
.ant-calendar-date:active {
  color: @component-background;
  background: var(--color-primary-hover);
}
.ant-calendar-today .ant-calendar-date {
  color: @btn-primary-bg;
  border-color: @btn-primary-bg;
}
.ant-calendar-selected-day .ant-calendar-date {
  background: @primary-2;
}
.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date,
.ant-calendar-last-month-cell .ant-calendar-date:hover,
.ant-calendar-next-month-btn-day .ant-calendar-date:hover {
  color: var(--color-base-disable);
  background: transparent;
  border-color: transparent;
}
.ant-calendar-disabled-cell .ant-calendar-date {
  color: var(--color-base-disable);
  background: var(--color-base-bg);
  border: 1px solid transparent;
  border-radius: 0;
}
.ant-calendar-disabled-cell .ant-calendar-date:hover {
  background: var(--color-base-bg);
}
.ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date::before {
  background: fade(@color-black, 10%);
  border-radius: 2px;
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before {
  border: 1px solid var(--color-base-disable);
  border-radius: 2px;
}
.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-calendar-footer {
  border-top: 1px solid @border-line-color;
}
.ant-calendar-footer:empty {
  border-top: 0;
}
.ant-calendar .ant-calendar-today-btn-disabled,
.ant-calendar .ant-calendar-clear-btn-disabled {
  color: var(--color-base-disable);
}
.ant-calendar .ant-calendar-clear-btn::after {
  color: var(--color-base-disable);
}
.ant-calendar .ant-calendar-clear-btn:hover::after {
  color: @text-color-secondary;
}
.ant-calendar .ant-calendar-ok-btn {
  background-image: none;
  border: 1px solid transparent;
  color: var(--color-constant-light);
  background-color: @btn-primary-bg;
  border-color: @btn-primary-bg;
  border-radius: 2px;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-lg {
  border-radius: 2px;
}
.ant-calendar .ant-calendar-ok-btn-sm {
  border-radius: 2px;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child::after {
  background: transparent;
}
.ant-calendar .ant-calendar-ok-btn:hover,
.ant-calendar .ant-calendar-ok-btn:focus {
  color: var(--color-constant-light);
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child::after {
  background: transparent;
}
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn.active {
  color: var(--color-constant-light);
  background-color: var(--color-primary-active);
  border-color: var(--color-primary-active);
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child::after {
  background: transparent;
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
  border-color: @border-color-base;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  background: transparent;
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
  border-color: @border-color-base;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  background: transparent;
}
.ant-calendar-range-picker-input {
  background-color: transparent;
  border: 0;
}
.ant-calendar-range-picker-input::-moz-placeholder {
  color: var(--color-base-hint);
}
.ant-calendar-range-picker-input:-ms-input-placeholder {
  color: var(--color-base-hint);
}
.ant-calendar-range-picker-input::-webkit-input-placeholder {
  color: var(--color-base-hint);
}
.ant-calendar-range-picker-separator {
  color: @text-color-secondary;
}
.ant-calendar-range-left .ant-calendar-time-picker-inner {
  border-right: 1px solid @border-line-color;
}
.ant-calendar-range-right .ant-calendar-time-picker-inner {
  border-left: 1px solid @border-line-color;
}
.ant-calendar-range-middle {
  color: @text-color-secondary;
}
.ant-calendar-range .ant-calendar-today :not(.ant-calendar-disabled-cell) :not(.ant-calendar-last-month-cell) :not(.ant-calendar-next-month-btn-day) .ant-calendar-date {
  color: @btn-primary-bg;
  background: @primary-2;
  border-color: @btn-primary-bg;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
  color: var(--color-constant-light);
  background: @btn-primary-bg;
  border: 1px solid transparent;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
  background: @btn-primary-bg;
}
.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input {
  color: @text-color;
  background-color: @component-background;
  background-image: none;
  border: 1px solid @border-color-base;
  border-radius: 2px;
  border: 0;
  box-shadow: none;
}
.ant-calendar-range .ant-calendar-input::-moz-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
  color: var(--color-base-hint);
}
.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  color: var(--color-base-hint);
}
.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
  color: var(--color-base-hint);
}
.ant-calendar-range .ant-calendar-input:hover,
.ant-calendar-range .ant-calendar-time-picker-input:hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-primary-transparent-hover);
}
.ant-calendar-range .ant-calendar-input-disabled,
.ant-calendar-range .ant-calendar-time-picker-input-disabled {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-calendar-range .ant-calendar-input-disabled:hover,
.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input[disabled],
.ant-calendar-range .ant-calendar-time-picker-input[disabled] {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-calendar-range .ant-calendar-input[disabled]:hover,
.ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  box-shadow: none;
}
.ant-calendar-range .ant-calendar-in-range-cell {
  border-radius: 0;
}
.ant-calendar-range .ant-calendar-in-range-cell::before {
  background: var(--color-primary-transparent-normal);
  border: 0;
  border-radius: 0;
}
.ant-calendar-range .ant-calendar-header,
.ant-calendar-range .ant-calendar-month-panel-header,
.ant-calendar-range .ant-calendar-year-panel-header,
.ant-calendar-range .ant-calendar-decade-panel-header {
  border-bottom: 0;
}
.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body,
.ant-calendar-range .ant-calendar-decade-panel-body {
  border-top: 1px solid @border-line-color;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
  background: none;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
  background-color: @component-background;
  border-top: 1px solid @border-line-color;
}
.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
  border-top-color: transparent;
}
.ant-calendar-time-picker {
  background-color: @component-background;
}
.ant-calendar-time-picker-inner {
  background-color: @component-background;
  background-clip: padding-box;
}
.ant-calendar-time-picker-select {
  border-right: 1px solid @border-line-color;
}
.ant-calendar-time-picker-select:first-child {
  border-left: 0;
}
.ant-calendar-time-picker-select:last-child {
  border-right: 0;
}
.ant-calendar-time-picker-select li:hover {
  background: var(--color-primary-transparent-normal);
}
.ant-calendar-time-picker-select li:focus {
  color: @btn-primary-bg;
}
li.ant-calendar-time-picker-select-option-selected {
  background: var(--color-base-bg);
}
li.ant-calendar-time-picker-select-option-disabled {
  color: var(--color-base-disable);
}
li.ant-calendar-time-picker-select-option-disabled:hover {
  background: transparent;
}
.ant-calendar-time .ant-calendar-day-select {
  color: @heading-color;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  color: var(--color-base-disable);
}
.ant-calendar-month-panel {
  background: @component-background;
  border-radius: 2px;
}
.ant-calendar-month-panel-header {
  border-bottom: 1px solid @border-line-color;
}
.ant-calendar-month-panel-header a:hover {
  color: var(--color-primary-hover);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
  color: @heading-color;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  color: @text-color-secondary;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::after {
  border-color: @text-color;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::after {
  border-color: @text-color;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::after {
  border-color: @text-color;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::after {
  border-color: @text-color;
}
.ant-calendar-month-panel-footer {
  border-top: 1px solid @border-line-color;
}
.ant-calendar-month-panel-table {
  border-collapse: separate;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
  color: @component-background;
  background: @btn-primary-bg;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
  color: @component-background;
  background: @btn-primary-bg;
}
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  color: var(--color-base-disable);
  background: var(--color-base-bg);
}
.ant-calendar-month-panel-month {
  color: @text-color;
  background: transparent;
  border-radius: 2px;
}
.ant-calendar-month-panel-month:hover {
  background: var(--color-primary-transparent-normal);
}
.ant-calendar-year-panel {
  background: @component-background;
  border-radius: 2px;
}
.ant-calendar-year-panel-header {
  border-bottom: 1px solid @border-line-color;
}
.ant-calendar-year-panel-header a:hover {
  color: var(--color-primary-hover);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
  color: @heading-color;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  color: @text-color-secondary;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::after {
  border-color: @text-color;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::after {
  border-color: @text-color;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::after {
  border-color: @text-color;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::after {
  border-color: @text-color;
}
.ant-calendar-year-panel-footer {
  border-top: 1px solid @border-line-color;
}
.ant-calendar-year-panel-table {
  border-collapse: separate;
}
.ant-calendar-year-panel-year {
  color: @text-color;
  background: transparent;
  border-radius: 2px;
}
.ant-calendar-year-panel-year:hover {
  background: var(--color-primary-transparent-normal);
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  color: @component-background;
  background: @btn-primary-bg;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
  color: @component-background;
  background: @btn-primary-bg;
}
.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
  color: var(--color-base-disable);
}
.ant-calendar-decade-panel {
  background: @component-background;
  border-radius: 2px;
}
.ant-calendar-decade-panel-header {
  border-bottom: 1px solid @border-line-color;
}
.ant-calendar-decade-panel-header a:hover {
  color: var(--color-primary-hover);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
  color: @heading-color;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  color: @text-color-secondary;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::after {
  border-color: @text-color;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::after {
  border-color: @text-color;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::after {
  border-color: @text-color;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::after {
  border-color: @text-color;
}
.ant-calendar-decade-panel-footer {
  border-top: 1px solid @border-line-color;
}
.ant-calendar-decade-panel-table {
  border-collapse: separate;
}
.ant-calendar-decade-panel-decade {
  color: @text-color;
  background: transparent;
  border-radius: 2px;
}
.ant-calendar-decade-panel-decade:hover {
  background: var(--color-primary-transparent-normal);
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
  color: @component-background;
  background: @btn-primary-bg;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
  color: @component-background;
  background: @btn-primary-bg;
}
.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-week-number .ant-calendar-body tr:hover {
  background: var(--color-primary-transparent-normal);
}
.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
  background: @primary-2;
}
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
  color: @text-color;
  background: transparent;
}
.ant-descriptions-title {
  color: @heading-color;
}
.ant-descriptions-view {
  border-radius: 2px;
}
.ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-item-label {
  color: @heading-color;
}
.ant-descriptions-item-content {
  color: @text-color;
}
.ant-descriptions-bordered .ant-descriptions-view {
  border: 1px solid @border-line-color;
}
.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
  border-right: 1px solid @border-line-color;
}
.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-right: none;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
  background-color: var(--color-base-bg);
}
.ant-descriptions-bordered .ant-descriptions-row {
  border-bottom: 1px solid @border-line-color;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-divider {
  color: @text-color;
  background: @border-line-color;
}
.ant-divider-horizontal.ant-divider-with-text-center,
.ant-divider-horizontal.ant-divider-with-text-left,
.ant-divider-horizontal.ant-divider-with-text-right {
  color: @heading-color;
  background: transparent;
}
.ant-divider-horizontal.ant-divider-with-text-center::before,
.ant-divider-horizontal.ant-divider-with-text-left::before,
.ant-divider-horizontal.ant-divider-with-text-right::before,
.ant-divider-horizontal.ant-divider-with-text-center::after,
.ant-divider-horizontal.ant-divider-with-text-left::after,
.ant-divider-horizontal.ant-divider-with-text-right::after {
  border-top: 1px solid @border-line-color;
}
.ant-divider-dashed {
  background: none;
  border-color: @border-line-color;
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
  border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: var(--color-box-shadow-3);
}
.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: var(--color-box-shadow-3);
}
.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: var(--color-box-shadow-3);
}
.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: var(--color-box-shadow-3);
}
.ant-drawer-title {
  color: @heading-color;
}
.ant-drawer-content {
  background-color: @component-background;
  background-clip: padding-box;
  border: 0;
}
.ant-drawer-close {
  color: var(--color-base-auxiliary);
  background: transparent;
  border: 0;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: var(--color-base-secondary);
}
.ant-drawer-header {
  color: @text-color;
  background: @component-background;
  border-bottom: 1px solid @border-line-color;
  border-radius: 2px 2px 0 0;
}
.ant-drawer-header-no-title {
  color: @text-color;
  background: @component-background;
}
.ant-drawer-mask {
  background-color: @mask-background;
}
.ant-drawer-open-content {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.ant-dropdown {
  color: @text-color;
  // z-index: 999; 全局导致了太多地方层级有问题，去除，但是具体Message在哪里需要加这个，需要等确认后特殊兼容
}
.ant-dropdown-menu {
  background-color: @component-background;
  background-clip: padding-box;
  border-radius: 2px;
  box-shadow: var(--color-box-shadow-3);
  border: 1px solid var(--color-light-border);
}
.ant-dropdown-menu-item-group-title {
  color: var(--color-base-normal);
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  color: @text-color;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  color: @text-color;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected > a,
.ant-dropdown-menu-submenu-title-selected > a {
  color: @btn-primary-bg;
  background-color: var(--color-primary-transparent-normal);
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: var(--color-primary-transparent-normal);
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: var(--color-base-disable);
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: var(--color-base-disable);
  background-color: @component-background;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  background-color: @border-line-color;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: var(--color-base-hint);
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: var(--color-base-disable);
  background-color: @component-background;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: @btn-primary-bg;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: @layout-sider-background;
}
.ant-menu-inline-collapsed-tooltip .ant-tooltip-inner {
  background: @layout-sider-background !important;
  color: @layout-sider-text-color !important;
}
.ant-menu-inline-collapsed-tooltip .ant-tooltip-arrow:before {
  background: @layout-sider-background !important;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
  color: @component-background;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: @component-background;
  background: @btn-primary-bg;
}
.ant-empty-normal {
  color: var(--color-base-disable);
}
.ant-empty-small {
  color: var(--color-base-disable);
}
.ant-empty-image *[fill='#F5F5F5']{
    fill: @illustration-bg !important;
}
.ant-empty-image *[fill='#FAFAFA']{
    fill: @illustration-normal !important;
}
.ant-empty-image *[fill='#D9D9D9']{
    fill: @illustration-border !important;
}
.ant-empty-image *[stroke='#F5F5F5']{
    stroke: @illustration-bg !important;
}
.ant-empty-image *[stroke='#FAFAFA']{
    stroke: @illustration-normal !important;
}
.ant-empty-image *[stroke='#D9D9D9']{
    stroke: @illustration-border !important;
}
.ant-form {
  color: @text-color;
}
.ant-form legend {
  color: @text-color-secondary;
  border: 0;
  border-bottom: 1px solid @border-color-base;
}
.ant-form output {
  color: @text-color;
}
.ant-form-item-required::before {
  color: var(--color-error-normal);
}
.ant-form-item-label > label {
  color: @heading-color;
}
.ant-form-item {
  color: @text-color;
}
.ant-form-explain,
.ant-form-extra {
  color: @text-color-secondary;
}
form .ant-upload {
  background: transparent;
}
.has-success.has-feedback .ant-form-item-children-icon {
  color: var(--color-success-normal);
}
.has-warning .ant-form-explain,
.has-warning .ant-form-split {
  color: var(--color-warn-normal);
}
.has-warning .ant-input,
.has-warning .ant-input:hover {
  background-color: @component-background;
  border-color: var(--color-warn-normal);
}
.has-warning .ant-input:focus {
  border-color: var(--color-warn-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-warn-transparent-hover);
}
.has-warning .ant-input:not([disabled]):hover {
  border-color: var(--color-warn-normal);
}
.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: var(--color-warn-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-warn-transparent-hover);
}
.has-warning .ant-input-affix-wrapper .ant-input,
.has-warning .ant-input-affix-wrapper .ant-input:hover {
  background-color: @component-background;
  border-color: var(--color-warn-normal);
}
.has-warning .ant-input-affix-wrapper .ant-input:focus {
  border-color: var(--color-warn-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-warn-transparent-hover);
}
.has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: var(--color-warn-normal);
}
.has-warning .ant-input-prefix {
  color: var(--color-warn-normal);
}
.has-warning .ant-input-group-addon {
  color: var(--color-warn-normal);
  background-color: @component-background;
  border-color: var(--color-warn-normal);
}
.has-warning .has-feedback {
  color: var(--color-warn-normal);
}
.has-warning.has-feedback .ant-form-item-children-icon {
  color: var(--color-warn-normal);
}
.has-warning .ant-select-selection {
  border-color: var(--color-warn-normal);
}
.has-warning .ant-select-selection:hover {
  border-color: var(--color-warn-normal);
}
.has-warning .ant-select-open .ant-select-selection,
.has-warning .ant-select-focused .ant-select-selection {
  border-color: var(--color-warn-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-warn-transparent-hover);
}
.has-warning .ant-calendar-picker-icon::after,
.has-warning .ant-time-picker-icon::after,
.has-warning .ant-picker-icon::after,
.has-warning .ant-select-arrow,
.has-warning .ant-cascader-picker-arrow {
  color: var(--color-warn-normal);
}
.has-warning .ant-input-number,
.has-warning .ant-time-picker-input {
  border-color: var(--color-warn-normal);
}
.has-warning .ant-input-number-focused,
.has-warning .ant-time-picker-input-focused,
.has-warning .ant-input-number:focus,
.has-warning .ant-time-picker-input:focus {
  border-color: var(--color-warn-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-warn-transparent-hover);
}
.has-warning .ant-input-number:not([disabled]):hover,
.has-warning .ant-time-picker-input:not([disabled]):hover {
  border-color: var(--color-warn-normal);
}
.has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: var(--color-warn-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-warn-transparent-hover);
}
.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: var(--color-error-normal);
}
.has-error .ant-input,
.has-error .ant-input:hover {
  background-color: @component-background;
  border-color: var(--color-error-normal);
}
.has-error .ant-input:focus {
  border-color: var(--color-error-normal);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-error-transparent-hover);
}
.has-error .ant-input:not([disabled]):hover {
  border-color: var(--color-error-normal);
}
.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: var(--color-error-normal);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-error-transparent-hover);
}
.has-error .ant-input-affix-wrapper .ant-input,
.has-error .ant-input-affix-wrapper .ant-input:hover {
  background-color: @component-background;
  border-color: var(--color-error-normal);
}
.has-error .ant-input-affix-wrapper .ant-input:focus {
  border-color: var(--color-error-normal);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-error-transparent-hover);
}
.has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: var(--color-error-normal);
}
.has-error .ant-input-prefix {
  color: var(--color-error-normal);
}
.has-error .ant-input-group-addon {
  color: var(--color-error-normal);
  background-color: @component-background;
  border-color: var(--color-error-normal);
}
.has-error .has-feedback {
  color: var(--color-error-normal);
}
.has-error.has-feedback .ant-form-item-children-icon {
  color: var(--color-error-normal);
}
.has-error .ant-select-selection {
  border-color: var(--color-error-normal);
}
.has-error .ant-select-selection:hover {
  border-color: var(--color-error-normal);
}
.has-error .ant-select-open .ant-select-selection,
.has-error .ant-select-focused .ant-select-selection {
  border-color: var(--color-error-normal);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-error-transparent-hover);
}
.has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: var(--color-error-normal);
}
.has-error .ant-input-group-addon .ant-select-selection {
  border-color: transparent;
  box-shadow: none;
}
.has-error .ant-calendar-picker-icon::after,
.has-error .ant-time-picker-icon::after,
.has-error .ant-picker-icon::after,
.has-error .ant-select-arrow,
.has-error .ant-cascader-picker-arrow {
  color: var(--color-error-normal);
}
.has-error .ant-input-number,
.has-error .ant-time-picker-input {
  border-color: var(--color-error-normal);
}
.has-error .ant-input-number-focused,
.has-error .ant-time-picker-input-focused,
.has-error .ant-input-number:focus,
.has-error .ant-time-picker-input:focus {
  border-color: var(--color-error-normal);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-error-transparent-hover);
}
.has-error .ant-input-number:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: var(--color-error-normal);
}
.has-error .ant-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  border-color: var(--color-error-normal);
}
.has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  border-color: var(--color-error-normal);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-error-transparent-hover);
}
.has-error .ant-cascader-picker:focus .ant-cascader-input {
  border-color: var(--color-error-normal);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-error-transparent-hover);
}
.has-error .ant-transfer-list {
  border-color: var(--color-error-normal);
}
.has-error .ant-transfer-list-search:not([disabled]) {
  border-color: @border-color-base;
}
.has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
}
.has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-primary-transparent-hover);
}
.is-validating.has-feedback .ant-form-item-children-icon {
  color: @btn-primary-bg;
}
.ant-input-number {
  color: @text-color;
  background-color: @component-background;
  background-image: none;
  border: 1px solid @border-color-base;
  border-radius: 2px;
}
.ant-input-number::-moz-placeholder {
  color: var(--color-base-hint);
}
.ant-input-number:-ms-input-placeholder {
  color: var(--color-base-hint);
}
.ant-input-number::-webkit-input-placeholder {
  color: var(--color-base-hint);
}
.ant-input-number:hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
}
.ant-input-number:focus {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-primary-transparent-hover);
}
.ant-input-number-disabled {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-input-number-disabled:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-input-number[disabled] {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-input-number[disabled]:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-input-number-handler {
  color: @text-color-secondary;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: var(--color-primary-hover);
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  color: inherit;
  color: @text-color-secondary;
}
.ant-input-number:hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
}
.ant-input-number-focused {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-primary-transparent-hover);
}
.ant-input-number-disabled {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-input-number-disabled:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-input-number-input {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
}
.ant-input-number-input::-moz-placeholder {
  color: var(--color-base-hint);
}
.ant-input-number-input:-ms-input-placeholder {
  color: var(--color-base-hint);
}
.ant-input-number-input::-webkit-input-placeholder {
  color: var(--color-base-hint);
}
.ant-input-number-handler-wrap {
  background: @component-background;
  border-left: 1px solid @border-color-base;
  border-radius: 0 2px 2px 0;
}
.ant-input-number-handler-up {
  border-top-right-radius: 2px;
}
.ant-input-number-handler-down {
  border-top: 1px solid @border-color-base;
  border-bottom-right-radius: 2px;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: var(--color-base-disable);
}
.ant-input {
  color: @text-color;
  background-color: @component-background;
  background-image: none;
  border: 1px solid @custom-input-border-color;
  border-radius: 2px;
}
.ant-input::-moz-placeholder {
  color: var(--color-base-hint);
}
.ant-input:-ms-input-placeholder {
  color: var(--color-base-hint);
}
.ant-input::-webkit-input-placeholder {
  color: var(--color-base-hint);
}
.ant-input:hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
}
.ant-input:focus {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
  // box-shadow: 0 0 0 2px var(--color-primary-transparent-hover);
  box-shadow: none;
}
.ant-input-disabled {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-input-disabled:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-input[disabled] {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-input[disabled]:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-input-group {
  color: @text-color;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group .ant-input:focus {
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  border-right-width: 1px;
}
.ant-input-group-addon {
  color: @text-color;
  background-color: var(--color-base-bg);
  border: 1px solid @custom-input-border-color;
  border-radius: 2px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: @btn-primary-bg;
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact > * {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-input-affix-wrapper {
  color: @text-color;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  color: var(--color-base-normal);
}
.ant-input-affix-wrapper .ant-input-prefix:hover,
.ant-input-affix-wrapper .ant-input-suffix:hover {
  color: var(--color-base-secondary);
}
.ant-input-affix-wrapper .ant-input-disabled ~ .ant-input-suffix .anticon {
  color: var(--color-base-disable);
}
.ant-input-password-icon {
  color: var(--color-base-normal);
}
.ant-input-password-icon:hover {
  color: var(--color-base-secondary);
}
.ant-input-clear-icon {
  color: var(--color-base-hint);
}
.ant-input-clear-icon:hover {
  color: var(--color-base-secondary);
}
.ant-input-clear-icon:active {
  color: @text-color;
}
.ant-input-textarea-clear-icon {
  color: var(--color-base-hint);
}
.ant-input-textarea-clear-icon:hover {
  color: var(--color-base-secondary);
}
.ant-input-textarea-clear-icon:active {
  color: @text-color;
}
.ant-input-search-icon {
  color: var(--color-base-hint);
}
.ant-input-search-icon:hover {
  color: var(--color-base-secondary);
}
.ant-input-search-enter-button input {
  border-right: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon,
.ant-input-search-enter-button input + .ant-input-group-addon {
  border: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-layout {
  background: @layout-body-background;
}
.ant-layout-header {
  background: @component-background;
}
.ant-layout-footer {
  color: @text-color;
  background: @layout-body-background;
}
.ant-layout-sider {
  background: @layout-sider-background;
}
.ant-layout-sider-trigger {
  color: @component-background;
  background: #002140;
}
.ant-layout-sider-zero-width-trigger {
  color: @component-background;
  background: @layout-sider-background;
  border-radius: 0 2px 2px 0;
}
.ant-layout-sider-zero-width-trigger:hover {
  background: #192c3e;
}
.ant-layout-sider-zero-width-trigger-right {
  border-radius: 2px 0 0 2px;
}
.ant-layout-sider-light {
  background: @component-background;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
  color: @text-color;
  background: @component-background;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: @text-color;
  background: @component-background;
}
.ant-list {
  color: @text-color;
}
.ant-list-empty-text {
  color: var(--color-base-disable);
}
.ant-list-item-content {
  color: @text-color;
}
.ant-list-item-meta-title {
  color: @text-color;
}
.ant-list-item-meta-title > a {
  color: @text-color;
}
.ant-list-item-meta-title > a:hover {
  color: @btn-primary-bg;
}
.ant-list-item-meta-description {
  color: @text-color-secondary;
}
.ant-list-item-action > li {
  color: @text-color-secondary;
}
.ant-list-item-action-split {
  background-color: @border-line-color;
}
.ant-list-header {
  background: transparent;
}
.ant-list-footer {
  background: transparent;
}
.ant-list-empty {
  color: @text-color-secondary;
}
.ant-list-split .ant-list-item {
  border-bottom: 1px solid @border-line-color;
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid @border-line-color;
}
.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  border-bottom: 1px solid @border-line-color;
}
.ant-list-vertical .ant-list-item-meta-title {
  color: @heading-color;
}
.ant-list-grid .ant-col > .ant-list-item {
  border-bottom: none;
}
.ant-list-bordered {
  border: 1px solid @border-color-base;
  border-radius: 2px;
}
.ant-list-bordered .ant-list-item {
  border-bottom: 1px solid @border-line-color;
}
.ant-mentions-wrapper {
  color: @text-color;
}
.ant-mentions-wrapper .ant-mentions-editor {
  color: @text-color;
  background-color: @component-background;
  background-image: none;
  border: 1px solid @border-color-base;
  border-radius: 2px;
}
.ant-mentions-wrapper .ant-mentions-editor::-moz-placeholder {
  color: var(--color-base-hint);
}
.ant-mentions-wrapper .ant-mentions-editor:-ms-input-placeholder {
  color: var(--color-base-hint);
}
.ant-mentions-wrapper .ant-mentions-editor::-webkit-input-placeholder {
  color: var(--color-base-hint);
}
.ant-mentions-wrapper .ant-mentions-editor:hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
}
.ant-mentions-wrapper .ant-mentions-editor:focus {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-primary-transparent-hover);
}
.ant-mentions-wrapper .ant-mentions-editor-disabled {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-mentions-wrapper .ant-mentions-editor-disabled:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-mentions-wrapper .ant-mentions-editor[disabled] {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-mentions-wrapper .ant-mentions-editor[disabled]:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-mentions-wrapper.ant-mentions-active:not(.disabled) .ant-mentions-editor {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-primary-transparent-hover);
}
.ant-mentions-wrapper.disabled .ant-mentions-editor {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-mentions-wrapper.disabled .ant-mentions-editor:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-mentions-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
  color: var(--color-base-hint);
}
.ant-mentions-dropdown {
  color: @text-color;
  background-color: @component-background;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-mentions-dropdown-notfound.ant-mentions-dropdown-item {
  color: var(--color-base-disable);
}
.ant-mentions-dropdown-notfound.ant-mentions-dropdown-item .anticon-loading {
  color: @btn-primary-bg;
}
.ant-mentions-dropdown-item {
  color: @text-color;
}
.ant-mentions-dropdown-item:hover {
  background-color: var(--color-primary-transparent-normal);
}
.ant-mentions-dropdown-item.focus,
.ant-mentions-dropdown-item-active {
  background-color: var(--color-primary-transparent-normal);
}
.ant-mentions-dropdown-item-disabled {
  color: var(--color-base-disable);
}
.ant-mentions-dropdown-item-disabled:hover {
  color: var(--color-base-disable);
  background-color: @component-background;
}
.ant-mentions-dropdown-item-selected,
.ant-mentions-dropdown-item-selected:hover {
  color: @text-color;
  background-color: var(--color-base-bg);
}
.ant-mentions-dropdown-item-divider {
  background-color: @border-line-color;
}
.ant-mentions {
  color: @text-color;
  background-color: @component-background;
  background-image: none;
  border: 1px solid @border-color-base;
  border-radius: 2px;
}
.ant-mentions::-moz-placeholder {
  color: var(--color-base-hint);
}
.ant-mentions:-ms-input-placeholder {
  color: var(--color-base-hint);
}
.ant-mentions::-webkit-input-placeholder {
  color: var(--color-base-hint);
}
.ant-mentions:hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
}
.ant-mentions:focus {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-primary-transparent-hover);
}
.ant-mentions-disabled {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-mentions-disabled:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-mentions[disabled] {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-mentions[disabled]:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-mentions-disabled > textarea {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-mentions-disabled > textarea:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-mentions-focused {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-primary-transparent-hover);
}
.ant-mentions > textarea {
  border: none;
}
.ant-mentions > textarea::-moz-placeholder {
  color: var(--color-base-hint);
}
.ant-mentions > textarea:-ms-input-placeholder {
  color: var(--color-base-hint);
}
.ant-mentions > textarea::-webkit-input-placeholder {
  color: var(--color-base-hint);
}
.ant-mentions-measure {
  color: transparent;
}
.ant-mentions-dropdown {
  color: @text-color;
  background-color: @component-background;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-mentions-dropdown-menu-item {
  color: @text-color;
}
.ant-mentions-dropdown-menu-item:hover {
  background-color: var(--color-primary-transparent-normal);
}
.ant-mentions-dropdown-menu-item:first-child {
  border-radius: 2px 2px 0 0;
}
.ant-mentions-dropdown-menu-item:last-child {
  border-radius: 0 0 2px 2px;
}
.ant-mentions-dropdown-menu-item-disabled {
  color: var(--color-base-disable);
}
.ant-mentions-dropdown-menu-item-disabled:hover {
  color: var(--color-base-disable);
  background-color: @component-background;
}
.ant-mentions-dropdown-menu-item-selected {
  color: @text-color;
  background-color: var(--color-base-bg);
}
.ant-mentions-dropdown-menu-item-active {
  background-color: var(--color-primary-transparent-normal);
}
.ant-menu {
  color: @text-color;
  background: @component-background;
  box-shadow: var(--color-box-shadow-2);
}
.ant-layout-sider .ant-menu {
  color: @layout-sider-text-color; // mark
  background: @component-background; //mark
  box-shadow: var(--color-box-shadow-2);
}
.ant-menu-item-group-title {
  color: @text-color-secondary;
}
.ant-menu-submenu-selected {
  color: @layout-sider-submenu-selected-color;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: var(--color-primary-transparent-normal);
}
.ant-menu-item > a {
  color: @layout-sider-text-color;
}
.ant-menu-item > a:hover {
  color: @layout-sider-text-color-hover;
}
.ant-menu-item > a::before {
  background-color: transparent;
}
.ant-menu-item-divider {
  background-color: @border-line-color;
}
.ant-layout-sider .ant-menu-item:hover,
.ant-layout-sider .ant-menu-item-active,
.ant-layout-sider .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-layout-sider .ant-menu-submenu-active,
.ant-layout-sider .ant-menu-submenu-title:hover {
  // color: @btn-primary-bg;
  color: @layout-sider-text-color-hover;
  // background : @layout-sider-submenu-title; // 二级菜单一级标题背景底色
  background : @layout-sider-submenu-title-hover;
}
.ant-layout-sider .menu-item-link {
  color: @layout-sider-text-color;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-layout-sider .ant-menu-item-selected {
  color: @btn-primary-bg;
}
.ant-menu-item-selected > a {
  color: @layout-sider-submenu-selected-color;
}
.ant-menu-item-selected > a:hover {
  color: @layout-sider-text-color-hover;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: var(--color-primary-transparent-normal);
}
.ant-layout-sider .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: @layout-sider-menu-item-selected;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-layout-sider .ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid @layout-sider-background;
}
.ant-menu-vertical-right {
  border-left: 1px solid @border-line-color;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu > .ant-menu-item-divider {
  background-color: @border-line-color;
}
.ant-menu-submenu-popup {
  background-color: var(--color-bg-1);
  border: 1px solid var(--color-light-border);
}
.ant-menu-submenu-hidden.ant-menu-submenu-popup {
  border: none;
}
.menu-popup-cls {
  // test1
  // background: @component-background;
  background: @layout-sider-background;
  border-radius: 2px;
}
.ant-menu-submenu > .ant-menu {
  background-color: @component-background;
  border-radius: 2px;
}
.ant-layout-sider .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-layout-sider .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-layout-sider .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-layout-sider .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-layout-sider .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-layout-sider .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-layout-sider .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-layout-sider .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  // background: @component-background;mark1
  background: @layout-sider-menu-submenu-arrow-color;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  background-image: none ;
  border-radius: 2px;
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: @layout-sider-arrow-color-hover;
}
.ant-layout-sider .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-layout-sider .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-layout-sider .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-layout-sider .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-layout-sider .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-layout-sider .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-layout-sider .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-layout-sider .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: @layout-sider-arrow-color-hover; //mark3
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: @btn-primary-bg;
}
.ant-menu-vertical .ant-menu-submenu-selected > a,
.ant-menu-vertical-left .ant-menu-submenu-selected > a,
.ant-menu-vertical-right .ant-menu-submenu-selected > a {
  color: @btn-primary-bg;
}
.ant-menu-horizontal {
  border: 0;
  border-bottom: 1px solid @border-line-color;
  box-shadow: none;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  border-bottom: 2px solid transparent;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  color: @btn-primary-bg;
  border-bottom: 2px solid @btn-primary-bg;
}
.ant-menu-horizontal > .ant-menu-item > a {
  color: @text-color;
}
.ant-menu-horizontal > .ant-menu-item > a:hover {
  color: @btn-primary-bg;
}
.ant-menu-horizontal > .ant-menu-item-selected > a {
  color: @btn-primary-bg;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  border-right: 3px solid @btn-primary-bg;
}
.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: var(--color-base-disable) !important;
  background: none;
  border-color: transparent !important;
}
.ant-menu-item-disabled > a,
.ant-menu-submenu-disabled > a {
  color: var(--color-base-disable) !important;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: var(--color-base-disable) !important;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: var(--color-base-disable) !important;
}
.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: @layout-sider-background;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: @component-background;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  border-color: @layout-sider-background;
  border-bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: @component-background;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a {
  color: @component-background;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
  background: @component-background;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item-selected {
  color: @component-background;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: @component-background;
}
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: @component-background;
}
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: @component-background;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: @btn-primary-bg;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}
.ant-message {
  color: @text-color;
  z-index: @zindex-message;
}
.ant-message-notice-content {
  background: @component-background;
  border-radius: 2px;
  border: 1px solid var(--color-light-border);
  box-shadow: var(--color-box-shadow-1);
}
.ant-message-success .anticon {
  color: var(--color-success-normal);
}
.ant-message-error .anticon {
  color: var(--color-error-normal);
}
.ant-message-warning .anticon {
  color: var(--color-warn-normal);
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: @btn-primary-bg;
}
.ant-modal {
  color: @text-color;
}
.ant-modal-title {
  color: @heading-color;
}
.ant-modal-content {
  background-color: @component-background;
  background-clip: padding-box;
  border: 1px solid var(--color-light-border-modal);
  border-radius: 2px;
  box-shadow: none;
}
.ant-modal-close {
  color: var(--color-base-auxiliary);
  background: transparent;
  border: 0;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: var(--color-base-secondary);
}
.ant-modal-header {
  color: @text-color;
  background: @component-background;
  border-bottom: 1px solid @border-line-color;
  border-radius: 2px 2px 0 0;
}
.ant-modal-footer {
  background: transparent;
  border-top: 1px solid @border-line-color;
  border-radius: 0 0 2px 2px;
}
.ant-modal-mask {
  background-color: @mask-background;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  color: @heading-color;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  color: @text-color;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: var(--color-error-normal);
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: var(--color-warn-normal);
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: @btn-primary-bg;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: var(--color-success-normal);
}
.ant-notification {
  color: @text-color;
}
.ant-notification-notice {
  background: @component-background;
  border-radius: 2px;
  border: 1px solid var(--color-light-border);
  box-shadow: var(--color-box-shadow-3);
}
.ant-notification-notice-message {
  color: @heading-color;
}
.ant-notification-notice-message-single-line-auto-margin {
  background-color: transparent;
}
.anticon.ant-notification-notice-icon-success {
  color: var(--color-success-normal);
}
.anticon.ant-notification-notice-icon-info {
  color: @btn-primary-bg;
}
.anticon.ant-notification-notice-icon-warning {
  color: var(--color-warn-normal);
}
.anticon.ant-notification-notice-icon-error {
  color: var(--color-error-normal);
}
.ant-notification-notice-close {
  color: var(--color-base-auxiliary);
  top: 11px;
  right: 16px;
}
.ant-notification-notice-close:hover {
  color: var(--color-base-secondary);
}
.ant-page-header {
  color: @text-color;
  background-color: @component-background;
}
.ant-page-header-ghost {
  background-color: inherit;
}
.ant-page-header-back-button {
  color: var(--color-base-normal);
}
.ant-page-header-back-button:focus,
.ant-page-header-back-button:hover {
  color: var(--color-primary-hover);
}
.ant-page-header-back-button:active {
  color: var(--color-primary-active);
}
.ant-page-header-heading-title {
  color: @heading-color;
}
.ant-page-header-heading-sub-title {
  color: @text-color-secondary;
}
.ant-page-header-footer .ant-tabs-bar {
  border-bottom: 0;
}
.ant-pagination {
  color: @text-color;
}
.ant-pagination-item {
  background-color: @component-background;
  border: 1px solid @border-color-base;
  border-radius: 2px;
}
.ant-pagination-item a {
  color: @text-color;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: @btn-primary-bg;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: @btn-primary-bg;
}
.ant-pagination-item-active {
  background: @component-background;
  border-color: @btn-primary-bg;
}
.ant-pagination-item-active a {
  color: @btn-primary-bg;
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: var(--color-primary-hover);
}
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: var(--color-primary-hover);
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  color: @btn-primary-bg;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  color: var(--color-base-disable);
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  color: @text-color;
  border-radius: 2px;
}
.ant-pagination-prev a,
.ant-pagination-next a {
  color: @text-color;
}
.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  border-color: var(--color-primary-hover);
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  background-color: @component-background;
  border: 1px solid @border-color-base;
  border-radius: 2px;
}
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: @btn-primary-bg;
  border-color: @btn-primary-bg;
}
.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: var(--color-base-disable);
  border-color: @border-color-base;
}
.ant-pagination-options-quick-jumper input {
  color: @text-color;
  background-color: @component-background;
  background-image: none;
  border: 1px solid @border-color-base;
  border-radius: 2px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: var(--color-base-hint);
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: var(--color-base-hint);
}
.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: var(--color-base-hint);
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-primary-transparent-hover);
}
.ant-pagination-options-quick-jumper input-disabled {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  border: 0;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  background-color: @component-background;
  border: 1px solid @border-color-base;
  border-radius: 2px;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: @btn-primary-bg;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: var(--color-base-bg);
  border-color: @border-color-base;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: var(--color-base-disable);
  background: transparent;
  border: none;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: var(--color-base-hint);
  border-color: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: @component-background;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus {
  color: @text-color-secondary;
  background: var(--color-base-bg);
  border-color: @border-color-base;
}
.ant-popover {
  color: @text-color;
}
.ant-popover::after {
  background: rgba(255, 255, 255, 0.01);
}
.ant-popover-inner {
  background-color: var(--color-bg-1);
  background-clip: padding-box;
  border-radius: 2px;
  border: 1px solid var(--color-light-border);
  box-shadow: var(--color-box-shadow-2);
}
.ant-popover-title {
  color: @heading-color;
  border-bottom: 1px solid @border-line-color;
}
.ant-popover-inner-content {
  color: @text-color;
}
.ant-popover-message {
  color: @text-color;
}
.ant-popover-message > .anticon {
  color: var(--color-warn-normal);
}
.ant-popover-arrow {
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  border-top-color: transparent;
  border-right-color: @component-background;
  border-bottom-color: @component-background;
  border-left-color: transparent;
  box-shadow: 3px 3px 7px fade(@color-black, 7%);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: @component-background;
  border-left-color: @component-background;
  box-shadow: -3px 3px 7px fade(@color-black, 7%);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  border-top-color: @component-background;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: @component-background;
  box-shadow: -2px -2px 5px fade(@color-black, 7%);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  border-top-color: @component-background;
  border-right-color: @component-background;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-shadow: 3px -3px 7px fade(@color-black, 7%);
}
.ant-popover-arrow::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background-color: var(--color-bg-1);
  border: 1px solid var(--color-light-border);
}
.ant-popover-placement-top .ant-popover-arrow::before,
.ant-popover-placement-topLeft .ant-popover-arrow::before,
.ant-popover-placement-topRight .ant-popover-arrow::before {
  border-top-color: transparent !important;
  border-left-color: transparent !important;
}
.ant-popover-placement-right .ant-popover-arrow::before,
.ant-popover-placement-rightTop .ant-popover-arrow::before,
.ant-popover-placement-rightBottom .ant-popover-arrow::before {
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}
.ant-popover-placement-left .ant-popover-arrow::before,
.ant-popover-placement-leftTop .ant-popover-arrow::before,
.ant-popover-placement-leftBottom .ant-popover-arrow::before {
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
}
.ant-popover-placement-bottom .ant-popover-arrow::before,
.ant-popover-placement-bottomLeft .ant-popover-arrow::before,
.ant-popover-placement-bottomRight .ant-popover-arrow::before {
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
}
.ant-progress {
  color: @text-color;
}
.ant-progress-inner {
  background-color: var(--color-base-bg);
  border-radius: 100px;
}
.ant-progress-success-bg,
.ant-progress-bg {
  background-color: var(--color-primary-normal);
  border-radius: 100px;
}
.ant-progress-success-bg {
  background-color: var(--color-success-normal);
}
.ant-progress-text {
  color: @text-color-secondary;
}
.ant-progress-status-active .ant-progress-bg::before {
  background: @component-background;
  border-radius: 10px;
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: var(--color-error-normal);
}
.ant-progress-status-exception .ant-progress-text {
  color: var(--color-error-normal);
}
.ant-progress-status-success .ant-progress-bg {
  background-color: var(--color-success-normal);
}
.ant-progress-status-success .ant-progress-text {
  color: var(--color-success-normal);
}
.ant-progress-circle .ant-progress-inner {
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  color: @text-color;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: var(--color-error-normal);
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: var(--color-success-normal);
}
.ant-radio-group {
  color: @text-color;
}
.ant-radio-wrapper {
  color: @text-color;
}
.ant-radio {
  color: @text-color;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: @btn-primary-bg;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px var(--color-primary-transparent-normal);
}
.ant-radio-checked::after {
  border: 1px solid @btn-primary-bg;
  border-radius: 50%;
}
.ant-radio-inner {
  background-color: @component-background;
  border-color: @custom-input-border-color;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
}
.ant-radio-inner::after {
  background-color: @btn-primary-bg;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
}
.ant-radio-checked .ant-radio-inner {
  border-color: @btn-primary-bg;
}
.ant-radio-disabled .ant-radio-inner {
  background-color: var(--color-base-bg-hover);
  border-color: var(--color-base-hint) !important;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: var(--color-base-hint);
}
.ant-radio-disabled + span {
  color: var(--color-base-disable);
}
.ant-radio-button-wrapper {
  color: @text-color;
  background: @component-background;
  border: 1px solid @border-color-base;
  border-top-width: 1.02px;
  border-left: 0;
}
.ant-radio-button-wrapper a {
  color: @text-color;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  background-color: @border-color-base;
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid @border-color-base;
  border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 2px;
}
.ant-radio-button-wrapper:hover {
  color: @btn-primary-bg;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: @btn-primary-bg;
  background: @component-background;
  border-color: @btn-primary-bg;
  box-shadow: -1px 0 0 0 @btn-primary-bg;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: @btn-primary-bg !important;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: @btn-primary-bg;
  box-shadow: none !important;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: -1px 0 0 0 var(--color-primary-hover);
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: var(--color-primary-active);
  border-color: var(--color-primary-active);
  box-shadow: -1px 0 0 0 var(--color-primary-active);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: @component-background;
  background: @btn-primary-bg;
  border-color: @btn-primary-bg;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: @component-background;
  background: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: @component-background;
  background: var(--color-primary-active);
  border-color: var(--color-primary-active);
}
.ant-radio-button-wrapper-disabled {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
  border-color: @border-color-base;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
  border-color: @border-color-base;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: @border-color-base;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: var(--color-base-secondary);
  background-color: var(--color-base-bg-hover);
  border-color: @border-color-base;
  box-shadow: none;
}
.ant-rate {
  color: @text-color;
  color: #fadb14;
}
.ant-rate-star {
  color: inherit;
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: @border-line-color;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
  color: inherit;
}
.ant-result-success .ant-result-icon > .anticon {
  color: var(--color-success-normal);
}
.ant-result-error .ant-result-icon > .anticon {
  color: var(--color-error-normal);
}
.ant-result-info .ant-result-icon > .anticon {
  color: @btn-primary-bg;
}
.ant-result-warning .ant-result-icon > .anticon {
  color: var(--color-warn-normal);
}
.ant-result-title {
  color: @heading-color;
}
.ant-result-subtitle {
  color: @text-color-secondary;
}
.ant-result-content {
  background-color: var(--color-base-bg);
}
.ant-select {
  color: @text-color;
}
.ant-select > ul > li > a {
  background-color: @component-background;
}
.ant-select-arrow {
  color: inherit;
  color: var(--color-base-hint);
}
.ant-select-selection {
  background-color: @component-background;
  border: 1px solid @custom-input-border-color;
  border-top-width: 1.02px;
  border-radius: 2px;
}
.ant-select-selection:hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
}
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-primary-transparent-hover);
}
.ant-select-selection__clear {
  color: var(--color-base-disable);
  background: @component-background;
}
.ant-select-selection__clear:hover {
  color: @text-color-secondary;
}
.ant-select-disabled {
  color: var(--color-base-disable);
}
.ant-select-disabled .ant-select-selection {
  background-color: var(--color-base-bg);
}
.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  border-color: @border-color-base;
  box-shadow: none;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg-hover);
}
.ant-select-disabled .ant-select-selection__choice__remove {
  color: var(--color-base-disable);
}
.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: var(--color-base-disable);
}
.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  color: var(--color-base-hint);
}
.ant-select-search--inline .ant-select-search__field {
  background: transparent;
  border-width: 0;
  border-radius: 2px;
}
.ant-select-selection--multiple .ant-select-selection__choice {
  color: @text-color;
  font-size: 12px;
  background-color: var(--color-base-bg-hover);
  border: none;
  border-radius: 2px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove {
  color: inherit;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: var(--color-base-secondary);
}
.ant-select-open .ant-select-selection {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
  // box-shadow: 0 0 0 2px var(--color-primary-transparent-hover);
  box-shadow: none;
}
.ant-select-combobox .ant-select-search__field {
  box-shadow: none;
}
.ant-select-dropdown {
  color: @text-color;
  background-color: @component-background;
  border-radius: 2px;
  border: 1px solid var(--color-light-border);
  box-shadow: var(--color-box-shadow-2);
}
.ant-select-dropdown-menu-item-group-title {
  color: @text-color-secondary;
}
.ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),
.ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {
  border-radius: 0;
}
.ant-select-dropdown-menu-item {
  color: @text-color;
  border-radius: 2px; // mark
  margin: 10px; // mark
}
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: var(--color-primary-transparent-normal);
}
.ant-select-dropdown-menu-item:first-child {
  border-radius: 2px 2px 0 0;
}
.ant-select-dropdown-menu-item:last-child {
  border-radius: 0 0 2px 2px;
}
.ant-select-dropdown-menu-item-selected {
  color: @text-color;
  background-color: var(--color-base-bg);
}
.ant-select-dropdown-menu-item-disabled {
  color: var(--color-base-disable);
}
.ant-select-dropdown-menu-item-disabled:hover {
  color: var(--color-base-disable);
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: var(--color-primary-transparent-normal);
}
.ant-select-dropdown-menu-item-divider {
  background-color: @border-line-color;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
  color: transparent;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
  color: fade(@color-black, 87%);
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
  color: @btn-primary-bg;
}
.ant-skeleton-header .ant-skeleton-avatar {
  background: var(--color-base-bg);
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-content .ant-skeleton-title {
  background: var(--color-base-bg);
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
  background: var(--color-base-bg);
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  background: linear-gradient(90deg, var(--color-base-bg) 25%, var(--color-base-bg-hover) 37%, var(--color-base-bg) 63%);
  background-size: 400% 100%;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  background: linear-gradient(90deg, var(--color-base-bg) 25%, var(--color-base-bg-hover) 37%, var(--color-base-bg) 63%);
  background-size: 400% 100%;
}
.ant-slider {
  color: @text-color;
}
.ant-slider-rail {
  background-color: var(--color-base-bg-hover);
  border-radius: 2px;
}
.ant-slider-track {
  background-color: var(--color-primary-normal);
  border-radius: 2px;
}
.ant-slider-handle {
  background-color: var(--color-bg-2);
  border: solid 2px var(--color-primary-normal);
  border-radius: 50%;
  box-shadow: 0;
}
.ant-slider-handle:focus {
  border-color: var(--color-primary-hover);
  box-shadow: 0 0 0 5px var(--color-primary-transparent-hover);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: @btn-primary-bg;
}
.ant-slider:hover .ant-slider-rail {
  background-color: var(--color-base-hint);
}
.ant-slider:hover .ant-slider-track {
  background-color: var(--color-primary-hover);
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: var(--color-primary-hover);
}
.ant-slider-mark-text {
  color: @text-color-secondary;
}
.ant-slider-mark-text-active {
  color: @text-color;
}
.ant-slider-step {
  background: transparent;
}
.ant-slider-dot {
  background-color: var(--color-bg-2);
  border: 2px solid var(--color-primary-disable);
  border-radius: 50%;
}
.ant-slider-dot-active {
  border-color: var(--color-primary-normal);
}
.ant-slider-disabled .ant-slider-track {
  background-color: var(--color-base-disable) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: var(--color-bg-2);
  border-color: var(--color-base-disable) !important;
  box-shadow: none;
}
.ant-spin {
  color: @text-color;
  color: @btn-primary-bg;
}
.ant-spin-container::after {
  background: @component-background;
}
.ant-spin-tip {
  color: @text-color-secondary;
}
.ant-spin-dot-item {
  background-color: @btn-primary-bg;
  border-radius: 100%;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
    text-shadow: none;
}
.ant-statistic {
  color: @text-color;
}
.ant-statistic-title {
  color: @text-color-secondary;
}
.ant-statistic-content {
  color: @heading-color;
}
.ant-steps {
  color: @text-color;
}
.ant-steps-item-icon {
  border: 1px solid var(--color-base-disable);
  border-radius: 32px;
}
.ant-steps-item-icon > .ant-steps-icon {
  color: @btn-primary-bg;
}
.ant-steps-item-tail::after {
  background: @border-line-color;
  border-radius: 1px;
}
.ant-steps-item-title {
  color: @text-color;
}
.ant-steps-item-title::after {
  background: @border-line-color;
}
.ant-steps-item-subtitle {
  color: @text-color-secondary;
}
.ant-steps-item-description {
  color: @text-color-secondary;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: @component-background;
  border-color: var(--color-base-disable);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: var(--color-base-disable);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: var(--color-base-disable);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: @text-color-secondary;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: @border-line-color;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: @text-color-secondary;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: @border-line-color;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: @component-background;
  border-color: @btn-primary-bg;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: @btn-primary-bg;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: @btn-primary-bg;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: @heading-color;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: @border-line-color;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: @text-color;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: @border-line-color;
}
.ant-steps-item-process .ant-steps-item-icon {
  background: @btn-primary-bg;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: @component-background;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: @component-background;
  border-color: @btn-primary-bg;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: @btn-primary-bg;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: @btn-primary-bg;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: @text-color;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: @btn-primary-bg;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: @text-color-secondary;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: @btn-primary-bg;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: @component-background;
  border-color: var(--color-error-normal);
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: var(--color-error-normal);
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: var(--color-error-normal);
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: var(--color-error-normal);
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: @border-line-color;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: var(--color-error-normal);
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: @border-line-color;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: var(--color-error-normal);
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  color: @btn-primary-bg;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
  border-color: @btn-primary-bg;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
  color: @btn-primary-bg;
}
.ant-steps-item-custom .ant-steps-item-icon {
  background: none;
  border: 0;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: @btn-primary-bg;
}
.ant-steps-small .ant-steps-item-icon {
  border-radius: 24px;
}
.ant-steps-small .ant-steps-item-description {
  color: @text-color-secondary;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  background: none;
  border: 0;
  border-radius: 0;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  background: transparent;
  border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  border-radius: 100px;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  background: rgba(0, 0, 0, 0.001);
}
.ant-steps-navigation .ant-steps-item::after {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
}
.ant-steps-navigation .ant-steps-item::before {
  background-color: @btn-primary-bg;
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
  background: @component-background;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::before,
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  background: @component-background;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #ccc;
}
.ant-switch {
  color: @text-color;
  background-color: var(--color-base-disable);
  border: 1px solid transparent;
  border-radius: 100px;
}
.ant-switch-inner {
  color: var(--color-constant-light);
}
.ant-switch-loading-icon,
.ant-switch::after {
  background-color: var(--color-constant-light);
  border-radius: 18px;
}
.ant-switch::after {
  box-shadow: 0 1px 4px 0 #a4a8ba;
}
.ant-switch-loading-icon {
  background: transparent;
}
.ant-switch-loading .ant-switch-loading-icon {
  color: var(--color-bg-mask);
}
.ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
  color: var(--color-constant-light);
}
.ant-switch:focus {
  box-shadow: 0 0 0 2px var(--color-primary-transparent-hover);
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-checked {
  background-color: var(--color-primary-disable);
}
.ant-switch-checked::after{
  background-color: var(--color-primary-normal);
  box-shadow: none;
}
.ant-table {
  color: @text-color;
}
.ant-table table {
  border-radius: 2px 2px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-thead > tr > th {
  color: @heading-color;
  background: none;
  border-bottom: 1px solid @border-line-color;
}
.ant-table-thead > tr > th .anticon-filter,
.ant-table-thead > tr > th .ant-table-filter-icon {
  color: var(--color-base-disable);
}
.ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter {
  color: @btn-primary-bg;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner {
  color: var(--color-base-disable);
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
  color: @btn-primary-bg;
}
.ant-table-thead > tr > th.ant-table-column-has-actions {
  background-clip: padding-box;
  -webkit-background-clip: border-box;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {
  color: @text-color-secondary;
  background: inherit;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {
  color: @text-color-secondary;
  background: inherit;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active {
  color: @text-color;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
  background: var(--color-base-bg);
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon {
  background: var(--color-base-bg);
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on),
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) {
  color: @text-color-secondary;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters::before {
  background: transparent;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters:hover::before {
  background: fade(@color-black, 4%);
}
.ant-table-thead > tr:first-child > th:first-child {
  border-top-left-radius: 4px;
}
.ant-table-thead > tr:first-child > th:last-child {
  border-top-right-radius: 4px;
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid @border-line-color;
}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background: @layout-body-background;
}
.ant-table-thead > tr.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr.ant-table-row-selected > td.ant-table-column-sort {
  background: var(--color-base-bg);
}
.ant-table-thead > tr:hover.ant-table-row-selected > td,
.ant-table-tbody > tr:hover.ant-table-row-selected > td {
  background: var(--color-base-bg);
}
.ant-table-thead > tr:hover.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr:hover.ant-table-row-selected > td.ant-table-column-sort {
  background: var(--color-base-bg);
}
.ant-table-thead > tr:hover {
  background: var(--color-base-table-bg);
}
.ant-table-footer {
  color: @heading-color;
  background: var(--color-base-bg);
  border-top: 1px solid @border-line-color;
  border-radius: 0 0 2px 2px;
}
.ant-table-footer::before {
  background: var(--color-base-bg);
}
.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid @border-line-color;
}
.ant-table-small > .ant-table-content > .ant-table-footer {
    border-top: 1px solid @border-line-color;
}
.ant-table-title {
  border-radius: 2px 2px 0 0;
}
.ant-table.ant-table-bordered .ant-table-title {
  border: 1px solid @border-line-color;
}
.ant-table-title + .ant-table-content {
  border-radius: 2px 2px 0 0;
}
.ant-table-bordered .ant-table-title + .ant-table-content,
.ant-table-bordered .ant-table-title + .ant-table-content table,
.ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th {
  border-radius: 0;
}
.ant-table-without-column-header .ant-table-title + .ant-table-content,
.ant-table-without-column-header table {
  border-radius: 0;
}
.ant-table-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-top: 1px solid @border-line-color;
  border-radius: 2px;
}
.ant-table-tbody > tr.ant-table-row-selected td {
  color: inherit;
  background: var(--color-base-bg);
}
.ant-table-thead > tr > th.ant-table-column-sort {
  background: var(--color-base-bg);
}
.ant-table-tbody > tr > td.ant-table-column-sort {
  background: fade(@color-black, 1%);
}
.ant-table-header {
  background: var(--color-base-table-bg);
}
.ant-table-header table {
  border-radius: 2px 2px 0 0;
}
.ant-table-loading .ant-table-body {
  background: @component-background;
}
.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border: 1px solid @border-line-color;
  border-right: 0;
  border-bottom: 0;
}
.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-right: 1px solid @border-line-color;
  border-left: 1px solid @border-line-color;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
  border-bottom: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header + .ant-table-body > table,
.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  border-top: 0;
}
.ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
  border-bottom: 1px solid @border-line-color;
}
.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td {
  border-right: 1px solid @border-line-color;
}
.ant-table-placeholder {
  color: var(--color-base-disable);
  background: @component-background;
  border-top: 1px solid @border-line-color;
  border-bottom: 1px solid @border-line-color;
  border-radius: 0 0 2px 2px;
}
.ant-table-filter-dropdown {
  background: @component-background;
  border-radius: 2px;
  border: 1px solid var(--color-light-border);
  box-shadow: var(--color-box-shadow-2);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  border: 0;
  border-radius: 2px 2px 0 0;
  box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu-sub {
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title::after {
  color: @btn-primary-bg;
}
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  border-radius: 0;
}
.ant-table-filter-dropdown-btns {
  border-top: 1px solid @border-line-color;
}
.ant-table-filter-dropdown-link {
  color: @btn-primary-bg;
}
.ant-table-filter-dropdown-link:hover {
  color: var(--color-primary-hover);
}
.ant-table-filter-dropdown-link:active {
  color: var(--color-primary-active);
}
.ant-table-selection .anticon-down {
  color: var(--color-base-hint);
}
.ant-table-selection-menu {
  background: @component-background;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-selection-menu .ant-action-down {
  color: var(--color-base-hint);
}
.ant-table-selection-down:hover .anticon-down {
  color: var(--color-base-secondary);
}
.ant-table-row-expand-icon {
  color: @btn-primary-bg;
  color: inherit;
  background: @component-background;
  border: 1px solid @border-line-color;
  border-radius: 2px;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: var(--color-primary-hover);
}
.ant-table-row-expand-icon:active {
  color: var(--color-primary-active);
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentColor;
}
tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: #fbfbfb;
}
.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  background: @component-background;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid @border-line-color;
  border-width: 0 0 1px 0;
}
.ant-table-hide-scrollbar {
  scrollbar-color: transparent transparent;
}
.ant-table-hide-scrollbar::-webkit-scrollbar {
  background-color: transparent;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid @border-line-color;
  border-width: 1px 1px 1px 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header.ant-table-hide-scrollbar .ant-table-thead > tr:only-child > th:last-child {
  border-right-color: transparent;
}
.ant-table-fixed-left,
.ant-table-fixed-right {
  border-radius: 0;
}
.ant-table-fixed-left table,
.ant-table-fixed-right table {
  background: @component-background;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
  border-radius: 0;
}
.ant-table-fixed-left {
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-left,
.ant-table-fixed-left table {
  border-radius: 2px 0 0 0;
}
.ant-table-fixed-left .ant-table-thead > tr > th:last-child {
  border-top-right-radius: 0;
}
.ant-table-fixed-right {
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-right,
.ant-table-fixed-right table {
  border-radius: 0 2px 0 0;
}
.ant-table-fixed-right .ant-table-expanded-row {
  color: transparent;
}
.ant-table-fixed-right .ant-table-thead > tr > th:first-child {
  border-top-left-radius: 0;
}
.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  box-shadow: none;
}
.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  box-shadow: none;
}
.ant-table-small {
  border: 1px solid @border-line-color;
  border-radius: 2px;
}
.ant-table-small > .ant-table-title {
  border-bottom: 1px solid @border-line-color;
}
.ant-table-small > .ant-table-content > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  border: 0;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
  background-color: transparent;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr {
  border-bottom: 1px solid @border-line-color;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort {
  background-color: rgba(0, 0, 0, 0.01);
}
.ant-table-small > .ant-table-content .ant-table-header {
  background-color: @component-background;
  border-radius: 2px 2px 0 0;
}
.ant-table-small > .ant-table-content .ant-table-placeholder,
.ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 0;
}
.ant-table-small.ant-table-bordered {
  border-right: 0;
}
.ant-table-small.ant-table-bordered .ant-table-title {
  border: 0;
  border-right: 1px solid @border-line-color;
  border-bottom: 1px solid @border-line-color;
}
.ant-table-small.ant-table-bordered .ant-table-content {
  border-right: 1px solid @border-line-color;
}
.ant-table-small.ant-table-bordered .ant-table-footer {
  border: 0;
  border-top: 1px solid @border-line-color;
  border-right: 1px solid @border-line-color;
}
.ant-table-small.ant-table-bordered .ant-table-placeholder {
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.ant-table-small.ant-table-bordered .ant-table-thead > tr:only-child > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  border-right: none;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child {
  border-right: 1px solid @border-line-color;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-right {
  border-right: 1px solid @border-line-color;
  border-left: 1px solid @border-line-color;
}
.ant-table-small.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  border-radius: 0 0 2px 2px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  background: var(--color-base-bg);
  border: 1px solid @border-line-color;
  border-radius: 2px 2px 0 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  color: @btn-primary-bg;
  background: @component-background;
  border-color: @border-line-color;
  border-bottom: 1px solid @component-background;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {
  border-top: 2px solid transparent;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled {
  color: @btn-primary-bg;
  color: var(--color-base-disable);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  color: @text-color-secondary;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  color: @heading-color;
}
.ant-tabs-extra-content .ant-tabs-new-tab {
  color: @text-color;
  border: 1px solid @border-line-color;
  border-radius: 2px;
}
.ant-tabs-extra-content .ant-tabs-new-tab:hover {
  color: @btn-primary-bg;
  border-color: @btn-primary-bg;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  border-bottom: 1px solid @border-line-color;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {
  border-right: 0;
  border-radius: 2px 0 0 2px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  border-left: 0;
  border-radius: 0 2px 2px 0;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
  border-top: 0;
  border-bottom: 1px solid @border-line-color;
  border-radius: 0 0 2px 2px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
  color: @btn-primary-bg;
}
.ant-tabs {
  color: @text-color;
}
.ant-tabs-ink-bar {
  background-color: @btn-primary-bg;
}
.ant-tabs-bar {
  border-bottom: 1px solid @border-line-color;
}
.ant-tabs-bottom .ant-tabs-bottom-bar {
  border-top: 1px solid @border-line-color;
  border-bottom: none;
}
.ant-tabs-tab-prev,
.ant-tabs-tab-next {
  color: @text-color-secondary;
  background-color: transparent;
  border: 0;
}
.ant-tabs-tab-prev:hover,
.ant-tabs-tab-next:hover {
  color: @text-color;
}
.ant-tabs-tab-btn-disabled,
.ant-tabs-tab-btn-disabled:hover {
  color: var(--color-base-disable);
}
.ant-tabs-nav .ant-tabs-tab::before {
  border-top: 2px solid transparent;
  border-radius: 2px 2px 0 0;
}
.ant-tabs-nav .ant-tabs-tab:hover {
  color: var(--color-primary-hover);
}
.ant-tabs-nav .ant-tabs-tab:active {
  color: var(--color-primary-active);
}
.ant-tabs-nav .ant-tabs-tab-active {
  color: @btn-primary-bg;
}
.ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs-nav .ant-tabs-tab-disabled:hover {
  color: var(--color-base-disable);
}
.ant-tabs .ant-tabs-left-bar,
.ant-tabs .ant-tabs-right-bar {
  border-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar {
  border-right: 1px solid @border-line-color;
}
.ant-tabs .ant-tabs-left-content {
  border-left: 1px solid @border-line-color;
}
.ant-tabs .ant-tabs-right-bar {
  border-left: 1px solid @border-line-color;
}
.ant-tabs .ant-tabs-right-content {
  border-right: 1px solid @border-line-color;
}
.ant-tag {
  color: @text-color;
  background: var(--color-tag-normal);
  border: none;
  border-radius: 2px;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: @text-color;
}
.ant-tag .anticon-close {
  color: @text-color-secondary;
}
.ant-tag .anticon-close:hover {
  color: @heading-color;
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: @component-background;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: @btn-primary-bg;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: @component-background;
}
.ant-tag-checkable-checked {
  background-color: @btn-primary-bg;
}
.ant-tag-checkable:active {
  background-color: var(--color-primary-active);
}
.ant-tag-pink {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-pink-inverse {
  color: @component-background;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-magenta {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
  color: @component-background;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-red {
  color: var(--color-error-normal);
  background: var(--color-error-transparent-normal);
  border-color: var(--color-error-disable);
}
.ant-tag-red-inverse {
  color: @component-background;
  background: var(--color-error-normal);
  border-color: var(--color-error-normal);
}
.ant-tag-volcano {
  color: #fa541c;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
  color: @component-background;
  background: #fa541c;
  border-color: #fa541c;
}
.ant-tag-orange {
  color: var(--color-warn-normal);
  background: var(--color-warn-transparent-normal);
  border-color: var(--color-warn-disable);
}
.ant-tag-orange-inverse {
  color: @component-background;
  background: var(--color-warn-normal);
  border-color: var(--color-warn-normal);
}
.ant-tag-yellow {
  color: var(--color-remind-normal);
  background: var(--color-remind-transparent-normal);
  border-color: var(--color-remind-disable);
}
.ant-tag-yellow-inverse {
  color: @component-background;
  background: var(--color-remind-normal);
  border-color: var(--color-remind-normal);
}
.ant-tag-gold {
  color: var(--color-warn-normal);
  background: var(--color-warn-transparent-normal);
  border-color: var(--color-warn-disable);
}
.ant-tag-gold-inverse {
  color: @component-background;
  background: var(--color-warn-normal);
  border-color: var(--color-warn-normal);
}
.ant-tag-cyan {
  color: #13c2c2;
  background: #e6fffb;
  border-color: #87e8de;
}
.ant-tag-cyan-inverse {
  color: @component-background;
  background: #13c2c2;
  border-color: #13c2c2;
}
.ant-tag-lime {
  color: #a0d911;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ant-tag-lime-inverse {
  color: @component-background;
  background: #a0d911;
  border-color: #a0d911;
}
.ant-tag-green {
  color: var(--color-success-normal);
  background: var(--color-success-transparent-normal);
  border-color: var(--color-success-disable);
}
.ant-tag-green-inverse {
  color: @component-background;
  background: var(--color-success-normal);
  border-color: var(--color-success-normal);
}
.ant-tag-blue {
  color: var(--color-primary-normal);
  background: var(--color-primary-transparent-normal);
  border-color: var(--color-primary-disable);
}
.ant-tag-blue-inverse {
  color: @component-background;
  background: var(--color-primary-normal);
  border-color: var(--color-primary-normal);
}
.ant-tag-geekblue {
  color: #2f54eb;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
  color: @component-background;
  background: #2f54eb;
  border-color: #2f54eb;
}
.ant-tag-purple {
  color: #722ed1;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ant-tag-purple-inverse {
  color: @component-background;
  background: #722ed1;
  border-color: #722ed1;
}
.ant-time-picker-panel {
  color: @text-color;
}
.ant-time-picker-panel-inner {
  background-color: @component-background;
  background-clip: padding-box;
  border-radius: 2px;
  border: 1px solid var(--color-light-border);
  box-shadow: var(--color-box-shadow-2);
}
.ant-time-picker-panel-input {
  border: 0;
  background-color: var(--color-bg-1);
}
.ant-time-picker-panel-input::-moz-placeholder {
  color: var(--color-base-hint);
}
.ant-time-picker-panel-input:-ms-input-placeholder {
  color: var(--color-base-hint);
}
.ant-time-picker-panel-input::-webkit-input-placeholder {
  color: var(--color-base-hint);
}
.ant-time-picker-panel-input-wrap {
  border-bottom: 1px solid @border-line-color;
}
.ant-time-picker-panel-input-invalid {
  border-color: var(--color-error-normal);
}
.ant-time-picker-panel-select {
  border-left: 1px solid @border-line-color;
}
.ant-time-picker-panel-select:first-child {
  border-left: 0;
}
.ant-time-picker-panel-select:last-child {
  border-right: 0;
}
.ant-time-picker-panel-select li:focus {
  color: @btn-primary-bg;
}
.ant-time-picker-panel-select li:hover {
  background: var(--color-primary-transparent-normal);
}
li.ant-time-picker-panel-select-option-selected {
  background: var(--color-base-bg);
}
li.ant-time-picker-panel-select-option-selected:hover {
  background: var(--color-base-bg);
}
li.ant-time-picker-panel-select-option-disabled {
  color: var(--color-base-disable);
}
li.ant-time-picker-panel-select-option-disabled:hover {
  background: transparent;
}
.ant-time-picker-panel-addon {
  border-top: 1px solid @border-line-color;
}
.ant-time-picker {
  color: @text-color;
}
.ant-time-picker-input {
  color: @text-color;
  background-color: @component-background;
  background-image: none;
  // border: 1px solid @border-color-base;
  border: 1px solid @custom-input-border-color;
  border-radius: 2px;
}
.ant-time-picker-input::-moz-placeholder {
  color: var(--color-base-hint);
}
.ant-time-picker-input:-ms-input-placeholder {
  color: var(--color-base-hint);
}
.ant-time-picker-input::-webkit-input-placeholder {
  color: var(--color-base-hint);
}
.ant-time-picker-input:hover {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
}
.ant-time-picker-input:focus {
  border-color: var(--color-primary-hover);
  border-right-width: 1px !important;
  box-shadow: 0 0 0 2px var(--color-primary-transparent-hover);
}
.ant-time-picker-input-disabled {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-time-picker-input-disabled:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-time-picker-input[disabled] {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-time-picker-input[disabled]:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-time-picker-input[disabled] {
  color: var(--color-base-disable);
  background-color: var(--color-base-bg);
}
.ant-time-picker-input[disabled]:hover {
  border-color: @border-color-base;
  border-right-width: 1px !important;
}
.ant-time-picker-icon,
.ant-time-picker-clear {
  color: var(--color-base-disable);
}
.ant-time-picker-icon .ant-time-picker-clock-icon,
.ant-time-picker-clear .ant-time-picker-clock-icon {
  color: var(--color-base-disable);
}
.ant-time-picker-clear {
  background: @component-background;
}
.ant-time-picker-clear:hover {
  color: @text-color-secondary;
}
.ant-timeline {
  color: @text-color;
}
.ant-timeline-item-tail {
  border-left: 2px solid @border-line-color;
}
.ant-timeline-item-pending .ant-timeline-item-head {
  background-color: transparent;
}
.ant-timeline-item-head {
  background-color: @component-background;
  border: 2px solid transparent;
  border-radius: 100px;
}
.ant-timeline-item-head-blue {
  color: @btn-primary-bg;
  border-color: @btn-primary-bg;
}
.ant-timeline-item-head-red {
  color: var(--color-error-normal);
  border-color: var(--color-error-normal);
}
.ant-timeline-item-head-green {
  color: var(--color-success-normal);
  border-color: var(--color-success-normal);
}
.ant-timeline-item-head-gray {
  color: var(--color-base-disable);
  border-color: var(--color-base-disable);
}
.ant-timeline-item-head-custom {
  border: 0;
  border-radius: 0;
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  border-left: 2px dotted @border-line-color;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  border-left: 2px dotted @border-line-color;
}
.ant-tooltip {
  color: @text-color;
}
.ant-tooltip-inner {
  color: var(--color-base-normal);
  background-color: var(--color-bg-2);
  border-radius: 2px;
  box-shadow: var(--color-box-shadow-3);
  border: 1px solid var(--color-light-border);
}
.ant-tooltip-arrow {
  background: transparent;
  overflow: initial;
}
.ant-tooltip-arrow::before {
  width: 6px;
  height: 6px;
  background-color: var(--color-bg-2);
  border: 1px solid var(--color-light-border);
}
.ant-tooltip-placement-top .ant-tooltip-arrow::before,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-topRight .ant-tooltip-arrow::before {
  box-shadow: 3px 3px 7px fade(@color-black, 7%);
  border-top-color: transparent !important;
  border-left-color: transparent !important;
}
.ant-tooltip-placement-right .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before {
  box-shadow: -3px 3px 7px fade(@color-black, 7%);
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}
.ant-tooltip-placement-left .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before {
  box-shadow: 3px -3px 7px fade(@color-black, 7%);
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before {
  box-shadow: -3px -3px 7px fade(@color-black, 7%);
  border-bottom-color: transparent !important;
  border-right-color: transparent !important;
}
.ant-transfer {
  color: @text-color;
}
.ant-transfer-disabled .ant-transfer-list {
  background: var(--color-base-bg);
}
.ant-transfer-list {
  border: 1px solid @border-color-base;
  border-radius: 2px;
}
.ant-transfer-list-search-action {
  color: var(--color-base-hint);
}
.ant-transfer-list-search-action .anticon {
  color: var(--color-base-hint);
}
.ant-transfer-list-search-action .anticon:hover {
  color: @text-color-secondary;
}
.ant-transfer-list-header {
  color: @text-color;
  background: @component-background;
  border-bottom: 1px solid @border-line-color;
  border-radius: 2px 2px 0 0;
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background-color: var(--color-primary-transparent-normal);
}
.ant-transfer-list-content-item-disabled {
  color: var(--color-base-disable);
}
.ant-transfer-list-body-not-found {
  color: var(--color-base-disable);
}
.ant-transfer-list-footer {
  border-top: 1px solid @border-line-color;
  border-radius: 0 0 2px 2px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
  border: 0;
  border-radius: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
  background: var(--color-base-bg);
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 1px solid @border-line-color;
}
.ant-select-tree-checkbox {
  color: @text-color;
}
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  border-color: @btn-primary-bg;
}
.ant-select-tree-checkbox-checked::after {
  border: 1px solid @btn-primary-bg;
  border-radius: 2px;
}
.ant-select-tree-checkbox-inner {
  background-color: @component-background;
  border: 1px solid @border-color-base;
  border-radius: 2px;
  border-collapse: separate;
}
.ant-select-tree-checkbox-inner::after {
  border: 2px solid @component-background;
  border-top: 0;
  border-left: 0;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border: 2px solid @component-background;
  border-top: 0;
  border-left: 0;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: @btn-primary-bg;
  border-color: @btn-primary-bg;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: var(--color-base-disable);
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: var(--color-base-bg);
  border-color: var(--color-base-hint) !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: var(--color-base-bg);
  border-collapse: separate;
}
.ant-select-tree-checkbox-disabled + span {
  color: var(--color-base-disable);
}
.ant-select-tree-checkbox-wrapper {
  color: @text-color;
}
.ant-select-tree-checkbox-group {
  color: @text-color;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: @component-background;
  border-color: @border-color-base;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  background-color: @btn-primary-bg;
  border: 0;
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: var(--color-base-disable);
  border-color: var(--color-base-disable);
}
.ant-select-tree {
  color: @text-color;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper {
  color: @text-color;
  border-radius: 2px;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
  background-color: var(--color-primary-transparent-normal);
}
.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: @primary-2;
}
.ant-select-tree li span.ant-select-tree-switcher,
.ant-select-tree li span.ant-select-tree-iconEle {
  border: 0 none;
}
.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon {
  color: @btn-primary-bg;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon {
  color: @btn-primary-bg;
}
li.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher),
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span {
  color: var(--color-base-disable);
}
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-select-tree-dropdown {
  color: @text-color;
}
.ant-select-tree-dropdown .ant-select-dropdown-search {
  background: @component-background;
}
.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
  border: 1px solid @border-color-base;
  border-radius: 2px;
}
.ant-select-tree-dropdown .ant-select-not-found {
  color: var(--color-base-disable);
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  border-radius: 0;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
  background: var(--color-primary-transparent-normal);
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: @component-background;
  background: transparent;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher {
  color: @component-background;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner {
  border-color: @btn-primary-bg;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after {
  border-color: @component-background;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background: @component-background;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: @btn-primary-bg;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {
  background: @btn-primary-bg;
}
.ant-tree-checkbox {
  color: @text-color;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: @btn-primary-bg;
}
.ant-tree-checkbox-checked::after {
  border: 1px solid @btn-primary-bg;
  border-radius: 2px;
}
.ant-tree-checkbox-inner {
  background-color: @component-background;
  border: 1px solid @custom-input-border-color;
  border-radius: 2px;
  border-collapse: separate;
}
.ant-tree-checkbox-inner::after {
  border: 2px solid var(--color-constant-light);
  border-top: 0;
  border-left: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border: 2px solid var(--color-constant-light);
  border-top: 0;
  border-left: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: @btn-primary-bg;
  border-color: @btn-primary-bg;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: var(--color-base-disable);
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: var(--color-base-bg);
  border-color: var(--color-base-hint) !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: var(--color-base-bg);
  border-collapse: separate;
}
.ant-tree-checkbox-disabled + span {
  color: var(--color-base-disable);
}
.ant-tree-checkbox-wrapper {
  color: @text-color;
}
.ant-tree-checkbox-group {
  color: @text-color;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: @component-background;
  border-color: @border-color-base;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  background-color: @btn-primary-bg;
  border: 0;
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: var(--color-base-disable);
  border-color: var(--color-base-disable);
}
.ant-tree {
  color: @text-color;
}
.ant-tree li span[draggable],
.ant-tree li span[draggable='true'] {
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
}
.ant-tree li.drag-over > span[draggable] {
  color: white;
  background-color: @btn-primary-bg;
}
.ant-tree li.drag-over-gap-top > span[draggable] {
  border-top-color: @btn-primary-bg;
}
.ant-tree li.drag-over-gap-bottom > span[draggable] {
  border-bottom-color: @btn-primary-bg;
}
.ant-tree li.filter-node > span {
  color: var(--color-error-normal) !important;
}
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
  color: @btn-primary-bg;
}
.ant-tree li .ant-tree-node-content-wrapper {
  color: @text-color;
  border-radius: 2px;
}
.ant-tree li .ant-tree-node-content-wrapper:hover {
  background-color: var(--color-primary-transparent-normal);
}
.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: @primary-2;
}
.ant-tree li span.ant-tree-switcher,
.ant-tree li span.ant-tree-iconEle {
  border: 0 none;
}
li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
  color: var(--color-base-disable);
}
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  color: @text-color-secondary;
  background: @component-background;
}
.ant-tree.ant-tree-show-line li:not(:last-child)::before {
  border-left: 1px solid @border-color-base;
}
.ant-typography {
  color: @text-color;
  display: inline-block; //新增
}
.ant-typography.ant-typography-secondary {
  color: @text-color-secondary;
}
.ant-typography.ant-typography-warning {
  color: var(--color-warn-normal);
}
.ant-typography.ant-typography-danger {
  color: var(--color-error-normal);
}
.ant-typography.ant-typography-disabled {
  color: var(--color-base-disable);
}
h1.ant-typography,
.ant-typography h1 {
  color: @heading-color;
}
h2.ant-typography,
.ant-typography h2 {
  color: @heading-color;
}
h3.ant-typography,
.ant-typography h3 {
  color: @heading-color;
}
h4.ant-typography,
.ant-typography h4 {
  color: @heading-color;
}
.ant-typography a {
  color: @btn-primary-bg;
}
.ant-typography a:focus,
.ant-typography a:hover {
  color: var(--color-primary-hover);
}
.ant-typography a:active {
  color: var(--color-primary-active);
}
.ant-typography a[disabled] {
  color: var(--color-base-disable);
}
.ant-typography code {
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 2px;
}
.ant-typography mark {
  background-color: var(--color-warn-disable);
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
  color: @btn-primary-bg;
}
.ant-typography-expand:focus,
.ant-typography-edit:focus,
.ant-typography-copy:focus,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
  color: var(--color-primary-hover);
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: var(--color-primary-active);
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: var(--color-success-normal);
}
.ant-typography-edit-content-confirm {
  color: @text-color-secondary;
}
.ant-upload {
  color: @text-color;
}
.ant-upload.ant-upload-select-picture-card {
  background-color: var(--color-base-bg);
  border: 1px dashed @border-color-base;
  border-radius: 2px;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: @btn-primary-bg;
}
.ant-upload.ant-upload-drag {
  background: var(--color-base-bg);
  border: 1px dashed @border-color-base;
  border-radius: 2px;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: var(--color-primary-active);
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: var(--color-primary-hover);
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: var(--color-primary-hover);
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  color: @heading-color;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: @text-color-secondary;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: var(--color-base-disable);
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: @text-color-secondary;
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: @text-color-secondary;
}
.ant-upload-list {
  color: @text-color;
}
.ant-upload-list-item-card-actions .anticon {
  color: @text-color-secondary;
}
.ant-upload-list-item-info .anticon-loading,
.ant-upload-list-item-info .anticon-paper-clip {
  color: @text-color-secondary;
}
.ant-upload-list-item .anticon-close {
  color: @text-color-secondary;
}
.ant-upload-list-item .anticon-close:hover {
  color: @text-color;
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: var(--color-primary-transparent-normal);
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .anticon-paper-clip,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: var(--color-error-normal);
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: var(--color-error-normal);
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  border: 1px solid @border-color-base;
  border-radius: 2px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: var(--color-error-normal);
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  background-color: rgba(0, 0, 0, 0.5);
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  color: rgba(255, 255, 255, 0.85);
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: @component-background;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: var(--color-base-bg);
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
  color: @text-color-secondary;
}
.ant-upload-list .ant-upload-success-icon {
  color: var(--color-success-normal);
}

/* reboot提示框 */
.ant-notification {
  width: 423px;
}
.ant-notification:has(.chat-message-notify) {
  width: 350px
}
.ant-notification-notice.ant-notification-notice-closable.reboot {
  padding-left: 0px;
  padding-right: 0px;
  width: 430px;
}
.reboot .ant-notification-notice-message {
  width: 100%;
  border-bottom: 1px solid var(--color-base-bg-hover);
  padding-bottom: 11px;
  padding-left: 18px;
}
.reboot .ant-notification-notice-description {
  padding: 24px 27px 24px 27px;
}
.reboot .ant-notification-notice-description {
  padding: 24px 27px 24px 27px;
  border-bottom: 1px solid var(--color-base-bg-hover);
}
.reboot button.ant-btn {
  height: 38px;
  margin-right: 20px;
}
.import_tip, .upload_tip {
  font-weight: bolder;
}
// 全局面板保存取消按钮
.footer-buttons.ant-card {
  top: -1px;
}
.footer-buttons .ant-card-body{
  padding: 14px 24px !important;
}
.footer-buttons button {
  margin: 5px 10px;
}
/* 列表顶部图标 */
.footer-buttons .anticon,
.modal-footer-btn .anticon {
  line-height: 0;
  vertical-align: middle;
}
.footer-buttons .anticon:not(.anticon-down),
.modal-footer-btn .anticon:not(.anticon-down)
{
  font-size: 1.5em !important;
  margin-left: -4px;
}
/* 列表顶部字体 */
.footer-buttons span,
.modal-footer-btn span {
  vertical-align: middle;
  margin-left: 2px !important;
}
.footer-buttons .btn-cancel,
.modal-footer-btn.btn-cancel {
  color: var(--color-primary-normal);
  background-color: var(--color-primary-transparent-normal);
  border-color: 1px solid rgba(0,0,0,0);
  border: 1px solid rgba(0,0,0,0);
}
.footer-buttons .btn-cancel:hover,
.footer-buttons .btn-cancel:focus,
.modal-footer-btn.btn-cancel:hover,
.modal-footer-btn.btn-cancel:focus {
  color: var(--color-primary-normal) !important;
  background-color: var(--color-primary-transparent-hover) !important;
  border-color: 1px solid rgba(0,0,0,0) !important;
}

/* 错误提示语换行：识别\n */
// .ant-form-explain{
//   white-space:pre;
// }
// 可用表单中参数替带换行
.scrollbars{
    // 为了兼容屏幕小于768px的时候菜单改成固定定位把此处的important去掉
    // position:relative!important;
    position:relative;
    overflow-x:hidden!important;
    box-shadow: var(--color-box-shadow-1);
}
.scrollbars div:last-child{
    z-index:1;
}
.scrollbars >div:nth-child(3) >div{
    background-color: var(--color-base-hint) !important;
    position:absolute;
    right:-2px;
}
.scrollbars >div:nth-child(2) div{
    background-color:rgba(171,174,180,1)!important;
    display:none!important;

}
.ant-layout-sider .ant-menu {
    width:100%!important;
    background-image:none!important;
    // background-color:transparent!important;
    background-color:@layout-sider-background !important; //mark
}

.ant-layout-sider{
    position:relative;
    overflow:hidden!important;
    border-top: 1px solid fade(@color-black, 4%);
}
.ant-layout-sider-trigger{
    background:transparent!important;
    position:absolute!important;
    /* left:0!important; */
    width:90%;
    /* z-index:1; */
}
.chiefMenu{
    /* height:100%;
    width:90%!important; */
    padding: 0 0;
    margin-bottom:7vh;
    position:relative;
}

.ant-layout-sider .ant-menu-vertical .ant-menu-item::after,
.ant-layout-sider .ant-menu-vertical-left .ant-menu-item::after,
.ant-layout-sider .ant-menu-vertical-right .ant-menu-item::after,
.ant-layout-sider .ant-menu-inline .ant-menu-item::after {
  // border-right: 0 solid @btn-primary-bg;
  border-right: none;
}

// confirm组件取消按钮前的图标
@icon-no: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%230081CC" d="M512 454.08256l202.752-202.752 57.91744 57.91744-202.752 202.752 202.752 202.752-57.91744 57.91744-202.752-202.752-202.752 202.752-57.91744-57.91744 202.752-202.752-202.752-202.752 57.91744-57.91744 202.752 202.752z"/></svg>');
.ant-modal-confirm-btns .ant-btn:first-child span::before {
    background-image: @icon-no;
}

// confirm组件确认按钮前的图标
.ant-modal-confirm-btns .ant-btn:last-child span::before {
    background-image: url('data:image/svg+xml,<svg class="icon" width="32" height="32" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="%23ffffff" d="M430.08 647.94624l376.50432-376.54528 57.9584 57.91744L430.08 763.78112 169.41056 503.11168l57.91744-57.91744 202.752 202.752z"/></svg>');
    margin-right: 2px;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent;
}

/*定义滚动条轨道 内阴影*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: transparent;
}

/*定义滑块 内阴影*/
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: @darkblue-4;
    border-radius: 5px;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}

// 以上火狐谷歌滚动条会影响到::-webkit-scrollbar不起作用https://stackoverflow.com/questions/77884029/customize-scrollbar-webkit-scrollbar-not-working-in-version-121-0-6167-86
@-moz-document url-prefix() {
  * {
    scrollbar-color: var(--color-base-hint);
    scrollbar-width: thin;
}
}
