@tntd/reference
Version:
<!-- * @Author: 周泽飞 zefei.zhou@tongdun.net * @Date: 2024-12-03 10:07:54 * @LastEditors: 郑泳健 * @LastEditTime: 2026-01-20 15:55:03 * @FilePath: /tntd3/packages/reference/README.md * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: http
2,206 lines (2,201 loc) • 282 kB
CSS
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* 深色主题变量(通过覆盖变量实现主题切换) */
/* 核心滚动条混合(建议添加到需要滚动的容器类) */
/* stylelint-disable at-rule-no-unknown */
html,
body {
width: 100%;
height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
display: none;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
body {
margin: 0;
color: #17233d;
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
'Segoe UI Emoji', 'Segoe UI Symbol';
font-variant: tabular-nums;
line-height: 1.57142857;
background-color: #fff;
font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
outline: none !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.5em;
color: #17233d;
font-weight: 500;
}
p {
margin-top: 0;
margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
border-bottom: 0;
cursor: help;
}
address {
margin-bottom: 1em;
font-style: normal;
line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
-webkit-appearance: none;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 500;
}
dd {
margin-bottom: 0.5em;
margin-left: 0;
}
blockquote {
margin: 0 0 1em;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #126bfb;
text-decoration: none;
background-color: transparent;
outline: none;
cursor: pointer;
transition: color 0.3s;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #3b8cff;
}
a:active {
color: #044dd4;
}
a:active,
a:hover {
text-decoration: none;
outline: 0;
}
a[disabled] {
color: #babdc5;
cursor: not-allowed;
pointer-events: none;
}
pre,
code,
kbd,
samp {
font-size: 1em;
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
margin-top: 0;
margin-bottom: 1em;
overflow: auto;
}
figure {
margin: 0 0 1em;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
touch-action: manipulation;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75em;
padding-bottom: 0.3em;
color: #454f64;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
box-sizing: border-box;
padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
margin-bottom: 0.5em;
padding: 0;
color: inherit;
font-size: 1.5em;
line-height: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
[type='search'] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
mark {
padding: 0.2em;
background-color: #feffe6;
}
::selection {
color: #fff;
background: #126bfb;
}
.clearfix {
zoom: 1;
}
.clearfix::before,
.clearfix::after {
display: table;
content: '';
}
.clearfix::after {
clear: both;
}
.anticon {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-align: center;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.anticon > * {
line-height: 1;
}
.anticon svg {
display: inline-block;
}
.anticon::before {
display: none;
}
.anticon .anticon-icon {
display: block;
}
.anticon[tabindex] {
cursor: pointer;
}
.anticon-spin::before {
display: inline-block;
animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
display: inline-block;
animation: loadingCircle 1s infinite linear;
}
.fade-enter,
.fade-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.fade-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
animation-name: antFadeIn;
animation-play-state: running;
}
.fade-leave.fade-leave-active {
animation-name: antFadeOut;
animation-play-state: running;
pointer-events: none;
}
.fade-enter,
.fade-appear {
opacity: 0;
animation-timing-function: linear;
}
.fade-leave {
animation-timing-function: linear;
}
@keyframes antFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes antFadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.move-up-enter,
.move-up-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.move-up-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
animation-name: antMoveUpIn;
animation-play-state: running;
}
.move-up-leave.move-up-leave-active {
animation-name: antMoveUpOut;
animation-play-state: running;
pointer-events: none;
}
.move-up-enter,
.move-up-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.move-down-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
animation-name: antMoveDownIn;
animation-play-state: running;
}
.move-down-leave.move-down-leave-active {
animation-name: antMoveDownOut;
animation-play-state: running;
pointer-events: none;
}
.move-down-enter,
.move-down-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.move-left-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
animation-name: antMoveLeftIn;
animation-play-state: running;
}
.move-left-leave.move-left-leave-active {
animation-name: antMoveLeftOut;
animation-play-state: running;
pointer-events: none;
}
.move-left-enter,
.move-left-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.move-right-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
animation-name: antMoveRightIn;
animation-play-state: running;
}
.move-right-leave.move-right-leave-active {
animation-name: antMoveRightOut;
animation-play-state: running;
pointer-events: none;
}
.move-right-enter,
.move-right-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
0% {
transform: translateY(100%);
transform-origin: 0 0;
opacity: 0;
}
100% {
transform: translateY(0%);
transform-origin: 0 0;
opacity: 1;
}
}
@keyframes antMoveDownOut {
0% {
transform: translateY(0%);
transform-origin: 0 0;
opacity: 1;
}
100% {
transform: translateY(100%);
transform-origin: 0 0;
opacity: 0;
}
}
@keyframes antMoveLeftIn {
0% {
transform: translateX(-100%);
transform-origin: 0 0;
opacity: 0;
}
100% {
transform: translateX(0%);
transform-origin: 0 0;
opacity: 1;
}
}
@keyframes antMoveLeftOut {
0% {
transform: translateX(0%);
transform-origin: 0 0;
opacity: 1;
}
100% {
transform: translateX(-100%);
transform-origin: 0 0;
opacity: 0;
}
}
@keyframes antMoveRightIn {
0% {
transform: translateX(100%);
transform-origin: 0 0;
opacity: 0;
}
100% {
transform: translateX(0%);
transform-origin: 0 0;
opacity: 1;
}
}
@keyframes antMoveRightOut {
0% {
transform: translateX(0%);
transform-origin: 0 0;
opacity: 1;
}
100% {
transform: translateX(100%);
transform-origin: 0 0;
opacity: 0;
}
}
@keyframes antMoveUpIn {
0% {
transform: translateY(-100%);
transform-origin: 0 0;
opacity: 0;
}
100% {
transform: translateY(0%);
transform-origin: 0 0;
opacity: 1;
}
}
@keyframes antMoveUpOut {
0% {
transform: translateY(0%);
transform-origin: 0 0;
opacity: 1;
}
100% {
transform: translateY(-100%);
transform-origin: 0 0;
opacity: 0;
}
}
@keyframes loadingCircle {
100% {
transform: rotate(360deg);
}
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
position: relative;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
border-radius: inherit;
box-shadow: 0 0 0 0 #126bfb;
opacity: 0.2;
animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1),
waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
animation-fill-mode: forwards;
content: '';
pointer-events: none;
}
@keyframes waveEffect {
100% {
box-shadow: 0 0 0 6px #126bfb;
}
}
@keyframes fadeEffect {
100% {
opacity: 0;
}
}
.slide-up-enter,
.slide-up-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.slide-up-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
animation-name: antSlideUpIn;
animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
animation-name: antSlideUpOut;
animation-play-state: running;
pointer-events: none;
}
.slide-up-enter,
.slide-up-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.slide-down-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
animation-name: antSlideDownIn;
animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
animation-name: antSlideDownOut;
animation-play-state: running;
pointer-events: none;
}
.slide-down-enter,
.slide-down-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.slide-left-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
animation-name: antSlideLeftIn;
animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active {
animation-name: antSlideLeftOut;
animation-play-state: running;
pointer-events: none;
}
.slide-left-enter,
.slide-left-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.slide-right-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
animation-name: antSlideRightIn;
animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active {
animation-name: antSlideRightOut;
animation-play-state: running;
pointer-events: none;
}
.slide-right-enter,
.slide-right-appear {
opacity: 0;
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
0% {
transform: scaleY(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
100% {
transform: scaleY(1);
transform-origin: 0% 0%;
opacity: 1;
}
}
@keyframes antSlideUpOut {
0% {
transform: scaleY(1);
transform-origin: 0% 0%;
opacity: 1;
}
100% {
transform: scaleY(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
}
@keyframes antSlideDownIn {
0% {
transform: scaleY(0.8);
transform-origin: 100% 100%;
opacity: 0;
}
100% {
transform: scaleY(1);
transform-origin: 100% 100%;
opacity: 1;
}
}
@keyframes antSlideDownOut {
0% {
transform: scaleY(1);
transform-origin: 100% 100%;
opacity: 1;
}
100% {
transform: scaleY(0.8);
transform-origin: 100% 100%;
opacity: 0;
}
}
@keyframes antSlideLeftIn {
0% {
transform: scaleX(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
100% {
transform: scaleX(1);
transform-origin: 0% 0%;
opacity: 1;
}
}
@keyframes antSlideLeftOut {
0% {
transform: scaleX(1);
transform-origin: 0% 0%;
opacity: 1;
}
100% {
transform: scaleX(0.8);
transform-origin: 0% 0%;
opacity: 0;
}
}
@keyframes antSlideRightIn {
0% {
transform: scaleX(0.8);
transform-origin: 100% 0%;
opacity: 0;
}
100% {
transform: scaleX(1);
transform-origin: 100% 0%;
opacity: 1;
}
}
@keyframes antSlideRightOut {
0% {
transform: scaleX(1);
transform-origin: 100% 0%;
opacity: 1;
}
100% {
transform: scaleX(0.8);
transform-origin: 100% 0%;
opacity: 0;
}
}
.swing-enter,
.swing-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
animation-name: antSwingIn;
animation-play-state: running;
}
@keyframes antSwingIn {
0%,
100% {
transform: translateX(0);
}
20% {
transform: translateX(-10px);
}
40% {
transform: translateX(10px);
}
60% {
transform: translateX(-5px);
}
80% {
transform: translateX(5px);
}
}
.zoom-enter,
.zoom-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.zoom-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
animation-name: antZoomIn;
animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
animation-name: antZoomOut;
animation-play-state: running;
pointer-events: none;
}
.zoom-enter,
.zoom-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.zoom-big-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
animation-name: antZoomBigIn;
animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active {
animation-name: antZoomBigOut;
animation-play-state: running;
pointer-events: none;
}
.zoom-big-enter,
.zoom-big-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
animation-duration: 0.1s;
animation-fill-mode: both;
animation-play-state: paused;
}
.zoom-big-fast-leave {
animation-duration: 0.1s;
animation-fill-mode: both;
animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
animation-name: antZoomBigIn;
animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
animation-name: antZoomBigOut;
animation-play-state: running;
pointer-events: none;
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.zoom-up-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
animation-name: antZoomUpIn;
animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active {
animation-name: antZoomUpOut;
animation-play-state: running;
pointer-events: none;
}
.zoom-up-enter,
.zoom-up-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-up-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.zoom-down-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
animation-name: antZoomDownIn;
animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active {
animation-name: antZoomDownOut;
animation-play-state: running;
pointer-events: none;
}
.zoom-down-enter,
.zoom-down-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-down-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.zoom-left-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
animation-name: antZoomLeftIn;
animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active {
animation-name: antZoomLeftOut;
animation-play-state: running;
pointer-events: none;
}
.zoom-left-enter,
.zoom-left-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-left-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.zoom-right-leave {
animation-duration: 0.2s;
animation-fill-mode: both;
animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
animation-name: antZoomRightIn;
animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active {
animation-name: antZoomRightOut;
animation-play-state: running;
pointer-events: none;
}
.zoom-right-enter,
.zoom-right-appear {
transform: scale(0);
opacity: 0;
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-right-leave {
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
0% {
transform: scale(0.2);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes antZoomOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0.2);
opacity: 0;
}
}
@keyframes antZoomBigIn {
0% {
transform: scale(0.8);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes antZoomBigOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0.8);
opacity: 0;
}
}
@keyframes antZoomUpIn {
0% {
transform: scale(0.8);
transform-origin: 50% 0%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 50% 0%;
}
}
@keyframes antZoomUpOut {
0% {
transform: scale(1);
transform-origin: 50% 0%;
}
100% {
transform: scale(0.8);
transform-origin: 50% 0%;
opacity: 0;
}
}
@keyframes antZoomLeftIn {
0% {
transform: scale(0.8);
transform-origin: 0% 50%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 0% 50%;
}
}
@keyframes antZoomLeftOut {
0% {
transform: scale(1);
transform-origin: 0% 50%;
}
100% {
transform: scale(0.8);
transform-origin: 0% 50%;
opacity: 0;
}
}
@keyframes antZoomRightIn {
0% {
transform: scale(0.8);
transform-origin: 100% 50%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 100% 50%;
}
}
@keyframes antZoomRightOut {
0% {
transform: scale(1);
transform-origin: 100% 50%;
}
100% {
transform: scale(0.8);
transform-origin: 100% 50%;
opacity: 0;
}
}
@keyframes antZoomDownIn {
0% {
transform: scale(0.8);
transform-origin: 50% 100%;
opacity: 0;
}
100% {
transform: scale(1);
transform-origin: 50% 100%;
}
}
@keyframes antZoomDownOut {
0% {
transform: scale(1);
transform-origin: 50% 100%;
}
100% {
transform: scale(0.8);
transform-origin: 50% 100%;
opacity: 0;
}
}
.ant-motion-collapse-legacy {
overflow: hidden;
}
.ant-motion-collapse-legacy-active {
transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
overflow: hidden;
transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* 深色主题变量(通过覆盖变量实现主题切换) */
/* 核心滚动条混合(建议添加到需要滚动的容器类) */
.ant-drawer {
position: fixed;
z-index: 1000;
width: 0%;
height: 100%;
transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s;
}
.ant-drawer > * {
transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1),
box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-content-wrapper {
position: absolute;
}
.ant-drawer .ant-drawer-content {
width: 100%;
height: 100%;
}
.ant-drawer-left,
.ant-drawer-right {
top: 0;
width: 0%;
height: 100%;
}
.ant-drawer-left .ant-drawer-content-wrapper,
.ant-drawer-right .ant-drawer-content-wrapper {
height: 100%;
}
.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
width: 100%;
transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-left.ant-drawer-open.no-mask,
.ant-drawer-right.ant-drawer-open.no-mask {
width: 0%;
}
.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-right {
right: 0;
}
.ant-drawer-right .ant-drawer-content-wrapper {
right: 0;
}
.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-right.ant-drawer-open.no-mask {
right: 1px;
transform: translateX(1px);
}
.ant-drawer-top,
.ant-drawer-bottom {
left: 0;
width: 100%;
height: 0%;
}
.ant-drawer-top .ant-drawer-content-wrapper,
.ant-drawer-bottom .ant-drawer-content-wrapper {
width: 100%;
}
.ant-drawer-top.ant-drawer-open,
.ant-drawer-bottom.ant-drawer-open {
height: 100%;
transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-top.ant-drawer-open.no-mask,
.ant-drawer-bottom.ant-drawer-open.no-mask {
height: 0%;
}
.ant-drawer-top {
top: 0;
}
.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-bottom {
bottom: 0;
}
.ant-drawer-bottom .ant-drawer-content-wrapper {
bottom: 0;
}
.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-bottom.ant-drawer-open.no-mask {
bottom: 1px;
transform: translateY(1px);
}
.ant-drawer.ant-drawer-open .ant-drawer-mask {
height: 100%;
opacity: 1;
transition: none;
animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-title {
margin: 0;
color: #17233d;
font-weight: 500;
font-size: 16px;
line-height: 22px;
}
.ant-drawer-content {
position: relative;
z-index: 1;
overflow: auto;
background-color: #fff;
background-clip: padding-box;
border: 0;
}
.ant-drawer-close {
position: absolute;
top: 0;
right: 0;
z-index: 10;
display: block;
width: 56px;
height: 56px;
padding: 0;
color: #454f64;
font-weight: 700;
font-size: 16px;
font-style: normal;
line-height: 56px;
text-align: center;
text-transform: none;
text-decoration: none;
background: transparent;
border: 0;
outline: 0;
cursor: pointer;
transition: color 0.3s;
text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
color: rgba(0, 0, 0, 0.75);
text-decoration: none;
}
.ant-drawer-header {
position: relative;
padding: 12px 20px;
color: #17233d;
background: #fff;
border-bottom: 1px solid #e1e6ee;
border-radius: 8px 8px 0 0;
}
.ant-drawer-header-no-title {
color: #17233d;
background: #fff;
}
.ant-drawer-body {
padding: 20px;
font-size: 14px;
line-height: 1.57142857;
word-wrap: break-word;
}
.ant-drawer-wrapper-body {
height: 100%;
overflow: auto;
}
.ant-drawer-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background-color: rgba(7, 7, 8, 0.35);
opacity: 0;
transition: opacity 0.3s linear, height 0s ease 0.3s;
filter: alpha(opacity=45);
}
.ant-drawer-open-content {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
@keyframes antdDrawerFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.tnt-drawer.ant-drawer-top .ant-drawer-wrapper-body {
margin-top: 48px;
}
.tnt-drawer.ant-drawer .ant-drawer-wrapper-body {
margin-top: 48px;
max-height: calc(100vh - 48px);
}
.tnt-drawer.ant-drawer.ant-drawer-no-header .ant-drawer-wrapper-body {
margin-top: 0;
max-height: calc(100vh);
}
.tnt-drawer.ant-drawer.ant-drawer-no-header.ant-drawer-footer .ant-drawer-wrapper-body {
margin-top: 0 !important;
max-height: calc(100vh - 48px) !important;
margin-bottom: 48px !important;
}
.tnt-drawer.ant-drawer-footer .ant-drawer-header {
position: absolute;
right: 0;
top: 0;
background: #fff;
width: 100%;
}
.tnt-drawer.ant-drawer-footer .ant-drawer-wrapper-body {
max-height: calc(100vh - 96px) !important;
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.tnt-drawer.ant-drawer .ant-drawer-title {
font-size: 16px !important;
font-weight: 500 !important;
}
.tnt-drawer.ant-drawer .ant-drawer-close {
position: absolute;
top: -2px;
right: 0;
z-index: 10;
display: block;
width: 48px;
height: 48px;
padding: 0;
color: rgba(23, 35, 61, 0.8);
font-weight: 700;
font-size: 20px;
font-style: normal;
line-height: 48px;
text-align: center;
text-transform: none;
text-decoration: none;
background: transparent;
border: 0;
outline: 0;
cursor: pointer;
transition: color 0.3s;
text-rendering: auto;
}
.tnt-drawer.ant-drawer .ant-drawer-close i.tntd-anticon {
font-size: 20px;
}
.tnt-drawer.ant-drawer.ant-drawer-contain-closable .ant-drawer-header {
padding: 12px 36px 12px 20px;
}
.tnt-drawer.ant-drawer-right .ant-drawer-content {
border-radius: 8px 0px 0px 8px;
background: #f8f9fb;
}
.tnt-drawer.ant-drawer-left .ant-drawer-content {
border-radius: 0px 8px 8px 0px;
background: #f8f9fb;
}
.tnt-drawer.ant-drawer-top .ant-drawer-content {
border-radius: 0px 0px 8px 8px;
background: #f8f9fb;
padding-top: 48px;
}
.tnt-drawer.ant-drawer-top .ant-drawer-wrapper-body {
margin-top: 0px !important;
}
.tnt-drawer.ant-drawer-bottom .ant-drawer-content {
border-radius: 8px 8px 0px 0px;
background: #f8f9fb;
padding-top: 48px;
}
.tnt-drawer.ant-drawer-bottom .ant-drawer-wrapper-body {
margin-top: 0px !important;
}
.tnt-drawer.ant-drawer .ant-drawer-header {
padding: 13px 24px;
position: absolute;
right: 0;
top: 0;
width: 100%;
background: #fff;
border-bottom: 1px solid #e9edf3;
z-index: 100;
}
.tnt-drawer.ant-drawer .ant-drawer-body {
padding: 24px !important;
}
.tnt-drawer.ant-drawer .ant-drawer-wrapper-body .ant-drawer-footer-style {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
padding: 8px 24px;
background: #fff;
text-align: right;
border-top: 1px solid #e9edf3;
z-index: 100;
}
.tnt-drawer.ant-drawer .ant-drawer-wrapper-body .ant-drawer-footer-style .ant-btn {
margin-left: 16px;
}
.tnt-drawer.ant-drawer
.ant-drawer-wrapper-body
.ant-drawer-footer-style
button:not([class*='ant-btn-']):not([class*='tnt-btn-']) {
color: #17233d;
background-color: #f8f9fb;
border-color: #f8f9fb;
text-shadow: none;
box-shadow: none;
}
.tnt-drawer.ant-drawer
.ant-drawer-wrapper-body
.ant-drawer-footer-style
button:not([class*='ant-btn-']):not([class*='tnt-btn-']):hover {
color: var(--blue-6);
background-color: #f0f5ff;
border-color: #f0f5ff;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* 深色主题变量(通过覆盖变量实现主题切换) */
/* 核心滚动条混合(建议添加到需要滚动的容器类) */
.ant-btn {
line-height: calc(1.57142857 - 0.001);
position: relative;
display: inline-block;
font-weight: 400;
white-space: nowrap;
text-align: center;
background-image: none;
border: 1px solid transparent;
box-shadow: none;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
user-select: none;
touch-action: manipulation;
height: 32px;
padding: 0 16px;
font-size: 14px;
border-radius: 8px;
color: #17233d;
background-color: #fff;
border-color: #e1e6ee;
}
.ant-btn > .anticon {
line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
outline: 0;
}
.ant-btn:not([disabled]):hover {
text-decoration: none;
}
.ant-btn:not([disabled]):active {
outline: 0;
box-shadow: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
pointer-events: none;
}
.ant-btn-lg {
height: 36px;
padding: 0 20px;
font-size: 16px;
border-radius: 8px;
}
.ant-btn-sm {
height: 28px;
padding: 0 16px;
font-size: 14px;
border-radius: 8px;
}
.ant-btn > a:only-child {
color: currentColor;
}
.ant-btn > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn:hover,
.ant-btn:focus {
color: #116bfa;
background-color: #fff;
border-color: #116bfa;
}
.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 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn:active,
.ant-btn.active {
color: #044dd4;
background-color: #fff;
border-color: #044dd4;
}
.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 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.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: #babdc5;
background-color: #f1f2f5;
border-color: #e1e6ee;
text-shadow: none;
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 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
text-decoration: none;
background: #fff;
}
.ant-btn > i,
.ant-btn > span {
display: inline-block;
transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
pointer-events: none;
}
.ant-btn-primary {
color: #fff;
background-color: #126bfb;
border-color: #126bfb;
text-shadow: none;
box-shadow: none;
}
.ant-btn-primary > a:only-child {
color: currentColor;
}
.ant-btn-primary > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
color: #fff;
background-color: #3b8cff;
border-color: #3b8cff;
}
.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 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-primary:active,
.ant-btn-primary.active {
color: #fff;
background-color: #044dd4;
border-color: #044dd4;
}
.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 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.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: #babdc5;
background-color: #f1f2f5;
border-color: #e1e6ee;
text-shadow: none;
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 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
border-right-color: #3b8cff;
border-left-color: #3b8cff;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
border-color: #e1e6ee;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
border-right-color: #3b8cff;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
border-right-color: #e1e6ee;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
border-left-color: #3b8cff;
}
.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: #e1e6ee;
}
.ant-btn-ghost {
color: #17233d;
background-color: transparent;
border-color: #c9d2dd;
}
.ant-btn-ghost > a:only-child {
color: currentColor;
}
.ant-btn-ghost > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
color: #116bfa;
background-color: transparent;
border-color: #116bfa;
}
.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 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
color: #044dd4;
background-color: transparent;
border-color: #044dd4;
}
.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 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.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: #babdc5;
background-color: #f1f2f5;
border-color: #e1e6ee;
text-shadow: none;
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 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dashed {
color: #17233d;
background-color: #fff;
border-color: #e1e6ee;
border-style: dashed;
}
.ant-btn-dashed > a:only-child {
color: currentColor;
}
.ant-btn-dashed > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
color: #116bfa;
background-color: #fff;
border-color: #116bfa;
}
.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 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
color: #044dd4;
background-color: #fff;
border-color: #044dd4;
}
.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 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.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: #babdc5;
background-color: #f1f2f5;
border-color: #e1e6ee;
text-shadow: none;
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 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-danger {
color: #fff;
background-color: #ef4444;
border-color: #ef4444;
text-shadow: none;
box-shadow: none;
}
.ant-btn-danger > a:only-child {
color: currentColor;
}
.ant-btn-danger > a:only-child::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
color: #fff;
background-color: #fc746f;
border-color: #fc746f;
}
.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 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: transparent;
content: '';
}
.ant-btn-danger:active,
.ant-btn-danger.active {
color: #fff;
background-color: #c92e34;
border-color: #c92e34;
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {