drip-table/lib/components/react-components/button/index.less

A tiny and powerful enterprise-class solution for building tables.

/**
 * This file is part of the drip-table project.
 * @link     : https://drip-table.jd.com/
 * @author   : Emil Zhai (root@derzh.com)
 * @modifier : Emil Zhai (root@derzh.com)
 * @copyright: Copyright (c) 2021 JD Network Technology Co., Ltd.
 */

@import url("../../../styles/theme/default.less");

@prefixCls: jfe-drip-table-rc-button;

.@{prefixCls} {
  line-height: 1.5715;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  border: 1px solid transparent;
  box-shadow: 0 2px #00000004;
  cursor: pointer;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  border-radius: 2px;
  color: @drip-table-text-color;
  border-color: #d9d9d9;
  background: #ffffff;
}
.@{prefixCls},
.@{prefixCls}:active,
.@{prefixCls}:focus {
  outline: 0;
}
.@{prefixCls}:not([disabled]):hover {
  text-decoration: none;
}
.@{prefixCls}:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.@{prefixCls}[disabled] {
  cursor: not-allowed;
}
.@{prefixCls}[disabled] > * {
  pointer-events: none;
}
.@{prefixCls}-lg {
  height: 40px;
  padding: 6.4px 15px;
  font-size: 16px;
  border-radius: 2px;
}
.@{prefixCls}-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 2px;
}
.@{prefixCls} > a:only-child {
  color: currentcolor;
}
.@{prefixCls} > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}:hover,
.@{prefixCls}:focus {
  color: @drip-table-primary-active-color;
  border-color: @drip-table-primary-active-color;
  background: #ffffff;
}
.@{prefixCls}:hover > a:only-child,
.@{prefixCls}:focus > a:only-child {
  color: currentcolor;
}
.@{prefixCls}:hover > a:only-child::after,
.@{prefixCls}:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}:active {
  color: #096dd9;
  border-color: #096dd9;
  background: #ffffff;
}
.@{prefixCls}:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}[disabled],
.@{prefixCls}[disabled]:hover,
.@{prefixCls}[disabled]:focus,
.@{prefixCls}[disabled]:active {
  color: #00000040;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.@{prefixCls}[disabled] > a:only-child,
.@{prefixCls}[disabled]:hover > a:only-child,
.@{prefixCls}[disabled]:focus > a:only-child,
.@{prefixCls}[disabled]:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}[disabled] > a:only-child::after,
.@{prefixCls}[disabled]:hover > a:only-child::after,
.@{prefixCls}[disabled]:focus > a:only-child::after,
.@{prefixCls}[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}:hover,
.@{prefixCls}:focus,
.@{prefixCls}:active {
  text-decoration: none;
  background: #ffffff;
}
.@{prefixCls} > span {
  display: inline-block;
}
.@{prefixCls}-primary {
  color: #ffffff;
  border-color: @drip-table-primary-color;
  background: @drip-table-primary-color;
  text-shadow: 0 -1px 0 #0000001f;
  box-shadow: 0 2px 0 #0000000b;
}
.@{prefixCls}-primary > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-primary:hover,
.@{prefixCls}-primary:focus {
  color: #ffffff;
  border-color: @drip-table-primary-active-color;
  background: @drip-table-primary-active-color;
}
.@{prefixCls}-primary:hover > a:only-child,
.@{prefixCls}-primary:focus > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-primary:hover > a:only-child::after,
.@{prefixCls}-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-primary:active {
  color: #ffffff;
  border-color: #096dd9;
  background: #096dd9;
}
.@{prefixCls}-primary:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-primary[disabled],
.@{prefixCls}-primary[disabled]:hover,
.@{prefixCls}-primary[disabled]:focus,
.@{prefixCls}-primary[disabled]:active {
  color: #00000040;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.@{prefixCls}-primary[disabled] > a:only-child,
.@{prefixCls}-primary[disabled]:hover > a:only-child,
.@{prefixCls}-primary[disabled]:focus > a:only-child,
.@{prefixCls}-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-primary[disabled] > a:only-child::after,
.@{prefixCls}-primary[disabled]:hover > a:only-child::after,
.@{prefixCls}-primary[disabled]:focus > a:only-child::after,
.@{prefixCls}-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-group .@{prefixCls}-primary:not(:first-child):not(:last-child) {
  border-right-color: @drip-table-primary-active-color;
  border-left-color: @drip-table-primary-active-color;
}
.@{prefixCls}-group .@{prefixCls}-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}
.@{prefixCls}-group .@{prefixCls}-primary:first-child:not(:last-child) {
  border-right-color: @drip-table-primary-active-color;
}
.@{prefixCls}-group .@{prefixCls}-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}
.@{prefixCls}-group .@{prefixCls}-primary:last-child:not(:first-child),
.@{prefixCls}-group .@{prefixCls}-primary + .@{prefixCls}-primary {
  border-left-color: @drip-table-primary-active-color;
}
.@{prefixCls}-group .@{prefixCls}-primary:last-child:not(:first-child)[disabled],
.@{prefixCls}-group .@{prefixCls}-primary + .@{prefixCls}-primary[disabled] {
  border-left-color: #d9d9d9;
}
.@{prefixCls}-ghost {
  color: @drip-table-text-color;
  border-color: #d9d9d9;
  background: transparent;
}
.@{prefixCls}-ghost > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-ghost:hover,
.@{prefixCls}-ghost:focus {
  color: @drip-table-primary-active-color;
  border-color: @drip-table-primary-active-color;
  background: transparent;
}
.@{prefixCls}-ghost:hover > a:only-child,
.@{prefixCls}-ghost:focus > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-ghost:hover > a:only-child::after,
.@{prefixCls}-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-ghost:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.@{prefixCls}-ghost:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-ghost:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-ghost[disabled],
.@{prefixCls}-ghost[disabled]:hover,
.@{prefixCls}-ghost[disabled]:focus,
.@{prefixCls}-ghost[disabled]:active {
  color: #00000040;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.@{prefixCls}-ghost[disabled] > a:only-child,
.@{prefixCls}-ghost[disabled]:hover > a:only-child,
.@{prefixCls}-ghost[disabled]:focus > a:only-child,
.@{prefixCls}-ghost[disabled]:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-ghost[disabled] > a:only-child::after,
.@{prefixCls}-ghost[disabled]:hover > a:only-child::after,
.@{prefixCls}-ghost[disabled]:focus > a:only-child::after,
.@{prefixCls}-ghost[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dashed {
  color: @drip-table-text-color;
  border-color: #d9d9d9;
  background: #ffffff;
  border-style: dashed;
}
.@{prefixCls}-dashed > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dashed:hover,
.@{prefixCls}-dashed:focus {
  color: @drip-table-primary-active-color;
  border-color: @drip-table-primary-active-color;
  background: #ffffff;
}
.@{prefixCls}-dashed:hover > a:only-child,
.@{prefixCls}-dashed:focus > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dashed:hover > a:only-child::after,
.@{prefixCls}-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dashed:active {
  color: #096dd9;
  border-color: #096dd9;
  background: #ffffff;
}
.@{prefixCls}-dashed:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dashed:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dashed[disabled],
.@{prefixCls}-dashed[disabled]:hover,
.@{prefixCls}-dashed[disabled]:focus,
.@{prefixCls}-dashed[disabled]:active {
  color: #00000040;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.@{prefixCls}-dashed[disabled] > a:only-child,
.@{prefixCls}-dashed[disabled]:hover > a:only-child,
.@{prefixCls}-dashed[disabled]:focus > a:only-child,
.@{prefixCls}-dashed[disabled]:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dashed[disabled] > a:only-child::after,
.@{prefixCls}-dashed[disabled]:hover > a:only-child::after,
.@{prefixCls}-dashed[disabled]:focus > a:only-child::after,
.@{prefixCls}-dashed[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-danger {
  color: #ffffff;
  border-color: #ff4d4f;
  background: #ff4d4f;
  text-shadow: 0 -1px 0 #0000001f;
  box-shadow: 0 2px 0 #0000000b;
}
.@{prefixCls}-danger > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-danger:hover,
.@{prefixCls}-danger:focus {
  color: #ffffff;
  border-color: #ff7875;
  background: #ff7875;
}
.@{prefixCls}-danger:hover > a:only-child,
.@{prefixCls}-danger:focus > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-danger:hover > a:only-child::after,
.@{prefixCls}-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-danger:active {
  color: #ffffff;
  border-color: #d9363e;
  background: #d9363e;
}
.@{prefixCls}-danger:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-danger[disabled],
.@{prefixCls}-danger[disabled]:hover,
.@{prefixCls}-danger[disabled]:focus,
.@{prefixCls}-danger[disabled]:active {
  color: #00000040;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.@{prefixCls}-danger[disabled] > a:only-child,
.@{prefixCls}-danger[disabled]:hover > a:only-child,
.@{prefixCls}-danger[disabled]:focus > a:only-child,
.@{prefixCls}-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-danger[disabled] > a:only-child::after,
.@{prefixCls}-danger[disabled]:hover > a:only-child::after,
.@{prefixCls}-danger[disabled]:focus > a:only-child::after,
.@{prefixCls}-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-link {
  color: @drip-table-primary-color;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.@{prefixCls}-link > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-link:hover,
.@{prefixCls}-link:focus {
  color: @drip-table-primary-active-color;
  border-color: @drip-table-primary-active-color;
  background: transparent;
}
.@{prefixCls}-link:hover > a:only-child,
.@{prefixCls}-link:focus > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-link:hover > a:only-child::after,
.@{prefixCls}-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-link:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.@{prefixCls}-link:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-link:hover {
  background: transparent;
}
.@{prefixCls}-link:hover,
.@{prefixCls}-link:focus,
.@{prefixCls}-link:active {
  border-color: transparent;
}
.@{prefixCls}-link[disabled],
.@{prefixCls}-link[disabled]:hover,
.@{prefixCls}-link[disabled]:focus,
.@{prefixCls}-link[disabled]:active {
  color: #00000040;
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.@{prefixCls}-link[disabled] > a:only-child,
.@{prefixCls}-link[disabled]:hover > a:only-child,
.@{prefixCls}-link[disabled]:focus > a:only-child,
.@{prefixCls}-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-link[disabled] > a:only-child::after,
.@{prefixCls}-link[disabled]:hover > a:only-child::after,
.@{prefixCls}-link[disabled]:focus > a:only-child::after,
.@{prefixCls}-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-text {
  color: @drip-table-text-color;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.@{prefixCls}-text > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-text:hover > a:only-child,
.@{prefixCls}-text:focus > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-text:hover > a:only-child::after,
.@{prefixCls}-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-text:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-text:hover,
.@{prefixCls}-text:focus {
  color: @drip-table-text-color;
  background: #00000005;
  border-color: transparent;
}
.@{prefixCls}-text:active {
  color: @drip-table-text-color;
  background: #00000007;
  border-color: transparent;
}
.@{prefixCls}-text[disabled],
.@{prefixCls}-text[disabled]:hover,
.@{prefixCls}-text[disabled]:focus,
.@{prefixCls}-text[disabled]:active {
  color: #00000040;
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.@{prefixCls}-text[disabled] > a:only-child,
.@{prefixCls}-text[disabled]:hover > a:only-child,
.@{prefixCls}-text[disabled]:focus > a:only-child,
.@{prefixCls}-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-text[disabled] > a:only-child::after,
.@{prefixCls}-text[disabled]:hover > a:only-child::after,
.@{prefixCls}-text[disabled]:focus > a:only-child::after,
.@{prefixCls}-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dangerous {
  color: #ff4d4f;
  border-color: #ff4d4f;
  background: #ffffff;
}
.@{prefixCls}-dangerous > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dangerous:hover,
.@{prefixCls}-dangerous:focus {
  color: #ff7875;
  border-color: #ff7875;
  background: #ffffff;
}
.@{prefixCls}-dangerous:hover > a:only-child,
.@{prefixCls}-dangerous:focus > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dangerous:hover > a:only-child::after,
.@{prefixCls}-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dangerous:active {
  color: #d9363e;
  border-color: #d9363e;
  background: #ffffff;
}
.@{prefixCls}-dangerous:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dangerous[disabled],
.@{prefixCls}-dangerous[disabled]:hover,
.@{prefixCls}-dangerous[disabled]:focus,
.@{prefixCls}-dangerous[disabled]:active {
  color: #00000040;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.@{prefixCls}-dangerous[disabled] > a:only-child,
.@{prefixCls}-dangerous[disabled]:hover > a:only-child,
.@{prefixCls}-dangerous[disabled]:focus > a:only-child,
.@{prefixCls}-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dangerous[disabled] > a:only-child::after,
.@{prefixCls}-dangerous[disabled]:hover > a:only-child::after,
.@{prefixCls}-dangerous[disabled]:focus > a:only-child::after,
.@{prefixCls}-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dangerous.@{prefixCls}-primary {
  color: #ffffff;
  border-color: #ff4d4f;
  background: #ff4d4f;
  text-shadow: 0 -1px 0 #0000001f;
  box-shadow: 0 2px 0 #0000000b;
}
.@{prefixCls}-dangerous.@{prefixCls}-primary > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dangerous.@{prefixCls}-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dangerous.@{prefixCls}-primary:hover,
.@{prefixCls}-dangerous.@{prefixCls}-primary:focus {
  color: #ffffff;
  border-color: #ff7875;
  background: #ff7875;
}
.@{prefixCls}-dangerous.@{prefixCls}-primary:hover > a:only-child,
.@{prefixCls}-dangerous.@{prefixCls}-primary:focus > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dangerous.@{prefixCls}-primary:hover > a:only-child::after,
.@{prefixCls}-dangerous.@{prefixCls}-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dangerous.@{prefixCls}-primary:active {
  color: #ffffff;
  border-color: #d9363e;
  background: #d9363e;
}
.@{prefixCls}-dangerous.@{prefixCls}-primary:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dangerous.@{prefixCls}-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dangerous.@{prefixCls}-primary[disabled],
.@{prefixCls}-dangerous.@{prefixCls}-primary[disabled]:hover,
.@{prefixCls}-dangerous.@{prefixCls}-primary[disabled]:focus,
.@{prefixCls}-dangerous.@{prefixCls}-primary[disabled]:active {
  color: #00000040;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.@{prefixCls}-dangerous.@{prefixCls}-primary[disabled] > a:only-child,
.@{prefixCls}-dangerous.@{prefixCls}-primary[disabled]:hover > a:only-child,
.@{prefixCls}-dangerous.@{prefixCls}-primary[disabled]:focus > a:only-child,
.@{prefixCls}-dangerous.@{prefixCls}-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dangerous.@{prefixCls}-primary[disabled] > a:only-child::after,
.@{prefixCls}-dangerous.@{prefixCls}-primary[disabled]:hover > a:only-child::after,
.@{prefixCls}-dangerous.@{prefixCls}-primary[disabled]:focus > a:only-child::after,
.@{prefixCls}-dangerous.@{prefixCls}-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dangerous.@{prefixCls}-link {
  color: #ff4d4f;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.@{prefixCls}-dangerous.@{prefixCls}-link > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dangerous.@{prefixCls}-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dangerous.@{prefixCls}-link:hover,
.@{prefixCls}-dangerous.@{prefixCls}-link:focus {
  color: #ff7875;
  border-color: transparent;
  background: transparent;
}
.@{prefixCls}-dangerous.@{prefixCls}-link:hover > a:only-child,
.@{prefixCls}-dangerous.@{prefixCls}-link:focus > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dangerous.@{prefixCls}-link:hover > a:only-child::after,
.@{prefixCls}-dangerous.@{prefixCls}-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dangerous.@{prefixCls}-link:active {
  color: #d9363e;
  border-color: transparent;
  background: transparent;
}
.@{prefixCls}-dangerous.@{prefixCls}-link:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dangerous.@{prefixCls}-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dangerous.@{prefixCls}-link[disabled],
.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:hover,
.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:focus,
.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:active {
  color: #00000040;
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.@{prefixCls}-dangerous.@{prefixCls}-link[disabled] > a:only-child,
.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:hover > a:only-child,
.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:focus > a:only-child,
.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dangerous.@{prefixCls}-link[disabled] > a:only-child::after,
.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:hover > a:only-child::after,
.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:focus > a:only-child::after,
.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dangerous.@{prefixCls}-text {
  color: #ff4d4f;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.@{prefixCls}-dangerous.@{prefixCls}-text > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dangerous.@{prefixCls}-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dangerous.@{prefixCls}-text:hover,
.@{prefixCls}-dangerous.@{prefixCls}-text:focus {
  color: #ff7875;
  border-color: transparent;
  background: #00000005;
}
.@{prefixCls}-dangerous.@{prefixCls}-text:hover > a:only-child,
.@{prefixCls}-dangerous.@{prefixCls}-text:focus > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dangerous.@{prefixCls}-text:hover > a:only-child::after,
.@{prefixCls}-dangerous.@{prefixCls}-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dangerous.@{prefixCls}-text:active {
  color: #d9363e;
  border-color: transparent;
  background: #00000007;
}
.@{prefixCls}-dangerous.@{prefixCls}-text:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dangerous.@{prefixCls}-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-dangerous.@{prefixCls}-text[disabled],
.@{prefixCls}-dangerous.@{prefixCls}-text[disabled]:hover,
.@{prefixCls}-dangerous.@{prefixCls}-text[disabled]:focus,
.@{prefixCls}-dangerous.@{prefixCls}-text[disabled]:active {
  color: #00000040;
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.@{prefixCls}-dangerous.@{prefixCls}-text[disabled] > a:only-child,
.@{prefixCls}-dangerous.@{prefixCls}-text[disabled]:hover > a:only-child,
.@{prefixCls}-dangerous.@{prefixCls}-text[disabled]:focus > a:only-child,
.@{prefixCls}-dangerous.@{prefixCls}-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-dangerous.@{prefixCls}-text[disabled] > a:only-child::after,
.@{prefixCls}-dangerous.@{prefixCls}-text[disabled]:hover > a:only-child::after,
.@{prefixCls}-dangerous.@{prefixCls}-text[disabled]:focus > a:only-child::after,
.@{prefixCls}-dangerous.@{prefixCls}-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-icon-only {
  width: 32px;
  height: 32px;
  padding: 2.4px 0;
  font-size: 16px;
  border-radius: 2px;
  vertical-align: -3px;
}
.@{prefixCls}-icon-only > * {
  font-size: 16px;
}
.@{prefixCls}-icon-only.@{prefixCls}-lg {
  width: 40px;
  height: 40px;
  padding: 4.9px 0;
  font-size: 18px;
  border-radius: 2px;
}
.@{prefixCls}-icon-only.@{prefixCls}-lg > * {
  font-size: 18px;
}
.@{prefixCls}-icon-only.@{prefixCls}-sm {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 14px;
  border-radius: 2px;
}
.@{prefixCls}-icon-only.@{prefixCls}-sm > * {
  font-size: 14px;
}
.@{prefixCls}-icon-only > .@{prefixCls}-icon {
  display: flex;
  justify-content: center;
}
a.@{prefixCls}-icon-only {
  vertical-align: -1px;
}
a.@{prefixCls}-icon-only > .@{prefixCls}-icon {
  display: inline;
}
.@{prefixCls}-round {
  height: 32px;
  padding: 4px 16px;
  font-size: 14px;
  border-radius: 32px;
}
.@{prefixCls}-round.@{prefixCls}-lg {
  height: 40px;
  padding: 6.4px 20px;
  font-size: 16px;
  border-radius: 40px;
}
.@{prefixCls}-round.@{prefixCls}-sm {
  height: 24px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 24px;
}
.@{prefixCls}-round.@{prefixCls}-icon-only {
  width: auto;
}
.@{prefixCls}-circle {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.@{prefixCls}-circle.@{prefixCls}-lg {
  min-width: 40px;
  border-radius: 50%;
}
.@{prefixCls}-circle.@{prefixCls}-sm {
  min-width: 24px;
  border-radius: 50%;
}
.@{prefixCls}::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #ffffff;
  border-radius: inherit;
  opacity: .35;
  transition: opacity .2s;
  content: "";
  pointer-events: none;
}
.@{prefixCls} .@{prefixCls}-icon {
  transition: margin-left .3s cubic-bezier(.645, .045, .355, 1);
}
.@{prefixCls}.@{prefixCls}-loading {
  position: relative;
  cursor: default;
}
.@{prefixCls}.@{prefixCls}-loading::before {
  display: block;
}
.@{prefixCls} > .@{prefixCls}-loading-icon {
  transition: width .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1);
}
.@{prefixCls} > .@{prefixCls}-loading-icon .@{prefixCls}-icon {
  padding-right: 8px;
  animation: none;
}
.@{prefixCls} > .@{prefixCls}-loading-icon .@{prefixCls}-icon svg {
  animation: loadingCircle 1s infinite linear;
}
.@{prefixCls}-group {
  position: relative;
  display: inline-flex;
}
.@{prefixCls}-group > .@{prefixCls},
.@{prefixCls}-group > span > .@{prefixCls} {
  position: relative;
}
.@{prefixCls}-group > .@{prefixCls}:hover,
.@{prefixCls}-group > span > .@{prefixCls}:hover,
.@{prefixCls}-group > .@{prefixCls}:focus,
.@{prefixCls}-group > span > .@{prefixCls}:focus,
.@{prefixCls}-group > .@{prefixCls}:active,
.@{prefixCls}-group > span > .@{prefixCls}:active {
  z-index: 2;
}
.@{prefixCls}-group > .@{prefixCls}[disabled],
.@{prefixCls}-group > span > .@{prefixCls}[disabled] {
  z-index: 0;
}
.@{prefixCls}-group .@{prefixCls}-icon-only {
  font-size: 14px;
}
.@{prefixCls}-group .@{prefixCls} + .@{prefixCls},
.@{prefixCls} + .@{prefixCls}-group,
.@{prefixCls}-group span + .@{prefixCls},
.@{prefixCls}-group .@{prefixCls} + span,
.@{prefixCls}-group > span + span,
.@{prefixCls}-group + .@{prefixCls},
.@{prefixCls}-group + .@{prefixCls}-group {
  margin-left: -1px;
}
.@{prefixCls}-group .@{prefixCls}-primary + .@{prefixCls}:not(.@{prefixCls}-primary):not([disabled]) {
  border-left-color: transparent;
}
.@{prefixCls}-group .@{prefixCls} {
  border-radius: 0;
}
.@{prefixCls}-group > .@{prefixCls}:first-child,
.@{prefixCls}-group > span:first-child > .@{prefixCls} {
  margin-left: 0;
}
.@{prefixCls}-group > .@{prefixCls}:only-child {
  border-radius: 2px;
}
.@{prefixCls}-group > span:only-child > .@{prefixCls} {
  border-radius: 2px;
}
.@{prefixCls}-group > .@{prefixCls}:first-child:not(:last-child),
.@{prefixCls}-group > span:first-child:not(:last-child) > .@{prefixCls} {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.@{prefixCls}-group > .@{prefixCls}:last-child:not(:first-child),
.@{prefixCls}-group > span:last-child:not(:first-child) > .@{prefixCls} {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.@{prefixCls}-group-sm > .@{prefixCls}:only-child {
  border-radius: 2px;
}
.@{prefixCls}-group-sm > span:only-child > .@{prefixCls} {
  border-radius: 2px;
}
.@{prefixCls}-group-sm > .@{prefixCls}:first-child:not(:last-child),
.@{prefixCls}-group-sm > span:first-child:not(:last-child) > .@{prefixCls} {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.@{prefixCls}-group-sm > .@{prefixCls}:last-child:not(:first-child),
.@{prefixCls}-group-sm > span:last-child:not(:first-child) > .@{prefixCls} {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.@{prefixCls}-group > .@{prefixCls}-group {
  float: left;
}
.@{prefixCls}-group > .@{prefixCls}-group:not(:first-child):not(:last-child) > .@{prefixCls} {
  border-radius: 0;
}
.@{prefixCls}-group > .@{prefixCls}-group:first-child:not(:last-child) > .@{prefixCls}:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.@{prefixCls}-group > .@{prefixCls}-group:last-child:not(:first-child) > .@{prefixCls}:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.@{prefixCls}-rtl.@{prefixCls}-group .@{prefixCls} + .@{prefixCls},
.@{prefixCls}-rtl.@{prefixCls} + .@{prefixCls}-group,
.@{prefixCls}-rtl.@{prefixCls}-group span + .@{prefixCls},
.@{prefixCls}-rtl.@{prefixCls}-group .@{prefixCls} + span,
.@{prefixCls}-rtl.@{prefixCls}-group > span + span,
.@{prefixCls}-rtl.@{prefixCls}-group + .@{prefixCls},
.@{prefixCls}-rtl.@{prefixCls}-group + .@{prefixCls}-group,
.@{prefixCls}-group-rtl.@{prefixCls}-group .@{prefixCls} + .@{prefixCls},
.@{prefixCls}-group-rtl.@{prefixCls} + .@{prefixCls}-group,
.@{prefixCls}-group-rtl.@{prefixCls}-group span + .@{prefixCls},
.@{prefixCls}-group-rtl.@{prefixCls}-group .@{prefixCls} + span,
.@{prefixCls}-group-rtl.@{prefixCls}-group > span + span,
.@{prefixCls}-group-rtl.@{prefixCls}-group + .@{prefixCls},
.@{prefixCls}-group-rtl.@{prefixCls}-group + .@{prefixCls}-group {
  margin-right: -1px;
  margin-left: auto;
}
.@{prefixCls}-group.@{prefixCls}-group-rtl {
  direction: rtl;
}
.@{prefixCls}-group-rtl.@{prefixCls}-group > .@{prefixCls}:first-child:not(:last-child),
.@{prefixCls}-group-rtl.@{prefixCls}-group > span:first-child:not(:last-child) > .@{prefixCls} {
  border-radius: 0 2px 2px 0;
}
.@{prefixCls}-group-rtl.@{prefixCls}-group > .@{prefixCls}:last-child:not(:first-child),
.@{prefixCls}-group-rtl.@{prefixCls}-group > span:last-child:not(:first-child) > .@{prefixCls} {
  border-radius: 2px 0 0 2px;
}
.@{prefixCls}-group-rtl.@{prefixCls}-group-sm > .@{prefixCls}:first-child:not(:last-child),
.@{prefixCls}-group-rtl.@{prefixCls}-group-sm > span:first-child:not(:last-child) > .@{prefixCls} {
  border-radius: 0 2px 2px 0;
}
.@{prefixCls}-group-rtl.@{prefixCls}-group-sm > .@{prefixCls}:last-child:not(:first-child),
.@{prefixCls}-group-rtl.@{prefixCls}-group-sm > span:last-child:not(:first-child) > .@{prefixCls} {
  border-radius: 2px 0 0 2px;
}
.@{prefixCls}:focus > span,
.@{prefixCls}:active > span {
  position: relative;
}
.@{prefixCls} > .@{prefixCls}-icon + span,
.@{prefixCls} > span + .@{prefixCls}-icon {
  margin-left: 8px;
}
.@{prefixCls}.@{prefixCls}-background-ghost {
  color: #ffffff;
  border-color: #ffffff;
}
.@{prefixCls}.@{prefixCls}-background-ghost,
.@{prefixCls}.@{prefixCls}-background-ghost:hover,
.@{prefixCls}.@{prefixCls}-background-ghost:active,
.@{prefixCls}.@{prefixCls}-background-ghost:focus {
  background: transparent;
}
.@{prefixCls}.@{prefixCls}-background-ghost:hover,
.@{prefixCls}.@{prefixCls}-background-ghost:focus {
  color: @drip-table-primary-active-color;
  border-color: @drip-table-primary-active-color;
}
.@{prefixCls}.@{prefixCls}-background-ghost:active {
  color: #096dd9;
  border-color: #096dd9;
}
.@{prefixCls}.@{prefixCls}-background-ghost[disabled] {
  color: #00000040;
  background: transparent;
  border-color: #d9d9d9;
}
.@{prefixCls}-background-ghost.@{prefixCls}-primary {
  color: @drip-table-primary-color;
  border-color: @drip-table-primary-color;
  text-shadow: none;
}
.@{prefixCls}-background-ghost.@{prefixCls}-primary > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-background-ghost.@{prefixCls}-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-background-ghost.@{prefixCls}-primary:hover,
.@{prefixCls}-background-ghost.@{prefixCls}-primary:focus {
  color: @drip-table-primary-active-color;
  border-color: @drip-table-primary-active-color;
}
.@{prefixCls}-background-ghost.@{prefixCls}-primary:hover > a:only-child,
.@{prefixCls}-background-ghost.@{prefixCls}-primary:focus > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-background-ghost.@{prefixCls}-primary:hover > a:only-child::after,
.@{prefixCls}-background-ghost.@{prefixCls}-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-background-ghost.@{prefixCls}-primary:active {
  color: #096dd9;
  border-color: #096dd9;
}
.@{prefixCls}-background-ghost.@{prefixCls}-primary:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-background-ghost.@{prefixCls}-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-background-ghost.@{prefixCls}-primary[disabled],
.@{prefixCls}-background-ghost.@{prefixCls}-primary[disabled]:hover,
.@{prefixCls}-background-ghost.@{prefixCls}-primary[disabled]:focus,
.@{prefixCls}-background-ghost.@{prefixCls}-primary[disabled]:active {
  color: #00000040;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.@{prefixCls}-background-ghost.@{prefixCls}-primary[disabled] > a:only-child,
.@{prefixCls}-background-ghost.@{prefixCls}-primary[disabled]:hover > a:only-child,
.@{prefixCls}-background-ghost.@{prefixCls}-primary[disabled]:focus > a:only-child,
.@{prefixCls}-background-ghost.@{prefixCls}-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-background-ghost.@{prefixCls}-primary[disabled] > a:only-child::after,
.@{prefixCls}-background-ghost.@{prefixCls}-primary[disabled]:hover > a:only-child::after,
.@{prefixCls}-background-ghost.@{prefixCls}-primary[disabled]:focus > a:only-child::after,
.@{prefixCls}-background-ghost.@{prefixCls}-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-background-ghost.@{prefixCls}-danger {
  color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: none;
}
.@{prefixCls}-background-ghost.@{prefixCls}-danger > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-background-ghost.@{prefixCls}-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-background-ghost.@{prefixCls}-danger:hover,
.@{prefixCls}-background-ghost.@{prefixCls}-danger:focus {
  color: #ff7875;
  border-color: #ff7875;
}
.@{prefixCls}-background-ghost.@{prefixCls}-danger:hover > a:only-child,
.@{prefixCls}-background-ghost.@{prefixCls}-danger:focus > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-background-ghost.@{prefixCls}-danger:hover > a:only-child::after,
.@{prefixCls}-background-ghost.@{prefixCls}-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-background-ghost.@{prefixCls}-danger:active {
  color: #d9363e;
  border-color: #d9363e;
}
.@{prefixCls}-background-ghost.@{prefixCls}-danger:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-background-ghost.@{prefixCls}-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-background-ghost.@{prefixCls}-danger[disabled],
.@{prefixCls}-background-ghost.@{prefixCls}-danger[disabled]:hover,
.@{prefixCls}-background-ghost.@{prefixCls}-danger[disabled]:focus,
.@{prefixCls}-background-ghost.@{prefixCls}-danger[disabled]:active {
  color: #00000040;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.@{prefixCls}-background-ghost.@{prefixCls}-danger[disabled] > a:only-child,
.@{prefixCls}-background-ghost.@{prefixCls}-danger[disabled]:hover > a:only-child,
.@{prefixCls}-background-ghost.@{prefixCls}-danger[disabled]:focus > a:only-child,
.@{prefixCls}-background-ghost.@{prefixCls}-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-background-ghost.@{prefixCls}-danger[disabled] > a:only-child::after,
.@{prefixCls}-background-ghost.@{prefixCls}-danger[disabled]:hover > a:only-child::after,
.@{prefixCls}-background-ghost.@{prefixCls}-danger[disabled]:focus > a:only-child::after,
.@{prefixCls}-background-ghost.@{prefixCls}-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous {
  color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: none;
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous:hover,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous:focus {
  color: #ff7875;
  border-color: #ff7875;
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous:hover > a:only-child,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous:focus > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous:hover > a:only-child::after,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous:active {
  color: #d9363e;
  border-color: #d9363e;
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous[disabled],
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous[disabled]:hover,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous[disabled]:focus,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous[disabled]:active {
  color: #00000040;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous[disabled] > a:only-child,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous[disabled]:hover > a:only-child,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous[disabled]:focus > a:only-child,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous[disabled] > a:only-child::after,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous[disabled]:hover > a:only-child::after,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous[disabled]:focus > a:only-child::after,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link {
  color: #ff4d4f;
  border-color: transparent;
  text-shadow: none;
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link:hover,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link:focus {
  color: #ff7875;
  border-color: transparent;
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link:hover > a:only-child,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link:focus > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link:hover > a:only-child::after,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link:active {
  color: #d9363e;
  border-color: transparent;
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link[disabled],
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:hover,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:focus,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:active {
  color: #00000040;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link[disabled] > a:only-child,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:hover > a:only-child,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:focus > a:only-child,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link[disabled] > a:only-child::after,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:hover > a:only-child::after,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:focus > a:only-child::after,
.@{prefixCls}-background-ghost.@{prefixCls}-dangerous.@{prefixCls}-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
.@{prefixCls}-two-chinese-chars::first-letter {
  letter-spacing: .34em;
}
.@{prefixCls}-two-chinese-chars > *:not(.@{prefixCls}-icon) {
  margin-right: -.34em;
  letter-spacing: .34em;
}
.@{prefixCls}.@{prefixCls}-block {
  width: 100%;
}
.@{prefixCls}:empty {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: "\a0";
}
a.@{prefixCls} {
  padding-top: .01px !important;
  line-height: 30px;
}
a.@{prefixCls}-disabled {
  cursor: not-allowed;
}
a.@{prefixCls}-disabled > * {
  pointer-events: none;
}
a.@{prefixCls}-disabled,
a.@{prefixCls}-disabled:hover,
a.@{prefixCls}-disabled:focus,
a.@{prefixCls}-disabled:active {
  color: #00000040;
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
a.@{prefixCls}-disabled > a:only-child,
a.@{prefixCls}-disabled:hover > a:only-child,
a.@{prefixCls}-disabled:focus > a:only-child,
a.@{prefixCls}-disabled:active > a:only-child {
  color: currentcolor;
}
a.@{prefixCls}-disabled > a:only-child::after,
a.@{prefixCls}-disabled:hover > a:only-child::after,
a.@{prefixCls}-disabled:focus > a:only-child::after,
a.@{prefixCls}-disabled:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: "";
}
a.@{prefixCls}-lg {
  line-height: 38px;
}
a.@{prefixCls}-sm {
  line-height: 22px;
}
.@{prefixCls}-compact-item:not(.@{prefixCls}-compact-last-item):not(.@{prefixCls}-compact-item-rtl) {
  margin-right: -1px;
}
.@{prefixCls}-compact-item:not(.@{prefixCls}-compact-last-item).@{prefixCls}-compact-item-rtl {
  margin-left: -1px;
}
.@{prefixCls}-compact-item:hover,
.@{prefixCls}-compact-item:focus,
.@{prefixCls}-compact-item:active {
  z-index: 2;
}
.@{prefixCls}-compact-item[disabled] {
  z-index: 0;
}
.@{prefixCls}-compact-item:not(.@{prefixCls}-compact-first-item):not(.@{prefixCls}-compact-last-item).@{prefixCls} {
  border-radius: 0;
}
.@{prefixCls}-compact-item.@{prefixCls}.@{prefixCls}-compact-first-item:not(.@{prefixCls}-compact-last-item):not(.@{prefixCls}-compact-item-rtl) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.@{prefixCls}-compact-item.@{prefixCls}.@{prefixCls}-compact-last-item:not(.@{prefixCls}-compact-first-item):not(.@{prefixCls}-compact-item-rtl) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.@{prefixCls}-compact-item.@{prefixCls}.@{prefixCls}-compact-item-rtl.@{prefixCls}-compact-first-item:not(.@{prefixCls}-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.@{prefixCls}-compact-item.@{prefixCls}.@{prefixCls}-compact-item-rtl.@{prefixCls}-compact-last-item:not(.@{prefixCls}-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.@{prefixCls}-icon-only.@{prefixCls}-compact-item {
  flex: none;
}
.@{prefixCls}-compact-item.@{prefixCls}-primary:not([disabled]) + .@{prefixCls}-compact-item.@{prefixCls}-primary:not([disabled]) {
  position: relative;
}
.@{prefixCls}-compact-item.@{prefixCls}-primary:not([disabled]) + .@{prefixCls}-compact-item.@{prefixCls}-primary:not([disabled])::after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: inline-block;
  width: 1px;
  height: calc(100% + 1px * 2);
  background-color: @drip-table-primary-active-color;
  content: " ";
}
.@{prefixCls}-compact-item-rtl.@{prefixCls}-compact-first-item.@{prefixCls}-compact-item-rtl:not(.@{prefixCls}-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.@{prefixCls}-compact-item-rtl.@{prefixCls}-compact-last-item.@{prefixCls}-compact-item-rtl:not(.@{prefixCls}-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.@{prefixCls}-compact-item-rtl.@{prefixCls}-sm.@{prefixCls}-compact-first-item.@{prefixCls}-compact-item-rtl.@{prefixCls}-sm:not(.@{prefixCls}-compact-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.@{prefixCls}-compact-item-rtl.@{prefixCls}-sm.@{prefixCls}-compact-last-item.@{prefixCls}-compact-item-rtl.@{prefixCls}-sm:not(.@{prefixCls}-compact-first-item) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.@{prefixCls}-compact-item-rtl.@{prefixCls}-primary:not([disabled]) + .@{prefixCls}-compact-item-rtl.@{prefixCls}-primary:not([disabled])::after {
  right: -1px;
}
.@{prefixCls}-compact-vertical-item:not(.@{prefixCls}-compact-vertical-last-item) {
  margin-bottom: -1px;
}
.@{prefixCls}-compact-vertical-item:hover,
.@{prefixCls}-compact-vertical-item:focus,
.@{prefixCls}-compact-vertical-item:active {
  z-index: 2;
}
.@{prefixCls}-compact-vertical-item[disabled] {
  z-index: 0;
}
.@{prefixCls}-compact-vertical-it