/* src/theme.less */ [class^=ant-]::-ms-clear, [class*=ant-]::-ms-clear, [class^=ant-] input::-ms-clear, [class*=ant-] input::-ms-clear, [class^=ant-] input::-ms-reveal, [class*=ant-] input::-ms-reveal { display: none; } 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; } body { margin: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-variant: tabular-nums; line-height: 1.5715; 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: rgba(0, 0, 0, 0.85); 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: #1abc9c; text-decoration: none; background-color: transparent; outline: none; cursor: pointer; transition: color 0.3s; -webkit-text-decoration-skip: objects; } a:hover { color: #3cc9a9; } a:active { color: #0e9680; } a:active, a:hover { text-decoration: none; outline: 0; } a:focus { text-decoration: none; outline: 0; } a[disabled] { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } 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; } 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: rgba(0, 0, 0, 0.45); text-align: left; caption-side: bottom; } 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: #1abc9c; } .clearfix::before { display: table; content: ""; } .clearfix::after { display: table; clear: both; content: ""; } .anticon { display: inline-flex; align-items: center; 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 > .anticon { line-height: 0; vertical-align: 0; } .anticon[tabindex] { cursor: pointer; } .anticon-spin, .anticon-spin::before { display: inline-block; animation: loadingCircle 1s infinite linear; } .ant-fade-enter, .ant-fade-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-fade-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-fade-enter.ant-fade-enter-active, .ant-fade-appear.ant-fade-appear-active { animation-name: antFadeIn; animation-play-state: running; } .ant-fade-leave.ant-fade-leave-active { animation-name: antFadeOut; animation-play-state: running; pointer-events: none; } .ant-fade-enter, .ant-fade-appear { opacity: 0; animation-timing-function: linear; } .ant-fade-leave { animation-timing-function: linear; } @keyframes antFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes antFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .ant-move-up-enter, .ant-move-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-up-enter.ant-move-up-enter-active, .ant-move-up-appear.ant-move-up-appear-active { animation-name: antMoveUpIn; animation-play-state: running; } .ant-move-up-leave.ant-move-up-leave-active { animation-name: antMoveUpOut; animation-play-state: running; pointer-events: none; } .ant-move-up-enter, .ant-move-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-up-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-down-enter, .ant-move-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-down-enter.ant-move-down-enter-active, .ant-move-down-appear.ant-move-down-appear-active { animation-name: antMoveDownIn; animation-play-state: running; } .ant-move-down-leave.ant-move-down-leave-active { animation-name: antMoveDownOut; animation-play-state: running; pointer-events: none; } .ant-move-down-enter, .ant-move-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-down-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-left-enter, .ant-move-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-left-enter.ant-move-left-enter-active, .ant-move-left-appear.ant-move-left-appear-active { animation-name: antMoveLeftIn; animation-play-state: running; } .ant-move-left-leave.ant-move-left-leave-active { animation-name: antMoveLeftOut; animation-play-state: running; pointer-events: none; } .ant-move-left-enter, .ant-move-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-left-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-right-enter, .ant-move-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-right-enter.ant-move-right-enter-active, .ant-move-right-appear.ant-move-right-appear-active { animation-name: antMoveRightIn; animation-play-state: running; } .ant-move-right-leave.ant-move-right-leave-active { animation-name: antMoveRightOut; animation-play-state: running; pointer-events: none; } .ant-move-right-enter, .ant-move-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-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; } html { --antd-wave-shadow-color: #1abc9c; --scroll-bar: 0; } [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 #1abc9c; box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); 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 #1abc9c; box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); } } @keyframes fadeEffect { 100% { opacity: 0; } } .ant-slide-up-enter, .ant-slide-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-up-enter.ant-slide-up-enter-active, .ant-slide-up-appear.ant-slide-up-appear-active { animation-name: antSlideUpIn; animation-play-state: running; } .ant-slide-up-leave.ant-slide-up-leave-active { animation-name: antSlideUpOut; animation-play-state: running; pointer-events: none; } .ant-slide-up-enter, .ant-slide-up-appear { transform: scale(0); transform-origin: 0% 0%; opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-up-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-down-enter, .ant-slide-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-down-enter.ant-slide-down-enter-active, .ant-slide-down-appear.ant-slide-down-appear-active { animation-name: antSlideDownIn; animation-play-state: running; } .ant-slide-down-leave.ant-slide-down-leave-active { animation-name: antSlideDownOut; animation-play-state: running; pointer-events: none; } .ant-slide-down-enter, .ant-slide-down-appear { transform: scale(0); transform-origin: 0% 0%; opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-down-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-left-enter, .ant-slide-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-left-enter.ant-slide-left-enter-active, .ant-slide-left-appear.ant-slide-left-appear-active { animation-name: antSlideLeftIn; animation-play-state: running; } .ant-slide-left-leave.ant-slide-left-leave-active { animation-name: antSlideLeftOut; animation-play-state: running; pointer-events: none; } .ant-slide-left-enter, .ant-slide-left-appear { transform: scale(0); transform-origin: 0% 0%; opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-left-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-right-enter, .ant-slide-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-right-enter.ant-slide-right-enter-active, .ant-slide-right-appear.ant-slide-right-appear-active { animation-name: antSlideRightIn; animation-play-state: running; } .ant-slide-right-leave.ant-slide-right-leave-active { animation-name: antSlideRightOut; animation-play-state: running; pointer-events: none; } .ant-slide-right-enter, .ant-slide-right-appear { transform: scale(0); transform-origin: 0% 0%; opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-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; } } .ant-zoom-enter, .ant-zoom-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-enter.ant-zoom-enter-active, .ant-zoom-appear.ant-zoom-appear-active { animation-name: antZoomIn; animation-play-state: running; } .ant-zoom-leave.ant-zoom-leave-active { animation-name: antZoomOut; animation-play-state: running; pointer-events: none; } .ant-zoom-enter, .ant-zoom-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-enter-prepare, .ant-zoom-appear-prepare { transform: none; } .ant-zoom-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-big-enter, .ant-zoom-big-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-enter.ant-zoom-big-enter-active, .ant-zoom-big-appear.ant-zoom-big-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .ant-zoom-big-leave.ant-zoom-big-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .ant-zoom-big-enter, .ant-zoom-big-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-big-enter-prepare, .ant-zoom-big-appear-prepare { transform: none; } .ant-zoom-big-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-big-fast-enter, .ant-zoom-big-fast-appear { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-fast-leave { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active, .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .ant-zoom-big-fast-enter, .ant-zoom-big-fast-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-big-fast-enter-prepare, .ant-zoom-big-fast-appear-prepare { transform: none; } .ant-zoom-big-fast-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-up-enter, .ant-zoom-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-up-enter.ant-zoom-up-enter-active, .ant-zoom-up-appear.ant-zoom-up-appear-active { animation-name: antZoomUpIn; animation-play-state: running; } .ant-zoom-up-leave.ant-zoom-up-leave-active { animation-name: antZoomUpOut; animation-play-state: running; pointer-events: none; } .ant-zoom-up-enter, .ant-zoom-up-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-up-enter-prepare, .ant-zoom-up-appear-prepare { transform: none; } .ant-zoom-up-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-down-enter, .ant-zoom-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-down-enter.ant-zoom-down-enter-active, .ant-zoom-down-appear.ant-zoom-down-appear-active { animation-name: antZoomDownIn; animation-play-state: running; } .ant-zoom-down-leave.ant-zoom-down-leave-active { animation-name: antZoomDownOut; animation-play-state: running; pointer-events: none; } .ant-zoom-down-enter, .ant-zoom-down-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-down-enter-prepare, .ant-zoom-down-appear-prepare { transform: none; } .ant-zoom-down-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-left-enter, .ant-zoom-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-left-enter.ant-zoom-left-enter-active, .ant-zoom-left-appear.ant-zoom-left-appear-active { animation-name: antZoomLeftIn; animation-play-state: running; } .ant-zoom-left-leave.ant-zoom-left-leave-active { animation-name: antZoomLeftOut; animation-play-state: running; pointer-events: none; } .ant-zoom-left-enter, .ant-zoom-left-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-left-enter-prepare, .ant-zoom-left-appear-prepare { transform: none; } .ant-zoom-left-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-right-enter, .ant-zoom-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-right-enter.ant-zoom-right-enter-active, .ant-zoom-right-appear.ant-zoom-right-appear-active { animation-name: antZoomRightIn; animation-play-state: running; } .ant-zoom-right-leave.ant-zoom-right-leave-active { animation-name: antZoomRightOut; animation-play-state: running; pointer-events: none; } .ant-zoom-right-enter, .ant-zoom-right-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-right-enter-prepare, .ant-zoom-right-appear-prepare { transform: none; } .ant-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.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .ant-motion-collapse { overflow: hidden; transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .cdk-overlay-container, .cdk-global-overlay-wrapper { top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { position: absolute; z-index: 1000; display: flex; } .cdk-overlay-pane { position: absolute; z-index: 1000; display: flex; box-sizing: border-box; max-width: 100%; max-height: 100%; pointer-events: auto; } .cdk-overlay-backdrop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; opacity: 0; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); pointer-events: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop { visibility: hidden; opacity: 1; transition: visibility 1ms linear, opacity 1ms linear; } .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { visibility: visible; opacity: 0; } .cdk-overlay-backdrop-noop-animation { transition: none; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } .cdk-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; outline: 0; -webkit-appearance: none; -moz-appearance: none; } .nz-overlay-transparent-backdrop, .nz-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; } .nz-animate-disabled.ant-scroll-number-only { transition: none; animation: none; } .nz-animate-disabled.ant-drawer.ant-drawer-open .ant-drawer-mask { transition: none; animation: none; } .nz-animate-disabled.ant-drawer > * { transition: none; } .nz-animate-disabled .ant-modal-mask, .nz-animate-disabled .ant-modal { transition: none; animation: none; } .nz-animate-disabled .ant-modal-mask.zoom-enter, .nz-animate-disabled .ant-modal.zoom-enter, .nz-animate-disabled .ant-modal-mask.zoom-leave, .nz-animate-disabled .ant-modal.zoom-leave, .nz-animate-disabled .ant-modal-mask.zoom-enter-active, .nz-animate-disabled .ant-modal.zoom-enter-active, .nz-animate-disabled .ant-modal-mask.zoom-leave-active, .nz-animate-disabled .ant-modal.zoom-leave-active { transition: none; animation: none; } .nz-animate-disabled.ant-menu { transition: none; } .nz-animate-disabled.ant-menu .ant-menu-item, .nz-animate-disabled.ant-menu .ant-menu-submenu-title { transition: none; } .nz-animate-disabled.ant-menu .ant-menu-item .anticon, .nz-animate-disabled.ant-menu .ant-menu-submenu-title .anticon { transition: none; } .nz-animate-disabled.ant-menu .ant-menu-item .anticon + span, .nz-animate-disabled.ant-menu .ant-menu-submenu-title .anticon + span { transition: none; } .nz-animate-disabled.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated, .nz-animate-disabled.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated, .nz-animate-disabled.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane, .nz-animate-disabled.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane, .nz-animate-disabled.ant-tabs.ant-tabs-left .ant-tabs-ink-bar-animated, .nz-animate-disabled.ant-tabs.ant-tabs-right .ant-tabs-ink-bar-animated, .nz-animate-disabled.ant-tabs.ant-tabs-top .ant-tabs-ink-bar-animated, .nz-animate-disabled.ant-tabs.ant-tabs-bottom .ant-tabs-ink-bar-animated { transition: none; } .nz-animate-disabled.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { transition: none; } .ant-affix { position: fixed; z-index: 10; } nz-affix { display: block; } .ant-alert { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; display: flex; align-items: center; padding: 8px 15px; word-wrap: break-word; border-radius: 2px; } .ant-alert-content { flex: 1; min-width: 0; } .ant-alert-icon { margin-right: 8px; } .ant-alert-description { display: none; font-size: 14px; line-height: 22px; } .ant-alert-success { background-color: #f6ffed; border: 1px solid #b7eb8f; } .ant-alert-success .ant-alert-icon { color: #52c41a; } .ant-alert-info { background-color: #edfcf7; border: 1px solid #8de3c9; } .ant-alert-info .ant-alert-icon { color: #1abc9c; } .ant-alert-warning { background-color: #fffbe6; border: 1px solid #ffe58f; } .ant-alert-warning .ant-alert-icon { color: #faad14; } .ant-alert-error { background-color: #fff2f0; border: 1px solid #ffccc7; } .ant-alert-error .ant-alert-icon { color: #ff4d4f; } .ant-alert-error .ant-alert-description > pre { margin: 0; padding: 0; } .ant-alert-action { margin-left: 8px; } .ant-alert-close-icon { margin-left: 8px; padding: 0; overflow: hidden; font-size: 12px; line-height: 12px; background-color: transparent; border: none; outline: none; cursor: pointer; } .ant-alert-close-icon .anticon-close { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-alert-close-icon .anticon-close:hover { color: rgba(0, 0, 0, 0.75); } .ant-alert-close-text { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-alert-close-text:hover { color: rgba(0, 0, 0, 0.75); } .ant-alert-with-description { align-items: flex-start; padding: 15px 15px 15px 24px; } .ant-alert-with-description.ant-alert-no-icon { padding: 15px 15px; } .ant-alert-with-description .ant-alert-icon { margin-right: 15px; font-size: 24px; } .ant-alert-with-description .ant-alert-message { display: block; margin-bottom: 4px; color: rgba(0, 0, 0, 0.85); font-size: 16px; } .ant-alert-message { color: rgba(0, 0, 0, 0.85); } .ant-alert-with-description .ant-alert-description { display: block; } .ant-alert.ant-alert-motion-leave { overflow: hidden; opacity: 1; transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-alert.ant-alert-motion-leave-active { max-height: 0; margin-bottom: 0 !important; padding-top: 0; padding-bottom: 0; opacity: 0; } .ant-alert-banner { margin-bottom: 0; border: 0; border-radius: 0; } .ant-alert.ant-alert-rtl { direction: rtl; } .ant-alert-rtl .ant-alert-icon { margin-right: auto; margin-left: 8px; } .ant-alert-rtl .ant-alert-action { margin-right: 8px; margin-left: auto; } .ant-alert-rtl .ant-alert-close-icon { margin-right: 8px; margin-left: auto; } .ant-alert-rtl.ant-alert-with-description { padding-right: 24px; padding-left: 15px; } .ant-alert-rtl.ant-alert-with-description .ant-alert-icon { margin-right: auto; margin-left: 15px; } nz-alert { display: block; } .ant-alert-icon { line-height: 1; } .ant-anchor { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; padding-left: 2px; } .ant-anchor-wrapper { margin-left: -4px; padding-left: 4px; overflow: auto; background-color: transparent; } .ant-anchor-ink { position: absolute; top: 0; left: 0; height: 100%; } .ant-anchor-ink::before { position: relative; display: block; width: 2px; height: 100%; margin: 0 auto; background-color: #f0f0f0; content: " "; } .ant-anchor-ink-ball { position: absolute; left: 50%; display: none; width: 8px; height: 8px; background-color: #fff; border: 2px solid #1abc9c; border-radius: 8px; transform: translateX(-50%); transition: top 0.3s ease-in-out; } .ant-anchor-ink-ball.ant-anchor-ink-ball-visible { display: inline-block; } .ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball { display: none; } .ant-anchor-link { padding: 4px 0 4px 16px; } .ant-anchor-link-title { position: relative; display: block; margin-bottom: 3px; overflow: hidden; color: rgba(0, 0, 0, 0.85); white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; } .ant-anchor-link-title:only-child { margin-bottom: 0; } .ant-anchor-link-active > .ant-anchor-link-title { color: #1abc9c; } .ant-anchor-link .ant-anchor-link { padding-top: 2px; padding-bottom: 2px; } .ant-anchor-rtl { direction: rtl; } .ant-anchor-rtl.ant-anchor-wrapper { margin-right: -4px; margin-left: 0; padding-right: 4px; padding-left: 0; } .ant-anchor-rtl .ant-anchor-ink { right: 0; left: auto; } .ant-anchor-rtl .ant-anchor-ink-ball { right: 50%; left: 0; transform: translateX(50%); } .ant-anchor-rtl .ant-anchor-link { padding: 4px 16px 4px 0; } nz-link { display: block; } .ant-anchor-wrapper-horizontal { margin-left: unset; padding-left: unset; margin-bottom: -4px; padding-bottom: 4px; } .ant-anchor-wrapper-horizontal .ant-anchor { display: flex; } .ant-anchor-wrapper-horizontal .ant-anchor-ink { top: unset; bottom: 0; width: 100%; height: unset; } .ant-anchor-wrapper-horizontal .ant-anchor-ink:before { width: 100%; height: 2px; } .ant-anchor-wrapper-horizontal .ant-anchor-ink-ball { transform: translate(-50%, -50%); } .ant-anchor-wrapper-horizontal .ant-anchor-link:first-of-type { padding-inline: 0; } .ant-avatar { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; display: inline-block; overflow: hidden; color: #fff; white-space: nowrap; text-align: center; vertical-align: middle; background: #ccc; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; } .ant-avatar-image { background: transparent; } .ant-avatar .ant-image-img { display: block; } .ant-avatar-string { position: absolute; left: 50%; transform-origin: 0 center; } .ant-avatar.ant-avatar-icon { font-size: 18px; } .ant-avatar.ant-avatar-icon > .anticon { margin: 0; } .ant-avatar-lg { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; } .ant-avatar-lg-string { position: absolute; left: 50%; transform-origin: 0 center; } .ant-avatar-lg.ant-avatar-icon { font-size: 24px; } .ant-avatar-lg.ant-avatar-icon > .anticon { margin: 0; } .ant-avatar-sm { width: 24px; height: 24px; line-height: 24px; border-radius: 50%; } .ant-avatar-sm-string { position: absolute; left: 50%; transform-origin: 0 center; } .ant-avatar-sm.ant-avatar-icon { font-size: 14px; } .ant-avatar-sm.ant-avatar-icon > .anticon { margin: 0; } .ant-avatar-square { border-radius: 2px; } .ant-avatar > img { display: block; width: 100%; height: 100%; object-fit: cover; } .ant-avatar-group { display: inline-flex; } .ant-avatar-group .ant-avatar { border: 1px solid #fff; } .ant-avatar-group .ant-avatar:not(:first-child) { margin-left: -8px; } .ant-avatar-group-popover .ant-avatar + .ant-avatar { margin-left: 3px; } .ant-avatar-group-rtl .ant-avatar:not(:first-child) { margin-right: -8px; margin-left: 0; } .ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar { margin-right: 3px; margin-left: 0; } .ant-back-top { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: fixed; right: 100px; bottom: 50px; z-index: 10; width: 40px; height: 40px; cursor: pointer; } .ant-back-top:empty { display: none; } .ant-back-top-rtl { right: auto; left: 100px; direction: rtl; } .ant-back-top-content { width: 40px; height: 40px; overflow: hidden; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.45); border-radius: 20px; transition: all 0.3s; } .ant-back-top-content:hover { background-color: rgba(0, 0, 0, 0.85); transition: all 0.3s; } .ant-back-top-icon { font-size: 24px; line-height: 40px; } @media screen and (max-width: 768px) { .ant-back-top { right: 60px; } .ant-back-top-rtl { right: auto; left: 60px; } } @media screen and (max-width: 480px) { .ant-back-top { right: 20px; } .ant-back-top-rtl { right: auto; left: 20px; } } .ant-badge { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; display: inline-block; line-height: 1; } .ant-badge-count { z-index: auto; min-width: 20px; height: 20px; padding: 0 6px; color: #fff; font-weight: normal; font-size: 12px; line-height: 20px; white-space: nowrap; text-align: center; background: #ff4d4f; border-radius: 10px; box-shadow: 0 0 0 1px #fff; } .ant-badge-count a, .ant-badge-count a:hover { color: #fff; } .ant-badge-count-sm { min-width: 14px; height: 14px; padding: 0; font-size: 12px; line-height: 14px; border-radius: 7px; } .ant-badge-multiple-words { padding: 0 8px; } .ant-badge-dot { z-index: auto; width: 6px; min-width: 6px; height: 6px; background: #ff4d4f; border-radius: 100%; box-shadow: 0 0 0 1px #fff; } .ant-badge-dot.ant-scroll-number { transition: background 1.5s; } .ant-badge-count, .ant-badge-dot, .ant-badge .ant-scroll-number-custom-component { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); transform-origin: 100% 0%; } .ant-badge-count.anticon-spin, .ant-badge-dot.anticon-spin, .ant-badge .ant-scroll-number-custom-component.anticon-spin { animation: antBadgeLoadingCircle 1s infinite linear; } .ant-badge-status { line-height: inherit; vertical-align: baseline; } .ant-badge-status-dot { position: relative; top: -1px; display: inline-block; width: 6px; height: 6px; vertical-align: middle; border-radius: 50%; } .ant-badge-status-success { background-color: #52c41a; } .ant-badge-status-processing { position: relative; background-color: #1890ff; } .ant-badge-status-processing::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 50%; animation: antStatusProcessing 1.2s infinite ease-in-out; content: ""; } .ant-badge-status-default { background-color: #d9d9d9; } .ant-badge-status-error { background-color: #ff4d4f; } .ant-badge-status-warning { background-color: #faad14; } .ant-badge-status-pink { background: #eb2f96; } .ant-badge-status-magenta { background: #eb2f96; } .ant-badge-status-red { background: #f5222d; } .ant-badge-status-volcano { background: #fa541c; } .ant-badge-status-orange { background: #fa8c16; } .ant-badge-status-yellow { background: #fadb14; } .ant-badge-status-gold { background: #faad14; } .ant-badge-status-cyan { background: #13c2c2; } .ant-badge-status-lime { background: #a0d911; } .ant-badge-status-green { background: #52c41a; } .ant-badge-status-blue { background: #1890ff; } .ant-badge-status-geekblue { background: #2f54eb; } .ant-badge-status-purple { background: #722ed1; } .ant-badge-status-text { margin-left: 8px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-badge-zoom-appear, .ant-badge-zoom-enter { animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); animation-fill-mode: both; } .ant-badge-zoom-leave { animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6); animation-fill-mode: both; } .ant-badge-not-a-wrapper .ant-badge-zoom-appear, .ant-badge-not-a-wrapper .ant-badge-zoom-enter { animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); } .ant-badge-not-a-wrapper .ant-badge-zoom-leave { animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6); } .ant-badge-not-a-wrapper:not(.ant-badge-status) { vertical-align: middle; } .ant-badge-not-a-wrapper .ant-scroll-number-custom-component, .ant-badge-not-a-wrapper .ant-badge-count { transform: none; } .ant-badge-not-a-wrapper .ant-scroll-number-custom-component, .ant-badge-not-a-wrapper .ant-scroll-number { position: relative; top: auto; display: block; transform-origin: 50% 50%; } @keyframes antStatusProcessing { 0% { transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(2.4); opacity: 0; } } .ant-scroll-number { overflow: hidden; direction: ltr; } .ant-scroll-number-only { position: relative; display: inline-block; height: 20px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; } .ant-scroll-number-only > p.ant-scroll-number-only-unit { height: 20px; margin: 0; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; } .ant-scroll-number-symbol { vertical-align: top; } @keyframes antZoomBadgeIn { 0% { transform: scale(0) translate(50%, -50%); opacity: 0; } 100% { transform: scale(1) translate(50%, -50%); } } @keyframes antZoomBadgeOut { 0% { transform: scale(1) translate(50%, -50%); } 100% { transform: scale(0) translate(50%, -50%); opacity: 0; } } @keyframes antNoWrapperZoomBadgeIn { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); } } @keyframes antNoWrapperZoomBadgeOut { 0% { transform: scale(1); } 100% { transform: scale(0); opacity: 0; } } @keyframes antBadgeLoadingCircle { 0% { transform-origin: 50%; } 100% { transform: translate(50%, -50%) rotate(360deg); transform-origin: 50%; } } .ant-ribbon-wrapper { position: relative; } .ant-ribbon { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: absolute; top: 8px; height: 22px; padding: 0 8px; color: #fff; line-height: 22px; white-space: nowrap; background-color: #1abc9c; border-radius: 2px; } .ant-ribbon-text { color: #fff; } .ant-ribbon-corner { position: absolute; top: 100%; width: 8px; height: 8px; color: currentcolor; border: 4px solid; transform: scaleY(0.75); transform-origin: top; } .ant-ribbon-corner::after { position: absolute; top: -4px; left: -4px; width: inherit; height: inherit; color: rgba(0, 0, 0, 0.25); border: inherit; content: ""; } .ant-ribbon-color-pink { color: #eb2f96; background: #eb2f96; } .ant-ribbon-color-magenta { color: #eb2f96; background: #eb2f96; } .ant-ribbon-color-red { color: #f5222d; background: #f5222d; } .ant-ribbon-color-volcano { color: #fa541c; background: #fa541c; } .ant-ribbon-color-orange { color: #fa8c16; background: #fa8c16; } .ant-ribbon-color-yellow { color: #fadb14; background: #fadb14; } .ant-ribbon-color-gold { color: #faad14; background: #faad14; } .ant-ribbon-color-cyan { color: #13c2c2; background: #13c2c2; } .ant-ribbon-color-lime { color: #a0d911; background: #a0d911; } .ant-ribbon-color-green { color: #52c41a; background: #52c41a; } .ant-ribbon-color-blue { color: #1890ff; background: #1890ff; } .ant-ribbon-color-geekblue { color: #2f54eb; background: #2f54eb; } .ant-ribbon-color-purple { color: #722ed1; background: #722ed1; } .ant-ribbon.ant-ribbon-placement-end { right: -8px; border-bottom-right-radius: 0; } .ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner { right: 0; border-color: currentcolor transparent transparent currentcolor; } .ant-ribbon.ant-ribbon-placement-start { left: -8px; border-bottom-left-radius: 0; } .ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner { left: 0; border-color: currentcolor currentcolor transparent transparent; } .ant-badge-rtl { direction: rtl; } .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count, .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot, .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component { right: auto; left: 0; direction: ltr; transform: translate(-50%, -50%); transform-origin: 0% 0%; } .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component { right: auto; left: 0; transform: translate(-50%, -50%); transform-origin: 0% 0%; } .ant-badge-rtl .ant-badge-status-text { margin-right: 8px; margin-left: 0; } .ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-appear, .ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-enter { animation-name: antZoomBadgeInRtl; } .ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-leave { animation-name: antZoomBadgeOutRtl; } .ant-ribbon-rtl { direction: rtl; } .ant-ribbon-rtl.ant-ribbon-placement-end { right: unset; left: -8px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; } .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner { right: unset; left: 0; border-color: currentcolor currentcolor transparent transparent; } .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after { border-color: currentcolor currentcolor transparent transparent; } .ant-ribbon-rtl.ant-ribbon-placement-start { right: -8px; left: unset; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; } .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner { right: 0; left: unset; border-color: currentcolor transparent transparent currentcolor; } .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after { border-color: currentcolor transparent transparent currentcolor; } @keyframes antZoomBadgeInRtl { 0% { transform: scale(0) translate(-50%, -50%); opacity: 0; } 100% { transform: scale(1) translate(-50%, -50%); } } @keyframes antZoomBadgeOutRtl { 0% { transform: scale(1) translate(-50%, -50%); } 100% { transform: scale(0) translate(-50%, -50%); opacity: 0; } } .ant-badge .ant-scroll-number:only-child { position: relative; top: auto; display: block; } .ant-badge .ant-badge-count:only-child { transform: none; } nz-ribbon { display: block; } .ant-breadcrumb { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-breadcrumb .anticon { font-size: 14px; } .ant-breadcrumb ol { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .ant-breadcrumb a { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-breadcrumb a:hover { color: rgba(0, 0, 0, 0.85); } .ant-breadcrumb li:last-child { color: rgba(0, 0, 0, 0.85); } .ant-breadcrumb li:last-child a { color: rgba(0, 0, 0, 0.85); } li:last-child > .ant-breadcrumb-separator { display: none; } .ant-breadcrumb-separator { margin: 0 8px; color: rgba(0, 0, 0, 0.45); } .ant-breadcrumb-link > .anticon + span, .ant-breadcrumb-link > .anticon + a { margin-left: 4px; } .ant-breadcrumb-overlay-link > .anticon { margin-left: 4px; } .ant-breadcrumb-rtl { direction: rtl; } .ant-breadcrumb-rtl::before { display: table; content: ""; } .ant-breadcrumb-rtl::after { display: table; clear: both; content: ""; } .ant-breadcrumb-rtl::before { display: table; content: ""; } .ant-breadcrumb-rtl::after { display: table; clear: both; content: ""; } .ant-breadcrumb-rtl > span { float: right; } .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span, .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a { margin-right: 4px; margin-left: 0; } .ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon { margin-right: 4px; margin-left: 0; } .ant-breadcrumb-link .anticon + span { margin-left: 4px; } .ant-breadcrumb > nz-breadcrumb-item:last-child { color: rgba(0, 0, 0, 0.85); } .ant-breadcrumb > nz-breadcrumb-item:last-child a { color: rgba(0, 0, 0, 0.85); } .ant-breadcrumb-rtl > nz-breadcrumb-item { float: right; } nz-breadcrumb { display: block; } nz-breadcrumb-item:last-child .ant-breadcrumb-separator { display: none; } .ant-btn { line-height: 1.5715; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; border: 1px solid transparent; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-user-select: none; user-select: none; touch-action: manipulation; height: 32px; padding: 4px 15px; font-size: 14px; border-radius: 2px; color: rgba(0, 0, 0, 0.85); border-color: #d9d9d9; background: #fff; } .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] { cursor: not-allowed; } .ant-btn[disabled] > * { pointer-events: none; } .ant-btn-lg { height: 40px; padding: 6.4px 15px; font-size: 16px; border-radius: 2px; } .ant-btn-sm { height: 24px; padding: 0px 7px; font-size: 14px; border-radius: 2px; } .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: #3cc9a9; border-color: #3cc9a9; background: #fff; } .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 { color: #0e9680; border-color: #0e9680; background: #fff; } .ant-btn:active > a:only-child { color: currentcolor; } .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]:hover, .ant-btn[disabled]:focus, .ant-btn[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn[disabled] > a:only-child, .ant-btn[disabled]:hover > a:only-child, .ant-btn[disabled]:focus > a:only-child, .ant-btn[disabled]:active > a:only-child { color: currentcolor; } .ant-btn[disabled] > a:only-child::after, .ant-btn[disabled]:hover > a:only-child::after, .ant-btn[disabled]:focus > 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 { text-decoration: none; background: #fff; } .ant-btn > span { display: inline-block; } .ant-btn-primary { color: #fff; border-color: #1abc9c; background: #1abc9c; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .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; border-color: #3cc9a9; background: #3cc9a9; } .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 { color: #fff; border-color: #0e9680; background: #0e9680; } .ant-btn-primary:active > a:only-child { color: currentcolor; } .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]:hover, .ant-btn-primary[disabled]:focus, .ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-primary[disabled] > a:only-child, .ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-primary[disabled]:focus > 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]:hover > a:only-child::after, .ant-btn-primary[disabled]:focus > 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: #3cc9a9; border-left-color: #3cc9a9; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled { border-color: #d9d9d9; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child) { border-right-color: #3cc9a9; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] { border-right-color: #d9d9d9; } .ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group .ant-btn-primary + .ant-btn-primary { border-left-color: #3cc9a9; } .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: #d9d9d9; } .ant-btn-ghost { color: rgba(0, 0, 0, 0.85); border-color: #d9d9d9; background: transparent; } .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: #3cc9a9; border-color: #3cc9a9; background: transparent; } .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 { color: #0e9680; border-color: #0e9680; background: transparent; } .ant-btn-ghost:active > a:only-child { color: currentcolor; } .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]:hover, .ant-btn-ghost[disabled]:focus, .ant-btn-ghost[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-ghost[disabled] > a:only-child, .ant-btn-ghost[disabled]:hover > a:only-child, .ant-btn-ghost[disabled]:focus > 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]:hover > a:only-child::after, .ant-btn-ghost[disabled]:focus > 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: rgba(0, 0, 0, 0.85); border-color: #d9d9d9; background: #fff; 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: #3cc9a9; border-color: #3cc9a9; background: #fff; } .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 { color: #0e9680; border-color: #0e9680; background: #fff; } .ant-btn-dashed:active > a:only-child { color: currentcolor; } .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]:hover, .ant-btn-dashed[disabled]:focus, .ant-btn-dashed[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dashed[disabled] > a:only-child, .ant-btn-dashed[disabled]:hover > a:only-child, .ant-btn-dashed[disabled]:focus > 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]:hover > a:only-child::after, .ant-btn-dashed[disabled]:focus > 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; border-color: #ff4d4f; background: #ff4d4f; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .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; border-color: #ff7875; background: #ff7875; } .ant-btn-danger:hover > a:only-child, .ant-btn-danger:focus > a:only-child { color: currentcolor; } .ant-btn-danger:hover > a:only-child::after, .ant-btn-danger:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-danger:active { color: #fff; border-color: #d9363e; background: #d9363e; } .ant-btn-danger:active > a:only-child { color: currentcolor; } .ant-btn-danger:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-danger[disabled], .ant-btn-danger[disabled]:hover, .ant-btn-danger[disabled]:focus, .ant-btn-danger[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-danger[disabled] > a:only-child, .ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-danger[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-danger[disabled] > a:only-child::after, .ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-danger[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-link { color: #1abc9c; border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-link:hover, .ant-btn-link:focus { color: #3cc9a9; border-color: #3cc9a9; background: transparent; } .ant-btn-link:hover > a:only-child, .ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-link:hover > a:only-child::after, .ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-link:active { color: #0e9680; border-color: #0e9680; background: transparent; } .ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-link[disabled], .ant-btn-link[disabled]:hover, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-link[disabled] > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-link[disabled] > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-link:hover { background: transparent; } .ant-btn-link:hover, .ant-btn-link:focus, .ant-btn-link:active { border-color: transparent; } .ant-btn-link[disabled], .ant-btn-link[disabled]:hover, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-link[disabled] > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-link[disabled] > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-text { color: rgba(0, 0, 0, 0.85); border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-text > a:only-child { color: currentcolor; } .ant-btn-text > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-text:hover, .ant-btn-text:focus { color: #3cc9a9; border-color: #3cc9a9; background: transparent; } .ant-btn-text:hover > a:only-child, .ant-btn-text:focus > a:only-child { color: currentcolor; } .ant-btn-text:hover > a:only-child::after, .ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-text:active { color: #0e9680; border-color: #0e9680; background: transparent; } .ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-text[disabled], .ant-btn-text[disabled]:hover, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-text[disabled] > a:only-child, .ant-btn-text[disabled]:hover > a:only-child, .ant-btn-text[disabled]:focus > a:only-child, .ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-text[disabled] > a:only-child::after, .ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-text:hover, .ant-btn-text:focus { color: rgba(0, 0, 0, 0.85); background: rgba(0, 0, 0, 0.018); border-color: transparent; } .ant-btn-text:active { color: rgba(0, 0, 0, 0.85); background: rgba(0, 0, 0, 0.028); border-color: transparent; } .ant-btn-text[disabled], .ant-btn-text[disabled]:hover, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-text[disabled] > a:only-child, .ant-btn-text[disabled]:hover > a:only-child, .ant-btn-text[disabled]:focus > a:only-child, .ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-text[disabled] > a:only-child::after, .ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous { color: #ff4d4f; border-color: #ff4d4f; background: #fff; } .ant-btn-dangerous > a:only-child { color: currentcolor; } .ant-btn-dangerous > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous:hover, .ant-btn-dangerous:focus { color: #ff7875; border-color: #ff7875; background: #fff; } .ant-btn-dangerous:hover > a:only-child, .ant-btn-dangerous:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous:hover > a:only-child::after, .ant-btn-dangerous:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous:active { color: #d9363e; border-color: #d9363e; background: #fff; } .ant-btn-dangerous:active > a:only-child { color: currentcolor; } .ant-btn-dangerous:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous[disabled], .ant-btn-dangerous[disabled]:hover, .ant-btn-dangerous[disabled]:focus, .ant-btn-dangerous[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous[disabled] > a:only-child, .ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-dangerous[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous[disabled] > a:only-child::after, .ant-btn-dangerous[disabled]:hover > a:only-child::after, .ant-btn-dangerous[disabled]:focus > a:only-child::after, .ant-btn-dangerous[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-primary { color: #fff; border-color: #ff4d4f; background: #ff4d4f; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-dangerous.ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-primary:hover, .ant-btn-dangerous.ant-btn-primary:focus { color: #fff; border-color: #ff7875; background: #ff7875; } .ant-btn-dangerous.ant-btn-primary:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-primary:active { color: #fff; border-color: #d9363e; background: #d9363e; } .ant-btn-dangerous.ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-primary[disabled], .ant-btn-dangerous.ant-btn-primary[disabled]:hover, .ant-btn-dangerous.ant-btn-primary[disabled]:focus, .ant-btn-dangerous.ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-link { color: #ff4d4f; border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-dangerous.ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-link:hover, .ant-btn-dangerous.ant-btn-link:focus { color: #3cc9a9; border-color: #3cc9a9; background: transparent; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-link:active { color: #0e9680; border-color: #0e9680; background: transparent; } .ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-link:hover, .ant-btn-dangerous.ant-btn-link:focus { color: #ff7875; border-color: transparent; background: transparent; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-link:active { color: #d9363e; border-color: transparent; background: transparent; } .ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-text { color: #ff4d4f; border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-dangerous.ant-btn-text > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-text:hover, .ant-btn-dangerous.ant-btn-text:focus { color: #3cc9a9; border-color: #3cc9a9; background: transparent; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child, .ant-btn-dangerous.ant-btn-text:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-text:active { color: #0e9680; border-color: #0e9680; background: transparent; } .ant-btn-dangerous.ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:hover, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-text:hover, .ant-btn-dangerous.ant-btn-text:focus { color: #ff7875; border-color: transparent; background: rgba(0, 0, 0, 0.018); } .ant-btn-dangerous.ant-btn-text:hover > a:only-child, .ant-btn-dangerous.ant-btn-text:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-text:active { color: #d9363e; border-color: transparent; background: rgba(0, 0, 0, 0.028); } .ant-btn-dangerous.ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:hover, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-icon-only { width: 32px; height: 32px; padding: 2.4px 0; font-size: 16px; border-radius: 2px; vertical-align: -3px; } .ant-btn-icon-only > * { font-size: 16px; } .ant-btn-icon-only.ant-btn-lg { width: 40px; height: 40px; padding: 4.9px 0; font-size: 18px; border-radius: 2px; } .ant-btn-icon-only.ant-btn-lg > * { font-size: 18px; } .ant-btn-icon-only.ant-btn-sm { width: 24px; height: 24px; padding: 0px 0; font-size: 14px; border-radius: 2px; } .ant-btn-icon-only.ant-btn-sm > * { font-size: 14px; } .ant-btn-icon-only > .anticon { display: flex; justify-content: center; } .ant-btn-icon-only .anticon-loading { padding: 0 !important; } a.ant-btn-icon-only { vertical-align: -1px; } a.ant-btn-icon-only > .anticon { display: inline; } .ant-btn-round { height: 32px; padding: 4px 16px; font-size: 14px; border-radius: 32px; } .ant-btn-round.ant-btn-lg { height: 40px; padding: 6.4px 20px; font-size: 16px; border-radius: 40px; } .ant-btn-round.ant-btn-sm { height: 24px; padding: 0px 12px; font-size: 14px; border-radius: 24px; } .ant-btn-round.ant-btn-icon-only { width: auto; } .ant-btn-circle { min-width: 32px; padding-right: 0; padding-left: 0; text-align: center; border-radius: 50%; } .ant-btn-circle.ant-btn-lg { min-width: 40px; border-radius: 50%; } .ant-btn-circle.ant-btn-sm { min-width: 24px; border-radius: 50%; } .ant-btn::before { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; display: none; background: #fff; border-radius: inherit; opacity: 0.35; transition: opacity 0.2s; content: ""; pointer-events: none; } .ant-btn .anticon { transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn .anticon.anticon-plus > svg, .ant-btn .anticon.anticon-minus > svg { shape-rendering: optimizespeed; } .ant-btn.ant-btn-loading { position: relative; cursor: default; } .ant-btn.ant-btn-loading::before { display: block; } .ant-btn > .ant-btn-loading-icon { transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn > .ant-btn-loading-icon .anticon { padding-right: 8px; animation: none; } .ant-btn > .ant-btn-loading-icon .anticon svg { animation: loadingCircle 1s infinite linear; } .ant-btn-group { position: relative; display: inline-flex; } .ant-btn-group > .ant-btn, .ant-btn-group > span > .ant-btn { position: relative; } .ant-btn-group > .ant-btn:hover, .ant-btn-group > span > .ant-btn:hover, .ant-btn-group > .ant-btn:focus, .ant-btn-group > span > .ant-btn:focus, .ant-btn-group > .ant-btn:active, .ant-btn-group > span > .ant-btn:active { z-index: 2; } .ant-btn-group > .ant-btn[disabled], .ant-btn-group > span > .ant-btn[disabled] { z-index: 0; } .ant-btn-group .ant-btn-icon-only { font-size: 14px; } .ant-btn-group .ant-btn + .ant-btn, .ant-btn + .ant-btn-group, .ant-btn-group span + .ant-btn, .ant-btn-group .ant-btn + span, .ant-btn-group > span + span, .ant-btn-group + .ant-btn, .ant-btn-group + .ant-btn-group { margin-left: -1px; } .ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) { border-left-color: transparent; } .ant-btn-group .ant-btn { border-radius: 0; } .ant-btn-group > .ant-btn:first-child, .ant-btn-group > span:first-child > .ant-btn { margin-left: 0; } .ant-btn-group > .ant-btn:only-child { border-radius: 2px; } .ant-btn-group > span:only-child > .ant-btn { border-radius: 2px; } .ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-btn-group-sm > .ant-btn:only-child { border-radius: 2px; } .ant-btn-group-sm > span:only-child > .ant-btn { border-radius: 2px; } .ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-btn-group > .ant-btn-group { float: left; } .ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn { border-radius: 0; } .ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child { padding-right: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child { padding-left: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-rtl.ant-btn + .ant-btn-group, .ant-btn-rtl.ant-btn-group span + .ant-btn, .ant-btn-rtl.ant-btn-group .ant-btn + span, .ant-btn-rtl.ant-btn-group > span + span, .ant-btn-rtl.ant-btn-group + .ant-btn, .ant-btn-rtl.ant-btn-group + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-group-rtl.ant-btn + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group span + .ant-btn, .ant-btn-group-rtl.ant-btn-group .ant-btn + span, .ant-btn-group-rtl.ant-btn-group > span + span, .ant-btn-group-rtl.ant-btn-group + .ant-btn, .ant-btn-group-rtl.ant-btn-group + .ant-btn-group { margin-right: -1px; margin-left: auto; } .ant-btn-group.ant-btn-group-rtl { direction: rtl; } .ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-radius: 0 2px 2px 0; } .ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-radius: 2px 0 0 2px; } .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-radius: 0 2px 2px 0; } .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-radius: 2px 0 0 2px; } .ant-btn:focus > span, .ant-btn:active > span { position: relative; } .ant-btn > .anticon + span, .ant-btn > span + .anticon { margin-left: 8px; } .ant-btn.ant-btn-background-ghost { color: #fff; border-color: #fff; } .ant-btn.ant-btn-background-ghost, .ant-btn.ant-btn-background-ghost:hover, .ant-btn.ant-btn-background-ghost:active, .ant-btn.ant-btn-background-ghost:focus { background: transparent; } .ant-btn.ant-btn-background-ghost:hover, .ant-btn.ant-btn-background-ghost:focus { color: #3cc9a9; border-color: #3cc9a9; } .ant-btn.ant-btn-background-ghost:active { color: #0e9680; border-color: #0e9680; } .ant-btn.ant-btn-background-ghost[disabled] { color: rgba(0, 0, 0, 0.25); background: transparent; border-color: #d9d9d9; } .ant-btn-background-ghost.ant-btn-primary { color: #1abc9c; border-color: #1abc9c; text-shadow: none; } .ant-btn-background-ghost.ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-primary:hover, .ant-btn-background-ghost.ant-btn-primary:focus { color: #3cc9a9; border-color: #3cc9a9; } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-primary:active { color: #0e9680; border-color: #0e9680; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-primary[disabled], .ant-btn-background-ghost.ant-btn-primary[disabled]:hover, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus, .ant-btn-background-ghost.ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-danger { color: #ff4d4f; border-color: #ff4d4f; text-shadow: none; } .ant-btn-background-ghost.ant-btn-danger > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-danger:hover, .ant-btn-background-ghost.ant-btn-danger:focus { color: #ff7875; border-color: #ff7875; } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-danger:active { color: #d9363e; border-color: #d9363e; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-danger[disabled], .ant-btn-background-ghost.ant-btn-danger[disabled]:hover, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus, .ant-btn-background-ghost.ant-btn-danger[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-dangerous { color: #ff4d4f; border-color: #ff4d4f; text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-dangerous:hover, .ant-btn-background-ghost.ant-btn-dangerous:focus { color: #ff7875; border-color: #ff7875; } .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-dangerous:active { color: #d9363e; border-color: #d9363e; } .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-dangerous[disabled], .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link { color: #ff4d4f; border-color: transparent; text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus { color: #ff7875; border-color: transparent; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active { color: #d9363e; border-color: transparent; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } .ant-btn-two-chinese-chars::first-letter { letter-spacing: 0.34em; } .ant-btn-two-chinese-chars > *:not(.anticon) { margin-right: -0.34em; letter-spacing: 0.34em; } .ant-btn.ant-btn-block { width: 100%; } .ant-btn:empty { display: inline-block; width: 0; visibility: hidden; content: "\a0"; } a.ant-btn { padding-top: 0.01px !important; line-height: 30px; } a.ant-btn-disabled { cursor: not-allowed; } a.ant-btn-disabled > * { pointer-events: none; } a.ant-btn-disabled, a.ant-btn-disabled:hover, a.ant-btn-disabled:focus, a.ant-btn-disabled:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } a.ant-btn-disabled > a:only-child, a.ant-btn-disabled:hover > a:only-child, a.ant-btn-disabled:focus > a:only-child, a.ant-btn-disabled:active > a:only-child { color: currentcolor; } a.ant-btn-disabled > a:only-child::after, a.ant-btn-disabled:hover > a:only-child::after, a.ant-btn-disabled:focus > a:only-child::after, a.ant-btn-disabled:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ""; } a.ant-btn-lg { line-height: 38px; } a.ant-btn-sm { line-height: 22px; } .ant-btn-compact-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) { margin-right: -1px; } .ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-item-rtl { margin-left: -1px; } .ant-btn-compact-item:hover, .ant-btn-compact-item:focus, .ant-btn-compact-item:active { z-index: 2; } .ant-btn-compact-item[disabled] { z-index: 0; } .ant-btn-compact-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-last-item).ant-btn { border-radius: 0; } .ant-btn-compact-item.ant-btn.ant-btn-compact-first-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-first-item:not(.ant-btn-compact-last-item) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-last-item:not(.ant-btn-compact-first-item) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-btn-icon-only.ant-btn-compact-item { flex: none; } .ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled]):not([ant-click-animating-without-extra-node=true]) { position: relative; } .ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled]):not([ant-click-animating-without-extra-node=true])::after { position: absolute; top: -1px; left: -1px; display: inline-block; width: 1px; height: calc(100% + 1px * 2); background-color: #3cc9a9; content: " "; } .ant-btn-compact-item-rtl.ant-btn-compact-first-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-last-item) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-btn-compact-item-rtl.ant-btn-compact-last-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-first-item) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-first-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-last-item) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-last-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-first-item) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-btn-compact-item-rtl.ant-btn-primary:not([disabled]) + .ant-btn-compact-item-rtl.ant-btn-primary:not([disabled])::after { right: -1px; } .ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-last-item) { margin-bottom: -1px; } .ant-btn-compact-vertical-item:hover, .ant-btn-compact-vertical-item:focus, .ant-btn-compact-vertical-item:active { z-index: 2; } .ant-btn-compact-vertical-item[disabled] { z-index: 0; } .ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-first-item):not(.ant-btn-compact-vertical-last-item) { border-radius: 0; } .ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item) { border-top-left-radius: 0; border-top-right-radius: 0; } .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]):not([ant-click-animating-without-extra-node=true]) { position: relative; } .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]):not([ant-click-animating-without-extra-node=true])::after { position: absolute; top: -1px; left: -1px; display: inline-block; width: calc(100% + 1px * 2); height: 1px; background-color: #3cc9a9; content: " "; } .ant-btn-rtl { direction: rtl; } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary { border-right-color: #3cc9a9; border-left-color: #d9d9d9; } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { border-right-color: #d9d9d9; border-left-color: #3cc9a9; } .ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon { padding-right: 0; padding-left: 8px; } .ant-btn-rtl.ant-btn > .anticon + span, .ant-btn-rtl.ant-btn > span + .anticon { margin-right: 8px; margin-left: 0; } .ant-card { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; background: #fff; border-radius: 2px; } .ant-card-rtl { direction: rtl; } .ant-card-hoverable { cursor: pointer; transition: box-shadow 0.3s, border-color 0.3s; } .ant-card-hoverable:hover { border-color: transparent; box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09); } .ant-card-bordered { border: 1px solid #f0f0f0; } .ant-card-head { min-height: 48px; margin-bottom: -1px; padding: 0 24px; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; background: transparent; border-bottom: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; } .ant-card-head::before { display: table; content: ""; } .ant-card-head::after { display: table; clear: both; content: ""; } .ant-card-head::before { display: table; content: ""; } .ant-card-head::after { display: table; clear: both; content: ""; } .ant-card-head-wrapper { display: flex; align-items: center; } .ant-card-head-title { display: inline-block; flex: 1; padding: 16px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-card-head-title > .ant-typography, .ant-card-head-title > .ant-typography-edit-content { left: 0; margin-top: 0; margin-bottom: 0; } .ant-card-head .ant-tabs-top { clear: both; margin-bottom: -17px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; } .ant-card-head .ant-tabs-top-bar { border-bottom: 1px solid #f0f0f0; } .ant-card-extra { margin-left: auto; padding: 16px 0; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; } .ant-card-rtl .ant-card-extra { margin-right: auto; margin-left: 0; } .ant-card-body { padding: 24px; } .ant-card-body::before { display: table; content: ""; } .ant-card-body::after { display: table; clear: both; content: ""; } .ant-card-body::before { display: table; content: ""; } .ant-card-body::after { display: table; clear: both; content: ""; } .ant-card-contain-grid .ant-card-body { display: flex; flex-wrap: wrap; } .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body { margin: -1px 0 0 -1px; padding: 0; } .ant-card-grid { width: 33.33%; padding: 24px; border: 0; border-radius: 0; box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset; transition: all 0.3s; } .ant-card-grid-hoverable:hover { position: relative; z-index: 1; box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09); } .ant-card-contain-tabs > .ant-card-head .ant-card-head-title { min-height: 32px; padding-bottom: 0; } .ant-card-contain-tabs > .ant-card-head .ant-card-extra { padding-bottom: 0; } .ant-card-bordered .ant-card-cover { margin-top: -1px; margin-right: -1px; margin-left: -1px; } .ant-card-cover > * { display: block; width: 100%; } .ant-card-cover img { border-radius: 2px 2px 0 0; } .ant-card-actions { display: flex; margin: 0; padding: 0; list-style: none; background: #fff; border-top: 1px solid #f0f0f0; } .ant-card-actions::before { display: table; content: ""; } .ant-card-actions::after { display: table; clear: both; content: ""; } .ant-card-actions::before { display: table; content: ""; } .ant-card-actions::after { display: table; clear: both; content: ""; } .ant-card-actions > li { margin: 12px 0; color: rgba(0, 0, 0, 0.45); text-align: center; } .ant-card-actions > li > span { position: relative; display: block; min-width: 32px; font-size: 14px; line-height: 1.5715; cursor: pointer; } .ant-card-actions > li > span:hover { color: #1abc9c; transition: color 0.3s; } .ant-card-actions > li > span a:not(.ant-btn), .ant-card-actions > li > span > .anticon { display: inline-block; width: 100%; color: rgba(0, 0, 0, 0.45); line-height: 22px; transition: color 0.3s; } .ant-card-actions > li > span a:not(.ant-btn):hover, .ant-card-actions > li > span > .anticon:hover { color: #1abc9c; } .ant-card-actions > li > span > .anticon { font-size: 16px; line-height: 22px; } .ant-card-actions > li:not(:last-child) { border-right: 1px solid #f0f0f0; } .ant-card-rtl .ant-card-actions > li:not(:last-child) { border-right: none; border-left: 1px solid #f0f0f0; } .ant-card-type-inner .ant-card-head { padding: 0 24px; background: #fafafa; } .ant-card-type-inner .ant-card-head-title { padding: 12px 0; font-size: 14px; } .ant-card-type-inner .ant-card-body { padding: 16px 24px; } .ant-card-type-inner .ant-card-extra { padding: 13.5px 0; } .ant-card-meta { display: flex; margin: -4px 0; } .ant-card-meta::before { display: table; content: ""; } .ant-card-meta::after { display: table; clear: both; content: ""; } .ant-card-meta::before { display: table; content: ""; } .ant-card-meta::after { display: table; clear: both; content: ""; } .ant-card-meta-avatar { padding-right: 16px; } .ant-card-rtl .ant-card-meta-avatar { padding-right: 0; padding-left: 16px; } .ant-card-meta-detail { flex: 1; overflow: hidden; } .ant-card-meta-detail > div:not(:last-child) { margin-bottom: 8px; } .ant-card-meta-title { overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; } .ant-card-meta-description { color: rgba(0, 0, 0, 0.45); } .ant-card-loading { overflow: hidden; } .ant-card-loading .ant-card-body { -webkit-user-select: none; user-select: none; } .ant-card-small > .ant-card-head { min-height: 36px; padding: 0 12px; font-size: 14px; } .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title { padding: 8px 0; } .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra { padding: 8px 0; font-size: 14px; } .ant-card-small > .ant-card-body { padding: 12px; } .ant-card-rtl .ant-skeleton-header { padding: 0 0 0 16px; } nz-card { display: block; } nz-card-meta { display: block; } nz-card-loading { display: block; } .ant-carousel { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; } .ant-carousel .slick-slider { position: relative; display: block; box-sizing: border-box; touch-action: pan-y; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .ant-carousel .slick-list { position: relative; display: block; margin: 0; padding: 0; overflow: hidden; } .ant-carousel .slick-list:focus { outline: none; } .ant-carousel .slick-list.dragging { cursor: pointer; } .ant-carousel .slick-list .slick-slide { pointer-events: none; } .ant-carousel .slick-list .slick-slide input.ant-radio-input, .ant-carousel .slick-list .slick-slide input.ant-checkbox-input { visibility: hidden; } .ant-carousel .slick-list .slick-slide.slick-active { pointer-events: auto; } .ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input, .ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input { visibility: visible; } .ant-carousel .slick-list .slick-slide > div > div { vertical-align: bottom; } .ant-carousel .slick-slider .slick-track, .ant-carousel .slick-slider .slick-list { transform: translate3d(0, 0, 0); touch-action: pan-y; } .ant-carousel .slick-track { position: relative; top: 0; left: 0; display: block; } .ant-carousel .slick-track::before, .ant-carousel .slick-track::after { display: table; content: ""; } .ant-carousel .slick-track::after { clear: both; } .slick-loading .ant-carousel .slick-track { visibility: hidden; } .ant-carousel .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .ant-carousel .slick-slide img { display: block; } .ant-carousel .slick-slide.slick-loading img { display: none; } .ant-carousel .slick-slide.dragging img { pointer-events: none; } .ant-carousel .slick-initialized .slick-slide { display: block; } .ant-carousel .slick-loading .slick-slide { visibility: hidden; } .ant-carousel .slick-vertical .slick-slide { display: block; height: auto; } .ant-carousel .slick-arrow.slick-hidden { display: none; } .ant-carousel .slick-prev, .ant-carousel .slick-next { position: absolute; top: 50%; z-index: 1; display: inline-block; width: 16px; height: 16px; margin: 0; padding: 0; color: #fff; font-size: 0; line-height: 0; background: transparent; border: 0; border-radius: 0; outline: none; transform: translateY(-50%); cursor: pointer; opacity: 0.3; transition: color 0.3s, opacity 0.3s; } .ant-carousel .slick-prev::after, .ant-carousel .slick-next::after { position: absolute; top: 2.3px; display: inline-block; box-sizing: border-box; width: 11.3px; height: 11.3px; border: 0 solid currentcolor; border-radius: 1px; opacity: 1; content: ""; inset-inline-start: 2.3px; border-inline-start-width: 2px; border-block-start-width: 2px; } .ant-carousel .slick-prev:hover, .ant-carousel .slick-next:hover, .ant-carousel .slick-prev:focus, .ant-carousel .slick-next:focus { color: #fff; outline: none; opacity: 1; } .ant-carousel .slick-prev.slick-disabled, .ant-carousel .slick-next.slick-disabled { display: none; } .ant-carousel .slick-prev { right: auto; left: 12px; } .ant-carousel .slick-prev::after { transform: rotate(-45deg); } .ant-carousel .slick-next { right: 12px; left: auto; } .ant-carousel .slick-next::after { transform: rotate(135deg); } .ant-carousel .slick-vertical .slick-prev { top: 12px; right: auto; left: 50%; transform: translateX(-50%); } .ant-carousel .slick-vertical .slick-prev::after { transform: rotate(45deg); } .ant-carousel .slick-vertical .slick-next { top: auto; right: auto; bottom: 12px; left: 50%; transform: translateX(-50%); } .ant-carousel .slick-vertical .slick-next::after { transform: rotate(-135deg); } .ant-carousel .slick-dots { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex !important; justify-content: center; margin-right: 15%; margin-bottom: 0; margin-left: 15%; padding-left: 0; list-style: none; } .ant-carousel .slick-dots-bottom { bottom: 12px; } .ant-carousel .slick-dots-top { top: 12px; bottom: auto; } .ant-carousel .slick-dots li { position: relative; display: inline-block; flex: 0 1 auto; box-sizing: content-box; width: 16px; height: 3px; margin: 0 4px; padding: 0; text-align: center; text-indent: -999px; vertical-align: top; transition: all 0.5s; } .ant-carousel .slick-dots li button { position: relative; display: block; width: 100%; height: 3px; padding: 0; color: transparent; font-size: 0; background: #fff; border: 0; border-radius: 1px; outline: none; cursor: pointer; opacity: 0.3; transition: all 0.5s; } .ant-carousel .slick-dots li button:hover, .ant-carousel .slick-dots li button:focus { opacity: 0.75; } .ant-carousel .slick-dots li button::after { position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; content: ""; } .ant-carousel .slick-dots li.slick-active { width: 24px; } .ant-carousel .slick-dots li.slick-active button { background: #fff; opacity: 1; } .ant-carousel .slick-dots li.slick-active:hover, .ant-carousel .slick-dots li.slick-active:focus { opacity: 1; } .ant-carousel-vertical .slick-dots { top: 50%; bottom: auto; flex-direction: column; width: 3px; height: auto; margin: 0; transform: translateY(-50%); } .ant-carousel-vertical .slick-dots-left { right: auto; left: 12px; } .ant-carousel-vertical .slick-dots-right { right: 12px; left: auto; } .ant-carousel-vertical .slick-dots li { width: 3px; height: 16px; margin: 4px 0; vertical-align: baseline; } .ant-carousel-vertical .slick-dots li button { width: 3px; height: 16px; } .ant-carousel-vertical .slick-dots li.slick-active { width: 3px; height: 24px; } .ant-carousel-vertical .slick-dots li.slick-active button { width: 3px; height: 24px; } .ant-carousel-rtl { direction: rtl; } .ant-carousel-rtl .slick-next { right: auto; left: 12px; } .ant-carousel-rtl .slick-next::after { transform: rotate(-45deg); } .ant-carousel-rtl .slick-prev { right: 12px; left: auto; } .ant-carousel-rtl .slick-prev::after { transform: rotate(135deg); } .ant-carousel-rtl .ant-carousel .slick-track { right: 0; left: auto; } .ant-carousel-rtl.ant-carousel .slick-dots { flex-direction: row-reverse; } .ant-carousel-rtl.ant-carousel-vertical .slick-dots { flex-direction: column; } .ant-carousel-rtl .ant-carousel .slick-vertical .slick-prev::after { transform: rotate(45deg); } .ant-carousel-rtl .ant-carousel .slick-vertical .slick-next::after { transform: rotate(-135deg); } nz-carousel { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; } .slick-dots { display: block; } .slick-track { opacity: 1; } @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner { border-color: #1abc9c; } .ant-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1abc9c; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ""; } .ant-checkbox:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox::after { visibility: visible; } .ant-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: " "; } .ant-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-checkbox-checked .ant-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: " "; } .ant-checkbox-checked .ant-checkbox-inner { background-color: #1abc9c; border-color: #1abc9c; } .ant-checkbox-disabled { cursor: not-allowed; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-checkbox-disabled .ant-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-checkbox-disabled .ant-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-checkbox-disabled .ant-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-checkbox-disabled:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after { visibility: hidden; } .ant-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: "\a0"; } .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-checkbox-wrapper + .ant-checkbox-wrapper { margin-left: 8px; } .ant-checkbox-wrapper.ant-checkbox-wrapper-in-form-item input[type=checkbox] { width: 14px; height: 14px; } .ant-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-block; } .ant-checkbox-group-item { margin-right: 8px; } .ant-checkbox-group-item:last-child { margin-right: 0; } .ant-checkbox-group-item + .ant-checkbox-group-item { margin-left: 0; } .ant-checkbox-indeterminate .ant-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-checkbox-indeterminate .ant-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1abc9c; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: " "; } .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-checkbox-rtl { direction: rtl; } .ant-checkbox-group-rtl .ant-checkbox-group-item { margin-right: 0; margin-left: 8px; } .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child { margin-left: 0 !important; } .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item { margin-left: 8px; } .ant-checkbox + span:empty { display: none; } .ant-collapse { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; background-color: #fafafa; border: 1px solid #d9d9d9; border-bottom: 0; border-radius: 2px; } .ant-collapse > .ant-collapse-item { border-bottom: 1px solid #d9d9d9; } .ant-collapse > .ant-collapse-item:last-child, .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header { border-radius: 0 0 2px 2px; } .ant-collapse > .ant-collapse-item > .ant-collapse-header { position: relative; display: flex; flex-wrap: nowrap; align-items: flex-start; padding: 12px 16px; color: rgba(0, 0, 0, 0.85); line-height: 1.5715; cursor: pointer; transition: all 0.3s, visibility 0s; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { display: inline-block; margin-right: 12px; font-size: 12px; vertical-align: -1px; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { transition: transform 0.24s; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text { flex: auto; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra { margin-left: auto; } .ant-collapse > .ant-collapse-item > .ant-collapse-header:focus { outline: none; } .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only { cursor: default; } .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text { flex: none; cursor: pointer; } .ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only { cursor: default; } .ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only .ant-collapse-expand-icon { cursor: pointer; } .ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header { padding-left: 12px; } .ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header { position: relative; padding: 12px 16px; padding-right: 40px; } .ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { position: absolute; top: 50%; right: 16px; left: auto; margin: 0; transform: translateY(-50%); } .ant-collapse-content { color: rgba(0, 0, 0, 0.85); background-color: #fff; border-top: 1px solid #d9d9d9; } .ant-collapse-content > .ant-collapse-content-box { padding: 16px; } .ant-collapse-content-hidden { display: none; } .ant-collapse-item:last-child > .ant-collapse-content { border-radius: 0 0 2px 2px; } .ant-collapse-borderless { background-color: #fafafa; border: 0; } .ant-collapse-borderless > .ant-collapse-item { border-bottom: 1px solid #d9d9d9; } .ant-collapse-borderless > .ant-collapse-item:last-child, .ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header { border-radius: 0; } .ant-collapse-borderless > .ant-collapse-item:last-child { border-bottom: 0; } .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content { background-color: transparent; border-top: 0; } .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding-top: 4px; } .ant-collapse-ghost { background-color: transparent; border: 0; } .ant-collapse-ghost > .ant-collapse-item { border-bottom: 0; } .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content { background-color: transparent; border-top: 0; } .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding-top: 12px; padding-bottom: 12px; } .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header, .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-collapse-small > .ant-collapse-item > .ant-collapse-header { padding: 8px 12px; padding-inline-start: 8px; } .ant-collapse-small > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding: 12px; } .ant-collapse-large > .ant-collapse-item { font-size: 16px; line-height: 1.5; } .ant-collapse-large > .ant-collapse-item > .ant-collapse-header { padding: 16px 24px; padding-inline-start: 16px; } .ant-collapse-large > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding: 24px; } .ant-collapse-rtl { direction: rtl; } .ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header { position: relative; padding: 12px 16px; padding-left: 40px; } .ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { position: absolute; top: 50%; right: auto; left: 16px; margin: 0; transform: translateY(-50%); } .ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header { padding: 12px 16px; padding-right: 40px; } .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { margin-right: 0; margin-left: 12px; } .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { transform: rotate(180deg); } .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra { margin-right: auto; margin-left: 0; } .ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header { padding-right: 12px; padding-left: 0; } nz-collapse { display: block; } nz-collapse-panel { display: block; } .ant-comment { position: relative; background-color: inherit; } .ant-comment-inner { display: flex; padding: 16px 0; } .ant-comment-avatar { position: relative; flex-shrink: 0; margin-right: 12px; cursor: pointer; } .ant-comment-avatar img { width: 32px; height: 32px; border-radius: 50%; } .ant-comment-content { position: relative; flex: 1 1 auto; min-width: 1px; font-size: 14px; word-wrap: break-word; } .ant-comment-content-author { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 4px; font-size: 14px; } .ant-comment-content-author > a, .ant-comment-content-author > span { padding-right: 8px; font-size: 12px; line-height: 18px; } .ant-comment-content-author-name { color: rgba(0, 0, 0, 0.45); font-size: 14px; transition: color 0.3s; } .ant-comment-content-author-name > * { color: rgba(0, 0, 0, 0.45); } .ant-comment-content-author-name > *:hover { color: rgba(0, 0, 0, 0.45); } .ant-comment-content-author-time { color: #ccc; white-space: nowrap; cursor: auto; } .ant-comment-content-detail p { margin-bottom: inherit; white-space: pre-wrap; } .ant-comment-actions { margin-top: 12px; margin-bottom: inherit; padding-left: 0; } .ant-comment-actions > li { display: inline-block; color: rgba(0, 0, 0, 0.45); } .ant-comment-actions > li > span { margin-right: 10px; color: rgba(0, 0, 0, 0.45); font-size: 12px; cursor: pointer; transition: color 0.3s; -webkit-user-select: none; user-select: none; } .ant-comment-actions > li > span:hover { color: #595959; } .ant-comment-nested { margin-left: 44px; } .ant-comment-rtl { direction: rtl; } .ant-comment-rtl .ant-comment-avatar { margin-right: 0; margin-left: 12px; } .ant-comment-rtl .ant-comment-content-author > a, .ant-comment-rtl .ant-comment-content-author > span { padding-right: 0; padding-left: 8px; } .ant-comment-rtl .ant-comment-actions { padding-right: 0; } .ant-comment-rtl .ant-comment-actions > li > span { margin-right: 0; margin-left: 10px; } .ant-comment-rtl .ant-comment-nested { margin-right: 44px; margin-left: 0; } nz-comment { display: block; } nz-comment-content { display: block; } .ant-picker-status-error.ant-picker, .ant-picker-status-error.ant-picker:not(.ant-picker-disabled):hover { background-color: #fff; border-color: #ff4d4f; } .ant-picker-status-error.ant-picker-focused, .ant-picker-status-error.ant-picker:focus { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-picker-status-error.ant-picker .ant-picker-active-bar { background: #ff7875; } .ant-picker-status-warning.ant-picker, .ant-picker-status-warning.ant-picker:not(.ant-picker-disabled):hover { background-color: #fff; border-color: #faad14; } .ant-picker-status-warning.ant-picker-focused, .ant-picker-status-warning.ant-picker:focus { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-picker-status-warning.ant-picker .ant-picker-active-bar { background: #ffc53d; } .ant-picker { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; padding: 4px 11px 4px; position: relative; display: inline-flex; align-items: center; background: #fff; border: 1px solid #d9d9d9; border-radius: 2px; transition: border 0.3s, box-shadow 0.3s; } .ant-picker:hover, .ant-picker-focused { border-color: #3cc9a9; border-right-width: 1px; } .ant-input-rtl .ant-picker:hover, .ant-input-rtl .ant-picker-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-picker-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-picker-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-picker.ant-picker-disabled { background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-picker.ant-picker-disabled .ant-picker-suffix { color: rgba(0, 0, 0, 0.25); } .ant-picker.ant-picker-borderless { background-color: transparent; border-color: transparent; box-shadow: none; } .ant-picker.ant-picker-filled { background-color: #f5f5f5; border-color: transparent; box-shadow: none; } .ant-picker.ant-picker-filled:hover { background-color: #f0f0f0; border-color: transparent; box-shadow: none; } .ant-picker.ant-picker-filled:focus, .ant-picker.ant-picker-filled.ant-picker-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; background-color: transparent; box-shadow: none; } .ant-input-rtl .ant-picker.ant-picker-filled:focus, .ant-input-rtl .ant-picker.ant-picker-filled.ant-picker-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-picker.ant-picker-filled.ant-picker-disabled, .ant-picker.ant-picker-filled.ant-picker[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-picker.ant-picker-filled.ant-picker-disabled:hover, .ant-picker.ant-picker-filled.ant-picker[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-picker.ant-picker-underlined, .ant-picker.ant-picker-underlined:hover, .ant-picker.ant-picker-underlined:focus, .ant-picker.ant-picker-underlined.ant-picker-focused, .ant-picker.ant-picker-underlined.ant-picker-disabled, .ant-picker.ant-picker-underlined.ant-picker[disabled] { background-color: transparent; border-width: 0 0 1px; border-radius: 0; box-shadow: none; } .ant-picker.ant-picker-underlined:hover:not(.ant-picker-focused):not(:focus) { border-color: #d9d9d9; } .ant-picker-input { position: relative; display: inline-flex; align-items: center; width: 100%; } .ant-picker-input > input { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; flex: auto; min-width: 1px; height: auto; padding: 0; background: transparent; border: 0; } .ant-picker-input > input::placeholder { color: #bfbfbf; -webkit-user-select: none; user-select: none; } .ant-picker-input > input:placeholder-shown { text-overflow: ellipsis; } .ant-picker-input > input:hover { border-color: #3cc9a9; border-right-width: 1px; } .ant-input-rtl .ant-picker-input > input:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-picker-input > input:focus, .ant-picker-input > input-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-picker-input > input:focus, .ant-input-rtl .ant-picker-input > input-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-picker-input > input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-picker-input > input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-picker-input > input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-picker-input > input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-picker-input > input.ant-picker-input > input-borderless, .ant-picker-input > input.ant-picker-input > input-borderless:hover, .ant-picker-input > input.ant-picker-input > input-borderless:focus, .ant-picker-input > input.ant-picker-input > input-borderless.ant-picker-input > input-focused, .ant-picker-input > input.ant-picker-input > input-borderless.ant-picker-input > input-disabled, .ant-picker-input > input.ant-picker-input > input-borderless.ant-picker-input > input[disabled] { background-color: transparent; border: none; box-shadow: none; } .ant-picker-input > input.ant-picker-input > input-filled { background-color: #f5f5f5; border-color: transparent; box-shadow: none; } .ant-picker-input > input.ant-picker-input > input-filled:hover { background-color: #f0f0f0; } .ant-picker-input > input.ant-picker-input > input-filled:focus, .ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; background-color: transparent; box-shadow: none; } .ant-input-rtl .ant-picker-input > input.ant-picker-input > input-filled:focus, .ant-input-rtl .ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input-disabled, .ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input-disabled:hover, .ant-picker-input > input.ant-picker-input > input-filled.ant-picker-input > input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-picker-input > input.ant-picker-input > input-underlined, .ant-picker-input > input.ant-picker-input > input-underlined:hover, .ant-picker-input > input.ant-picker-input > input-underlined:focus, .ant-picker-input > input.ant-picker-input > input-underlined.ant-picker-input > input-focused, .ant-picker-input > input.ant-picker-input > input-underlined.ant-picker-input > input-disabled, .ant-picker-input > input.ant-picker-input > input-underlined.ant-picker-input > input[disabled] { background-color: transparent; border-width: 0 0 1px; border-radius: 0; box-shadow: none; } .ant-picker-input > input.ant-picker-input > input-underlined:hover:not(.ant-picker-input > input-focused):not(:focus) { border-color: #d9d9d9; } textarea.ant-picker-input > input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-picker-input > input-lg { padding: 6.5px 11px; font-size: 16px; } .ant-picker-input > input-sm { padding: 0px 7px; } .ant-picker-input > input-rtl { direction: rtl; } .ant-picker-input > input-stepperless[type=number] { -moz-appearance: textfield; } .ant-picker-input > input-stepperless[type=number]::-webkit-inner-spin-button, .ant-picker-input > input-stepperless[type=number] ::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .ant-picker-input > input:focus { box-shadow: none; } .ant-picker-input > input[disabled] { background: transparent; } .ant-picker-input:hover .ant-picker-clear { opacity: 1; } .ant-picker-input-placeholder > input { color: #bfbfbf; } .ant-picker-large { padding: 6.5px 11px 6.5px; } .ant-picker-large .ant-picker-input > input { font-size: 16px; } .ant-picker-small { padding: 0px 7px 0px; } .ant-picker-suffix { display: flex; flex: none; align-self: center; margin-left: 4px; color: rgba(0, 0, 0, 0.25); line-height: 1; pointer-events: none; } .ant-picker-suffix > * { vertical-align: top; } .ant-picker-suffix > *:not(:last-child) { margin-right: 8px; } .ant-picker-clear { position: absolute; top: 50%; right: 0; color: rgba(0, 0, 0, 0.25); line-height: 1; background: #fff; transform: translateY(-50%); cursor: pointer; opacity: 0; transition: opacity 0.3s, color 0.3s; } .ant-picker-clear > * { vertical-align: top; } .ant-picker-clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-picker-separator { position: relative; display: inline-block; width: 1em; height: 16px; color: rgba(0, 0, 0, 0.25); font-size: 16px; vertical-align: top; cursor: default; } .ant-picker-focused .ant-picker-separator { color: rgba(0, 0, 0, 0.45); } .ant-picker-disabled .ant-picker-range-separator .ant-picker-separator { cursor: not-allowed; } .ant-picker-range { position: relative; display: inline-flex; } .ant-picker-range .ant-picker-clear { right: 11px; } .ant-picker-range:hover .ant-picker-clear { opacity: 1; } .ant-picker-range .ant-picker-active-bar { bottom: -1px; height: 2px; margin-left: 11px; background: #1abc9c; opacity: 0; transition: all 0.3s ease-out; pointer-events: none; } .ant-picker-range.ant-picker-focused .ant-picker-active-bar { opacity: 1; } .ant-picker-range-separator { align-items: center; padding: 0 8px; line-height: 1; } .ant-picker-range.ant-picker-small .ant-picker-clear { right: 7px; } .ant-picker-range.ant-picker-small .ant-picker-active-bar { margin-left: 7px; } .ant-picker-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; --antd-arrow-background-color: #fff; position: absolute; top: -9999px; left: -9999px; z-index: 1050; } .ant-picker-dropdown-hidden { display: none; } .ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow, .ant-picker-dropdown-placement-bottomRight .ant-picker-range-arrow { top: 0; display: block; transform: translateY(-100%); } .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow, .ant-picker-dropdown-placement-topRight .ant-picker-range-arrow { bottom: 0; display: block; transform: translateY(100%) rotate(180deg); } .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight { animation-name: antSlideDownIn; } .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight { animation-name: antSlideUpIn; } .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight { animation-name: antSlideDownOut; } .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight { animation-name: antSlideUpOut; } .ant-picker-dropdown-range { margin-block: 10.66666667px; } .ant-picker-dropdown-range-hidden { display: none; } .ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel { padding-top: 4px; } .ant-picker-ranges { margin-bottom: 0; padding: 4px 12px; overflow: hidden; line-height: 34px; text-align: left; list-style: none; } .ant-picker-ranges > li { display: inline-block; } .ant-picker-ranges .ant-picker-preset > .ant-tag-blue { color: #1abc9c; background: #edfcf7; border-color: #8de3c9; cursor: pointer; } .ant-picker-ranges .ant-picker-ok { float: right; margin-left: 8px; } .ant-picker-range-wrapper { display: flex; } .ant-picker-range-arrow { position: absolute; z-index: 1; box-sizing: content-box; margin-left: 16.5px; transition: left 0.3s ease-out; width: 16px; height: 16px; overflow: hidden; pointer-events: none; } .ant-picker-range-arrow::before { position: absolute; bottom: 0; width: 16px; height: calc(16px / 2); background: var(--antd-arrow-background-color); content: ""; clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%); clip-path: path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z"); inset-inline-start: 0; } .ant-picker-range-arrow::after { position: absolute; bottom: 0; z-index: 0; width: 8.97056275px; height: 8.97056275px; margin: auto; background: transparent; border-radius: 0 0 2px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05); transform: translateY(50%) rotate(-135deg); content: ""; inset-inline: 0; } .ant-picker-panel-container { overflow: hidden; vertical-align: top; background: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); transition: margin 0.3s; } .ant-picker-panel-container .ant-picker-panels { display: inline-flex; flex-wrap: nowrap; direction: ltr; } .ant-picker-panel-container .ant-picker-panel { vertical-align: top; background: transparent; border: none; border-radius: 0; } .ant-picker-panel-container .ant-picker-panel .ant-picker-content, .ant-picker-panel-container .ant-picker-panel table { text-align: center; } .ant-picker-compact-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) { margin-right: -1px; } .ant-picker-compact-item:not(.ant-picker-compact-last-item).ant-picker-compact-item-rtl { margin-left: -1px; } .ant-picker-compact-item:hover, .ant-picker-compact-item:focus, .ant-picker-compact-item:active { z-index: 2; } .ant-picker-compact-item.ant-picker-focused { z-index: 2; } .ant-picker-compact-item[disabled] { z-index: 0; } .ant-picker-compact-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-last-item).ant-picker { border-radius: 0; } .ant-picker-compact-item.ant-picker.ant-picker-compact-first-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-picker-compact-item.ant-picker.ant-picker-compact-last-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-item-rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-first-item:not(.ant-picker-compact-last-item) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-last-item:not(.ant-picker-compact-first-item) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-picker-panel { display: inline-flex; flex-direction: column; text-align: center; background: #fff; border: 1px solid #f0f0f0; border-radius: 2px; outline: none; } .ant-picker-panel-focused { border-color: #1abc9c; } .ant-picker-decade-panel, .ant-picker-year-panel, .ant-picker-quarter-panel, .ant-picker-month-panel, .ant-picker-week-panel, .ant-picker-date-panel, .ant-picker-time-panel { display: flex; flex-direction: column; width: 280px; } .ant-picker-header { display: flex; padding: 0 8px; color: rgba(0, 0, 0, 0.85); border-bottom: 1px solid #f0f0f0; } .ant-picker-header > * { flex: none; } .ant-picker-header button { padding: 0; color: rgba(0, 0, 0, 0.25); line-height: 40px; background: transparent; border: 0; cursor: pointer; transition: color 0.3s; } .ant-picker-header > button { min-width: 1.6em; font-size: 14px; } .ant-picker-header > button:hover { color: rgba(0, 0, 0, 0.85); } .ant-picker-header-view { flex: auto; font-weight: 500; line-height: 40px; } .ant-picker-header-view button { color: inherit; font-weight: inherit; } .ant-picker-header-view button:not(:first-child) { margin-left: 8px; } .ant-picker-header-view button:hover { color: #1abc9c; } .ant-picker-prev-icon, .ant-picker-next-icon, .ant-picker-super-prev-icon, .ant-picker-super-next-icon { position: relative; display: inline-block; width: 7px; height: 7px; } .ant-picker-prev-icon::before, .ant-picker-next-icon::before, .ant-picker-super-prev-icon::before, .ant-picker-super-next-icon::before { position: absolute; top: 0; left: 0; display: inline-block; width: 7px; height: 7px; border: 0 solid currentcolor; border-width: 1.5px 0 0 1.5px; content: ""; } .ant-picker-super-prev-icon::after, .ant-picker-super-next-icon::after { position: absolute; top: 4px; left: 4px; display: inline-block; width: 7px; height: 7px; border: 0 solid currentcolor; border-width: 1.5px 0 0 1.5px; content: ""; } .ant-picker-prev-icon, .ant-picker-super-prev-icon { transform: rotate(-45deg); } .ant-picker-next-icon, .ant-picker-super-next-icon { transform: rotate(135deg); } .ant-picker-content { width: 100%; table-layout: fixed; border-collapse: collapse; } .ant-picker-content th, .ant-picker-content td { position: relative; min-width: 24px; font-weight: 400; } .ant-picker-content th { height: 30px; color: rgba(0, 0, 0, 0.85); line-height: 30px; } .ant-picker-cell { padding: 3px 0; color: rgba(0, 0, 0, 0.25); cursor: pointer; } .ant-picker-cell-in-view { color: rgba(0, 0, 0, 0.85); } .ant-picker-cell::before { position: absolute; top: 50%; right: 0; left: 0; z-index: 1; height: 24px; transform: translateY(-50%); transition: all 0.3s; content: ""; } .ant-picker-cell .ant-picker-cell-inner { position: relative; z-index: 2; display: inline-block; min-width: 24px; height: 24px; line-height: 24px; border-radius: 2px; transition: background 0.3s, border 0.3s; } .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner { background: #f5f5f5; } .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border: 1px solid #1abc9c; border-radius: 2px; content: ""; } .ant-picker-cell-in-view.ant-picker-cell-in-range { position: relative; } .ant-picker-cell-in-view.ant-picker-cell-in-range::before { background: #edfcf7; } .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner { color: #fff; background: #1abc9c; } .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before { background: #edfcf7; } .ant-picker-cell-in-view.ant-picker-cell-range-start::before { left: 50%; } .ant-picker-cell-in-view.ant-picker-cell-range-end::before { right: 50%; } .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after { position: absolute; top: 50%; z-index: 0; height: 24px; border-top: 1px dashed #55e7ca; border-bottom: 1px dashed #55e7ca; transform: translateY(-50%); transition: all 0.3s; content: ""; } .ant-picker-cell-range-hover-start::after, .ant-picker-cell-range-hover-end::after, .ant-picker-cell-range-hover::after { right: 0; left: 2px; } .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before { background: #98f1df; } .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner { border-radius: 2px 0 0 2px; } .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner { border-radius: 0 2px 2px 0; } .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after, .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { position: absolute; top: 0; bottom: 0; z-index: -1; background: #98f1df; transition: all 0.3s; content: ""; } .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after { right: -6px; left: 0; } .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { right: 0; left: -6px; } .ant-picker-cell-range-hover.ant-picker-cell-range-start::after { right: 50%; } .ant-picker-cell-range-hover.ant-picker-cell-range-end::after { left: 50%; } tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { left: 6px; border-left: 1px dashed #55e7ca; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { right: 6px; border-right: 1px dashed #55e7ca; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-picker-cell-disabled { color: rgba(0, 0, 0, 0.25); pointer-events: none; } .ant-picker-cell-disabled .ant-picker-cell-inner { background: transparent; } .ant-picker-cell-disabled::before { background: rgba(0, 0, 0, 0.04); } .ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before { border-color: rgba(0, 0, 0, 0.25); } .ant-picker-decade-panel .ant-picker-content, .ant-picker-year-panel .ant-picker-content, .ant-picker-quarter-panel .ant-picker-content, .ant-picker-month-panel .ant-picker-content { height: 264px; } .ant-picker-decade-panel .ant-picker-cell-inner, .ant-picker-year-panel .ant-picker-cell-inner, .ant-picker-quarter-panel .ant-picker-cell-inner, .ant-picker-month-panel .ant-picker-cell-inner { padding: 0 8px; } .ant-picker-quarter-panel .ant-picker-content { height: 56px; } .ant-picker-footer { width: min-content; min-width: 100%; line-height: 38px; text-align: center; border-bottom: 1px solid transparent; } .ant-picker-panel .ant-picker-footer { border-top: 1px solid #f0f0f0; } .ant-picker-footer-extra { padding: 0 12px; line-height: 38px; text-align: left; } .ant-picker-footer-extra:not(:last-child) { border-bottom: 1px solid #f0f0f0; } .ant-picker-now { text-align: left; } .ant-picker-today-btn { color: #1abc9c; } .ant-picker-today-btn:hover { color: #3cc9a9; } .ant-picker-today-btn:active { color: #0e9680; } .ant-picker-today-btn.ant-picker-today-btn-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-picker-decade-panel .ant-picker-cell-inner { padding: 0 4px; } .ant-picker-decade-panel .ant-picker-cell::before { display: none; } .ant-picker-year-panel .ant-picker-body, .ant-picker-quarter-panel .ant-picker-body, .ant-picker-month-panel .ant-picker-body { padding: 0 8px; } .ant-picker-year-panel .ant-picker-cell-inner, .ant-picker-quarter-panel .ant-picker-cell-inner, .ant-picker-month-panel .ant-picker-cell-inner { width: 60px; } .ant-picker-year-panel .ant-picker-cell-range-hover-start::after, .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after, .ant-picker-month-panel .ant-picker-cell-range-hover-start::after { left: 14px; border-left: 1px dashed #55e7ca; border-radius: 2px 0 0 2px; } .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after, .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after, .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after { right: 14px; border-right: 1px dashed #55e7ca; border-radius: 0 2px 2px 0; } .ant-picker-year-panel .ant-picker-cell-range-hover-end::after, .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after, .ant-picker-month-panel .ant-picker-cell-range-hover-end::after { right: 14px; border-right: 1px dashed #55e7ca; border-radius: 0 2px 2px 0; } .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after, .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after, .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after { left: 14px; border-left: 1px dashed #55e7ca; border-radius: 2px 0 0 2px; } .ant-picker-week-panel .ant-picker-body { padding: 8px 12px; } .ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner, .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner { background: transparent !important; } .ant-picker-week-panel-row td { transition: background 0.3s; } .ant-picker-week-panel-row:hover td { background: #f5f5f5; } .ant-picker-week-panel-row-selected td, .ant-picker-week-panel-row-selected:hover td { background: #1abc9c; } .ant-picker-week-panel-row-selected td.ant-picker-cell-week, .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week { color: rgba(255, 255, 255, 0.5); } .ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before, .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before { border-color: #fff; } .ant-picker-week-panel-row-selected td .ant-picker-cell-inner, .ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner { color: #fff; } .ant-picker-date-panel .ant-picker-body { padding: 8px 12px; } .ant-picker-date-panel .ant-picker-content { width: 252px; } .ant-picker-date-panel .ant-picker-content th { width: 36px; } .ant-picker-datetime-panel { display: flex; } .ant-picker-datetime-panel .ant-picker-time-panel { border-left: 1px solid #f0f0f0; } .ant-picker-datetime-panel .ant-picker-date-panel, .ant-picker-datetime-panel .ant-picker-time-panel { transition: opacity 0.3s; } .ant-picker-datetime-panel-active .ant-picker-date-panel, .ant-picker-datetime-panel-active .ant-picker-time-panel { opacity: 0.3; } .ant-picker-datetime-panel-active .ant-picker-date-panel-active, .ant-picker-datetime-panel-active .ant-picker-time-panel-active { opacity: 1; } .ant-picker-time-panel { width: auto; min-width: auto; } .ant-picker-time-panel .ant-picker-content { display: flex; flex: auto; height: 224px; } .ant-picker-time-panel-column { flex: 1 0 auto; width: 56px; margin: 0; padding: 0; overflow-y: hidden; text-align: left; list-style: none; transition: background 0.3s; } .ant-picker-time-panel-column::after { display: block; height: 196px; content: ""; } .ant-picker-datetime-panel .ant-picker-time-panel-column::after { height: 198px; } .ant-picker-time-panel-column:not(:first-child) { border-left: 1px solid #f0f0f0; } .ant-picker-time-panel-column-active { background: rgba(237, 252, 247, 0.2); } .ant-picker-time-panel-column:hover { overflow-y: auto; } .ant-picker-time-panel-column > li { margin: 0; padding: 0; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner { display: block; width: 100%; height: 28px; margin: 0; padding: 0 0 0 14px; color: rgba(0, 0, 0, 0.85); line-height: 28px; border-radius: 0; cursor: pointer; transition: background 0.3s; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover { background: #f5f5f5; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner { background: #edfcf7; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner { color: rgba(0, 0, 0, 0.25); background: transparent; cursor: not-allowed; } _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, :root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell, :root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell { padding: 21px 0; } .ant-picker-rtl { direction: rtl; } .ant-picker-rtl .ant-picker-suffix { margin-right: 4px; margin-left: 0; } .ant-picker-rtl .ant-picker-clear { right: auto; left: 0; } .ant-picker-rtl .ant-picker-separator { transform: rotate(180deg); } .ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) { margin-right: 8px; margin-left: 0; } .ant-picker-rtl.ant-picker-range .ant-picker-clear { right: auto; left: 11px; } .ant-picker-rtl.ant-picker-range .ant-picker-active-bar { margin-right: 11px; margin-left: 0; } .ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar { margin-right: 7px; } .ant-picker-dropdown-rtl .ant-picker-ranges { text-align: right; } .ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok { float: left; margin-right: 8px; margin-left: 0; } .ant-picker-panel-rtl { direction: rtl; } .ant-picker-panel-rtl .ant-picker-prev-icon, .ant-picker-panel-rtl .ant-picker-super-prev-icon { transform: rotate(135deg); } .ant-picker-panel-rtl .ant-picker-next-icon, .ant-picker-panel-rtl .ant-picker-super-next-icon { transform: rotate(-45deg); } .ant-picker-cell .ant-picker-cell-inner { position: relative; z-index: 2; display: inline-block; min-width: 24px; height: 24px; line-height: 24px; border-radius: 2px; transition: background 0.3s, border 0.3s; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before { right: 50%; left: 0; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before { right: 0; left: 50%; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before { right: 50%; left: 50%; } .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after { right: 0; left: -6px; } .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { right: -6px; left: 0; } .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after { right: 0; left: 50%; } .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after { right: 50%; left: 0; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner { border-radius: 0 2px 2px 0; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner { border-radius: 2px 0 0 2px; } .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { right: 6px; left: 0; border-right: 1px dashed #55e7ca; border-left: none; border-radius: 0 2px 2px 0; } .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { right: 0; left: 6px; border-right: none; border-left: 1px dashed #55e7ca; border-radius: 2px 0 0 2px; } .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after { right: 6px; left: 6px; border-right: 1px dashed #55e7ca; border-left: 1px dashed #55e7ca; border-radius: 2px; } .ant-picker-dropdown-rtl .ant-picker-footer-extra { direction: rtl; text-align: right; } .ant-picker-panel-rtl .ant-picker-time-panel { direction: ltr; } .ant-picker-inline { padding: 0; border: none; } .ant-picker-inline .ant-picker-range-arrow { display: none !important; } .ant-picker-inline .ant-picker-dropdown { z-index: auto; } .ant-picker-dropdown { top: unset; left: unset; } .ant-picker-panel-container.ant-picker-week-number .ant-picker-date-panel .ant-picker-content { width: 100%; } .ant-picker-panel-container.ant-picker-week-number .ant-picker-date-panel .ant-picker-content th { width: inherit; } .ant-picker-range-arrow { margin-right: 16.5px; } .ant-descriptions-header { display: flex; align-items: center; margin-bottom: 20px; } .ant-descriptions-title { flex: auto; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: bold; font-size: 16px; line-height: 1.5715; white-space: nowrap; text-overflow: ellipsis; } .ant-descriptions-extra { margin-left: auto; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-descriptions-view { width: 100%; border-radius: 2px; } .ant-descriptions-view table { width: 100%; table-layout: fixed; } .ant-descriptions-row > th, .ant-descriptions-row > td { padding-bottom: 16px; } .ant-descriptions-row:last-child { border-bottom: none; } .ant-descriptions-item-label { color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 1.5715; text-align: start; } .ant-descriptions-item-label::after { content: ":"; position: relative; top: -0.5px; margin: 0 8px 0 2px; } .ant-descriptions-item-label.ant-descriptions-item-no-colon::after { content: " "; } .ant-descriptions-item-no-label::after { margin: 0; content: ""; } .ant-descriptions-item-content { display: table-cell; flex: 1; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; word-break: break-word; overflow-wrap: break-word; } .ant-descriptions-item { padding-bottom: 0; vertical-align: top; } .ant-descriptions-item-container { display: flex; } .ant-descriptions-item-container .ant-descriptions-item-label, .ant-descriptions-item-container .ant-descriptions-item-content { display: inline-flex; align-items: baseline; } .ant-descriptions-middle .ant-descriptions-row > th, .ant-descriptions-middle .ant-descriptions-row > td { padding-bottom: 12px; } .ant-descriptions-small .ant-descriptions-row > th, .ant-descriptions-small .ant-descriptions-row > td { padding-bottom: 8px; } .ant-descriptions-bordered .ant-descriptions-view { border: 1px solid #f0f0f0; } .ant-descriptions-bordered .ant-descriptions-view > table { table-layout: auto; border-collapse: collapse; } .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content { padding: 16px 24px; border-right: 1px solid #f0f0f0; } .ant-descriptions-bordered .ant-descriptions-item-label:last-child, .ant-descriptions-bordered .ant-descriptions-item-content:last-child { border-right: none; } .ant-descriptions-bordered .ant-descriptions-item-label { background-color: #fafafa; } .ant-descriptions-bordered .ant-descriptions-item-label::after { display: none; } .ant-descriptions-bordered .ant-descriptions-row { border-bottom: 1px solid #f0f0f0; } .ant-descriptions-bordered .ant-descriptions-row:last-child { border-bottom: none; } .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label, .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content { padding: 12px 24px; } .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label, .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content { padding: 8px 16px; } .ant-descriptions-rtl { direction: rtl; } .ant-descriptions-rtl .ant-descriptions-item-label::after { margin: 0 2px 0 8px; } .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content { border-right: none; border-left: 1px solid #f0f0f0; } .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child, .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child { border-left: none; } nz-descriptions { display: block; } .ant-divider { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; border-top: 1px solid rgba(0, 0, 0, 0.06); } .ant-divider-vertical { position: relative; top: -0.06em; display: inline-block; height: 0.9em; margin: 0 8px; vertical-align: middle; border-top: 0; border-left: 1px solid rgba(0, 0, 0, 0.06); } .ant-divider-horizontal { display: flex; clear: both; width: 100%; min-width: 100%; margin: 24px 0; } .ant-divider-horizontal.ant-divider-with-text { display: flex; align-items: center; margin: 16px 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; white-space: nowrap; text-align: center; border-top: 0; border-top-color: rgba(0, 0, 0, 0.06); } .ant-divider-horizontal.ant-divider-with-text::before, .ant-divider-horizontal.ant-divider-with-text::after { position: relative; width: 50%; border-top: 1px solid transparent; border-top-color: inherit; border-bottom: 0; transform: translateY(50%); content: ""; } .ant-divider-horizontal.ant-divider-with-text-left::before { width: 5%; } .ant-divider-horizontal.ant-divider-with-text-left::after { width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::before { width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::after { width: 5%; } .ant-divider-inner-text { display: inline-block; padding: 0 1em; } .ant-divider-dashed { background: none; border-color: rgba(0, 0, 0, 0.06); border-style: dashed; border-width: 1px 0 0; } .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before, .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after { border-style: dashed none none; } .ant-divider-vertical.ant-divider-dashed { border-width: 0 0 0 1px; } .ant-divider-plain.ant-divider-with-text { color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; } .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::before { width: 0; } .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::after { width: 100%; } .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text { padding-left: 0; } .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::before { width: 100%; } .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::after { width: 0; } .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text { padding-right: 0; } .ant-divider-rtl { direction: rtl; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before { width: 95%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after { width: 5%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before { width: 5%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after { width: 95%; } .ant-divider-dotted { background: none; border-color: rgba(0, 0, 0, 0.06); border-style: dotted; border-width: 1px 0 0; } .ant-divider-horizontal.ant-divider-with-text.ant-divider-dotted::after, .ant-divider-horizontal.ant-divider-with-text.ant-divider-dotted::before { border-style: dotted none none; } .ant-divider-vertical.ant-divider-dotted { border-width: 0 0 0 1px; } .ant-divider-sm { margin-block: 8px; } .ant-divider-md { margin-block: 16px; } .ant-drawer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; pointer-events: none; } .ant-drawer-inline { position: absolute; } .ant-drawer-mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background: rgba(0, 0, 0, 0.45); pointer-events: auto; } .ant-drawer-content-wrapper { position: absolute; z-index: 1000; transition: all 0.3s; } .ant-drawer-content-wrapper-hidden { display: none; } .ant-drawer-left > .ant-drawer-content-wrapper { top: 0; bottom: 0; left: 0; box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-right > .ant-drawer-content-wrapper { top: 0; right: 0; bottom: 0; box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-top > .ant-drawer-content-wrapper { top: 0; right: 0; left: 0; box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-bottom > .ant-drawer-content-wrapper { right: 0; bottom: 0; left: 0; box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-content { width: 100%; height: 100%; overflow: auto; background: #fff; pointer-events: auto; } .ant-drawer-wrapper-body { display: flex; flex-direction: column; width: 100%; height: 100%; } .ant-drawer-header { display: flex; flex: 0; align-items: center; padding: 16px 24px; font-size: 16px; line-height: 22px; border-bottom: 1px solid #f0f0f0; } .ant-drawer-header-title { display: flex; flex: 1; align-items: center; min-width: 0; min-height: 0; } .ant-drawer-extra { flex: none; } .ant-drawer-close { display: inline-block; margin-right: 12px; color: rgba(0, 0, 0, 0.45); font-weight: 700; font-size: 16px; font-style: normal; line-height: 1; 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-title { flex: 1; margin: 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; line-height: 22px; } .ant-drawer-body { flex: 1; min-width: 0; min-height: 0; padding: 24px; overflow: auto; } .ant-drawer-footer { flex-shrink: 0; padding: 10px 16px; border-top: 1px solid #f0f0f0; } .panel-motion-enter-start, .panel-motion-appear-start, .panel-motion-leave-start { transition: none; } .panel-motion-enter-active, .panel-motion-appear-active, .panel-motion-leave-active { transition: all 0.3s; } .ant-drawer-mask-motion-enter-active, .ant-drawer-mask-motion-appear-active, .ant-drawer-mask-motion-leave-active { transition: all 0.3s; } .ant-drawer-mask-motion-enter, .ant-drawer-mask-motion-appear { opacity: 0; } .ant-drawer-mask-motion-enter-active, .ant-drawer-mask-motion-appear-active { opacity: 1; } .ant-drawer-mask-motion-leave { opacity: 1; } .ant-drawer-mask-motion-leave-active { opacity: 0; } .ant-drawer-panel-motion-left-enter-start, .ant-drawer-panel-motion-left-appear-start, .ant-drawer-panel-motion-left-leave-start { transition: none; } .ant-drawer-panel-motion-left-enter-active, .ant-drawer-panel-motion-left-appear-active, .ant-drawer-panel-motion-left-leave-active { transition: all 0.3s; } .ant-drawer-panel-motion-left-enter-start, .ant-drawer-panel-motion-left-appear-start { transform: translateX(-100%) !important; } .ant-drawer-panel-motion-left-enter-active, .ant-drawer-panel-motion-left-appear-active { transform: translateX(0); } .ant-drawer-panel-motion-left-leave { transform: translateX(0); } .ant-drawer-panel-motion-left-leave-active { transform: translateX(-100%); } .ant-drawer-panel-motion-right-enter-start, .ant-drawer-panel-motion-right-appear-start, .ant-drawer-panel-motion-right-leave-start { transition: none; } .ant-drawer-panel-motion-right-enter-active, .ant-drawer-panel-motion-right-appear-active, .ant-drawer-panel-motion-right-leave-active { transition: all 0.3s; } .ant-drawer-panel-motion-right-enter-start, .ant-drawer-panel-motion-right-appear-start { transform: translateX(100%) !important; } .ant-drawer-panel-motion-right-enter-active, .ant-drawer-panel-motion-right-appear-active { transform: translateX(0); } .ant-drawer-panel-motion-right-leave { transform: translateX(0); } .ant-drawer-panel-motion-right-leave-active { transform: translateX(100%); } .ant-drawer-panel-motion-top-enter-start, .ant-drawer-panel-motion-top-appear-start, .ant-drawer-panel-motion-top-leave-start { transition: none; } .ant-drawer-panel-motion-top-enter-active, .ant-drawer-panel-motion-top-appear-active, .ant-drawer-panel-motion-top-leave-active { transition: all 0.3s; } .ant-drawer-panel-motion-top-enter-start, .ant-drawer-panel-motion-top-appear-start { transform: translateY(-100%) !important; } .ant-drawer-panel-motion-top-enter-active, .ant-drawer-panel-motion-top-appear-active { transform: translateY(0); } .ant-drawer-panel-motion-top-leave { transform: translateY(0); } .ant-drawer-panel-motion-top-leave-active { transform: translateY(-100%); } .ant-drawer-panel-motion-bottom-enter-start, .ant-drawer-panel-motion-bottom-appear-start, .ant-drawer-panel-motion-bottom-leave-start { transition: none; } .ant-drawer-panel-motion-bottom-enter-active, .ant-drawer-panel-motion-bottom-appear-active, .ant-drawer-panel-motion-bottom-leave-active { transition: all 0.3s; } .ant-drawer-panel-motion-bottom-enter-start, .ant-drawer-panel-motion-bottom-appear-start { transform: translateY(100%) !important; } .ant-drawer-panel-motion-bottom-enter-active, .ant-drawer-panel-motion-bottom-appear-active { transform: translateY(0); } .ant-drawer-panel-motion-bottom-leave { transform: translateY(0); } .ant-drawer-panel-motion-bottom-leave-active { transform: translateY(100%); } .ant-drawer-rtl { direction: rtl; } .ant-drawer-rtl .ant-drawer-close { margin-right: 0; margin-left: 12px; } .ant-drawer:not(.ant-drawer-open) .ant-drawer-content-wrapper { box-shadow: none; } .ant-dropdown-menu-item.ant-dropdown-menu-item-danger { color: #ff4d4f; } .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover { color: #fff; background-color: #ff4d4f; } .ant-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; --antd-arrow-background-color: #fff; position: absolute; top: -9999px; left: -9999px; z-index: 1050; display: block; } .ant-dropdown::before { position: absolute; inset-block: calc(16px / 2 - calc(16px / 2 + 4px)); z-index: -9999; opacity: 0.0001; content: ""; } .ant-dropdown-wrap { position: relative; } .ant-dropdown-wrap .ant-btn > .anticon-down { font-size: 10px; } .ant-dropdown-wrap .anticon-down::before { transition: transform 0.2s; } .ant-dropdown-wrap-open .anticon-down::before { transform: rotate(180deg); } .ant-dropdown-hidden, .ant-dropdown-menu-hidden, .ant-dropdown-menu-submenu-hidden { display: none; } .ant-dropdown-arrow { position: absolute; z-index: 1; display: block; width: 16px; height: 16px; overflow: hidden; pointer-events: none; } .ant-dropdown-arrow::before { position: absolute; bottom: 0; width: 16px; height: calc(16px / 2); background: var(--antd-arrow-background-color); content: ""; clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%); clip-path: path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z"); inset-inline-start: 0; } .ant-dropdown-arrow::after { position: absolute; bottom: 0; z-index: 0; width: 8.97056275px; height: 8.97056275px; margin: auto; background: transparent; border-radius: 0 0 2px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05); transform: translateY(50%) rotate(-135deg); content: ""; inset-inline: 0; } .ant-dropdown-arrow::before { background: var(--antd-arrow-background-color); } .ant-dropdown-placement-top > .ant-dropdown-arrow, .ant-dropdown-placement-topLeft > .ant-dropdown-arrow, .ant-dropdown-placement-topRight > .ant-dropdown-arrow { bottom: 0px; transform: translateY(100%) rotate(180deg); } .ant-dropdown-placement-top > .ant-dropdown-arrow { left: 50%; transform: translateX(-50%) translateY(100%) rotate(180deg); } .ant-dropdown-placement-topLeft > .ant-dropdown-arrow { left: 16px; } .ant-dropdown-placement-topRight > .ant-dropdown-arrow { right: 16px; } .ant-dropdown-placement-bottom > .ant-dropdown-arrow, .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow, .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { top: 0px; transform: translateY(-100%); } .ant-dropdown-placement-bottom > .ant-dropdown-arrow { left: 50%; transform: translateX(-50%) translateY(-100%); } .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow { left: 16px; } .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { right: 16px; } .ant-dropdown-placement-left > .ant-dropdown-arrow, .ant-dropdown-placement-leftTop > .ant-dropdown-arrow, .ant-dropdown-placement-leftBottom > .ant-dropdown-arrow { right: 0px; transform: translateX(100%) rotate(90deg); } .ant-dropdown-placement-left > .ant-dropdown-arrow { top: 50%; transform: translateY(-50%) translateX(100%) rotate(90deg); } .ant-dropdown-placement-leftTop > .ant-dropdown-arrow { top: 16px; } .ant-dropdown-placement-leftBottom > .ant-dropdown-arrow { bottom: 16px; } .ant-dropdown-placement-right > .ant-dropdown-arrow, .ant-dropdown-placement-rightTop > .ant-dropdown-arrow, .ant-dropdown-placement-rightBottom > .ant-dropdown-arrow { left: 0px; transform: translateX(-100%) rotate(-90deg); } .ant-dropdown-placement-right > .ant-dropdown-arrow { top: 50%; transform: translateY(-50%) translateX(-100%) rotate(-90deg); } .ant-dropdown-placement-rightTop > .ant-dropdown-arrow { top: 16px; } .ant-dropdown-placement-rightBottom > .ant-dropdown-arrow { bottom: 16px; } .ant-dropdown-menu { position: relative; margin: 0; padding: 4px 0; text-align: left; list-style-type: none; background-color: #fff; background-clip: padding-box; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-dropdown-menu-item-group-title { padding: 5px 12px; color: rgba(0, 0, 0, 0.45); transition: all 0.3s; } .ant-dropdown-menu-submenu-popup { position: absolute; z-index: 1050; background: transparent; box-shadow: none; transform-origin: 0 0; } .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-menu-submenu-popup li { list-style: none; } .ant-dropdown-menu-submenu-popup ul { margin-right: 0.3em; margin-left: 0.3em; } .ant-dropdown-menu-item { position: relative; display: flex; align-items: center; } .ant-dropdown-menu-item-icon { min-width: 12px; margin-right: 8px; font-size: 12px; } .ant-dropdown-menu-title-content { flex: auto; } .ant-dropdown-menu-title-content > a { color: inherit; transition: all 0.3s; } .ant-dropdown-menu-title-content > a:hover { color: inherit; } .ant-dropdown-menu-title-content > a::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; } .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title { clear: both; margin: 0; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; cursor: pointer; transition: all 0.3s; } .ant-dropdown-menu-item-selected, .ant-dropdown-menu-submenu-title-selected { color: #1abc9c; background-color: #edfcf7; } .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover, .ant-dropdown-menu-item.ant-dropdown-menu-item-active, .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active, .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active, .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active { background-color: #f5f5f5; } .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled, .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled, .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled:hover, .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled:hover, .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled:hover, .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled a, .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled a, .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled a, .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled a { pointer-events: none; } .ant-dropdown-menu-item-divider, .ant-dropdown-menu-submenu-title-divider { height: 1px; margin: 4px 0; overflow: hidden; line-height: 0; background-color: #f0f0f0; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon { position: absolute; right: 8px; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon { margin-right: 0 !important; color: rgba(0, 0, 0, 0.45); font-size: 10px; font-style: normal; } .ant-dropdown-menu-item-group-list { margin: 0 8px; padding: 0; list-style: none; } .ant-dropdown-menu-submenu-title { padding-right: 24px; } .ant-dropdown-menu-submenu-vertical { position: relative; } .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { position: absolute; top: 0; left: 100%; min-width: 100%; margin-left: 4px; transform-origin: 0 0; } .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title { color: #1abc9c; } .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight { animation-name: antSlideUpIn; } .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-top, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-top, .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight { animation-name: antSlideDownIn; } .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottom, .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight { animation-name: antSlideUpOut; } .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-top, .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight { animation-name: antSlideDownOut; } .ant-dropdown-trigger > .anticon.anticon-down, .ant-dropdown-link > .anticon.anticon-down, .ant-dropdown-button > .anticon.anticon-down { font-size: 10px; vertical-align: baseline; } .ant-dropdown-button { white-space: nowrap; } .ant-dropdown-button.ant-btn-group > .ant-btn-loading, .ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn { cursor: default; pointer-events: none; } .ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn::before { display: block; } .ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) { padding-right: 8px; padding-left: 8px; } .ant-dropdown-menu-dark, .ant-dropdown-menu-dark .ant-dropdown-menu { background: #001529; } .ant-dropdown-menu-dark .ant-dropdown-menu-item, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover { color: #fff; background: transparent; } .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a { color: #fff; background: #1abc9c; } .ant-dropdown-rtl { direction: rtl; } .ant-dropdown-rtl.ant-dropdown::before { right: -7px; left: 0; } .ant-dropdown-menu.ant-dropdown-menu-rtl { direction: rtl; text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item-group-title, .ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title { direction: rtl; text-align: right; } .ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl { transform-origin: 100% 0; } .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li { text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title { text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child { margin-right: 0; margin-left: 8px; } .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon { right: auto; left: 8px; } .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon { margin-left: 0 !important; transform: scaleX(-1); } .ant-dropdown-rtl .ant-dropdown-menu-submenu-title { padding-right: 12px; padding-left: 24px; } .ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { right: 100%; left: 0; margin-right: 4px; margin-left: 0; } .ant-dropdown-menu > ul { margin: 0; padding: 0; list-style: inherit; } .ant-dropdown { position: relative; inset: 0; } .ant-dropdown:not(:has(.ant-dropdown-arrow)) { margin-block: calc(calc(16px / 2 + 4px) - 16px / 2); } .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow { transform: rotate(180deg); } .ant-empty { margin: 0 8px; font-size: 14px; line-height: 1.5715; text-align: center; } .ant-empty-image { height: 100px; margin-bottom: 8px; } .ant-empty-image img { height: 100%; } .ant-empty-image svg { height: 100%; margin: auto; } .ant-empty-footer { margin-top: 16px; } .ant-empty-normal { margin: 32px 0; color: rgba(0, 0, 0, 0.25); } .ant-empty-normal .ant-empty-image { height: 40px; } .ant-empty-small { margin: 8px 0; color: rgba(0, 0, 0, 0.25); } .ant-empty-small .ant-empty-image { height: 35px; } .ant-empty-img-default-ellipse { fill: #f5f5f5; fill-opacity: 0.8; } .ant-empty-img-default-path-1 { fill: #aeb8c2; } .ant-empty-img-default-path-2 { fill: url(#linearGradient-1); } .ant-empty-img-default-path-3 { fill: #f5f5f7; } .ant-empty-img-default-path-4 { fill: #dce0e6; } .ant-empty-img-default-path-5 { fill: #dce0e6; } .ant-empty-img-default-g { fill: #fff; } .ant-empty-img-simple-ellipse { fill: #f5f5f5; } .ant-empty-img-simple-g { stroke: #d9d9d9; } .ant-empty-img-simple-path { fill: #fafafa; } .ant-empty-rtl { direction: rtl; } nz-empty { display: block; } .ant-row { display: flex; flex-flow: row wrap; min-width: 0; } .ant-row::before, .ant-row::after { display: flex; } .ant-row-no-wrap { flex-wrap: nowrap; } .ant-row-start { justify-content: flex-start; } .ant-row-center { justify-content: center; } .ant-row-end { justify-content: flex-end; } .ant-row-space-between { justify-content: space-between; } .ant-row-space-around { justify-content: space-around; } .ant-row-space-evenly { justify-content: space-evenly; } .ant-row-top { align-items: flex-start; } .ant-row-middle { align-items: center; } .ant-row-bottom { align-items: flex-end; } .ant-col { position: relative; max-width: 100%; min-height: 1px; } .ant-col-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-push-24 { left: 100%; } .ant-col-pull-24 { right: 100%; } .ant-col-offset-24 { margin-left: 100%; } .ant-col-order-24 { order: 24; } .ant-col-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-push-23 { left: 95.83333333%; } .ant-col-pull-23 { right: 95.83333333%; } .ant-col-offset-23 { margin-left: 95.83333333%; } .ant-col-order-23 { order: 23; } .ant-col-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-push-22 { left: 91.66666667%; } .ant-col-pull-22 { right: 91.66666667%; } .ant-col-offset-22 { margin-left: 91.66666667%; } .ant-col-order-22 { order: 22; } .ant-col-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-push-21 { left: 87.5%; } .ant-col-pull-21 { right: 87.5%; } .ant-col-offset-21 { margin-left: 87.5%; } .ant-col-order-21 { order: 21; } .ant-col-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-push-20 { left: 83.33333333%; } .ant-col-pull-20 { right: 83.33333333%; } .ant-col-offset-20 { margin-left: 83.33333333%; } .ant-col-order-20 { order: 20; } .ant-col-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-push-19 { left: 79.16666667%; } .ant-col-pull-19 { right: 79.16666667%; } .ant-col-offset-19 { margin-left: 79.16666667%; } .ant-col-order-19 { order: 19; } .ant-col-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-push-18 { left: 75%; } .ant-col-pull-18 { right: 75%; } .ant-col-offset-18 { margin-left: 75%; } .ant-col-order-18 { order: 18; } .ant-col-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-push-17 { left: 70.83333333%; } .ant-col-pull-17 { right: 70.83333333%; } .ant-col-offset-17 { margin-left: 70.83333333%; } .ant-col-order-17 { order: 17; } .ant-col-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-push-16 { left: 66.66666667%; } .ant-col-pull-16 { right: 66.66666667%; } .ant-col-offset-16 { margin-left: 66.66666667%; } .ant-col-order-16 { order: 16; } .ant-col-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-push-15 { left: 62.5%; } .ant-col-pull-15 { right: 62.5%; } .ant-col-offset-15 { margin-left: 62.5%; } .ant-col-order-15 { order: 15; } .ant-col-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-push-14 { left: 58.33333333%; } .ant-col-pull-14 { right: 58.33333333%; } .ant-col-offset-14 { margin-left: 58.33333333%; } .ant-col-order-14 { order: 14; } .ant-col-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-push-13 { left: 54.16666667%; } .ant-col-pull-13 { right: 54.16666667%; } .ant-col-offset-13 { margin-left: 54.16666667%; } .ant-col-order-13 { order: 13; } .ant-col-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-push-12 { left: 50%; } .ant-col-pull-12 { right: 50%; } .ant-col-offset-12 { margin-left: 50%; } .ant-col-order-12 { order: 12; } .ant-col-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-push-11 { left: 45.83333333%; } .ant-col-pull-11 { right: 45.83333333%; } .ant-col-offset-11 { margin-left: 45.83333333%; } .ant-col-order-11 { order: 11; } .ant-col-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-push-10 { left: 41.66666667%; } .ant-col-pull-10 { right: 41.66666667%; } .ant-col-offset-10 { margin-left: 41.66666667%; } .ant-col-order-10 { order: 10; } .ant-col-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-push-9 { left: 37.5%; } .ant-col-pull-9 { right: 37.5%; } .ant-col-offset-9 { margin-left: 37.5%; } .ant-col-order-9 { order: 9; } .ant-col-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-push-8 { left: 33.33333333%; } .ant-col-pull-8 { right: 33.33333333%; } .ant-col-offset-8 { margin-left: 33.33333333%; } .ant-col-order-8 { order: 8; } .ant-col-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-push-7 { left: 29.16666667%; } .ant-col-pull-7 { right: 29.16666667%; } .ant-col-offset-7 { margin-left: 29.16666667%; } .ant-col-order-7 { order: 7; } .ant-col-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-push-6 { left: 25%; } .ant-col-pull-6 { right: 25%; } .ant-col-offset-6 { margin-left: 25%; } .ant-col-order-6 { order: 6; } .ant-col-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-push-5 { left: 20.83333333%; } .ant-col-pull-5 { right: 20.83333333%; } .ant-col-offset-5 { margin-left: 20.83333333%; } .ant-col-order-5 { order: 5; } .ant-col-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-push-4 { left: 16.66666667%; } .ant-col-pull-4 { right: 16.66666667%; } .ant-col-offset-4 { margin-left: 16.66666667%; } .ant-col-order-4 { order: 4; } .ant-col-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-push-3 { left: 12.5%; } .ant-col-pull-3 { right: 12.5%; } .ant-col-offset-3 { margin-left: 12.5%; } .ant-col-order-3 { order: 3; } .ant-col-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-push-2 { left: 8.33333333%; } .ant-col-pull-2 { right: 8.33333333%; } .ant-col-offset-2 { margin-left: 8.33333333%; } .ant-col-order-2 { order: 2; } .ant-col-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-push-1 { left: 4.16666667%; } .ant-col-pull-1 { right: 4.16666667%; } .ant-col-offset-1 { margin-left: 4.16666667%; } .ant-col-order-1 { order: 1; } .ant-col-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-offset-0 { margin-left: 0; } .ant-col-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } .ant-col-xs-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-xs-push-24 { left: 100%; } .ant-col-xs-pull-24 { right: 100%; } .ant-col-xs-offset-24 { margin-left: 100%; } .ant-col-xs-order-24 { order: 24; } .ant-col-xs-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-xs-push-23 { left: 95.83333333%; } .ant-col-xs-pull-23 { right: 95.83333333%; } .ant-col-xs-offset-23 { margin-left: 95.83333333%; } .ant-col-xs-order-23 { order: 23; } .ant-col-xs-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-xs-push-22 { left: 91.66666667%; } .ant-col-xs-pull-22 { right: 91.66666667%; } .ant-col-xs-offset-22 { margin-left: 91.66666667%; } .ant-col-xs-order-22 { order: 22; } .ant-col-xs-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-xs-push-21 { left: 87.5%; } .ant-col-xs-pull-21 { right: 87.5%; } .ant-col-xs-offset-21 { margin-left: 87.5%; } .ant-col-xs-order-21 { order: 21; } .ant-col-xs-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-xs-push-20 { left: 83.33333333%; } .ant-col-xs-pull-20 { right: 83.33333333%; } .ant-col-xs-offset-20 { margin-left: 83.33333333%; } .ant-col-xs-order-20 { order: 20; } .ant-col-xs-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-xs-push-19 { left: 79.16666667%; } .ant-col-xs-pull-19 { right: 79.16666667%; } .ant-col-xs-offset-19 { margin-left: 79.16666667%; } .ant-col-xs-order-19 { order: 19; } .ant-col-xs-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-xs-push-18 { left: 75%; } .ant-col-xs-pull-18 { right: 75%; } .ant-col-xs-offset-18 { margin-left: 75%; } .ant-col-xs-order-18 { order: 18; } .ant-col-xs-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-xs-push-17 { left: 70.83333333%; } .ant-col-xs-pull-17 { right: 70.83333333%; } .ant-col-xs-offset-17 { margin-left: 70.83333333%; } .ant-col-xs-order-17 { order: 17; } .ant-col-xs-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-xs-push-16 { left: 66.66666667%; } .ant-col-xs-pull-16 { right: 66.66666667%; } .ant-col-xs-offset-16 { margin-left: 66.66666667%; } .ant-col-xs-order-16 { order: 16; } .ant-col-xs-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-xs-push-15 { left: 62.5%; } .ant-col-xs-pull-15 { right: 62.5%; } .ant-col-xs-offset-15 { margin-left: 62.5%; } .ant-col-xs-order-15 { order: 15; } .ant-col-xs-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-xs-push-14 { left: 58.33333333%; } .ant-col-xs-pull-14 { right: 58.33333333%; } .ant-col-xs-offset-14 { margin-left: 58.33333333%; } .ant-col-xs-order-14 { order: 14; } .ant-col-xs-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-xs-push-13 { left: 54.16666667%; } .ant-col-xs-pull-13 { right: 54.16666667%; } .ant-col-xs-offset-13 { margin-left: 54.16666667%; } .ant-col-xs-order-13 { order: 13; } .ant-col-xs-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-xs-push-12 { left: 50%; } .ant-col-xs-pull-12 { right: 50%; } .ant-col-xs-offset-12 { margin-left: 50%; } .ant-col-xs-order-12 { order: 12; } .ant-col-xs-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-xs-push-11 { left: 45.83333333%; } .ant-col-xs-pull-11 { right: 45.83333333%; } .ant-col-xs-offset-11 { margin-left: 45.83333333%; } .ant-col-xs-order-11 { order: 11; } .ant-col-xs-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-xs-push-10 { left: 41.66666667%; } .ant-col-xs-pull-10 { right: 41.66666667%; } .ant-col-xs-offset-10 { margin-left: 41.66666667%; } .ant-col-xs-order-10 { order: 10; } .ant-col-xs-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-xs-push-9 { left: 37.5%; } .ant-col-xs-pull-9 { right: 37.5%; } .ant-col-xs-offset-9 { margin-left: 37.5%; } .ant-col-xs-order-9 { order: 9; } .ant-col-xs-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-xs-push-8 { left: 33.33333333%; } .ant-col-xs-pull-8 { right: 33.33333333%; } .ant-col-xs-offset-8 { margin-left: 33.33333333%; } .ant-col-xs-order-8 { order: 8; } .ant-col-xs-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-xs-push-7 { left: 29.16666667%; } .ant-col-xs-pull-7 { right: 29.16666667%; } .ant-col-xs-offset-7 { margin-left: 29.16666667%; } .ant-col-xs-order-7 { order: 7; } .ant-col-xs-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-xs-push-6 { left: 25%; } .ant-col-xs-pull-6 { right: 25%; } .ant-col-xs-offset-6 { margin-left: 25%; } .ant-col-xs-order-6 { order: 6; } .ant-col-xs-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-xs-push-5 { left: 20.83333333%; } .ant-col-xs-pull-5 { right: 20.83333333%; } .ant-col-xs-offset-5 { margin-left: 20.83333333%; } .ant-col-xs-order-5 { order: 5; } .ant-col-xs-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-xs-push-4 { left: 16.66666667%; } .ant-col-xs-pull-4 { right: 16.66666667%; } .ant-col-xs-offset-4 { margin-left: 16.66666667%; } .ant-col-xs-order-4 { order: 4; } .ant-col-xs-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-xs-push-3 { left: 12.5%; } .ant-col-xs-pull-3 { right: 12.5%; } .ant-col-xs-offset-3 { margin-left: 12.5%; } .ant-col-xs-order-3 { order: 3; } .ant-col-xs-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-xs-push-2 { left: 8.33333333%; } .ant-col-xs-pull-2 { right: 8.33333333%; } .ant-col-xs-offset-2 { margin-left: 8.33333333%; } .ant-col-xs-order-2 { order: 2; } .ant-col-xs-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-xs-push-1 { left: 4.16666667%; } .ant-col-xs-pull-1 { right: 4.16666667%; } .ant-col-xs-offset-1 { margin-left: 4.16666667%; } .ant-col-xs-order-1 { order: 1; } .ant-col-xs-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xs-push-0 { left: auto; } .ant-col-xs-pull-0 { right: auto; } .ant-col-xs-offset-0 { margin-left: 0; } .ant-col-xs-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-xs-push-0.ant-col-rtl { right: auto; } .ant-col-xs-pull-0.ant-col-rtl { left: auto; } .ant-col-xs-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-xs-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-xs-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-xs-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-xs-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-xs-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-xs-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-xs-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-xs-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-xs-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-xs-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-xs-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-xs-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-xs-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-xs-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-xs-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-xs-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-xs-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-xs-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-xs-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-xs-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-xs-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-xs-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-xs-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-xs-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-xs-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-xs-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-xs-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-xs-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-xs-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-xs-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-xs-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-xs-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-xs-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-xs-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-xs-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-xs-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-xs-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-xs-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-xs-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-xs-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-xs-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-xs-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-xs-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-xs-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-xs-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-xs-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-xs-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-xs-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-xs-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-xs-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-xs-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-xs-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-xs-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-xs-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-xs-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-xs-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-xs-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-xs-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-xs-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-xs-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-xs-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-xs-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-xs-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-xs-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-xs-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-xs-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-xs-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-xs-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-xs-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-xs-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-xs-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-xs-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } @media (min-width: 576px) { .ant-col-sm-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-sm-push-24 { left: 100%; } .ant-col-sm-pull-24 { right: 100%; } .ant-col-sm-offset-24 { margin-left: 100%; } .ant-col-sm-order-24 { order: 24; } .ant-col-sm-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-sm-push-23 { left: 95.83333333%; } .ant-col-sm-pull-23 { right: 95.83333333%; } .ant-col-sm-offset-23 { margin-left: 95.83333333%; } .ant-col-sm-order-23 { order: 23; } .ant-col-sm-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-sm-push-22 { left: 91.66666667%; } .ant-col-sm-pull-22 { right: 91.66666667%; } .ant-col-sm-offset-22 { margin-left: 91.66666667%; } .ant-col-sm-order-22 { order: 22; } .ant-col-sm-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-sm-push-21 { left: 87.5%; } .ant-col-sm-pull-21 { right: 87.5%; } .ant-col-sm-offset-21 { margin-left: 87.5%; } .ant-col-sm-order-21 { order: 21; } .ant-col-sm-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-sm-push-20 { left: 83.33333333%; } .ant-col-sm-pull-20 { right: 83.33333333%; } .ant-col-sm-offset-20 { margin-left: 83.33333333%; } .ant-col-sm-order-20 { order: 20; } .ant-col-sm-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-sm-push-19 { left: 79.16666667%; } .ant-col-sm-pull-19 { right: 79.16666667%; } .ant-col-sm-offset-19 { margin-left: 79.16666667%; } .ant-col-sm-order-19 { order: 19; } .ant-col-sm-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-sm-push-18 { left: 75%; } .ant-col-sm-pull-18 { right: 75%; } .ant-col-sm-offset-18 { margin-left: 75%; } .ant-col-sm-order-18 { order: 18; } .ant-col-sm-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-sm-push-17 { left: 70.83333333%; } .ant-col-sm-pull-17 { right: 70.83333333%; } .ant-col-sm-offset-17 { margin-left: 70.83333333%; } .ant-col-sm-order-17 { order: 17; } .ant-col-sm-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-sm-push-16 { left: 66.66666667%; } .ant-col-sm-pull-16 { right: 66.66666667%; } .ant-col-sm-offset-16 { margin-left: 66.66666667%; } .ant-col-sm-order-16 { order: 16; } .ant-col-sm-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-sm-push-15 { left: 62.5%; } .ant-col-sm-pull-15 { right: 62.5%; } .ant-col-sm-offset-15 { margin-left: 62.5%; } .ant-col-sm-order-15 { order: 15; } .ant-col-sm-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-sm-push-14 { left: 58.33333333%; } .ant-col-sm-pull-14 { right: 58.33333333%; } .ant-col-sm-offset-14 { margin-left: 58.33333333%; } .ant-col-sm-order-14 { order: 14; } .ant-col-sm-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-sm-push-13 { left: 54.16666667%; } .ant-col-sm-pull-13 { right: 54.16666667%; } .ant-col-sm-offset-13 { margin-left: 54.16666667%; } .ant-col-sm-order-13 { order: 13; } .ant-col-sm-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-sm-push-12 { left: 50%; } .ant-col-sm-pull-12 { right: 50%; } .ant-col-sm-offset-12 { margin-left: 50%; } .ant-col-sm-order-12 { order: 12; } .ant-col-sm-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-sm-push-11 { left: 45.83333333%; } .ant-col-sm-pull-11 { right: 45.83333333%; } .ant-col-sm-offset-11 { margin-left: 45.83333333%; } .ant-col-sm-order-11 { order: 11; } .ant-col-sm-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-sm-push-10 { left: 41.66666667%; } .ant-col-sm-pull-10 { right: 41.66666667%; } .ant-col-sm-offset-10 { margin-left: 41.66666667%; } .ant-col-sm-order-10 { order: 10; } .ant-col-sm-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-sm-push-9 { left: 37.5%; } .ant-col-sm-pull-9 { right: 37.5%; } .ant-col-sm-offset-9 { margin-left: 37.5%; } .ant-col-sm-order-9 { order: 9; } .ant-col-sm-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-sm-push-8 { left: 33.33333333%; } .ant-col-sm-pull-8 { right: 33.33333333%; } .ant-col-sm-offset-8 { margin-left: 33.33333333%; } .ant-col-sm-order-8 { order: 8; } .ant-col-sm-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-sm-push-7 { left: 29.16666667%; } .ant-col-sm-pull-7 { right: 29.16666667%; } .ant-col-sm-offset-7 { margin-left: 29.16666667%; } .ant-col-sm-order-7 { order: 7; } .ant-col-sm-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-sm-push-6 { left: 25%; } .ant-col-sm-pull-6 { right: 25%; } .ant-col-sm-offset-6 { margin-left: 25%; } .ant-col-sm-order-6 { order: 6; } .ant-col-sm-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-sm-push-5 { left: 20.83333333%; } .ant-col-sm-pull-5 { right: 20.83333333%; } .ant-col-sm-offset-5 { margin-left: 20.83333333%; } .ant-col-sm-order-5 { order: 5; } .ant-col-sm-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-sm-push-4 { left: 16.66666667%; } .ant-col-sm-pull-4 { right: 16.66666667%; } .ant-col-sm-offset-4 { margin-left: 16.66666667%; } .ant-col-sm-order-4 { order: 4; } .ant-col-sm-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-sm-push-3 { left: 12.5%; } .ant-col-sm-pull-3 { right: 12.5%; } .ant-col-sm-offset-3 { margin-left: 12.5%; } .ant-col-sm-order-3 { order: 3; } .ant-col-sm-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-sm-push-2 { left: 8.33333333%; } .ant-col-sm-pull-2 { right: 8.33333333%; } .ant-col-sm-offset-2 { margin-left: 8.33333333%; } .ant-col-sm-order-2 { order: 2; } .ant-col-sm-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-sm-push-1 { left: 4.16666667%; } .ant-col-sm-pull-1 { right: 4.16666667%; } .ant-col-sm-offset-1 { margin-left: 4.16666667%; } .ant-col-sm-order-1 { order: 1; } .ant-col-sm-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-sm-push-0 { left: auto; } .ant-col-sm-pull-0 { right: auto; } .ant-col-sm-offset-0 { margin-left: 0; } .ant-col-sm-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-sm-push-0.ant-col-rtl { right: auto; } .ant-col-sm-pull-0.ant-col-rtl { left: auto; } .ant-col-sm-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-sm-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-sm-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-sm-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-sm-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-sm-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-sm-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-sm-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-sm-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-sm-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-sm-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-sm-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-sm-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-sm-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-sm-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-sm-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-sm-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-sm-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-sm-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-sm-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-sm-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-sm-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-sm-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-sm-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-sm-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-sm-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-sm-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-sm-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-sm-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-sm-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-sm-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-sm-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-sm-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-sm-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-sm-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-sm-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-sm-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-sm-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-sm-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-sm-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-sm-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-sm-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-sm-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-sm-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-sm-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-sm-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-sm-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-sm-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-sm-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-sm-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-sm-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-sm-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-sm-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-sm-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-sm-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-sm-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-sm-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-sm-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-sm-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-sm-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-sm-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-sm-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-sm-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-sm-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-sm-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-sm-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-sm-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-sm-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-sm-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-sm-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-sm-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-sm-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-sm-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } } @media (min-width: 768px) { .ant-col-md-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-md-push-24 { left: 100%; } .ant-col-md-pull-24 { right: 100%; } .ant-col-md-offset-24 { margin-left: 100%; } .ant-col-md-order-24 { order: 24; } .ant-col-md-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-md-push-23 { left: 95.83333333%; } .ant-col-md-pull-23 { right: 95.83333333%; } .ant-col-md-offset-23 { margin-left: 95.83333333%; } .ant-col-md-order-23 { order: 23; } .ant-col-md-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-md-push-22 { left: 91.66666667%; } .ant-col-md-pull-22 { right: 91.66666667%; } .ant-col-md-offset-22 { margin-left: 91.66666667%; } .ant-col-md-order-22 { order: 22; } .ant-col-md-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-md-push-21 { left: 87.5%; } .ant-col-md-pull-21 { right: 87.5%; } .ant-col-md-offset-21 { margin-left: 87.5%; } .ant-col-md-order-21 { order: 21; } .ant-col-md-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-md-push-20 { left: 83.33333333%; } .ant-col-md-pull-20 { right: 83.33333333%; } .ant-col-md-offset-20 { margin-left: 83.33333333%; } .ant-col-md-order-20 { order: 20; } .ant-col-md-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-md-push-19 { left: 79.16666667%; } .ant-col-md-pull-19 { right: 79.16666667%; } .ant-col-md-offset-19 { margin-left: 79.16666667%; } .ant-col-md-order-19 { order: 19; } .ant-col-md-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-md-push-18 { left: 75%; } .ant-col-md-pull-18 { right: 75%; } .ant-col-md-offset-18 { margin-left: 75%; } .ant-col-md-order-18 { order: 18; } .ant-col-md-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-md-push-17 { left: 70.83333333%; } .ant-col-md-pull-17 { right: 70.83333333%; } .ant-col-md-offset-17 { margin-left: 70.83333333%; } .ant-col-md-order-17 { order: 17; } .ant-col-md-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-md-push-16 { left: 66.66666667%; } .ant-col-md-pull-16 { right: 66.66666667%; } .ant-col-md-offset-16 { margin-left: 66.66666667%; } .ant-col-md-order-16 { order: 16; } .ant-col-md-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-md-push-15 { left: 62.5%; } .ant-col-md-pull-15 { right: 62.5%; } .ant-col-md-offset-15 { margin-left: 62.5%; } .ant-col-md-order-15 { order: 15; } .ant-col-md-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-md-push-14 { left: 58.33333333%; } .ant-col-md-pull-14 { right: 58.33333333%; } .ant-col-md-offset-14 { margin-left: 58.33333333%; } .ant-col-md-order-14 { order: 14; } .ant-col-md-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-md-push-13 { left: 54.16666667%; } .ant-col-md-pull-13 { right: 54.16666667%; } .ant-col-md-offset-13 { margin-left: 54.16666667%; } .ant-col-md-order-13 { order: 13; } .ant-col-md-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-md-push-12 { left: 50%; } .ant-col-md-pull-12 { right: 50%; } .ant-col-md-offset-12 { margin-left: 50%; } .ant-col-md-order-12 { order: 12; } .ant-col-md-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-md-push-11 { left: 45.83333333%; } .ant-col-md-pull-11 { right: 45.83333333%; } .ant-col-md-offset-11 { margin-left: 45.83333333%; } .ant-col-md-order-11 { order: 11; } .ant-col-md-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-md-push-10 { left: 41.66666667%; } .ant-col-md-pull-10 { right: 41.66666667%; } .ant-col-md-offset-10 { margin-left: 41.66666667%; } .ant-col-md-order-10 { order: 10; } .ant-col-md-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-md-push-9 { left: 37.5%; } .ant-col-md-pull-9 { right: 37.5%; } .ant-col-md-offset-9 { margin-left: 37.5%; } .ant-col-md-order-9 { order: 9; } .ant-col-md-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-md-push-8 { left: 33.33333333%; } .ant-col-md-pull-8 { right: 33.33333333%; } .ant-col-md-offset-8 { margin-left: 33.33333333%; } .ant-col-md-order-8 { order: 8; } .ant-col-md-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-md-push-7 { left: 29.16666667%; } .ant-col-md-pull-7 { right: 29.16666667%; } .ant-col-md-offset-7 { margin-left: 29.16666667%; } .ant-col-md-order-7 { order: 7; } .ant-col-md-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-md-push-6 { left: 25%; } .ant-col-md-pull-6 { right: 25%; } .ant-col-md-offset-6 { margin-left: 25%; } .ant-col-md-order-6 { order: 6; } .ant-col-md-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-md-push-5 { left: 20.83333333%; } .ant-col-md-pull-5 { right: 20.83333333%; } .ant-col-md-offset-5 { margin-left: 20.83333333%; } .ant-col-md-order-5 { order: 5; } .ant-col-md-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-md-push-4 { left: 16.66666667%; } .ant-col-md-pull-4 { right: 16.66666667%; } .ant-col-md-offset-4 { margin-left: 16.66666667%; } .ant-col-md-order-4 { order: 4; } .ant-col-md-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-md-push-3 { left: 12.5%; } .ant-col-md-pull-3 { right: 12.5%; } .ant-col-md-offset-3 { margin-left: 12.5%; } .ant-col-md-order-3 { order: 3; } .ant-col-md-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-md-push-2 { left: 8.33333333%; } .ant-col-md-pull-2 { right: 8.33333333%; } .ant-col-md-offset-2 { margin-left: 8.33333333%; } .ant-col-md-order-2 { order: 2; } .ant-col-md-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-md-push-1 { left: 4.16666667%; } .ant-col-md-pull-1 { right: 4.16666667%; } .ant-col-md-offset-1 { margin-left: 4.16666667%; } .ant-col-md-order-1 { order: 1; } .ant-col-md-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-md-push-0 { left: auto; } .ant-col-md-pull-0 { right: auto; } .ant-col-md-offset-0 { margin-left: 0; } .ant-col-md-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-md-push-0.ant-col-rtl { right: auto; } .ant-col-md-pull-0.ant-col-rtl { left: auto; } .ant-col-md-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-md-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-md-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-md-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-md-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-md-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-md-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-md-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-md-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-md-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-md-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-md-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-md-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-md-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-md-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-md-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-md-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-md-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-md-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-md-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-md-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-md-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-md-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-md-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-md-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-md-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-md-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-md-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-md-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-md-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-md-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-md-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-md-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-md-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-md-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-md-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-md-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-md-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-md-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-md-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-md-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-md-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-md-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-md-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-md-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-md-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-md-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-md-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-md-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-md-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-md-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-md-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-md-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-md-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-md-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-md-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-md-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-md-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-md-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-md-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-md-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-md-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-md-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-md-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-md-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-md-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-md-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-md-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-md-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-md-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-md-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-md-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-md-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } } @media (min-width: 992px) { .ant-col-lg-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-lg-push-24 { left: 100%; } .ant-col-lg-pull-24 { right: 100%; } .ant-col-lg-offset-24 { margin-left: 100%; } .ant-col-lg-order-24 { order: 24; } .ant-col-lg-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-lg-push-23 { left: 95.83333333%; } .ant-col-lg-pull-23 { right: 95.83333333%; } .ant-col-lg-offset-23 { margin-left: 95.83333333%; } .ant-col-lg-order-23 { order: 23; } .ant-col-lg-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-lg-push-22 { left: 91.66666667%; } .ant-col-lg-pull-22 { right: 91.66666667%; } .ant-col-lg-offset-22 { margin-left: 91.66666667%; } .ant-col-lg-order-22 { order: 22; } .ant-col-lg-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-lg-push-21 { left: 87.5%; } .ant-col-lg-pull-21 { right: 87.5%; } .ant-col-lg-offset-21 { margin-left: 87.5%; } .ant-col-lg-order-21 { order: 21; } .ant-col-lg-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-lg-push-20 { left: 83.33333333%; } .ant-col-lg-pull-20 { right: 83.33333333%; } .ant-col-lg-offset-20 { margin-left: 83.33333333%; } .ant-col-lg-order-20 { order: 20; } .ant-col-lg-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-lg-push-19 { left: 79.16666667%; } .ant-col-lg-pull-19 { right: 79.16666667%; } .ant-col-lg-offset-19 { margin-left: 79.16666667%; } .ant-col-lg-order-19 { order: 19; } .ant-col-lg-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-lg-push-18 { left: 75%; } .ant-col-lg-pull-18 { right: 75%; } .ant-col-lg-offset-18 { margin-left: 75%; } .ant-col-lg-order-18 { order: 18; } .ant-col-lg-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-lg-push-17 { left: 70.83333333%; } .ant-col-lg-pull-17 { right: 70.83333333%; } .ant-col-lg-offset-17 { margin-left: 70.83333333%; } .ant-col-lg-order-17 { order: 17; } .ant-col-lg-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-lg-push-16 { left: 66.66666667%; } .ant-col-lg-pull-16 { right: 66.66666667%; } .ant-col-lg-offset-16 { margin-left: 66.66666667%; } .ant-col-lg-order-16 { order: 16; } .ant-col-lg-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-lg-push-15 { left: 62.5%; } .ant-col-lg-pull-15 { right: 62.5%; } .ant-col-lg-offset-15 { margin-left: 62.5%; } .ant-col-lg-order-15 { order: 15; } .ant-col-lg-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-lg-push-14 { left: 58.33333333%; } .ant-col-lg-pull-14 { right: 58.33333333%; } .ant-col-lg-offset-14 { margin-left: 58.33333333%; } .ant-col-lg-order-14 { order: 14; } .ant-col-lg-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-lg-push-13 { left: 54.16666667%; } .ant-col-lg-pull-13 { right: 54.16666667%; } .ant-col-lg-offset-13 { margin-left: 54.16666667%; } .ant-col-lg-order-13 { order: 13; } .ant-col-lg-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-lg-push-12 { left: 50%; } .ant-col-lg-pull-12 { right: 50%; } .ant-col-lg-offset-12 { margin-left: 50%; } .ant-col-lg-order-12 { order: 12; } .ant-col-lg-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-lg-push-11 { left: 45.83333333%; } .ant-col-lg-pull-11 { right: 45.83333333%; } .ant-col-lg-offset-11 { margin-left: 45.83333333%; } .ant-col-lg-order-11 { order: 11; } .ant-col-lg-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-lg-push-10 { left: 41.66666667%; } .ant-col-lg-pull-10 { right: 41.66666667%; } .ant-col-lg-offset-10 { margin-left: 41.66666667%; } .ant-col-lg-order-10 { order: 10; } .ant-col-lg-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-lg-push-9 { left: 37.5%; } .ant-col-lg-pull-9 { right: 37.5%; } .ant-col-lg-offset-9 { margin-left: 37.5%; } .ant-col-lg-order-9 { order: 9; } .ant-col-lg-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-lg-push-8 { left: 33.33333333%; } .ant-col-lg-pull-8 { right: 33.33333333%; } .ant-col-lg-offset-8 { margin-left: 33.33333333%; } .ant-col-lg-order-8 { order: 8; } .ant-col-lg-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-lg-push-7 { left: 29.16666667%; } .ant-col-lg-pull-7 { right: 29.16666667%; } .ant-col-lg-offset-7 { margin-left: 29.16666667%; } .ant-col-lg-order-7 { order: 7; } .ant-col-lg-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-lg-push-6 { left: 25%; } .ant-col-lg-pull-6 { right: 25%; } .ant-col-lg-offset-6 { margin-left: 25%; } .ant-col-lg-order-6 { order: 6; } .ant-col-lg-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-lg-push-5 { left: 20.83333333%; } .ant-col-lg-pull-5 { right: 20.83333333%; } .ant-col-lg-offset-5 { margin-left: 20.83333333%; } .ant-col-lg-order-5 { order: 5; } .ant-col-lg-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-lg-push-4 { left: 16.66666667%; } .ant-col-lg-pull-4 { right: 16.66666667%; } .ant-col-lg-offset-4 { margin-left: 16.66666667%; } .ant-col-lg-order-4 { order: 4; } .ant-col-lg-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-lg-push-3 { left: 12.5%; } .ant-col-lg-pull-3 { right: 12.5%; } .ant-col-lg-offset-3 { margin-left: 12.5%; } .ant-col-lg-order-3 { order: 3; } .ant-col-lg-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-lg-push-2 { left: 8.33333333%; } .ant-col-lg-pull-2 { right: 8.33333333%; } .ant-col-lg-offset-2 { margin-left: 8.33333333%; } .ant-col-lg-order-2 { order: 2; } .ant-col-lg-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-lg-push-1 { left: 4.16666667%; } .ant-col-lg-pull-1 { right: 4.16666667%; } .ant-col-lg-offset-1 { margin-left: 4.16666667%; } .ant-col-lg-order-1 { order: 1; } .ant-col-lg-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-lg-push-0 { left: auto; } .ant-col-lg-pull-0 { right: auto; } .ant-col-lg-offset-0 { margin-left: 0; } .ant-col-lg-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-lg-push-0.ant-col-rtl { right: auto; } .ant-col-lg-pull-0.ant-col-rtl { left: auto; } .ant-col-lg-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-lg-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-lg-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-lg-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-lg-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-lg-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-lg-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-lg-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-lg-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-lg-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-lg-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-lg-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-lg-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-lg-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-lg-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-lg-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-lg-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-lg-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-lg-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-lg-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-lg-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-lg-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-lg-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-lg-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-lg-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-lg-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-lg-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-lg-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-lg-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-lg-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-lg-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-lg-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-lg-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-lg-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-lg-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-lg-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-lg-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-lg-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-lg-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-lg-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-lg-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-lg-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-lg-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-lg-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-lg-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-lg-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-lg-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-lg-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-lg-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-lg-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-lg-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-lg-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-lg-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-lg-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-lg-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-lg-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-lg-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-lg-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-lg-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-lg-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-lg-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-lg-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-lg-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-lg-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-lg-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-lg-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-lg-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-lg-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-lg-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-lg-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-lg-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-lg-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-lg-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } } @media (min-width: 1200px) { .ant-col-xl-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-xl-push-24 { left: 100%; } .ant-col-xl-pull-24 { right: 100%; } .ant-col-xl-offset-24 { margin-left: 100%; } .ant-col-xl-order-24 { order: 24; } .ant-col-xl-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-xl-push-23 { left: 95.83333333%; } .ant-col-xl-pull-23 { right: 95.83333333%; } .ant-col-xl-offset-23 { margin-left: 95.83333333%; } .ant-col-xl-order-23 { order: 23; } .ant-col-xl-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-xl-push-22 { left: 91.66666667%; } .ant-col-xl-pull-22 { right: 91.66666667%; } .ant-col-xl-offset-22 { margin-left: 91.66666667%; } .ant-col-xl-order-22 { order: 22; } .ant-col-xl-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-xl-push-21 { left: 87.5%; } .ant-col-xl-pull-21 { right: 87.5%; } .ant-col-xl-offset-21 { margin-left: 87.5%; } .ant-col-xl-order-21 { order: 21; } .ant-col-xl-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-xl-push-20 { left: 83.33333333%; } .ant-col-xl-pull-20 { right: 83.33333333%; } .ant-col-xl-offset-20 { margin-left: 83.33333333%; } .ant-col-xl-order-20 { order: 20; } .ant-col-xl-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-xl-push-19 { left: 79.16666667%; } .ant-col-xl-pull-19 { right: 79.16666667%; } .ant-col-xl-offset-19 { margin-left: 79.16666667%; } .ant-col-xl-order-19 { order: 19; } .ant-col-xl-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-xl-push-18 { left: 75%; } .ant-col-xl-pull-18 { right: 75%; } .ant-col-xl-offset-18 { margin-left: 75%; } .ant-col-xl-order-18 { order: 18; } .ant-col-xl-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-xl-push-17 { left: 70.83333333%; } .ant-col-xl-pull-17 { right: 70.83333333%; } .ant-col-xl-offset-17 { margin-left: 70.83333333%; } .ant-col-xl-order-17 { order: 17; } .ant-col-xl-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-xl-push-16 { left: 66.66666667%; } .ant-col-xl-pull-16 { right: 66.66666667%; } .ant-col-xl-offset-16 { margin-left: 66.66666667%; } .ant-col-xl-order-16 { order: 16; } .ant-col-xl-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-xl-push-15 { left: 62.5%; } .ant-col-xl-pull-15 { right: 62.5%; } .ant-col-xl-offset-15 { margin-left: 62.5%; } .ant-col-xl-order-15 { order: 15; } .ant-col-xl-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-xl-push-14 { left: 58.33333333%; } .ant-col-xl-pull-14 { right: 58.33333333%; } .ant-col-xl-offset-14 { margin-left: 58.33333333%; } .ant-col-xl-order-14 { order: 14; } .ant-col-xl-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-xl-push-13 { left: 54.16666667%; } .ant-col-xl-pull-13 { right: 54.16666667%; } .ant-col-xl-offset-13 { margin-left: 54.16666667%; } .ant-col-xl-order-13 { order: 13; } .ant-col-xl-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-xl-push-12 { left: 50%; } .ant-col-xl-pull-12 { right: 50%; } .ant-col-xl-offset-12 { margin-left: 50%; } .ant-col-xl-order-12 { order: 12; } .ant-col-xl-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-xl-push-11 { left: 45.83333333%; } .ant-col-xl-pull-11 { right: 45.83333333%; } .ant-col-xl-offset-11 { margin-left: 45.83333333%; } .ant-col-xl-order-11 { order: 11; } .ant-col-xl-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-xl-push-10 { left: 41.66666667%; } .ant-col-xl-pull-10 { right: 41.66666667%; } .ant-col-xl-offset-10 { margin-left: 41.66666667%; } .ant-col-xl-order-10 { order: 10; } .ant-col-xl-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-xl-push-9 { left: 37.5%; } .ant-col-xl-pull-9 { right: 37.5%; } .ant-col-xl-offset-9 { margin-left: 37.5%; } .ant-col-xl-order-9 { order: 9; } .ant-col-xl-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-xl-push-8 { left: 33.33333333%; } .ant-col-xl-pull-8 { right: 33.33333333%; } .ant-col-xl-offset-8 { margin-left: 33.33333333%; } .ant-col-xl-order-8 { order: 8; } .ant-col-xl-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-xl-push-7 { left: 29.16666667%; } .ant-col-xl-pull-7 { right: 29.16666667%; } .ant-col-xl-offset-7 { margin-left: 29.16666667%; } .ant-col-xl-order-7 { order: 7; } .ant-col-xl-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-xl-push-6 { left: 25%; } .ant-col-xl-pull-6 { right: 25%; } .ant-col-xl-offset-6 { margin-left: 25%; } .ant-col-xl-order-6 { order: 6; } .ant-col-xl-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-xl-push-5 { left: 20.83333333%; } .ant-col-xl-pull-5 { right: 20.83333333%; } .ant-col-xl-offset-5 { margin-left: 20.83333333%; } .ant-col-xl-order-5 { order: 5; } .ant-col-xl-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-xl-push-4 { left: 16.66666667%; } .ant-col-xl-pull-4 { right: 16.66666667%; } .ant-col-xl-offset-4 { margin-left: 16.66666667%; } .ant-col-xl-order-4 { order: 4; } .ant-col-xl-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-xl-push-3 { left: 12.5%; } .ant-col-xl-pull-3 { right: 12.5%; } .ant-col-xl-offset-3 { margin-left: 12.5%; } .ant-col-xl-order-3 { order: 3; } .ant-col-xl-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-xl-push-2 { left: 8.33333333%; } .ant-col-xl-pull-2 { right: 8.33333333%; } .ant-col-xl-offset-2 { margin-left: 8.33333333%; } .ant-col-xl-order-2 { order: 2; } .ant-col-xl-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-xl-push-1 { left: 4.16666667%; } .ant-col-xl-pull-1 { right: 4.16666667%; } .ant-col-xl-offset-1 { margin-left: 4.16666667%; } .ant-col-xl-order-1 { order: 1; } .ant-col-xl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xl-push-0 { left: auto; } .ant-col-xl-pull-0 { right: auto; } .ant-col-xl-offset-0 { margin-left: 0; } .ant-col-xl-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-xl-push-0.ant-col-rtl { right: auto; } .ant-col-xl-pull-0.ant-col-rtl { left: auto; } .ant-col-xl-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-xl-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-xl-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-xl-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-xl-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-xl-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-xl-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-xl-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-xl-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-xl-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-xl-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-xl-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-xl-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-xl-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-xl-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-xl-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-xl-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-xl-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-xl-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-xl-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-xl-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-xl-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-xl-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-xl-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-xl-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-xl-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-xl-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-xl-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-xl-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-xl-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-xl-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-xl-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-xl-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-xl-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-xl-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-xl-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-xl-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-xl-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-xl-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-xl-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-xl-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-xl-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-xl-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-xl-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-xl-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-xl-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-xl-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-xl-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-xl-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-xl-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-xl-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-xl-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-xl-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-xl-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-xl-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-xl-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-xl-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-xl-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-xl-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-xl-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-xl-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-xl-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-xl-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-xl-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-xl-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-xl-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-xl-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-xl-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-xl-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-xl-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-xl-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-xl-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-xl-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } } @media (min-width: 1600px) { .ant-col-xxl-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-xxl-push-24 { left: 100%; } .ant-col-xxl-pull-24 { right: 100%; } .ant-col-xxl-offset-24 { margin-left: 100%; } .ant-col-xxl-order-24 { order: 24; } .ant-col-xxl-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-xxl-push-23 { left: 95.83333333%; } .ant-col-xxl-pull-23 { right: 95.83333333%; } .ant-col-xxl-offset-23 { margin-left: 95.83333333%; } .ant-col-xxl-order-23 { order: 23; } .ant-col-xxl-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-xxl-push-22 { left: 91.66666667%; } .ant-col-xxl-pull-22 { right: 91.66666667%; } .ant-col-xxl-offset-22 { margin-left: 91.66666667%; } .ant-col-xxl-order-22 { order: 22; } .ant-col-xxl-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-xxl-push-21 { left: 87.5%; } .ant-col-xxl-pull-21 { right: 87.5%; } .ant-col-xxl-offset-21 { margin-left: 87.5%; } .ant-col-xxl-order-21 { order: 21; } .ant-col-xxl-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-xxl-push-20 { left: 83.33333333%; } .ant-col-xxl-pull-20 { right: 83.33333333%; } .ant-col-xxl-offset-20 { margin-left: 83.33333333%; } .ant-col-xxl-order-20 { order: 20; } .ant-col-xxl-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-xxl-push-19 { left: 79.16666667%; } .ant-col-xxl-pull-19 { right: 79.16666667%; } .ant-col-xxl-offset-19 { margin-left: 79.16666667%; } .ant-col-xxl-order-19 { order: 19; } .ant-col-xxl-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-xxl-push-18 { left: 75%; } .ant-col-xxl-pull-18 { right: 75%; } .ant-col-xxl-offset-18 { margin-left: 75%; } .ant-col-xxl-order-18 { order: 18; } .ant-col-xxl-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-xxl-push-17 { left: 70.83333333%; } .ant-col-xxl-pull-17 { right: 70.83333333%; } .ant-col-xxl-offset-17 { margin-left: 70.83333333%; } .ant-col-xxl-order-17 { order: 17; } .ant-col-xxl-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-xxl-push-16 { left: 66.66666667%; } .ant-col-xxl-pull-16 { right: 66.66666667%; } .ant-col-xxl-offset-16 { margin-left: 66.66666667%; } .ant-col-xxl-order-16 { order: 16; } .ant-col-xxl-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-xxl-push-15 { left: 62.5%; } .ant-col-xxl-pull-15 { right: 62.5%; } .ant-col-xxl-offset-15 { margin-left: 62.5%; } .ant-col-xxl-order-15 { order: 15; } .ant-col-xxl-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-xxl-push-14 { left: 58.33333333%; } .ant-col-xxl-pull-14 { right: 58.33333333%; } .ant-col-xxl-offset-14 { margin-left: 58.33333333%; } .ant-col-xxl-order-14 { order: 14; } .ant-col-xxl-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-xxl-push-13 { left: 54.16666667%; } .ant-col-xxl-pull-13 { right: 54.16666667%; } .ant-col-xxl-offset-13 { margin-left: 54.16666667%; } .ant-col-xxl-order-13 { order: 13; } .ant-col-xxl-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-xxl-push-12 { left: 50%; } .ant-col-xxl-pull-12 { right: 50%; } .ant-col-xxl-offset-12 { margin-left: 50%; } .ant-col-xxl-order-12 { order: 12; } .ant-col-xxl-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-xxl-push-11 { left: 45.83333333%; } .ant-col-xxl-pull-11 { right: 45.83333333%; } .ant-col-xxl-offset-11 { margin-left: 45.83333333%; } .ant-col-xxl-order-11 { order: 11; } .ant-col-xxl-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-xxl-push-10 { left: 41.66666667%; } .ant-col-xxl-pull-10 { right: 41.66666667%; } .ant-col-xxl-offset-10 { margin-left: 41.66666667%; } .ant-col-xxl-order-10 { order: 10; } .ant-col-xxl-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-xxl-push-9 { left: 37.5%; } .ant-col-xxl-pull-9 { right: 37.5%; } .ant-col-xxl-offset-9 { margin-left: 37.5%; } .ant-col-xxl-order-9 { order: 9; } .ant-col-xxl-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-xxl-push-8 { left: 33.33333333%; } .ant-col-xxl-pull-8 { right: 33.33333333%; } .ant-col-xxl-offset-8 { margin-left: 33.33333333%; } .ant-col-xxl-order-8 { order: 8; } .ant-col-xxl-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-xxl-push-7 { left: 29.16666667%; } .ant-col-xxl-pull-7 { right: 29.16666667%; } .ant-col-xxl-offset-7 { margin-left: 29.16666667%; } .ant-col-xxl-order-7 { order: 7; } .ant-col-xxl-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-xxl-push-6 { left: 25%; } .ant-col-xxl-pull-6 { right: 25%; } .ant-col-xxl-offset-6 { margin-left: 25%; } .ant-col-xxl-order-6 { order: 6; } .ant-col-xxl-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-xxl-push-5 { left: 20.83333333%; } .ant-col-xxl-pull-5 { right: 20.83333333%; } .ant-col-xxl-offset-5 { margin-left: 20.83333333%; } .ant-col-xxl-order-5 { order: 5; } .ant-col-xxl-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-xxl-push-4 { left: 16.66666667%; } .ant-col-xxl-pull-4 { right: 16.66666667%; } .ant-col-xxl-offset-4 { margin-left: 16.66666667%; } .ant-col-xxl-order-4 { order: 4; } .ant-col-xxl-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-xxl-push-3 { left: 12.5%; } .ant-col-xxl-pull-3 { right: 12.5%; } .ant-col-xxl-offset-3 { margin-left: 12.5%; } .ant-col-xxl-order-3 { order: 3; } .ant-col-xxl-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-xxl-push-2 { left: 8.33333333%; } .ant-col-xxl-pull-2 { right: 8.33333333%; } .ant-col-xxl-offset-2 { margin-left: 8.33333333%; } .ant-col-xxl-order-2 { order: 2; } .ant-col-xxl-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-xxl-push-1 { left: 4.16666667%; } .ant-col-xxl-pull-1 { right: 4.16666667%; } .ant-col-xxl-offset-1 { margin-left: 4.16666667%; } .ant-col-xxl-order-1 { order: 1; } .ant-col-xxl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xxl-push-0 { left: auto; } .ant-col-xxl-pull-0 { right: auto; } .ant-col-xxl-offset-0 { margin-left: 0; } .ant-col-xxl-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-xxl-push-0.ant-col-rtl { right: auto; } .ant-col-xxl-pull-0.ant-col-rtl { left: auto; } .ant-col-xxl-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-xxl-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-xxl-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-xxl-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-xxl-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-xxl-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-xxl-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-xxl-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-xxl-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-xxl-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-xxl-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-xxl-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-xxl-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-xxl-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-xxl-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-xxl-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-xxl-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-xxl-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-xxl-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-xxl-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-xxl-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-xxl-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-xxl-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-xxl-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-xxl-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-xxl-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-xxl-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-xxl-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-xxl-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-xxl-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-xxl-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-xxl-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-xxl-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-xxl-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-xxl-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-xxl-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-xxl-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-xxl-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-xxl-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-xxl-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-xxl-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-xxl-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-xxl-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-xxl-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-xxl-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-xxl-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-xxl-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-xxl-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-xxl-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-xxl-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-xxl-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-xxl-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-xxl-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-xxl-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-xxl-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-xxl-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-xxl-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-xxl-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-xxl-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-xxl-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-xxl-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-xxl-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-xxl-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-xxl-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-xxl-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-xxl-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-xxl-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-xxl-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-xxl-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-xxl-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-xxl-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-xxl-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-xxl-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } } .ant-row-rtl { direction: rtl; } .ant-flex { display: flex; } .ant-flex-vertical { flex-direction: column; } .ant-flex-justify-flex-start { justify-content: flex-start; } .ant-flex-justify-center { justify-content: center; } .ant-flex-justify-flex-end { justify-content: flex-end; } .ant-flex-justify-space-between { justify-content: space-between; } .ant-flex-justify-space-around { justify-content: space-around; } .ant-flex-justify-space-evenly { justify-content: space-evenly; } .ant-flex-justify-start { justify-content: start; } .ant-flex-justify-end { justify-content: end; } .ant-flex-justify-right { justify-content: right; } .ant-flex-justify-left { justify-content: left; } .ant-flex-justify-stretch { justify-content: stretch; } .ant-flex-justify-normal { justify-content: normal; } .ant-flex-align-flex-start { align-items: flex-start; } .ant-flex-align-center { align-items: center; } .ant-flex-align-flex-end { align-items: flex-end; } .ant-flex-align-start { align-items: start; } .ant-flex-align-end { align-items: end; } .ant-flex-align-stretch { align-items: stretch; } .ant-flex-align-normal { align-items: normal; } .ant-flex-wrap-wrap { flex-wrap: wrap; } .ant-flex-wrap-nowrap { flex-wrap: nowrap; } .ant-flex-wrap-wrap-reverse { flex-wrap: wrap-reverse; } .ant-input-affix-wrapper { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; display: inline-flex; } .ant-input-affix-wrapper::placeholder { color: #bfbfbf; -webkit-user-select: none; user-select: none; } .ant-input-affix-wrapper:placeholder-shown { text-overflow: ellipsis; } .ant-input-affix-wrapper:hover { border-color: #3cc9a9; border-right-width: 1px; } .ant-input-rtl .ant-input-affix-wrapper:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-input-affix-wrapper:focus, .ant-input-rtl .ant-input-affix-wrapper-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-affix-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-affix-wrapper-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-affix-wrapper[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-affix-wrapper[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless, .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless:hover, .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless:focus, .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless.ant-input-affix-wrapper-focused, .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless.ant-input-affix-wrapper-disabled, .ant-input-affix-wrapper.ant-input-affix-wrapper-borderless.ant-input-affix-wrapper[disabled] { background-color: transparent; border: none; box-shadow: none; } .ant-input-affix-wrapper.ant-input-affix-wrapper-filled { background-color: #f5f5f5; border-color: transparent; box-shadow: none; } .ant-input-affix-wrapper.ant-input-affix-wrapper-filled:hover { background-color: #f0f0f0; } .ant-input-affix-wrapper.ant-input-affix-wrapper-filled:focus, .ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; background-color: transparent; box-shadow: none; } .ant-input-rtl .ant-input-affix-wrapper.ant-input-affix-wrapper-filled:focus, .ant-input-rtl .ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper-disabled, .ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper-disabled:hover, .ant-input-affix-wrapper.ant-input-affix-wrapper-filled.ant-input-affix-wrapper[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-affix-wrapper.ant-input-affix-wrapper-underlined, .ant-input-affix-wrapper.ant-input-affix-wrapper-underlined:hover, .ant-input-affix-wrapper.ant-input-affix-wrapper-underlined:focus, .ant-input-affix-wrapper.ant-input-affix-wrapper-underlined.ant-input-affix-wrapper-focused, .ant-input-affix-wrapper.ant-input-affix-wrapper-underlined.ant-input-affix-wrapper-disabled, .ant-input-affix-wrapper.ant-input-affix-wrapper-underlined.ant-input-affix-wrapper[disabled] { background-color: transparent; border-width: 0 0 1px; border-radius: 0; box-shadow: none; } .ant-input-affix-wrapper.ant-input-affix-wrapper-underlined:hover:not(.ant-input-affix-wrapper-focused):not(:focus) { border-color: #d9d9d9; } textarea.ant-input-affix-wrapper { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-affix-wrapper-lg { padding: 6.5px 11px; font-size: 16px; } .ant-input-affix-wrapper-sm { padding: 0px 7px; } .ant-input-affix-wrapper-rtl { direction: rtl; } .ant-input-affix-wrapper-stepperless[type=number] { -moz-appearance: textfield; } .ant-input-affix-wrapper-stepperless[type=number]::-webkit-inner-spin-button, .ant-input-affix-wrapper-stepperless[type=number] ::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { border-color: #3cc9a9; border-right-width: 1px; z-index: 1; } .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { z-index: 0; } .ant-input-affix-wrapper-focused, .ant-input-affix-wrapper:focus { z-index: 1; } .ant-input-affix-wrapper-disabled .ant-input[disabled] { background: rgba(255, 255, 255, 0); } .ant-input-affix-wrapper > .ant-input { font-size: inherit; border: none; outline: none; } .ant-input-affix-wrapper > .ant-input:focus { box-shadow: none !important; } .ant-input-affix-wrapper > .ant-input:not(textarea) { padding: 0; } .ant-input-affix-wrapper::before { display: inline-block; width: 0; visibility: hidden; content: "\a0"; } .ant-input-prefix, .ant-input-suffix { display: flex; flex: none; align-items: center; } .ant-input-prefix > *:not(:last-child), .ant-input-suffix > *:not(:last-child) { margin-right: 8px; } .ant-input-show-count-suffix { color: rgba(0, 0, 0, 0.45); } .ant-input-show-count-has-suffix { margin-right: 2px; } .ant-input-prefix { margin-right: 4px; } .ant-input-suffix { margin-left: 4px; } .anticon.ant-input-clear-icon, .ant-input-clear-icon { margin: 0; color: rgba(0, 0, 0, 0.25); font-size: 12px; vertical-align: -1px; cursor: pointer; transition: color 0.3s; } .anticon.ant-input-clear-icon:hover, .ant-input-clear-icon:hover { color: rgba(0, 0, 0, 0.45); } .anticon.ant-input-clear-icon:active, .ant-input-clear-icon:active { color: rgba(0, 0, 0, 0.85); } .anticon.ant-input-clear-icon-hidden, .ant-input-clear-icon-hidden { visibility: hidden; } .anticon.ant-input-clear-icon-has-suffix, .ant-input-clear-icon-has-suffix { margin: 0 4px; } .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn { padding: 0; } .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon { position: absolute; top: 8px; right: 8px; z-index: 1; } .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover { background: #fff; border-color: #ff4d4f; } .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-input-status-error .ant-input-prefix { color: #ff4d4f; } .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover { background: #fff; border-color: #faad14; } .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-input-status-warning .ant-input-prefix { color: #faad14; } .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover { background: #fff; border-color: #ff4d4f; } .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-input-affix-wrapper-status-error .ant-input-prefix { color: #ff4d4f; } .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover { background: #fff; border-color: #faad14; } .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-input-affix-wrapper-status-warning .ant-input-prefix { color: #faad14; } .ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input, .ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input, .ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input, .ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input { padding-right: 24px; } .ant-input-group-wrapper-status-error .ant-input-group-addon { color: #ff4d4f; border-color: #ff4d4f; } .ant-input-group-wrapper-status-warning .ant-input-group-addon { color: #faad14; border-color: #faad14; } .ant-input { box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; } .ant-input::placeholder { color: #bfbfbf; -webkit-user-select: none; user-select: none; } .ant-input:placeholder-shown { text-overflow: ellipsis; } .ant-input:hover { border-color: #3cc9a9; border-right-width: 1px; } .ant-input-rtl .ant-input:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input:focus, .ant-input-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-input:focus, .ant-input-rtl .ant-input-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input.ant-input-borderless, .ant-input.ant-input-borderless:hover, .ant-input.ant-input-borderless:focus, .ant-input.ant-input-borderless.ant-input-focused, .ant-input.ant-input-borderless.ant-input-disabled, .ant-input.ant-input-borderless.ant-input[disabled] { background-color: transparent; border: none; box-shadow: none; } .ant-input.ant-input-filled { background-color: #f5f5f5; border-color: transparent; box-shadow: none; } .ant-input.ant-input-filled:hover { background-color: #f0f0f0; } .ant-input.ant-input-filled:focus, .ant-input.ant-input-filled.ant-input-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; background-color: transparent; box-shadow: none; } .ant-input-rtl .ant-input.ant-input-filled:focus, .ant-input-rtl .ant-input.ant-input-filled.ant-input-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input.ant-input-filled.ant-input-disabled, .ant-input.ant-input-filled.ant-input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input.ant-input-filled.ant-input-disabled:hover, .ant-input.ant-input-filled.ant-input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input.ant-input-underlined, .ant-input.ant-input-underlined:hover, .ant-input.ant-input-underlined:focus, .ant-input.ant-input-underlined.ant-input-focused, .ant-input.ant-input-underlined.ant-input-disabled, .ant-input.ant-input-underlined.ant-input[disabled] { background-color: transparent; border-width: 0 0 1px; border-radius: 0; box-shadow: none; } .ant-input.ant-input-underlined:hover:not(.ant-input-focused):not(:focus) { border-color: #d9d9d9; } textarea.ant-input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-lg { padding: 6.5px 11px; font-size: 16px; } .ant-input-sm { padding: 0px 7px; } .ant-input-rtl { direction: rtl; } .ant-input-stepperless[type=number] { -moz-appearance: textfield; } .ant-input-stepperless[type=number]::-webkit-inner-spin-button, .ant-input-stepperless[type=number] ::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .ant-input-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; display: table; width: 100%; border-collapse: separate; border-spacing: 0; } .ant-input-group[class*=col-] { float: none; padding-right: 0; padding-left: 0; } .ant-input-group > [class*=col-] { padding-right: 8px; } .ant-input-group > [class*=col-]:last-child { padding-right: 0; } .ant-input-group-addon, .ant-input-group-wrap, .ant-input-group > .ant-input { display: table-cell; } .ant-input-group-addon:not(:first-child):not(:last-child), .ant-input-group-wrap:not(:first-child):not(:last-child), .ant-input-group > .ant-input:not(:first-child):not(:last-child) { border-radius: 0; } .ant-input-group-addon, .ant-input-group-wrap { width: 1px; white-space: nowrap; vertical-align: middle; } .ant-input-group-wrap > * { display: block !important; } .ant-input-group .ant-input { float: left; width: 100%; margin-bottom: 0; text-align: inherit; } .ant-input-group .ant-input:focus { z-index: 1; border-right-width: 1px; } .ant-input-group .ant-input:hover { z-index: 1; border-right-width: 1px; } .ant-input-search-with-button .ant-input-group .ant-input:hover { z-index: 0; } .ant-input-group-addon { position: relative; padding: 0 11px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; text-align: center; background-color: #fafafa; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; } .ant-input-group-addon .ant-select { margin: -5px -11px; } .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { background-color: inherit; border: 1px solid transparent; box-shadow: none; } .ant-input-group-addon .ant-select-open .ant-select-selector, .ant-input-group-addon .ant-select-focused .ant-select-selector { color: #1abc9c; } .ant-input-group-addon .ant-cascader-picker { margin: -9px -12px; background-color: transparent; } .ant-input-group-addon .ant-cascader-picker .ant-cascader-input { text-align: left; border: 0; box-shadow: none; } .ant-input-group > .ant-input:first-child, .ant-input-group-addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector, .ant-input-group-addon:first-child .ant-select .ant-select-selector { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group-addon:first-child { border-right: 0; } .ant-input-group-addon:last-child { border-left: 0; } .ant-input-group > .ant-input:last-child, .ant-input-group-addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector, .ant-input-group-addon:last-child .ant-select .ant-select-selector { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group-lg .ant-input, .ant-input-group-lg > .ant-input-group-addon { padding: 6.5px 11px; font-size: 16px; } .ant-input-group-sm .ant-input, .ant-input-group-sm > .ant-input-group-addon { padding: 0px 7px; } .ant-input-group-lg .ant-select-single .ant-select-selector { height: 40px; } .ant-input-group-sm .ant-select-single .ant-select-selector { height: 24px; } .ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-input-group .ant-input-affix-wrapper:not(:first-child), .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group.ant-input-group-compact { display: block; } .ant-input-group.ant-input-group-compact::before { display: table; content: ""; } .ant-input-group.ant-input-group-compact::after { display: table; clear: both; content: ""; } .ant-input-group.ant-input-group-compact::before { display: table; content: ""; } .ant-input-group.ant-input-group-compact::after { display: table; clear: both; content: ""; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) { border-right-width: 1px; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover { z-index: 1; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus { z-index: 1; } .ant-input-group.ant-input-group-compact > * { display: inline-block; float: none; vertical-align: top; border-radius: 0; } .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper, .ant-input-group.ant-input-group-compact > .ant-input-number-affix-wrapper, .ant-input-group.ant-input-group-compact > .ant-picker-range { display: inline-flex; } .ant-input-group.ant-input-group-compact > *:not(:last-child) { margin-right: -1px; border-right-width: 1px; } .ant-input-group.ant-input-group-compact .ant-input { float: none; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input { border-right-width: 1px; border-radius: 0; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select-focused { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow { z-index: 1; } .ant-input-group.ant-input-group-compact > *:first-child, .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-input-group.ant-input-group-compact > *:last-child, .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-right-width: 1px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input { vertical-align: top; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper { margin-left: -1px; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper { border-radius: 0; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button { border-radius: 0; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 2px 0 0 2px; } .ant-input-group > .ant-input-rtl:first-child, .ant-input-group-rtl .ant-input-group-addon:first-child { border-radius: 0 2px 2px 0; } .ant-input-group-rtl .ant-input-group-addon:first-child { border-right: 1px solid #d9d9d9; border-left: 0; } .ant-input-group-rtl .ant-input-group-addon:last-child { border-right: 0; border-left: 1px solid #d9d9d9; border-radius: 2px 0 0 2px; } .ant-input-group-rtl.ant-input-group > .ant-input:last-child, .ant-input-group-rtl.ant-input-group-addon:last-child { border-radius: 2px 0 0 2px; } .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) { border-radius: 2px 0 0 2px; } .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-radius: 0 2px 2px 0; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) { margin-right: 0; margin-left: -1px; border-left-width: 1px; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input { border-radius: 0 2px 2px 0; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-left-width: 1px; border-radius: 2px 0 0 2px; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl { margin-right: -1px; margin-left: 0; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 0 2px 2px 0; } .ant-input-group > .ant-input-rtl:first-child { border-radius: 0 2px 2px 0; } .ant-input-group > .ant-input-rtl:last-child { border-radius: 2px 0 0 2px; } .ant-input-group-rtl .ant-input-group-addon:first-child { border-right: 1px solid #d9d9d9; border-left: 0; border-radius: 0 2px 2px 0; } .ant-input-group-rtl .ant-input-group-addon:last-child { border-right: 0; border-left: 1px solid #d9d9d9; border-radius: 2px 0 0 2px; } .ant-input-group-wrapper { display: inline-block; width: 100%; text-align: start; vertical-align: top; } .ant-input-group-wrapper:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-compact-item .ant-input, .ant-input-group-wrapper:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-compact-item .ant-input-group-addon { border-radius: 0; } .ant-input-group-wrapper:not(.ant-input-compact-last-item).ant-input-compact-first-item .ant-input, .ant-input-group-wrapper:not(.ant-input-compact-last-item).ant-input-compact-first-item .ant-input-group-addon { border-start-end-radius: 0; border-end-end-radius: 0; } .ant-input-group-wrapper:not(.ant-input-compact-first-item).ant-input-compact-last-item .ant-input, .ant-input-group-wrapper:not(.ant-input-compact-first-item).ant-input-compact-last-item .ant-input-group-addon { border-start-start-radius: 0; border-end-start-radius: 0; } .ant-input-group-wrapper:not(.ant-input-compact-last-item).ant-input-compact-item .ant-input-affix-wrapper { border-start-end-radius: 0; border-end-end-radius: 0; } .ant-input-group-wrapper:not(.ant-input-compact-first-item).ant-input-compact-item .ant-input-affix-wrapper { border-start-start-radius: 0; border-end-start-radius: 0; } .ant-input-password-icon { color: rgba(0, 0, 0, 0.45); cursor: pointer; transition: all 0.3s; } .ant-input-password-icon:hover { color: rgba(0, 0, 0, 0.85); } .ant-input-disabled .ant-input-password-icon { cursor: not-allowed; } .ant-input-disabled .ant-input-password-icon:hover { color: rgba(0, 0, 0, 0.45); } .ant-input[type=color] { height: 32px; } .ant-input[type=color].ant-input-lg { height: 40px; } .ant-input[type=color].ant-input-sm { height: 24px; padding-top: 3px; padding-bottom: 3px; } .ant-input-textarea-show-count > .ant-input { height: 100%; } .ant-input-textarea-show-count::after { float: right; color: rgba(0, 0, 0, 0.45); white-space: nowrap; content: attr(data-count); pointer-events: none; } .ant-input-textarea-show-count.ant-input-textarea-in-form-item::after { margin-bottom: -22px; } .ant-input-textarea-suffix { position: absolute; top: 0; right: 11px; bottom: 0; z-index: 1; display: inline-flex; align-items: center; margin: auto; } .ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) { margin-right: -1px; } .ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl { margin-left: -1px; } .ant-input-compact-item:hover, .ant-input-compact-item:focus, .ant-input-compact-item:active { z-index: 2; } .ant-input-compact-item[disabled] { z-index: 0; } .ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input { border-radius: 0; } .ant-input-compact-item.ant-input.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-compact-item.ant-input.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) { margin-right: -1px; } .ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl { margin-left: -1px; } .ant-input-compact-item:hover, .ant-input-compact-item:focus, .ant-input-compact-item:active { z-index: 2; } .ant-input-compact-item[disabled] { z-index: 0; } .ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-affix-wrapper { border-radius: 0; } .ant-input-compact-item.ant-input-affix-wrapper.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-compact-item.ant-input-affix-wrapper.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-compact-item.ant-input-affix-wrapper.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-compact-item.ant-input-affix-wrapper.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-compact-item:not(.ant-input-compact-last-item) { margin-right: -1px; } .ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-group-wrapper-compact-item-rtl { margin-right: 0; margin-left: -1px; } .ant-input-compact-item:hover > *, .ant-input-compact-item:focus > *, .ant-input-compact-item:active > * { z-index: 2; } .ant-input-compact-item[disabled] > * { z-index: 0; } .ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input-group-wrapper .ant-input-group-addon { border-radius: 0; } .ant-input-compact-item.ant-input-compact-first-item.ant-input-group-wrapper:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) .ant-input-group-addon { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-compact-item.ant-input-compact-last-item.ant-input-group-wrapper:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) .ant-input-group-addon { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-compact-item.ant-input-group-wrapper.ant-input-compact-first-item.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-compact-item.ant-input-group-wrapper.ant-input-compact-last-item.ant-input-compact-item-rtl:not(.ant-input-compact-first-item) .ant-input-group-addon { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-search .ant-input:hover, .ant-input-search .ant-input:focus { border-color: #3cc9a9; } .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { border-left-color: #3cc9a9; } .ant-input-search .ant-input-affix-wrapper { border-radius: 0; } .ant-input-search .ant-input-lg { line-height: 1.5713; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child { left: -1px; padding: 0; border: 0; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button { padding-top: 0; padding-bottom: 0; border-radius: 0 2px 2px 0; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) { color: rgba(0, 0, 0, 0.45); } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before { top: 0; right: 0; bottom: 0; left: 0; } .ant-input-search-button { height: 32px; } .ant-input-search-button:hover, .ant-input-search-button:focus { z-index: 1; } .ant-input-search-large .ant-input-search-button { height: 40px; } .ant-input-search-small .ant-input-search-button { height: 24px; } .ant-input-search.ant-input-compact-item:not(.ant-input-compact-item-rtl):not(.ant-input-compact-last-item) .ant-input-group-addon .ant-input-search-button { margin-right: -1px; border-radius: 0; } .ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input, .ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper { border-radius: 0; } .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:hover, .ant-input-search.ant-input-compact-item > .ant-input:hover, .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover, .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:focus, .ant-input-search.ant-input-compact-item > .ant-input:focus, .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus, .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:active, .ant-input-search.ant-input-compact-item > .ant-input:active, .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active { z-index: 2; } .ant-input-search.ant-input-compact-item > .ant-input-affix-wrapper-focused { z-index: 2; } .ant-input-search.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon:last-child .ant-input-search-button { margin-left: -1px; border-radius: 0; } .ant-input-group-wrapper-rtl { direction: rtl; } .ant-input-group-rtl { direction: rtl; } .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input { border: none; outline: none; } .ant-input-affix-wrapper-rtl .ant-input-prefix { margin: 0 0 0 4px; } .ant-input-affix-wrapper-rtl .ant-input-suffix { margin: 0 4px 0 0; } .ant-input-textarea-rtl { direction: rtl; } .ant-input-textarea-rtl.ant-input-textarea-show-count::after { text-align: left; } .ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix { margin-right: 0; margin-left: 4px; } .ant-input-affix-wrapper-rtl .ant-input-clear-icon { right: auto; left: 8px; } .ant-input-search-rtl { direction: rtl; } .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { border-left-color: #d9d9d9; } .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover, .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover { border-left-color: #3cc9a9; } .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover, .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused { border-right-color: #3cc9a9; } .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child { right: -1px; left: auto; } .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button { border-radius: 2px 0 0 2px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-input { height: 32px; } .ant-input-lg { height: 40px; } .ant-input-sm { height: 24px; } .ant-input-affix-wrapper > input.ant-input { height: auto; } } .ant-otp { display: inline-flex; flex-wrap: nowrap; align-items: center; column-gap: 8px; } .ant-otp-input { text-align: center; padding-inline: 4px; } textarea.nz-textarea-autosize-measuring { height: auto !important; padding: 2px 0 !important; overflow: hidden !important; } .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only, .ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only { width: 32px; height: 32px; } .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm, .ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm { width: 24px; height: 24px; } .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg, .ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg { width: 40px; height: 40px; } .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-suffix { margin-left: 0; } nz-form-item-feedback-icon.ant-input-suffix { position: absolute; top: 0; right: 0; z-index: 1; display: flex; flex: none; align-items: center; height: 100%; margin-right: 12px; margin-left: 4px; pointer-events: none; } .ant-input-status-error.ant-input-has-feedback, .ant-input-status-warning.ant-input-has-feedback, .ant-input-status-validating.ant-input-has-feedback, .ant-input-status-success.ant-input-has-feedback { padding-right: 28px; } .ant-input-textarea-show-count { position: relative; display: block; } .ant-otp-input { width: auto; } .ant-input-number-affix-wrapper { display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; position: relative; display: inline-flex; width: 90px; padding: 0; padding-inline-start: 11px; } .ant-input-number-affix-wrapper::placeholder { color: #bfbfbf; -webkit-user-select: none; user-select: none; } .ant-input-number-affix-wrapper:placeholder-shown { text-overflow: ellipsis; } .ant-input-number-affix-wrapper:hover { border-color: #3cc9a9; border-right-width: 1px; } .ant-input-rtl .ant-input-number-affix-wrapper:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input-number-affix-wrapper:focus, .ant-input-number-affix-wrapper-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-input-number-affix-wrapper:focus, .ant-input-rtl .ant-input-number-affix-wrapper-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-number-affix-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number-affix-wrapper-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-number-affix-wrapper[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number-affix-wrapper[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless, .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless:hover, .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless:focus, .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless.ant-input-number-affix-wrapper-focused, .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless.ant-input-number-affix-wrapper-disabled, .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-borderless.ant-input-number-affix-wrapper[disabled] { background-color: transparent; border: none; box-shadow: none; } .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled { background-color: #f5f5f5; border-color: transparent; box-shadow: none; } .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled:hover { background-color: #f0f0f0; } .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled:focus, .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; background-color: transparent; box-shadow: none; } .ant-input-rtl .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled:focus, .ant-input-rtl .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper-disabled, .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper-disabled:hover, .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-filled.ant-input-number-affix-wrapper[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined, .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined:hover, .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined:focus, .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined.ant-input-number-affix-wrapper-focused, .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined.ant-input-number-affix-wrapper-disabled, .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined.ant-input-number-affix-wrapper[disabled] { background-color: transparent; border-width: 0 0 1px; border-radius: 0; box-shadow: none; } .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-underlined:hover:not(.ant-input-number-affix-wrapper-focused):not(:focus) { border-color: #d9d9d9; } textarea.ant-input-number-affix-wrapper { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-number-affix-wrapper-lg { padding: 6.5px 11px; font-size: 16px; } .ant-input-number-affix-wrapper-sm { padding: 0px 7px; } .ant-input-number-affix-wrapper-rtl { direction: rtl; } .ant-input-number-affix-wrapper-stepperless[type=number] { -moz-appearance: textfield; } .ant-input-number-affix-wrapper-stepperless[type=number]::-webkit-inner-spin-button, .ant-input-number-affix-wrapper-stepperless[type=number] ::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover { border-color: #3cc9a9; border-right-width: 1px; z-index: 1; } .ant-input-rtl .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input-number-affix-wrapper-focused, .ant-input-number-affix-wrapper:focus { z-index: 1; } .ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] { background: transparent; } .ant-input-number-affix-wrapper > div.ant-input-number { width: 100%; border: none; outline: none; } .ant-input-number-affix-wrapper > div.ant-input-number.ant-input-number-focused { box-shadow: none !important; } .ant-input-number-affix-wrapper input.ant-input-number-input { padding: 0; } .ant-input-number-affix-wrapper::before { display: inline-block; width: 0; visibility: hidden; content: "\a0"; } .ant-input-number-affix-wrapper .ant-input-number-handler-wrap { z-index: 2; } .ant-input-number-prefix, .ant-input-number-suffix { display: flex; flex: none; align-items: center; pointer-events: none; } .ant-input-number-prefix { margin-inline-end: 4px; } .ant-input-number-suffix { position: absolute; top: 0; right: 0; z-index: 1; height: 100%; margin-right: 11px; margin-left: 4px; } .ant-input-number-group-wrapper .ant-input-number-affix-wrapper { width: 100%; } .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number, .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover { background: #fff; border-color: #ff4d4f; } .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus, .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-input-number-status-error .ant-input-number-prefix { color: #ff4d4f; } .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number, .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover { background: #fff; border-color: #faad14; } .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus, .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-input-number-status-warning .ant-input-number-prefix { color: #faad14; } .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper, .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover { background: #fff; border-color: #ff4d4f; } .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus, .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-input-number-affix-wrapper-status-error .ant-input-number-prefix { color: #ff4d4f; } .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper, .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover { background: #fff; border-color: #faad14; } .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus, .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix { color: #faad14; } .ant-input-number-group-wrapper-status-error .ant-input-number-group-addon { color: #ff4d4f; border-color: #ff4d4f; } .ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon { color: #faad14; border-color: #faad14; } .ant-input-number { box-sizing: border-box; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; position: relative; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; transition: all 0.3s; display: inline-block; width: 90px; margin: 0; padding: 0; border: 1px solid #d9d9d9; border-radius: 2px; } .ant-input-number::placeholder { color: #bfbfbf; -webkit-user-select: none; user-select: none; } .ant-input-number:placeholder-shown { text-overflow: ellipsis; } .ant-input-number:hover { border-color: #3cc9a9; border-right-width: 1px; } .ant-input-rtl .ant-input-number:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input-number:focus, .ant-input-number-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-input-number:focus, .ant-input-rtl .ant-input-number-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-number-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-number[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-number.ant-input-number-borderless, .ant-input-number.ant-input-number-borderless:hover, .ant-input-number.ant-input-number-borderless:focus, .ant-input-number.ant-input-number-borderless.ant-input-number-focused, .ant-input-number.ant-input-number-borderless.ant-input-number-disabled, .ant-input-number.ant-input-number-borderless.ant-input-number[disabled] { background-color: transparent; border: none; box-shadow: none; } .ant-input-number.ant-input-number-filled { background-color: #f5f5f5; border-color: transparent; box-shadow: none; } .ant-input-number.ant-input-number-filled:hover { background-color: #f0f0f0; } .ant-input-number.ant-input-number-filled:focus, .ant-input-number.ant-input-number-filled.ant-input-number-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; background-color: transparent; box-shadow: none; } .ant-input-rtl .ant-input-number.ant-input-number-filled:focus, .ant-input-rtl .ant-input-number.ant-input-number-filled.ant-input-number-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-number.ant-input-number-filled.ant-input-number-disabled, .ant-input-number.ant-input-number-filled.ant-input-number[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number.ant-input-number-filled.ant-input-number-disabled:hover, .ant-input-number.ant-input-number-filled.ant-input-number[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-number.ant-input-number-underlined, .ant-input-number.ant-input-number-underlined:hover, .ant-input-number.ant-input-number-underlined:focus, .ant-input-number.ant-input-number-underlined.ant-input-number-focused, .ant-input-number.ant-input-number-underlined.ant-input-number-disabled, .ant-input-number.ant-input-number-underlined.ant-input-number[disabled] { background-color: transparent; border-width: 0 0 1px; border-radius: 0; box-shadow: none; } .ant-input-number.ant-input-number-underlined:hover:not(.ant-input-number-focused):not(:focus) { border-color: #d9d9d9; } textarea.ant-input-number { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-number-lg { padding: 6.5px 11px; font-size: 16px; } .ant-input-number-sm { padding: 0px 7px; } .ant-input-number-rtl { direction: rtl; } .ant-input-number-stepperless[type=number] { -moz-appearance: textfield; } .ant-input-number-stepperless[type=number]::-webkit-inner-spin-button, .ant-input-number-stepperless[type=number] ::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .ant-input-number-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; display: table; width: 100%; border-collapse: separate; border-spacing: 0; } .ant-input-number-group[class*=col-] { float: none; padding-right: 0; padding-left: 0; } .ant-input-number-group > [class*=col-] { padding-right: 8px; } .ant-input-number-group > [class*=col-]:last-child { padding-right: 0; } .ant-input-number-group-addon, .ant-input-number-group-wrap, .ant-input-number-group > .ant-input-number { display: table-cell; } .ant-input-number-group-addon:not(:first-child):not(:last-child), .ant-input-number-group-wrap:not(:first-child):not(:last-child), .ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) { border-radius: 0; } .ant-input-number-group-addon, .ant-input-number-group-wrap { width: 1px; white-space: nowrap; vertical-align: middle; } .ant-input-number-group-wrap > * { display: block !important; } .ant-input-number-group .ant-input-number { float: left; width: 100%; margin-bottom: 0; text-align: inherit; } .ant-input-number-group .ant-input-number:focus { z-index: 1; border-right-width: 1px; } .ant-input-number-group .ant-input-number:hover { z-index: 1; border-right-width: 1px; } .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover { z-index: 0; } .ant-input-number-group-addon { position: relative; padding: 0 11px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; text-align: center; background-color: #fafafa; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; } .ant-input-number-group-addon .ant-select { margin: -5px -11px; } .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { background-color: inherit; border: 1px solid transparent; box-shadow: none; } .ant-input-number-group-addon .ant-select-open .ant-select-selector, .ant-input-number-group-addon .ant-select-focused .ant-select-selector { color: #1abc9c; } .ant-input-number-group-addon .ant-cascader-picker { margin: -9px -12px; background-color: transparent; } .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input { text-align: left; border: 0; box-shadow: none; } .ant-input-number-group > .ant-input-number:first-child, .ant-input-number-group-addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector, .ant-input-number-group-addon:first-child .ant-select .ant-select-selector { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-number-group-addon:first-child { border-right: 0; } .ant-input-number-group-addon:last-child { border-left: 0; } .ant-input-number-group > .ant-input-number:last-child, .ant-input-number-group-addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector, .ant-input-number-group-addon:last-child .ant-select .ant-select-selector { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-group-lg .ant-input-number, .ant-input-number-group-lg > .ant-input-number-group-addon { padding: 6.5px 11px; font-size: 16px; } .ant-input-number-group-sm .ant-input-number, .ant-input-number-group-sm > .ant-input-number-group-addon { padding: 0px 7px; } .ant-input-number-group-lg .ant-select-single .ant-select-selector { height: 40px; } .ant-input-number-group-sm .ant-select-single .ant-select-selector { height: 24px; } .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child), .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-group.ant-input-number-group-compact { display: block; } .ant-input-number-group.ant-input-number-group-compact::before { display: table; content: ""; } .ant-input-number-group.ant-input-number-group-compact::after { display: table; clear: both; content: ""; } .ant-input-number-group.ant-input-number-group-compact::before { display: table; content: ""; } .ant-input-number-group.ant-input-number-group-compact::after { display: table; clear: both; content: ""; } .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child), .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child), .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) { border-right-width: 1px; } .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover, .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover, .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus, .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus, .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > * { display: inline-block; float: none; vertical-align: top; border-radius: 0; } .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper, .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-number-affix-wrapper, .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range { display: inline-flex; } .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) { margin-right: -1px; border-right-width: 1px; } .ant-input-number-group.ant-input-number-group-compact .ant-input-number { float: none; } .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector, .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input, .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input { border-right-width: 1px; border-radius: 0; } .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover, .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover, .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus, .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus, .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > *:first-child, .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-input-number-group.ant-input-number-group-compact > *:last-child, .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-right-width: 1px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input { vertical-align: top; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper { margin-left: -1px; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper { border-radius: 0; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button { border-radius: 0; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 2px 0 0 2px; } .ant-input-number-group > .ant-input-number-rtl:first-child, .ant-input-number-group-rtl .ant-input-number-group-addon:first-child { border-radius: 0 2px 2px 0; } .ant-input-number-group-rtl .ant-input-number-group-addon:first-child { border-right: 1px solid #d9d9d9; border-left: 0; } .ant-input-number-group-rtl .ant-input-number-group-addon:last-child { border-right: 0; border-left: 1px solid #d9d9d9; border-radius: 2px 0 0 2px; } .ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child, .ant-input-number-group-rtl.ant-input-number-group-addon:last-child { border-radius: 2px 0 0 2px; } .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) { border-radius: 2px 0 0 2px; } .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) { border-radius: 0 2px 2px 0; } .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) { margin-right: 0; margin-left: -1px; border-left-width: 1px; } .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child, .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input { border-radius: 0 2px 2px 0; } .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child, .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input, .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-left-width: 1px; border-radius: 2px 0 0 2px; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl { margin-right: -1px; margin-left: 0; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 0 2px 2px 0; } .ant-input-number-group > .ant-input-number-rtl:first-child { border-radius: 0 2px 2px 0; } .ant-input-number-group > .ant-input-number-rtl:last-child { border-radius: 2px 0 0 2px; } .ant-input-number-group-rtl .ant-input-number-group-addon:first-child { border-right: 1px solid #d9d9d9; border-left: 0; border-radius: 0 2px 2px 0; } .ant-input-number-group-rtl .ant-input-number-group-addon:last-child { border-right: 0; border-left: 1px solid #d9d9d9; border-radius: 2px 0 0 2px; } .ant-input-number-group-wrapper { display: inline-block; text-align: start; vertical-align: top; } .ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number-compact-item .ant-input-number, .ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number-compact-item .ant-input-number-group-addon { border-radius: 0; } .ant-input-number-group-wrapper:not(.ant-input-number-compact-last-item).ant-input-number-compact-first-item .ant-input-number, .ant-input-number-group-wrapper:not(.ant-input-number-compact-last-item).ant-input-number-compact-first-item .ant-input-number-group-addon { border-start-end-radius: 0; border-end-end-radius: 0; } .ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item).ant-input-number-compact-last-item .ant-input-number, .ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item).ant-input-number-compact-last-item .ant-input-number-group-addon { border-start-start-radius: 0; border-end-start-radius: 0; } .ant-input-number-group-wrapper:not(.ant-input-number-compact-last-item).ant-input-number-compact-item .ant-input-number-affix-wrapper { border-start-end-radius: 0; border-end-end-radius: 0; } .ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item).ant-input-number-compact-item .ant-input-number-affix-wrapper { border-start-start-radius: 0; border-end-start-radius: 0; } .ant-input-number-handler { position: relative; display: block; width: 100%; height: 50%; overflow: hidden; color: rgba(0, 0, 0, 0.45); font-weight: bold; line-height: 0; text-align: center; border-left: 1px solid #d9d9d9; transition: all 0.1s linear; } .ant-input-number-handler:active { background: #f4f4f4; } .ant-input-number-handler:hover .ant-input-number-handler-up-inner, .ant-input-number-handler:hover .ant-input-number-handler-down-inner { color: #3cc9a9; } .ant-input-number-handler-up-inner, .ant-input-number-handler-down-inner { display: inline-flex; align-items: center; 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; position: absolute; right: 4px; width: 12px; height: 12px; color: rgba(0, 0, 0, 0.45); line-height: 12px; transition: all 0.1s linear; -webkit-user-select: none; user-select: none; } .ant-input-number-handler-up-inner > *, .ant-input-number-handler-down-inner > * { line-height: 1; } .ant-input-number-handler-up-inner svg, .ant-input-number-handler-down-inner svg { display: inline-block; } .ant-input-number-handler-up-inner::before, .ant-input-number-handler-down-inner::before { display: none; } .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon, .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon, .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon, .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon { display: block; } .ant-input-number:hover + .ant-form-item-children-icon { opacity: 0; transition: opacity 0.24s linear 0.24s; } .ant-input-number-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-input-number-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-number-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-number-disabled .ant-input-number-input { cursor: not-allowed; } .ant-input-number-disabled .ant-input-number-handler-wrap { display: none; } .ant-input-number-readonly .ant-input-number-handler-wrap { display: none; } .ant-input-number-input { width: 100%; height: 30px; padding: 0 11px; text-align: left; background-color: transparent; border: 0; border-radius: 2px; outline: 0; transition: all 0.3s linear; appearance: textfield !important; } .ant-input-number-input::placeholder { color: #bfbfbf; -webkit-user-select: none; user-select: none; } .ant-input-number-input:placeholder-shown { text-overflow: ellipsis; } .ant-input-number-input[type=number]::-webkit-inner-spin-button, .ant-input-number-input[type=number]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; appearance: none; } .ant-input-number-lg { padding: 0; font-size: 16px; } .ant-input-number-lg input { height: 38px; } .ant-input-number-sm { padding: 0; } .ant-input-number-sm input { height: 22px; padding: 0 7px; } .ant-input-number-handler-wrap { position: absolute; top: 0; right: 0; width: 22px; height: 100%; background: transparent; border-radius: 0 2px 2px 0; opacity: 0; transition: opacity 0.24s linear 0.1s; } .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner, .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner { display: flex; align-items: center; justify-content: center; min-width: auto; margin-right: 0; font-size: 7px; } .ant-input-number-borderless .ant-input-number-handler-wrap { border-left-width: 0; } .ant-input-number-handler-wrap:hover .ant-input-number-handler { height: 40%; } .ant-input-number:hover .ant-input-number-handler-wrap, .ant-input-number-focused .ant-input-number-handler-wrap { opacity: 1; } .ant-input-number-handler-up { border-top-right-radius: 2px; cursor: pointer; } .ant-input-number-handler-up-inner { top: 50%; margin-top: -5px; text-align: center; } .ant-input-number-handler-up:hover { height: 60% !important; } .ant-input-number-handler-down { top: 0; border-top: 1px solid #d9d9d9; border-bottom-right-radius: 2px; cursor: pointer; } .ant-input-number-handler-down-inner { top: 50%; text-align: center; transform: translateY(-50%); } .ant-input-number-handler-down:hover { height: 60% !important; } .ant-input-number-borderless .ant-input-number-handler-down { border-top-width: 0; } .ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down, .ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down { border-top: 1px solid #d9d9d9; } .ant-input-number-handler-up-disabled, .ant-input-number-handler-down-disabled { cursor: not-allowed; } .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner, .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner { color: rgba(0, 0, 0, 0.25); } .ant-input-number-out-of-range input { color: #ff4d4f; } .ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) { margin-right: -1px; } .ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-item-rtl { margin-left: -1px; } .ant-input-number-compact-item:hover, .ant-input-number-compact-item:focus, .ant-input-number-compact-item:active { z-index: 2; } .ant-input-number-compact-item.ant-input-number-focused { z-index: 2; } .ant-input-number-compact-item[disabled] { z-index: 0; } .ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number { border-radius: 0; } .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) { margin-right: -1px; } .ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-item-rtl { margin-left: -1px; } .ant-input-number-compact-item:hover, .ant-input-number-compact-item:focus, .ant-input-number-compact-item:active { z-index: 2; } .ant-input-number-compact-item.ant-input-number-focused { z-index: 2; } .ant-input-number-compact-item[disabled] { z-index: 0; } .ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number-affix-wrapper { border-radius: 0; } .ant-input-number-compact-item.ant-input-number-affix-wrapper.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-number-compact-item.ant-input-number-affix-wrapper.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-compact-item.ant-input-number-affix-wrapper.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-compact-item.ant-input-number-affix-wrapper.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-number-compact-item:not(.ant-input-number-compact-last-item) { margin-right: -1px; } .ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-group-wrapper-compact-item-rtl { margin-right: 0; margin-left: -1px; } .ant-input-number-compact-item:hover > *, .ant-input-number-compact-item:focus > *, .ant-input-number-compact-item:active > * { z-index: 2; } .ant-input-number-compact-item.ant-input-number-focused > * { z-index: 2; } .ant-input-number-compact-item[disabled] > * { z-index: 0; } .ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number-group-wrapper .ant-input-number-group-addon { border-radius: 0; } .ant-input-number-compact-item.ant-input-number-compact-first-item.ant-input-number-group-wrapper:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) .ant-input-number-group-addon { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-number-compact-item.ant-input-number-compact-last-item.ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) .ant-input-number-group-addon { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-compact-item.ant-input-number-group-wrapper.ant-input-number-compact-first-item.ant-input-number-compact-item-rtl:not(.ant-input-number-compact-last-item) .ant-input-number-group-addon { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-compact-item.ant-input-number-group-wrapper.ant-input-number-compact-last-item.ant-input-number-compact-item-rtl:not(.ant-input-number-compact-first-item) .ant-input-number-group-addon { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-number-rtl { direction: rtl; } .ant-input-number-rtl .ant-input-number-handler { border-right: 1px solid #d9d9d9; border-left: 0; } .ant-input-number-rtl .ant-input-number-handler-wrap { right: auto; left: 0; } .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap, .ant-input-number-rtl.ant-input-number-filled .ant-input-number-handler-wrap, .ant-input-number-rtl.ant-input-number-underlined .ant-input-number-handler-wrap { border-right-width: 0; } .ant-input-number-rtl .ant-input-number-handler-up { border-top-right-radius: 0; } .ant-input-number-rtl .ant-input-number-handler-down { border-bottom-right-radius: 0; } .ant-input-number-rtl .ant-input-number-input { direction: ltr; text-align: right; } .ant-input-number-affix-wrapper > nz-input-number.ant-input-number { width: 100%; border: none; outline: none; } .ant-input-number-affix-wrapper > nz-input-number.ant-input-number.ant-input-number-focused { box-shadow: none !important; } .ant-input-number.ant-input-number-has-feedback .ant-input-number-handler-wrap { z-index: 2; } .ant-layout { display: flex; flex: auto; flex-direction: column; min-height: 0; background: #f0f2f5; } .ant-layout, .ant-layout * { box-sizing: border-box; } .ant-layout.ant-layout-has-sider { flex-direction: row; } .ant-layout.ant-layout-has-sider > .ant-layout, .ant-layout.ant-layout-has-sider > .ant-layout-content { width: 0; } .ant-layout-header, .ant-layout-footer { flex: 0 0 auto; } .ant-layout-header { height: 64px; padding: 0 50px; color: rgba(0, 0, 0, 0.85); line-height: 64px; background: #001529; } .ant-layout-footer { padding: 24px 50px; color: rgba(0, 0, 0, 0.85); font-size: 14px; background: #f0f2f5; } .ant-layout-content { flex: auto; min-height: 0; } .ant-layout-sider { position: relative; min-width: 0; background: #001529; transition: all 0.2s; } .ant-layout-sider-children { height: 100%; margin-top: -0.1px; padding-top: 0.1px; } .ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed { width: auto; } .ant-layout-sider-has-trigger { padding-bottom: 48px; } .ant-layout-sider-right { order: 1; } .ant-layout-sider-trigger { position: fixed; bottom: 0; z-index: 1; height: 48px; color: #fff; line-height: 48px; text-align: center; background: #002140; cursor: pointer; transition: all 0.2s; } .ant-layout-sider-zero-width > * { overflow: hidden; } .ant-layout-sider-zero-width-trigger { position: absolute; top: 64px; right: -36px; z-index: 1; width: 36px; height: 42px; color: #fff; font-size: 18px; line-height: 42px; text-align: center; background: #001529; border-radius: 0 2px 2px 0; cursor: pointer; transition: background 0.3s ease; } .ant-layout-sider-zero-width-trigger::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; transition: all 0.3s; content: ""; } .ant-layout-sider-zero-width-trigger:hover::after { background: rgba(255, 255, 255, 0.1); } .ant-layout-sider-zero-width-trigger-right { left: -36px; border-radius: 2px 0 0 2px; } .ant-layout-sider-light { background: #fff; } .ant-layout-sider-light .ant-layout-sider-trigger { color: rgba(0, 0, 0, 0.85); background: #fff; } .ant-layout-sider-light .ant-layout-sider-zero-width-trigger { color: rgba(0, 0, 0, 0.85); background: #fff; } .ant-layout-rtl { direction: rtl; } nz-content { display: block; } nz-footer { display: block; } nz-header { display: block; } .ant-form-item .ant-input-number + .ant-form-text { margin-left: 8px; } .ant-form-inline { display: flex; flex-wrap: wrap; } .ant-form-inline .ant-form-item { flex: none; flex-wrap: nowrap; margin-right: 16px; margin-bottom: 0; } .ant-form-inline .ant-form-item-with-help { margin-bottom: 24px; } .ant-form-inline .ant-form-item > .ant-form-item-label, .ant-form-inline .ant-form-item > .ant-form-item-control { display: inline-block; vertical-align: top; } .ant-form-inline .ant-form-item > .ant-form-item-label { flex: none; } .ant-form-inline .ant-form-item .ant-form-text { display: inline-block; } .ant-form-inline .ant-form-item .ant-form-item-has-feedback { display: inline-block; } .ant-form-horizontal .ant-form-item-label { flex-grow: 0; } .ant-form-horizontal .ant-form-item-control { flex: 1 1 0; min-width: 0; } .ant-form-horizontal .ant-form-item-label[class$="-24"] + .ant-form-item-control, .ant-form-horizontal .ant-form-item-label[class*="-24 "] + .ant-form-item-control { min-width: unset; } .ant-form-vertical .ant-form-item-row { flex-direction: column; } .ant-form-vertical .ant-form-item-label > label { height: auto; } .ant-form-vertical .ant-form-item .ant-form-item-control { width: 100%; } .ant-form-vertical .ant-form-item-label, .ant-col-24.ant-form-item-label, .ant-col-xl-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-form-vertical .ant-form-item-label > label, .ant-col-24.ant-form-item-label > label, .ant-col-xl-24.ant-form-item-label > label { margin: 0; } .ant-form-vertical .ant-form-item-label > label::after, .ant-col-24.ant-form-item-label > label::after, .ant-col-xl-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-form-vertical .ant-form-item-label, .ant-form-rtl.ant-col-24.ant-form-item-label, .ant-form-rtl.ant-col-xl-24.ant-form-item-label { text-align: right; } @media (max-width: 575px) { .ant-form-item .ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-form-item .ant-form-item-label > label { margin: 0; } .ant-form-item .ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-form-item .ant-form-item-label { text-align: right; } .ant-form .ant-form-item { flex-wrap: wrap; } .ant-form .ant-form-item .ant-form-item-label, .ant-form .ant-form-item .ant-form-item-control { flex: 0 0 100%; max-width: 100%; } .ant-col-xs-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-xs-24.ant-form-item-label > label { margin: 0; } .ant-col-xs-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-xs-24.ant-form-item-label { text-align: right; } } @media (max-width: 767px) { .ant-col-sm-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-sm-24.ant-form-item-label > label { margin: 0; } .ant-col-sm-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-sm-24.ant-form-item-label { text-align: right; } } @media (max-width: 991px) { .ant-col-md-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-md-24.ant-form-item-label > label { margin: 0; } .ant-col-md-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-md-24.ant-form-item-label { text-align: right; } } @media (max-width: 1199px) { .ant-col-lg-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-lg-24.ant-form-item-label > label { margin: 0; } .ant-col-lg-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-lg-24.ant-form-item-label { text-align: right; } } @media (max-width: 1599px) { .ant-col-xl-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-xl-24.ant-form-item-label > label { margin: 0; } .ant-col-xl-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-xl-24.ant-form-item-label { text-align: right; } } .ant-form-item { } .ant-form-item-explain-error { color: #ff4d4f; } .ant-form-item-explain-warning { color: #faad14; } .ant-form-item-has-feedback .ant-switch { margin: 2px 0 4px; } .ant-form-item-has-warning .ant-form-item-split { color: #faad14; } .ant-form-item-has-error .ant-form-item-split { color: #ff4d4f; } .ant-form { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; } .ant-form legend { display: block; width: 100%; margin-bottom: 20px; padding: 0; color: rgba(0, 0, 0, 0.45); font-size: 16px; line-height: inherit; border: 0; border-bottom: 1px solid #d9d9d9; } .ant-form label { font-size: 14px; } .ant-form input[type=search] { box-sizing: border-box; } .ant-form input[type=radio], .ant-form input[type=checkbox] { line-height: normal; } .ant-form input[type=file] { display: block; } .ant-form input[type=range] { display: block; width: 100%; } .ant-form select[multiple], .ant-form select[size] { height: auto; } .ant-form input[type=file]:focus, .ant-form input[type=radio]:focus, .ant-form input[type=checkbox]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .ant-form output { display: block; padding-top: 15px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; } .ant-form .ant-form-text { display: inline-block; padding-right: 8px; } .ant-form-small .ant-form-item-label > label { height: 24px; } .ant-form-small .ant-form-item-control-input { min-height: 24px; } .ant-form-large .ant-form-item-label > label { height: 40px; } .ant-form-large .ant-form-item-control-input { min-height: 40px; } .ant-form-item { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; margin-bottom: 24px; vertical-align: top; } .ant-form-item-with-help { transition: none; } .ant-form-item-hidden, .ant-form-item-hidden.ant-row { display: none; } .ant-form-item-label { display: inline-block; flex-grow: 0; overflow: hidden; white-space: nowrap; text-align: right; vertical-align: middle; } .ant-form-item-label-left { text-align: left; } .ant-form-item-label-wrap { overflow: unset; line-height: 1.3215em; white-space: unset; } .ant-form-item-label > label { position: relative; display: inline-flex; align-items: center; max-width: 100%; height: 32px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-form-item-label > label > .anticon { font-size: 14px; vertical-align: top; } .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):not(.ant-form-item-required-mark-hidden)::before { display: inline-block; margin-right: 4px; color: #ff4d4f; font-size: 14px; font-family: SimSun, sans-serif; line-height: 1; content: "*"; } .ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):not(.ant-form-item-required-mark-hidden)::before { display: none; } .ant-form-item-label > label .ant-form-item-optional { display: inline-block; margin-left: 4px; color: rgba(0, 0, 0, 0.45); } .ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional { display: none; } .ant-form-item-label > label .ant-form-item-tooltip { color: rgba(0, 0, 0, 0.45); cursor: help; writing-mode: horizontal-tb; margin-inline-start: 4px; } .ant-form-item-label > label::after { content: ":"; position: relative; top: -0.5px; margin: 0 8px 0 2px; } .ant-form-item-label > label.ant-form-item-no-colon::after { content: " "; } .ant-form-item-control { display: flex; flex-direction: column; flex-grow: 1; } .ant-form-item-control:first-child:not([class^=ant-col-]):not([class*=" ant-col-"]) { width: 100%; } .ant-form-item-control-input { position: relative; display: flex; align-items: center; min-height: 32px; } .ant-form-item-control-input-content { flex: auto; max-width: 100%; } .ant-form-item-explain, .ant-form-item-extra { clear: both; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .ant-form-item-explain-connected { width: 100%; } .ant-form-item-extra { min-height: 24px; } .ant-form-item-with-help .ant-form-item-explain { height: auto; opacity: 1; } .ant-form-item-feedback-icon { font-size: 14px; text-align: center; visibility: visible; animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); pointer-events: none; } .ant-form-item-feedback-icon-success { color: #52c41a; } .ant-form-item-feedback-icon-error { color: #ff4d4f; } .ant-form-item-feedback-icon-warning { color: #faad14; } .ant-form-item-feedback-icon-validating { color: #1abc9c; } .ant-show-help { transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-show-help-appear, .ant-show-help-enter { opacity: 0; } .ant-show-help-appear-active, .ant-show-help-enter-active { opacity: 1; } .ant-show-help-leave { opacity: 1; } .ant-show-help-leave-active { opacity: 0; } .ant-show-help-item { overflow: hidden; transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .ant-show-help-item-appear, .ant-show-help-item-enter { transform: translateY(-5px); opacity: 0; } .ant-show-help-item-appear-active, .ant-show-help-item-enter-active { transform: translateY(0); opacity: 1; } .ant-show-help-item-leave { transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .ant-show-help-item-leave-active { transform: translateY(-5px); } @keyframes diffZoomIn1 { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes diffZoomIn2 { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes diffZoomIn3 { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .ant-form-rtl { direction: rtl; } .ant-form-rtl .ant-form-item-label { text-align: left; } .ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before { margin-right: 0; margin-left: 4px; } .ant-form-rtl .ant-form-item-label > label::after { margin: 0 2px 0 8px; } .ant-form-rtl .ant-form-item-label > label .ant-form-item-optional { margin-right: 4px; margin-left: 0; } .ant-col-rtl .ant-form-item-control:first-child { width: 100%; } .ant-form-rtl .ant-form-item-has-feedback .ant-input { padding-right: 11px; padding-left: 24px; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix { padding-right: 11px; padding-left: 18px; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input { padding: 0; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number { padding: 0; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix { right: auto; left: 28px; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-number { padding-left: 18px; } .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow, .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear { right: auto; left: 32px; } .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value { padding-right: 0; padding-left: 42px; } .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow { margin-right: 0; margin-left: 19px; } .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear { right: auto; left: 32px; } .ant-form-rtl .ant-form-item-has-feedback .ant-picker { padding-right: 11px; padding-left: 29.2px; } .ant-form-rtl .ant-form-item-has-feedback .ant-picker-large { padding-right: 11px; padding-left: 29.2px; } .ant-form-rtl .ant-form-item-has-feedback .ant-picker-small { padding-right: 7px; padding-left: 25.2px; } .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon { right: auto; left: 0; } .ant-form-rtl.ant-form-inline .ant-form-item { margin-right: 0; margin-left: 16px; } .ant-form-item-explain-connected { height: 0; } .ant-form-item-with-help { margin-bottom: 0; } .ant-form-item-with-help .ant-form-item-explain { min-height: 24px; } .ant-list { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; } .ant-list * { outline: none; } .ant-list-pagination { margin-top: 24px; text-align: right; } .ant-list-pagination .ant-pagination-options { text-align: left; } .ant-list-more { margin-top: 12px; text-align: center; } .ant-list-more button { padding-right: 32px; padding-left: 32px; } .ant-list-spin { min-height: 40px; text-align: center; } .ant-list-empty-text { padding: 16px; color: rgba(0, 0, 0, 0.25); font-size: 14px; text-align: center; } .ant-list-items { margin: 0; padding: 0; list-style: none; } .ant-list-item { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; color: rgba(0, 0, 0, 0.85); } .ant-list-item-meta { display: flex; flex: 1; align-items: flex-start; max-width: 100%; } .ant-list-item-meta-avatar { margin-right: 16px; } .ant-list-item-meta-content { flex: 1 0; width: 0; color: rgba(0, 0, 0, 0.85); } .ant-list-item-meta-title { margin-bottom: 4px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; } .ant-list-item-meta-title > a { color: rgba(0, 0, 0, 0.85); transition: all 0.3s; } .ant-list-item-meta-title > a:hover { color: #1abc9c; } .ant-list-item-meta-description { color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; } .ant-list-item-action { flex: 0 0 auto; margin-left: 48px; padding: 0; font-size: 0; list-style: none; } .ant-list-item-action > li { position: relative; display: inline-block; padding: 0 8px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; text-align: center; } .ant-list-item-action > li:first-child { padding-left: 0; } .ant-list-item-action-split { position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -7px; background-color: #f0f0f0; } .ant-list-header { background: transparent; } .ant-list-footer { background: transparent; } .ant-list-header, .ant-list-footer { padding-top: 12px; padding-bottom: 12px; } .ant-list-empty { padding: 16px 0; color: rgba(0, 0, 0, 0.45); font-size: 12px; text-align: center; } .ant-list-split .ant-list-item { border-bottom: 1px solid #f0f0f0; } .ant-list-split .ant-list-item:last-child { border-bottom: none; } .ant-list-split .ant-list-header { border-bottom: 1px solid #f0f0f0; } .ant-list-split.ant-list-empty .ant-list-footer { border-top: 1px solid #f0f0f0; } .ant-list-loading .ant-list-spin-nested-loading { min-height: 32px; } .ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child { border-bottom: 1px solid #f0f0f0; } .ant-list-lg .ant-list-item { padding: 16px 24px; } .ant-list-sm .ant-list-item { padding: 8px 16px; } .ant-list-vertical .ant-list-item { align-items: initial; } .ant-list-vertical .ant-list-item-main { display: block; flex: 1; } .ant-list-vertical .ant-list-item-extra { margin-left: 40px; } .ant-list-vertical .ant-list-item-meta { margin-bottom: 16px; } .ant-list-vertical .ant-list-item-meta-title { margin-bottom: 12px; color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 24px; } .ant-list-vertical .ant-list-item-action { margin-top: 16px; margin-left: auto; } .ant-list-vertical .ant-list-item-action > li { padding: 0 16px; } .ant-list-vertical .ant-list-item-action > li:first-child { padding-left: 0; } .ant-list-grid .ant-col > .ant-list-item { display: block; max-width: 100%; margin-bottom: 16px; padding-top: 0; padding-bottom: 0; border-bottom: none; } .ant-list-item-no-flex { display: block; } .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action { float: right; } .ant-list-bordered { border: 1px solid #d9d9d9; border-radius: 2px; } .ant-list-bordered .ant-list-header { padding-right: 24px; padding-left: 24px; } .ant-list-bordered .ant-list-footer { padding-right: 24px; padding-left: 24px; } .ant-list-bordered .ant-list-item { padding-right: 24px; padding-left: 24px; } .ant-list-bordered .ant-list-pagination { margin: 16px 24px; } .ant-list-bordered.ant-list-sm .ant-list-item { padding: 8px 16px; } .ant-list-bordered.ant-list-sm .ant-list-header, .ant-list-bordered.ant-list-sm .ant-list-footer { padding: 8px 16px; } .ant-list-bordered.ant-list-lg .ant-list-item { padding: 16px 24px; } .ant-list-bordered.ant-list-lg .ant-list-header, .ant-list-bordered.ant-list-lg .ant-list-footer { padding: 16px 24px; } @media screen and (max-width: 768px) { .ant-list-item-action { margin-left: 24px; } .ant-list-vertical .ant-list-item-extra { margin-left: 24px; } } @media screen and (max-width: 576px) { .ant-list-item { flex-wrap: wrap; } .ant-list-item-action { margin-left: 12px; } .ant-list-vertical .ant-list-item { flex-wrap: wrap-reverse; } .ant-list-vertical .ant-list-item-main { min-width: 220px; } .ant-list-vertical .ant-list-item-extra { margin: auto auto 16px; } } .ant-list-rtl { direction: rtl; text-align: right; } .ant-list-rtl .ReactVirtualized__List .ant-list-item { direction: rtl; } .ant-list-rtl .ant-list-pagination { text-align: left; } .ant-list-rtl .ant-list-item-meta-avatar { margin-right: 0; margin-left: 16px; } .ant-list-rtl .ant-list-item-action { margin-right: 48px; margin-left: 0; } .ant-list.ant-list-rtl .ant-list-item-action > li:first-child { padding-right: 0; padding-left: 16px; } .ant-list-rtl .ant-list-item-action-split { right: auto; left: 0; } .ant-list-rtl.ant-list-vertical .ant-list-item-extra { margin-right: 40px; margin-left: 0; } .ant-list-rtl.ant-list-vertical .ant-list-item-action { margin-right: auto; } .ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child { padding-right: 0; padding-left: 16px; } .ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action { float: left; } @media screen and (max-width: 768px) { .ant-list-rtl .ant-list-item-action { margin-right: 24px; margin-left: 0; } .ant-list-rtl .ant-list-vertical .ant-list-item-extra { margin-right: 24px; margin-left: 0; } } @media screen and (max-width: 576px) { .ant-list-rtl .ant-list-item-action { margin-right: 22px; margin-left: 0; } .ant-list-rtl.ant-list-vertical .ant-list-item-extra { margin: auto auto 16px; } } nz-list, nz-list nz-spin, nz-list-header, nz-list-footer, nz-list-pagination, nz-list-empty, nz-list-item-extra { display: block; } .ant-menu-item-danger.ant-menu-item { color: #ff4d4f; } .ant-menu-item-danger.ant-menu-item:hover, .ant-menu-item-danger.ant-menu-item-active { color: #ff4d4f; } .ant-menu-item-danger.ant-menu-item:active { background: #fff1f0; } .ant-menu-item-danger.ant-menu-item-selected { color: #ff4d4f; } .ant-menu-item-danger.ant-menu-item-selected > a, .ant-menu-item-danger.ant-menu-item-selected > a:hover { color: #ff4d4f; } .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected { background-color: #fff1f0; } .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after { border-right-color: #ff4d4f; } .ant-menu-dark .ant-menu-item-danger.ant-menu-item, .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover, .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a { color: #ff4d4f; } .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected { color: #fff; background-color: #ff4d4f; } .ant-menu { box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; line-height: 1.5715; font-feature-settings: "tnum"; margin-bottom: 0; padding-left: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 0; text-align: left; list-style: none; background: #fff; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s; } .ant-menu::before { display: table; content: ""; } .ant-menu::after { display: table; clear: both; content: ""; } .ant-menu::before { display: table; content: ""; } .ant-menu::after { display: table; clear: both; content: ""; } .ant-menu.ant-menu-root:focus-visible { box-shadow: 0 0 0 2px #bbf0de; } .ant-menu ul, .ant-menu ol { margin: 0; padding: 0; list-style: none; } .ant-menu-overflow { display: flex; } .ant-menu-overflow-item { flex: none; } .ant-menu-hidden, .ant-menu-submenu-hidden { display: none; } .ant-menu-item-group-title { height: 1.5715; padding: 8px 16px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; transition: all 0.3s; } .ant-menu-horizontal .ant-menu-submenu { transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu, .ant-menu-submenu-inline { transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-selected { color: #1abc9c; } .ant-menu-item:active, .ant-menu-submenu-title:active { background: #edfcf7; } .ant-menu-submenu .ant-menu-sub { cursor: initial; transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-title-content { transition: color 0.3s; } .ant-menu-item a { color: rgba(0, 0, 0, 0.85); } .ant-menu-item a:hover { color: #1abc9c; } .ant-menu-item a::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; content: ""; } .ant-menu-item > .ant-badge a { color: rgba(0, 0, 0, 0.85); } .ant-menu-item > .ant-badge a:hover { color: #1abc9c; } .ant-menu-item-divider { overflow: hidden; line-height: 0; border-color: #f0f0f0; border-style: solid; border-width: 1px 0 0; } .ant-menu-item-divider-dashed { border-style: dashed; } .ant-menu-horizontal .ant-menu-item, .ant-menu-horizontal .ant-menu-submenu { margin-top: -1px; } .ant-menu-horizontal > .ant-menu-item:hover, .ant-menu-horizontal > .ant-menu-item-active, .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover { background-color: transparent; } .ant-menu-item-selected { color: #1abc9c; } .ant-menu-item-selected a, .ant-menu-item-selected a:hover { color: #1abc9c; } .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: #edfcf7; } .ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left { border-right: 1px solid #f0f0f0; } .ant-menu-vertical-right { border-left: 1px solid #f0f0f0; } .ant-menu-vertical.ant-menu-sub, .ant-menu-vertical-left.ant-menu-sub, .ant-menu-vertical-right.ant-menu-sub { min-width: 160px; max-height: calc(100vh - 100px); padding: 0; overflow: hidden; border-right: 0; } .ant-menu-vertical.ant-menu-sub:not([class*=-active]), .ant-menu-vertical-left.ant-menu-sub:not([class*=-active]), .ant-menu-vertical-right.ant-menu-sub:not([class*=-active]) { overflow-x: hidden; overflow-y: auto; } .ant-menu-vertical.ant-menu-sub .ant-menu-item, .ant-menu-vertical-left.ant-menu-sub .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item { left: 0; margin-left: 0; border-right: 0; } .ant-menu-vertical.ant-menu-sub .ant-menu-item::after, .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after { border-right: 0; } .ant-menu-vertical.ant-menu-sub > .ant-menu-item, .ant-menu-vertical-left.ant-menu-sub > .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub > .ant-menu-item, .ant-menu-vertical.ant-menu-sub > .ant-menu-submenu, .ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu, .ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu { transform-origin: 0 0; } .ant-menu-horizontal.ant-menu-sub { min-width: 114px; } .ant-menu-horizontal .ant-menu-item, .ant-menu-horizontal .ant-menu-submenu-title { transition: border-color 0.3s, background 0.3s; } .ant-menu-item, .ant-menu-submenu-title { position: relative; display: block; margin: 0; padding: 0 20px; white-space: nowrap; cursor: pointer; transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-item .ant-menu-item-icon, .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu-item .anticon, .ant-menu-submenu-title .anticon { min-width: 14px; font-size: 14px; transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s; } .ant-menu-item .ant-menu-item-icon + span, .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu-item .anticon + span, .ant-menu-submenu-title .anticon + span { margin-left: 10px; opacity: 1; transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s; } .ant-menu-item .ant-menu-item-icon.svg, .ant-menu-submenu-title .ant-menu-item-icon.svg { vertical-align: -0.125em; } .ant-menu-item.ant-menu-item-only-child > .anticon, .ant-menu-submenu-title.ant-menu-item-only-child > .anticon, .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon { margin-right: 0; } .ant-menu-item:not(.ant-menu-item-disabled):focus-visible, .ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible { box-shadow: 0 0 0 2px #bbf0de; } .ant-menu > .ant-menu-item-divider { margin: 1px 0; padding: 0; } .ant-menu-submenu-popup { position: absolute; z-index: 1050; background: transparent; border-radius: 2px; box-shadow: none; transform-origin: 0 0; } .ant-menu-submenu-popup::before { position: absolute; top: -7px; right: 0; bottom: 0; left: 0; z-index: -1; width: 100%; height: 100%; opacity: 0.0001; content: " "; } .ant-menu-submenu-placement-rightTop::before { top: 0; left: -7px; } .ant-menu-submenu > .ant-menu { background-color: #fff; border-radius: 2px; } .ant-menu-submenu > .ant-menu-submenu-title::after { transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-popup > .ant-menu { background-color: #fff; } .ant-menu-submenu-expand-icon, .ant-menu-submenu-arrow { position: absolute; top: 50%; right: 16px; width: 10px; color: rgba(0, 0, 0, 0.85); transform: translateY(-50%); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-arrow::before, .ant-menu-submenu-arrow::after { position: absolute; width: 6px; height: 1.5px; background-color: currentcolor; border-radius: 2px; transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); content: ""; } .ant-menu-submenu-arrow::before { transform: rotate(45deg) translateY(-2.5px); } .ant-menu-submenu-arrow::after { transform: rotate(-45deg) translateY(2.5px); } .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon, .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow { color: #1abc9c; } .ant-menu-inline-collapsed .ant-menu-submenu-arrow::before, .ant-menu-submenu-inline .ant-menu-submenu-arrow::before { transform: rotate(-45deg) translateX(2.5px); } .ant-menu-inline-collapsed .ant-menu-submenu-arrow::after, .ant-menu-submenu-inline .ant-menu-submenu-arrow::after { transform: rotate(45deg) translateX(-2.5px); } .ant-menu-submenu-horizontal .ant-menu-submenu-arrow { display: none; } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow { transform: translateY(-2px); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { transform: rotate(-45deg) translateX(-2.5px); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before { transform: rotate(45deg) translateX(2.5px); } .ant-menu-vertical .ant-menu-submenu-selected, .ant-menu-vertical-left .ant-menu-submenu-selected, .ant-menu-vertical-right .ant-menu-submenu-selected { color: #1abc9c; } .ant-menu-horizontal { line-height: 46px; border: 0; border-bottom: 1px solid #f0f0f0; box-shadow: none; } .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu { margin-top: -1px; margin-bottom: 0; padding: 0 20px; } .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected { color: #1abc9c; } .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after { border-bottom: 2px solid #1abc9c; } .ant-menu-horizontal > .ant-menu-item, .ant-menu-horizontal > .ant-menu-submenu { position: relative; top: 1px; display: inline-block; vertical-align: bottom; } .ant-menu-horizontal > .ant-menu-item::after, .ant-menu-horizontal > .ant-menu-submenu::after { position: absolute; right: 20px; bottom: 0; left: 20px; border-bottom: 2px solid transparent; transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); content: ""; } .ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title { padding: 0; } .ant-menu-horizontal > .ant-menu-item a { color: rgba(0, 0, 0, 0.85); } .ant-menu-horizontal > .ant-menu-item a:hover { color: #1abc9c; } .ant-menu-horizontal > .ant-menu-item a::before { bottom: -2px; } .ant-menu-horizontal > .ant-menu-item-selected a { color: #1abc9c; } .ant-menu-horizontal::after { display: block; clear: both; height: 0; content: " "; } .ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item { position: relative; } .ant-menu-vertical .ant-menu-item::after, .ant-menu-vertical-left .ant-menu-item::after, .ant-menu-vertical-right .ant-menu-item::after, .ant-menu-inline .ant-menu-item::after { position: absolute; top: 0; right: 0; bottom: 0; border-right: 3px solid #1abc9c; transform: scaleY(0.0001); opacity: 0; transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); content: ""; } .ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title { height: 40px; margin-top: 4px; margin-bottom: 4px; padding: 0 16px; overflow: hidden; line-height: 40px; text-overflow: ellipsis; } .ant-menu-vertical .ant-menu-submenu, .ant-menu-vertical-left .ant-menu-submenu, .ant-menu-vertical-right .ant-menu-submenu, .ant-menu-inline .ant-menu-submenu { padding-bottom: 0.02px; } .ant-menu-vertical .ant-menu-item:not(:last-child), .ant-menu-vertical-left .ant-menu-item:not(:last-child), .ant-menu-vertical-right .ant-menu-item:not(:last-child), .ant-menu-inline .ant-menu-item:not(:last-child) { margin-bottom: 8px; } .ant-menu-vertical > .ant-menu-item, .ant-menu-vertical-left > .ant-menu-item, .ant-menu-vertical-right > .ant-menu-item, .ant-menu-inline > .ant-menu-item, .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title { height: 40px; line-height: 40px; } .ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title, .ant-menu-vertical .ant-menu-submenu-title { padding-right: 34px; } .ant-menu-inline { width: 100%; } .ant-menu-inline .ant-menu-selected::after, .ant-menu-inline .ant-menu-item-selected::after { transform: scaleY(1); opacity: 1; transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-inline .ant-menu-item, .ant-menu-inline .ant-menu-submenu-title { width: calc(100% + 1px); } .ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title { padding-right: 34px; } .ant-menu-inline.ant-menu-root .ant-menu-item, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title { display: flex; align-items: center; transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1); } .ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content { flex: auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; } .ant-menu-inline.ant-menu-root .ant-menu-item > *, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * { flex: none; } .ant-menu.ant-menu-inline-collapsed { width: 80px; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title { left: 0; padding: 0 calc(50% - 16px / 2); text-overflow: clip; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow { opacity: 0; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon { margin: 0; font-size: 16px; line-height: 40px; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span { display: inline-block; opacity: 0; } .ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed .anticon { display: inline-block; } .ant-menu.ant-menu-inline-collapsed-tooltip { pointer-events: none; } .ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed-tooltip .anticon { display: none; } .ant-menu.ant-menu-inline-collapsed-tooltip a { color: rgba(255, 255, 255, 0.85); } .ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title { padding-right: 4px; padding-left: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-menu-item-group-list { margin: 0; padding: 0; } .ant-menu-item-group-list .ant-menu-item, .ant-menu-item-group-list .ant-menu-submenu-title { padding: 0 16px 0 28px; } .ant-menu-root.ant-menu-vertical, .ant-menu-root.ant-menu-vertical-left, .ant-menu-root.ant-menu-vertical-right, .ant-menu-root.ant-menu-inline { box-shadow: none; } .ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon, .ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon { font-size: 16px; text-align: center; } .ant-menu-sub.ant-menu-inline { padding: 0; background: #fafafa; border: 0; border-radius: 0; box-shadow: none; } .ant-menu-sub.ant-menu-inline > .ant-menu-item, .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title { height: 40px; line-height: 40px; list-style-position: inside; list-style-type: disc; } .ant-menu-sub.ant-menu-inline .ant-menu-item-group-title { padding-left: 32px; } .ant-menu-item-disabled, .ant-menu-submenu-disabled { color: rgba(0, 0, 0, 0.25) !important; background: none; cursor: not-allowed; } .ant-menu-item-disabled::after, .ant-menu-submenu-disabled::after { border-color: transparent !important; } .ant-menu-item-disabled a, .ant-menu-submenu-disabled a { color: rgba(0, 0, 0, 0.25) !important; pointer-events: none; } .ant-menu-item-disabled > .ant-menu-submenu-title, .ant-menu-submenu-disabled > .ant-menu-submenu-title { color: rgba(0, 0, 0, 0.25) !important; cursor: not-allowed; } .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { background: rgba(0, 0, 0, 0.25) !important; } .ant-layout-header .ant-menu { line-height: inherit; } .ant-menu-inline-collapsed-tooltip a, .ant-menu-inline-collapsed-tooltip a:hover { color: #fff; } .ant-menu-light .ant-menu-item:hover, .ant-menu-light .ant-menu-item-active, .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-light .ant-menu-submenu-active, .ant-menu-light .ant-menu-submenu-title:hover { color: #1abc9c; } .ant-menu.ant-menu-root:focus-visible { box-shadow: 0 0 0 2px #0e9680; } .ant-menu-dark .ant-menu-item:focus-visible, .ant-menu-dark .ant-menu-submenu-title:focus-visible { box-shadow: 0 0 0 2px #0e9680; } .ant-menu.ant-menu-dark, .ant-menu-dark .ant-menu-sub, .ant-menu.ant-menu-dark .ant-menu-sub { color: rgba(255, 255, 255, 0.65); background: #001529; } .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow { opacity: 0.45; transition: all 0.3s; } .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before { background: #fff; } .ant-menu-dark.ant-menu-submenu-popup { background: transparent; } .ant-menu-dark .ant-menu-inline.ant-menu-sub { background: #000c17; } .ant-menu-dark.ant-menu-horizontal { border-bottom: 0; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item, .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu { top: 0; margin-top: 0; padding: 0 20px; border-color: #001529; border-bottom: 0; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover { background-color: #1abc9c; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before { bottom: 0; } .ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a, .ant-menu-dark .ant-menu-item > span > a { color: rgba(255, 255, 255, 0.65); } .ant-menu-dark.ant-menu-inline, .ant-menu-dark.ant-menu-vertical, .ant-menu-dark.ant-menu-vertical-left, .ant-menu-dark.ant-menu-vertical-right { border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-vertical .ant-menu-item, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item { left: 0; margin-left: 0; border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after { border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title { width: 100%; } .ant-menu-dark .ant-menu-item:hover, .ant-menu-dark .ant-menu-item-active, .ant-menu-dark .ant-menu-submenu-active, .ant-menu-dark .ant-menu-submenu-open, .ant-menu-dark .ant-menu-submenu-selected, .ant-menu-dark .ant-menu-submenu-title:hover { color: #fff; background-color: transparent; } .ant-menu-dark .ant-menu-item:hover > a, .ant-menu-dark .ant-menu-item-active > a, .ant-menu-dark .ant-menu-submenu-active > a, .ant-menu-dark .ant-menu-submenu-open > a, .ant-menu-dark .ant-menu-submenu-selected > a, .ant-menu-dark .ant-menu-submenu-title:hover > a, .ant-menu-dark .ant-menu-item:hover > span > a, .ant-menu-dark .ant-menu-item-active > span > a, .ant-menu-dark .ant-menu-submenu-active > span > a, .ant-menu-dark .ant-menu-submenu-open > span > a, .ant-menu-dark .ant-menu-submenu-selected > span > a, .ant-menu-dark .ant-menu-submenu-title:hover > span > a { color: #fff; } .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow { opacity: 1; } .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before { background: #fff; } .ant-menu-dark .ant-menu-item:hover { background-color: transparent; } .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: #1abc9c; } .ant-menu-dark .ant-menu-item-selected { color: #fff; border-right: 0; } .ant-menu-dark .ant-menu-item-selected::after { border-right: 0; } .ant-menu-dark .ant-menu-item-selected > a, .ant-menu-dark .ant-menu-item-selected > span > a, .ant-menu-dark .ant-menu-item-selected > a:hover, .ant-menu-dark .ant-menu-item-selected > span > a:hover { color: #fff; } .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon, .ant-menu-dark .ant-menu-item-selected .anticon { color: #fff; } .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span, .ant-menu-dark .ant-menu-item-selected .anticon + span { color: #fff; } .ant-menu.ant-menu-dark .ant-menu-item-selected, .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected { background-color: #1abc9c; } .ant-menu-dark .ant-menu-item-disabled, .ant-menu-dark .ant-menu-submenu-disabled, .ant-menu-dark .ant-menu-item-disabled > a, .ant-menu-dark .ant-menu-submenu-disabled > a, .ant-menu-dark .ant-menu-item-disabled > span > a, .ant-menu-dark .ant-menu-submenu-disabled > span > a { color: rgba(255, 255, 255, 0.35) !important; opacity: 0.8; } .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title { color: rgba(255, 255, 255, 0.35) !important; } .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { background: rgba(255, 255, 255, 0.35) !important; } .ant-menu.ant-menu-rtl { direction: rtl; text-align: right; } .ant-menu-rtl .ant-menu-item-group-title { text-align: right; } .ant-menu-rtl.ant-menu-inline, .ant-menu-rtl.ant-menu-vertical { border-right: none; border-left: 1px solid #f0f0f0; } .ant-menu-rtl.ant-menu-dark.ant-menu-inline, .ant-menu-rtl.ant-menu-dark.ant-menu-vertical { border-left: none; } .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu, .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu, .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu { transform-origin: top right; } .ant-menu-rtl .ant-menu-item .ant-menu-item-icon, .ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu-rtl .ant-menu-item .anticon, .ant-menu-rtl .ant-menu-submenu-title .anticon { margin-right: auto; margin-left: 10px; } .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon, .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon { margin-left: 0; } .ant-menu-submenu-rtl.ant-menu-submenu-popup { transform-origin: 100% 0; } .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow { right: auto; left: 16px; } .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before { transform: rotate(-45deg) translateY(-2px); } .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after { transform: rotate(45deg) translateY(2px); } .ant-menu-rtl.ant-menu-vertical .ant-menu-item::after, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after, .ant-menu-rtl.ant-menu-inline .ant-menu-item::after { right: auto; left: 0; } .ant-menu-rtl.ant-menu-vertical .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item, .ant-menu-rtl.ant-menu-inline .ant-menu-item, .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title { text-align: right; } .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title { padding-right: 0; padding-left: 34px; } .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title { padding-right: 16px; padding-left: 34px; } .ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title { padding: 0 calc(50% - 16px / 2); } .ant-menu-rtl .ant-menu-item-group-list .ant-menu-item, .ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title { padding: 0 28px 0 16px; } .ant-menu-sub.ant-menu-inline { border: 0; } .ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title { padding-right: 32px; padding-left: 0; } .ant-menu-submenu.ant-menu-submenu-placement-bottom { position: relative; top: 6px; } .ant-menu-submenu.ant-menu-submenu-placement-right { position: relative; left: 4px; } .ant-menu-submenu.ant-menu-submenu-placement-right.ant-menu-submenu-rtl { right: 4px; left: auto; } .ant-menu-submenu.ant-menu-submenu-placement-left { position: relative; right: 4px; } .ant-menu-submenu.ant-menu-submenu-placement-left.ant-menu-submenu-rtl { right: auto; left: 4px; } .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions, .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover { background: #fff; border-color: #ff4d4f; } .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus, .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-mentions-status-error .ant-input-prefix { color: #ff4d4f; } .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions, .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover { background: #fff; border-color: #faad14; } .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus, .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-mentions-status-warning .ant-input-prefix { color: #faad14; } .ant-mentions { box-sizing: border-box; margin: 0; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; position: relative; display: inline-block; height: auto; padding: 0; overflow: hidden; line-height: 1.5715; white-space: pre-wrap; vertical-align: bottom; } .ant-mentions::placeholder { color: #bfbfbf; -webkit-user-select: none; user-select: none; } .ant-mentions:placeholder-shown { text-overflow: ellipsis; } .ant-mentions:hover { border-color: #3cc9a9; border-right-width: 1px; } .ant-input-rtl .ant-mentions:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-mentions:focus, .ant-mentions-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-mentions:focus, .ant-input-rtl .ant-mentions-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-mentions-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-mentions-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-mentions[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-mentions[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-mentions.ant-mentions-borderless, .ant-mentions.ant-mentions-borderless:hover, .ant-mentions.ant-mentions-borderless:focus, .ant-mentions.ant-mentions-borderless.ant-mentions-focused, .ant-mentions.ant-mentions-borderless.ant-mentions-disabled, .ant-mentions.ant-mentions-borderless.ant-mentions[disabled] { background-color: transparent; border: none; box-shadow: none; } .ant-mentions.ant-mentions-filled { background-color: #f5f5f5; border-color: transparent; box-shadow: none; } .ant-mentions.ant-mentions-filled:hover { background-color: #f0f0f0; } .ant-mentions.ant-mentions-filled:focus, .ant-mentions.ant-mentions-filled.ant-mentions-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; background-color: transparent; box-shadow: none; } .ant-input-rtl .ant-mentions.ant-mentions-filled:focus, .ant-input-rtl .ant-mentions.ant-mentions-filled.ant-mentions-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-mentions.ant-mentions-filled.ant-mentions-disabled, .ant-mentions.ant-mentions-filled.ant-mentions[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-mentions.ant-mentions-filled.ant-mentions-disabled:hover, .ant-mentions.ant-mentions-filled.ant-mentions[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-mentions.ant-mentions-underlined, .ant-mentions.ant-mentions-underlined:hover, .ant-mentions.ant-mentions-underlined:focus, .ant-mentions.ant-mentions-underlined.ant-mentions-focused, .ant-mentions.ant-mentions-underlined.ant-mentions-disabled, .ant-mentions.ant-mentions-underlined.ant-mentions[disabled] { background-color: transparent; border-width: 0 0 1px; border-radius: 0; box-shadow: none; } .ant-mentions.ant-mentions-underlined:hover:not(.ant-mentions-focused):not(:focus) { border-color: #d9d9d9; } textarea.ant-mentions { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-mentions-lg { padding: 6.5px 11px; font-size: 16px; } .ant-mentions-sm { padding: 0px 7px; } .ant-mentions-rtl { direction: rtl; } .ant-mentions-stepperless[type=number] { -moz-appearance: textfield; } .ant-mentions-stepperless[type=number]::-webkit-inner-spin-button, .ant-mentions-stepperless[type=number] ::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .ant-mentions-disabled > .ant-input { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-mentions-disabled > .ant-input:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-mentions-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-mentions-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-mentions > .ant-input, .ant-mentions-measure { min-height: 30px; margin: 0; padding: 4px 11px; overflow: inherit; overflow-x: hidden; overflow-y: auto; font-weight: inherit; font-size: inherit; font-family: inherit; font-style: inherit; font-variant: inherit; font-size-adjust: inherit; font-stretch: inherit; line-height: inherit; direction: inherit; letter-spacing: inherit; white-space: inherit; text-align: inherit; vertical-align: top; word-wrap: break-word; word-break: inherit; tab-size: inherit; } .ant-mentions > .ant-input { width: 100%; background-color: inherit; border: none; outline: none; resize: none; } .ant-mentions > .ant-input::placeholder { color: #bfbfbf; -webkit-user-select: none; user-select: none; } .ant-mentions > .ant-input:placeholder-shown { text-overflow: ellipsis; } .ant-mentions-measure { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; color: transparent; pointer-events: none; } .ant-mentions-measure > span { display: inline-block; min-height: 1em; } .ant-mentions-dropdown { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: absolute; top: -9999px; left: -9999px; z-index: 1050; box-sizing: border-box; font-size: 14px; font-variant: initial; background-color: #fff; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-mentions-dropdown-hidden { display: none; } .ant-mentions-dropdown-menu { max-height: 250px; margin-bottom: 0; padding-left: 0; overflow: auto; list-style: none; outline: none; } .ant-mentions-dropdown-menu-item { position: relative; display: block; min-width: 100px; padding: 5px 12px; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: normal; line-height: 1.5715; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: background 0.3s ease; } .ant-mentions-dropdown-menu-item:hover { background-color: #f5f5f5; } .ant-mentions-dropdown-menu-item:first-child { border-radius: 2px 2px 0 0; } .ant-mentions-dropdown-menu-item:last-child { border-radius: 0 0 2px 2px; } .ant-mentions-dropdown-menu-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-mentions-dropdown-menu-item-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-mentions-dropdown-menu-item-selected { color: rgba(0, 0, 0, 0.85); font-weight: 600; background-color: #fafafa; } .ant-mentions-dropdown-menu-item-active { background-color: #f5f5f5; } .ant-mentions-suffix { position: absolute; top: 0; right: 11px; bottom: 0; z-index: 1; display: inline-flex; align-items: center; margin: auto; } .ant-mentions-clear-icon { padding: 0; color: rgba(0, 0, 0, 0.25); font-size: 12px; line-height: 0; vertical-align: -1px; background-color: transparent; border: none; outline: none; cursor: pointer; transition: color 0.3s; } .ant-mentions-clear-icon:hover { color: rgba(0, 0, 0, 0.45); } .ant-mentions-rtl { direction: rtl; } .ant-mentions-dropdown { position: relative; top: 100%; left: 12px; width: 100%; margin-top: 8px; margin-bottom: 4px; } .ant-mentions:focus-within { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-mentions:focus-within { border-right-width: 0; border-left-width: 1px !important; } .ant-mentions.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus-within { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-mentions.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus-within { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-message { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: fixed; top: 8px; left: 0; z-index: 1010; width: 100%; pointer-events: none; } .ant-message-notice { padding: 8px; text-align: center; } .ant-message-notice-content { display: inline-block; padding: 10px 16px; background: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); pointer-events: all; } .ant-message-success .anticon { color: #52c41a; } .ant-message-error .anticon { color: #ff4d4f; } .ant-message-warning .anticon { color: #faad14; } .ant-message-info .anticon, .ant-message-loading .anticon { color: #1abc9c; } .ant-message .anticon { position: relative; top: 1px; margin-right: 8px; font-size: 16px; } .ant-message-notice.ant-move-up-leave.ant-move-up-leave-active { animation-name: MessageMoveOut; animation-duration: 0.3s; } @keyframes MessageMoveOut { 0% { max-height: 150px; padding: 8px; opacity: 1; } 100% { max-height: 0; padding: 0; opacity: 0; } } .ant-message-rtl { direction: rtl; } .ant-message-rtl span { direction: rtl; } .ant-message-rtl .anticon { margin-right: 0; margin-left: 8px; } .ant-modal { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; pointer-events: none; position: relative; top: 100px; width: auto; max-width: calc(100vw - 32px); margin: 0 auto; padding-bottom: 24px; } .ant-modal.ant-zoom-enter, .ant-modal.ant-zoom-appear { transform: none; opacity: 0; animation-duration: 0.3s; -webkit-user-select: none; user-select: none; } .ant-modal-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.45); } .ant-modal-mask-hidden { display: none; } .ant-modal-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; outline: 0; } .ant-modal-wrap { z-index: 1000; } .ant-modal-title { margin: 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; line-height: 22px; word-wrap: break-word; } .ant-modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 0; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); pointer-events: auto; } .ant-modal-close { position: absolute; top: 0; right: 0; z-index: 10; padding: 0; color: rgba(0, 0, 0, 0.45); font-weight: 700; line-height: 1; text-decoration: none; background: transparent; border: 0; outline: 0; cursor: pointer; transition: color 0.3s; } .ant-modal-close-x { display: block; width: 54px; height: 54px; font-size: 16px; font-style: normal; line-height: 54px; text-align: center; text-transform: none; text-rendering: auto; } .ant-modal-close:focus, .ant-modal-close:hover { color: rgba(0, 0, 0, 0.75); text-decoration: none; } .ant-modal-header { padding: 16px 24px; color: rgba(0, 0, 0, 0.85); background: #fff; border-bottom: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; } .ant-modal-body { padding: 24px; font-size: 14px; line-height: 1.5715; word-wrap: break-word; } .ant-modal-footer { padding: 10px 16px; text-align: right; background: transparent; border-top: 1px solid #f0f0f0; border-radius: 0 0 2px 2px; } .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) { margin-bottom: 0; margin-left: 8px; } .ant-modal-open { overflow: hidden; } .ant-modal-centered { text-align: center; } .ant-modal-centered::before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ""; } .ant-modal-centered .ant-modal { top: 0; display: inline-block; padding-bottom: 0; text-align: left; vertical-align: middle; } @media (max-width: 767px) { .ant-modal { max-width: calc(100vw - 16px); margin: 8px auto; } .ant-modal-centered .ant-modal { flex: 1; } } .ant-modal-confirm .ant-modal-header { display: none; } .ant-modal-confirm .ant-modal-body { padding: 32px 32px 24px; } .ant-modal-confirm-body-wrapper::before { display: table; content: ""; } .ant-modal-confirm-body-wrapper::after { display: table; clear: both; content: ""; } .ant-modal-confirm-body-wrapper::before { display: table; content: ""; } .ant-modal-confirm-body-wrapper::after { display: table; clear: both; content: ""; } .ant-modal-confirm-body .ant-modal-confirm-title { display: block; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; line-height: 1.4; } .ant-modal-confirm-body .ant-modal-confirm-content { margin-top: 8px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-modal-confirm-body > .anticon { float: left; margin-right: 16px; font-size: 22px; } .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content { margin-left: 38px; } .ant-modal-confirm .ant-modal-confirm-btns { margin-top: 24px; text-align: right; } .ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn { margin-bottom: 0; margin-left: 8px; } .ant-modal-confirm-error .ant-modal-confirm-body > .anticon { color: #ff4d4f; } .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon, .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon { color: #faad14; } .ant-modal-confirm-info .ant-modal-confirm-body > .anticon { color: #1abc9c; } .ant-modal-confirm-success .ant-modal-confirm-body > .anticon { color: #52c41a; } .ant-modal-confirm .ant-zoom-leave .ant-modal-confirm-btns { pointer-events: none; } .ant-modal-wrap-rtl { direction: rtl; } .ant-modal-wrap-rtl .ant-modal-close { right: initial; left: 0; } .ant-modal-wrap-rtl .ant-modal-footer { text-align: left; } .ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn { margin-right: 8px; margin-left: 0; } .ant-modal-wrap-rtl .ant-modal-confirm-body { direction: rtl; } .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon { float: right; margin-right: 0; margin-left: 16px; } .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content { margin-right: 38px; margin-left: 0; } .ant-modal-wrap-rtl .ant-modal-confirm-btns { text-align: left; } .ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn { margin-right: 8px; margin-left: 0; } .ant-modal-wrap-rtl.ant-modal-centered .ant-modal { text-align: right; } .ant-notification { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: fixed; z-index: 1010; margin-right: 24px; } .ant-notification-close-icon { font-size: 14px; cursor: pointer; } .ant-notification-hook-holder { position: relative; } .ant-notification-notice { position: relative; width: 384px; max-width: calc(100vw - 24px * 2); margin-bottom: 16px; margin-left: auto; padding: 16px 24px; overflow: hidden; line-height: 1.5715; word-wrap: break-word; background: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-notification-top .ant-notification-notice, .ant-notification-bottom .ant-notification-notice { margin-right: auto; margin-left: auto; } .ant-notification-topLeft .ant-notification-notice, .ant-notification-bottomLeft .ant-notification-notice { margin-right: auto; margin-left: 0; } .ant-notification-notice-message { margin-bottom: 8px; color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 24px; } .ant-notification-notice-message-single-line-auto-margin { display: block; width: calc(384px - 24px * 2 - 24px - 48px - 100%); max-width: 4px; background-color: transparent; pointer-events: none; } .ant-notification-notice-message-single-line-auto-margin::before { display: block; content: ""; } .ant-notification-notice-description { font-size: 14px; } .ant-notification-notice-closable .ant-notification-notice-message { padding-right: 24px; } .ant-notification-notice-with-icon .ant-notification-notice-message { margin-bottom: 4px; margin-left: 48px; font-size: 16px; } .ant-notification-notice-with-icon .ant-notification-notice-description { margin-left: 48px; font-size: 14px; } .ant-notification-notice-icon { position: absolute; margin-left: 4px; font-size: 24px; line-height: 24px; } .anticon.ant-notification-notice-icon-success { color: #52c41a; } .anticon.ant-notification-notice-icon-info { color: #1abc9c; } .anticon.ant-notification-notice-icon-warning { color: #faad14; } .anticon.ant-notification-notice-icon-error { color: #ff4d4f; } .ant-notification-notice-close { position: absolute; top: 16px; right: 22px; color: rgba(0, 0, 0, 0.45); outline: none; } .ant-notification-notice-close:hover { color: rgba(0, 0, 0, 0.67); } .ant-notification-notice-btn { float: right; margin-top: 16px; } .ant-notification .notification-fade-effect { animation-duration: 0.24s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; } .ant-notification-fade-enter, .ant-notification-fade-appear { animation-duration: 0.24s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; opacity: 0; animation-play-state: paused; } .ant-notification-fade-leave { animation-duration: 0.24s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; animation-duration: 0.2s; animation-play-state: paused; } .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-fade-appear.ant-notification-fade-appear-active { animation-name: NotificationFadeIn; animation-play-state: running; } .ant-notification-fade-leave.ant-notification-fade-leave-active { animation-name: NotificationFadeOut; animation-play-state: running; } @keyframes NotificationFadeIn { 0% { left: 384px; opacity: 0; } 100% { left: 0; opacity: 1; } } @keyframes NotificationFadeOut { 0% { max-height: 150px; margin-bottom: 16px; opacity: 1; } 100% { max-height: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; opacity: 0; } } .ant-notification-rtl { direction: rtl; } .ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message { padding-right: 0; padding-left: 24px; } .ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message { margin-right: 48px; margin-left: 0; } .ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description { margin-right: 48px; margin-left: 0; } .ant-notification-rtl .ant-notification-notice-icon { margin-right: 4px; margin-left: 0; } .ant-notification-rtl .ant-notification-notice-close { right: auto; left: 22px; } .ant-notification-rtl .ant-notification-notice-btn { float: left; } .ant-notification-top, .ant-notification-bottom { margin-right: 0; margin-left: 0; } .ant-notification-top .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-top .ant-notification-fade-appear.ant-notification-fade-appear-active { animation-name: NotificationTopFadeIn; } .ant-notification-bottom .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-bottom .ant-notification-fade-appear.ant-notification-fade-appear-active { animation-name: NotificationBottomFadeIn; } .ant-notification-topLeft, .ant-notification-bottomLeft { margin-right: 0; margin-left: 24px; } .ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active, .ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active { animation-name: NotificationLeftFadeIn; } @keyframes NotificationTopFadeIn { 0% { margin-top: -100%; opacity: 0; } 100% { margin-top: 0; opacity: 1; } } @keyframes NotificationBottomFadeIn { 0% { margin-bottom: -100%; opacity: 0; } 100% { margin-bottom: 0; opacity: 1; } } @keyframes NotificationLeftFadeIn { 0% { right: 384px; opacity: 0; } 100% { right: 0; opacity: 1; } } .ant-page-header { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; padding: 16px 24px; background-color: #fff; } .ant-page-header-ghost { background-color: inherit; } .ant-page-header.has-breadcrumb { padding-top: 12px; } .ant-page-header.has-footer { padding-bottom: 0; } .ant-page-header-back { margin-right: 16px; font-size: 16px; line-height: 1; } .ant-page-header-back-button { color: #1abc9c; outline: none; cursor: pointer; transition: color 0.3s; color: #000; } .ant-page-header-back-button:focus-visible, .ant-page-header-back-button:hover { color: #3cc9a9; } .ant-page-header-back-button:active { color: #0e9680; } .ant-page-header .ant-divider-vertical { height: 14px; margin: 0 12px; vertical-align: middle; } .ant-breadcrumb + .ant-page-header-heading { margin-top: 8px; } .ant-page-header-heading { display: flex; justify-content: space-between; } .ant-page-header-heading-left { display: flex; align-items: center; margin: 4px 0; overflow: hidden; } .ant-page-header-heading-title { margin-right: 12px; margin-bottom: 0; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 20px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-page-header-heading .ant-avatar { margin-right: 12px; } .ant-page-header-heading-sub-title { margin-right: 12px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-page-header-heading-extra { margin: 4px 0; white-space: nowrap; } .ant-page-header-heading-extra > * { white-space: unset; } .ant-page-header-content { padding-top: 12px; } .ant-page-header-footer { margin-top: 16px; } .ant-page-header-footer .ant-tabs > .ant-tabs-nav { margin: 0; } .ant-page-header-footer .ant-tabs > .ant-tabs-nav::before { border: none; } .ant-page-header-footer .ant-tabs .ant-tabs-tab { padding-top: 8px; padding-bottom: 8px; font-size: 16px; } .ant-page-header-compact .ant-page-header-heading { flex-wrap: wrap; } .ant-page-header-rtl { direction: rtl; } .ant-page-header-rtl .ant-page-header-back { float: right; margin-right: 0; margin-left: 16px; } .ant-page-header-rtl .ant-page-header-heading-title { margin-right: 0; margin-left: 12px; } .ant-page-header-rtl .ant-page-header-heading .ant-avatar { margin-right: 0; margin-left: 12px; } .ant-page-header-rtl .ant-page-header-heading-sub-title { float: right; margin-right: 0; margin-left: 12px; } .ant-page-header-rtl .ant-page-header-heading-tags { float: right; } .ant-page-header-rtl .ant-page-header-heading-extra { float: left; } .ant-page-header-rtl .ant-page-header-heading-extra > * { margin-right: 12px; margin-left: 0; } .ant-page-header-rtl .ant-page-header-heading-extra > *:first-child { margin-right: 0; } .ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav { float: right; } .ant-page-header-back-button { display: inline-block; padding: 0; line-height: inherit; background: transparent; border: 0; } nz-page-header, nz-page-header-content, nz-page-header-footer { display: block; } .ant-pagination { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: flex; } .ant-pagination-start { justify-content: start; } .ant-pagination-center { justify-content: center; } .ant-pagination-end { justify-content: end; } .ant-pagination ul, .ant-pagination ol { margin: 0; padding: 0; list-style: none; } .ant-pagination::after { display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; content: " "; } .ant-pagination-total-text { display: inline-block; height: 32px; margin-right: 8px; line-height: 30px; vertical-align: middle; } .ant-pagination-item { display: inline-block; min-width: 32px; height: 32px; margin-right: 8px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 30px; text-align: center; vertical-align: middle; list-style: none; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: 0; cursor: pointer; -webkit-user-select: none; user-select: none; } .ant-pagination-item a { display: block; padding: 0 6px; color: rgba(0, 0, 0, 0.85); transition: none; } .ant-pagination-item a:hover { text-decoration: none; } .ant-pagination-item:hover { border-color: #1abc9c; transition: all 0.3s; } .ant-pagination-item:hover a { color: #1abc9c; } .ant-pagination-item:focus-visible { border-color: #1abc9c; transition: all 0.3s; } .ant-pagination-item:focus-visible a { color: #1abc9c; } .ant-pagination-item-active { font-weight: 500; background: #fff; border-color: #1abc9c; } .ant-pagination-item-active a { color: #1abc9c; } .ant-pagination-item-active:hover { border-color: #3cc9a9; } .ant-pagination-item-active:focus-visible { border-color: #3cc9a9; } .ant-pagination-item-active:hover a { color: #3cc9a9; } .ant-pagination-item-active:focus-visible a { color: #3cc9a9; } .ant-pagination-jump-prev, .ant-pagination-jump-next { outline: 0; } .ant-pagination-jump-prev .ant-pagination-item-container, .ant-pagination-jump-next .ant-pagination-item-container { position: relative; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon { color: #1abc9c; font-size: 12px; letter-spacing: -1px; opacity: 0; transition: all 0.2s; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg { top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; margin: auto; color: rgba(0, 0, 0, 0.25); font-family: Arial, Helvetica, sans-serif; letter-spacing: 2px; text-align: center; text-indent: 0.13em; opacity: 1; transition: all 0.2s; } .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon, .ant-pagination-jump-next:hover .ant-pagination-item-link-icon { opacity: 1; } .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis, .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis { opacity: 0; } .ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon, .ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon { opacity: 1; } .ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis, .ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis { opacity: 0; } .ant-pagination-prev, .ant-pagination-jump-prev, .ant-pagination-jump-next { margin-right: 8px; } .ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next { display: inline-block; min-width: 32px; height: 32px; color: rgba(0, 0, 0, 0.85); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 32px; text-align: center; vertical-align: middle; list-style: none; border-radius: 2px; cursor: pointer; transition: all 0.3s; } .ant-pagination-prev, .ant-pagination-next { font-family: Arial, Helvetica, sans-serif; outline: 0; } .ant-pagination-prev button, .ant-pagination-next button { color: rgba(0, 0, 0, 0.85); cursor: pointer; -webkit-user-select: none; user-select: none; } .ant-pagination-prev:hover button, .ant-pagination-next:hover button { border-color: #3cc9a9; } .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link { display: block; width: 100%; height: 100%; padding: 0; font-size: 12px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: none; transition: all 0.3s; } .ant-pagination-prev:focus-visible .ant-pagination-item-link, .ant-pagination-next:focus-visible .ant-pagination-item-link { color: #1abc9c; border-color: #1abc9c; } .ant-pagination-prev:hover .ant-pagination-item-link, .ant-pagination-next:hover .ant-pagination-item-link { color: #1abc9c; border-color: #1abc9c; } .ant-pagination-disabled, .ant-pagination-disabled:hover { cursor: not-allowed; } .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:hover .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-disabled:focus-visible { cursor: not-allowed; } .ant-pagination-disabled:focus-visible .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-slash { margin: 0 10px 0 5px; } .ant-pagination-options { display: inline-block; margin-left: 16px; vertical-align: middle; } @media all and (-ms-high-contrast: none) { .ant-pagination-options *::-ms-backdrop, .ant-pagination-options { vertical-align: top; } } .ant-pagination-options-size-changer.ant-select { display: inline-block; width: auto; } .ant-pagination-options-quick-jumper { display: inline-block; height: 32px; margin-left: 8px; line-height: 32px; vertical-align: top; } .ant-pagination-options-quick-jumper input { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; width: 50px; height: 32px; margin: 0 8px; } .ant-pagination-options-quick-jumper input::placeholder { color: #bfbfbf; -webkit-user-select: none; user-select: none; } .ant-pagination-options-quick-jumper input:placeholder-shown { text-overflow: ellipsis; } .ant-pagination-options-quick-jumper input:hover { border-color: #3cc9a9; border-right-width: 1px; } .ant-input-rtl .ant-pagination-options-quick-jumper input:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-pagination-options-quick-jumper input:focus, .ant-pagination-options-quick-jumper input-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-pagination-options-quick-jumper input:focus, .ant-input-rtl .ant-pagination-options-quick-jumper input-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-pagination-options-quick-jumper input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-pagination-options-quick-jumper input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless, .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless:hover, .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless:focus, .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless.ant-pagination-options-quick-jumper input-focused, .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless.ant-pagination-options-quick-jumper input-disabled, .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-borderless.ant-pagination-options-quick-jumper input[disabled] { background-color: transparent; border: none; box-shadow: none; } .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled { background-color: #f5f5f5; border-color: transparent; box-shadow: none; } .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled:hover { background-color: #f0f0f0; } .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled:focus, .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input-focused { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; background-color: transparent; box-shadow: none; } .ant-input-rtl .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled:focus, .ant-input-rtl .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input-disabled, .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input-disabled:hover, .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-filled.ant-pagination-options-quick-jumper input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined, .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined:hover, .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined:focus, .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined.ant-pagination-options-quick-jumper input-focused, .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined.ant-pagination-options-quick-jumper input-disabled, .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined.ant-pagination-options-quick-jumper input[disabled] { background-color: transparent; border-width: 0 0 1px; border-radius: 0; box-shadow: none; } .ant-pagination-options-quick-jumper input.ant-pagination-options-quick-jumper input-underlined:hover:not(.ant-pagination-options-quick-jumper input-focused):not(:focus) { border-color: #d9d9d9; } textarea.ant-pagination-options-quick-jumper input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-pagination-options-quick-jumper input-lg { padding: 6.5px 11px; font-size: 16px; } .ant-pagination-options-quick-jumper input-sm { padding: 0px 7px; } .ant-pagination-options-quick-jumper input-rtl { direction: rtl; } .ant-pagination-options-quick-jumper input-stepperless[type=number] { -moz-appearance: textfield; } .ant-pagination-options-quick-jumper input-stepperless[type=number]::-webkit-inner-spin-button, .ant-pagination-options-quick-jumper input-stepperless[type=number] ::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .ant-pagination-simple .ant-pagination-prev, .ant-pagination-simple .ant-pagination-next { height: 24px; line-height: 24px; vertical-align: top; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link { height: 24px; background-color: transparent; border: 0; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after { height: 24px; line-height: 24px; } .ant-pagination-simple .ant-pagination-simple-pager { display: inline-block; height: 24px; margin-right: 8px; } .ant-pagination-simple .ant-pagination-simple-pager input { box-sizing: border-box; height: 100%; margin-right: 8px; padding: 0 6px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: none; transition: border-color 0.3s; } .ant-pagination-simple .ant-pagination-simple-pager input:hover { border-color: #1abc9c; } .ant-pagination-simple .ant-pagination-simple-pager input:focus { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); } .ant-pagination-simple .ant-pagination-simple-pager input[disabled] { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination.ant-pagination-mini .ant-pagination-total-text, .ant-pagination.ant-pagination-mini .ant-pagination-simple-pager { height: 24px; line-height: 24px; } .ant-pagination.ant-pagination-mini .ant-pagination-item { min-width: 24px; height: 24px; margin: 0; line-height: 22px; } .ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active) { background: transparent; border-color: transparent; } .ant-pagination.ant-pagination-mini .ant-pagination-prev, .ant-pagination.ant-pagination-mini .ant-pagination-next { min-width: 24px; height: 24px; margin: 0; line-height: 24px; } .ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link, .ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link { background: transparent; border-color: transparent; } .ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link::after, .ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link::after { height: 24px; line-height: 24px; } .ant-pagination.ant-pagination-mini .ant-pagination-jump-prev, .ant-pagination.ant-pagination-mini .ant-pagination-jump-next { height: 24px; margin-right: 0; line-height: 24px; } .ant-pagination.ant-pagination-mini .ant-pagination-options { margin-left: 2px; } .ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer { top: 0px; } .ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper { height: 24px; line-height: 24px; } .ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input { padding: 0px 7px; width: 44px; height: 24px; } .ant-pagination.ant-pagination-disabled { cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item { background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item a { color: rgba(0, 0, 0, 0.25); background: transparent; border: none; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active { background: #e6e6e6; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a { color: rgba(0, 0, 0, 0.25); } .ant-pagination.ant-pagination-disabled .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link { background: transparent; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon { opacity: 0; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis { opacity: 1; } .ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager { color: rgba(0, 0, 0, 0.25); } @media only screen and (max-width: 992px) { .ant-pagination-item-after-jump-prev, .ant-pagination-item-before-jump-next { display: none; } } @media only screen and (max-width: 576px) { .ant-pagination-options { display: none; } } .ant-pagination-rtl .ant-pagination-total-text { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-item, .ant-pagination-rtl .ant-pagination-prev, .ant-pagination-rtl .ant-pagination-jump-prev, .ant-pagination-rtl .ant-pagination-jump-next { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-slash { margin: 0 5px 0 10px; } .ant-pagination-rtl .ant-pagination-options { margin-right: 16px; margin-left: 0; } .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper { margin-left: 0; } .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl.ant-pagination.mini .ant-pagination-options { margin-right: 2px; margin-left: 0; } nz-pagination { display: block; } .ant-popover { position: relative; } .ant-popover { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; --antd-arrow-background-color: #fff; position: absolute; top: 0; left: 0; z-index: 1030; max-width: 100vw; font-weight: normal; white-space: normal; text-align: left; cursor: auto; -webkit-user-select: text; user-select: text; } .ant-popover-content { position: relative; } .ant-popover::after { position: absolute; background: rgba(255, 255, 255, 0.01); content: ""; } .ant-popover-hidden { display: none; } .ant-popover-inner { background-color: #fff; background-clip: padding-box; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-popover { } .ant-popover-inner { box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } } .ant-popover-title { min-width: 177px; min-height: 32px; margin: 0; padding: 5px 16px 4px; color: rgba(0, 0, 0, 0.85); font-weight: 500; border-bottom: 1px solid #f0f0f0; } .ant-popover-inner-content { width: max-content; max-width: 100%; padding: 12px 16px; color: rgba(0, 0, 0, 0.85); } .ant-popover-message { display: flex; padding: 4px 0 12px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-popover-message-icon { display: inline-block; margin-right: 8px; color: #faad14; font-size: 14px; } .ant-popover-buttons { margin-bottom: 4px; text-align: right; } .ant-popover-buttons button:not(:first-child) { margin-left: 8px; } .ant-popover-arrow { position: absolute; z-index: 1; display: block; width: 16px; height: 16px; overflow: hidden; pointer-events: none; } .ant-popover-arrow::before { position: absolute; bottom: 0; width: 16px; height: calc(16px / 2); background: var(--antd-arrow-background-color); content: ""; clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%); clip-path: path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z"); inset-inline-start: 0; } .ant-popover-arrow::after { position: absolute; bottom: 0; z-index: 0; width: 8.97056275px; height: 8.97056275px; margin: auto; background: transparent; border-radius: 0 0 2px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05); transform: translateY(50%) rotate(-135deg); content: ""; inset-inline: 0; } .ant-popover-arrow::before { background: var(--antd-arrow-background-color); } .ant-popover-placement-top > .ant-popover-arrow, .ant-popover-placement-topLeft > .ant-popover-arrow, .ant-popover-placement-topRight > .ant-popover-arrow { bottom: 0px; transform: translateY(100%) rotate(180deg); } .ant-popover-placement-top > .ant-popover-arrow { left: 50%; transform: translateX(-50%) translateY(100%) rotate(180deg); } .ant-popover-placement-topLeft > .ant-popover-arrow { left: 16px; } .ant-popover-placement-topRight > .ant-popover-arrow { right: 16px; } .ant-popover-placement-bottom > .ant-popover-arrow, .ant-popover-placement-bottomLeft > .ant-popover-arrow, .ant-popover-placement-bottomRight > .ant-popover-arrow { top: 0px; transform: translateY(-100%); } .ant-popover-placement-bottom > .ant-popover-arrow { left: 50%; transform: translateX(-50%) translateY(-100%); } .ant-popover-placement-bottomLeft > .ant-popover-arrow { left: 16px; } .ant-popover-placement-bottomRight > .ant-popover-arrow { right: 16px; } .ant-popover-placement-left > .ant-popover-arrow, .ant-popover-placement-leftTop > .ant-popover-arrow, .ant-popover-placement-leftBottom > .ant-popover-arrow { right: 0px; transform: translateX(100%) rotate(90deg); } .ant-popover-placement-left > .ant-popover-arrow { top: 50%; transform: translateY(-50%) translateX(100%) rotate(90deg); } .ant-popover-placement-leftTop > .ant-popover-arrow { top: 16px; } .ant-popover-placement-leftBottom > .ant-popover-arrow { bottom: 16px; } .ant-popover-placement-right > .ant-popover-arrow, .ant-popover-placement-rightTop > .ant-popover-arrow, .ant-popover-placement-rightBottom > .ant-popover-arrow { left: 0px; transform: translateX(-100%) rotate(-90deg); } .ant-popover-placement-right > .ant-popover-arrow { top: 50%; transform: translateY(-50%) translateX(-100%) rotate(-90deg); } .ant-popover-placement-rightTop > .ant-popover-arrow { top: 16px; } .ant-popover-placement-rightBottom > .ant-popover-arrow { bottom: 16px; } .ant-popover-pink .ant-popover-inner { background-color: #eb2f96; } .ant-popover-pink .ant-popover-arrow { background-color: #eb2f96; } .ant-popover-magenta .ant-popover-inner { background-color: #eb2f96; } .ant-popover-magenta .ant-popover-arrow { background-color: #eb2f96; } .ant-popover-red .ant-popover-inner { background-color: #f5222d; } .ant-popover-red .ant-popover-arrow { background-color: #f5222d; } .ant-popover-volcano .ant-popover-inner { background-color: #fa541c; } .ant-popover-volcano .ant-popover-arrow { background-color: #fa541c; } .ant-popover-orange .ant-popover-inner { background-color: #fa8c16; } .ant-popover-orange .ant-popover-arrow { background-color: #fa8c16; } .ant-popover-yellow .ant-popover-inner { background-color: #fadb14; } .ant-popover-yellow .ant-popover-arrow { background-color: #fadb14; } .ant-popover-gold .ant-popover-inner { background-color: #faad14; } .ant-popover-gold .ant-popover-arrow { background-color: #faad14; } .ant-popover-cyan .ant-popover-inner { background-color: #13c2c2; } .ant-popover-cyan .ant-popover-arrow { background-color: #13c2c2; } .ant-popover-lime .ant-popover-inner { background-color: #a0d911; } .ant-popover-lime .ant-popover-arrow { background-color: #a0d911; } .ant-popover-green .ant-popover-inner { background-color: #52c41a; } .ant-popover-green .ant-popover-arrow { background-color: #52c41a; } .ant-popover-blue .ant-popover-inner { background-color: #1890ff; } .ant-popover-blue .ant-popover-arrow { background-color: #1890ff; } .ant-popover-geekblue .ant-popover-inner { background-color: #2f54eb; } .ant-popover-geekblue .ant-popover-arrow { background-color: #2f54eb; } .ant-popover-purple .ant-popover-inner { background-color: #722ed1; } .ant-popover-purple .ant-popover-arrow { background-color: #722ed1; } .ant-popover-rtl { direction: rtl; text-align: right; } .ant-popover-rtl .ant-popover-message-icon { margin-right: 0; margin-left: 8px; } .ant-popover-rtl .ant-popover-message-title { padding-left: 16px; } .ant-popover-rtl .ant-popover-buttons { text-align: left; } .ant-popover-rtl .ant-popover-buttons button { margin-right: 8px; margin-left: 0; } .ant-popover { position: relative; } .ant-progress { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-block; } .ant-progress-line { position: relative; width: 100%; font-size: 14px; } .ant-progress-steps { display: inline-block; } .ant-progress-steps-outer { display: flex; flex-direction: row; align-items: center; } .ant-progress-steps-item { flex-shrink: 0; min-width: 2px; margin-right: 2px; background: #f3f3f3; transition: all 0.3s; } .ant-progress-steps-item-active { background: #1890ff; } .ant-progress-small.ant-progress-line, .ant-progress-small.ant-progress-line .ant-progress-text .anticon { font-size: 12px; } .ant-progress-outer { display: inline-block; width: 100%; margin-right: 0; padding-right: 0; } .ant-progress-show-info .ant-progress-outer { margin-right: calc(-2em - 8px); padding-right: calc(2em + 8px); } .ant-progress-inner { position: relative; display: inline-block; width: 100%; overflow: hidden; vertical-align: middle; background-color: #f5f5f5; border-radius: 100px; } .ant-progress-circle-trail { stroke: #f5f5f5; } .ant-progress-circle-path { animation: ant-progress-appear 0.3s; } .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #1890ff; } .ant-progress-success-bg, .ant-progress-bg { position: relative; background-color: #1890ff; border-radius: 100px; transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s; } .ant-progress-success-bg { position: absolute; top: 0; left: 0; background-color: #52c41a; } .ant-progress-text { display: inline-block; width: 2em; margin-left: 8px; color: rgba(0, 0, 0, 0.85); font-size: 1em; line-height: 1; white-space: nowrap; text-align: left; vertical-align: middle; word-break: normal; } .ant-progress-text .anticon { font-size: 14px; } .ant-progress-status-active .ant-progress-bg::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; border-radius: 10px; opacity: 0; animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite; content: ""; } .ant-progress-status-exception .ant-progress-bg { background-color: #ff4d4f; } .ant-progress-status-exception .ant-progress-text { color: #ff4d4f; } .ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #ff4d4f; } .ant-progress-status-success .ant-progress-bg { background-color: #52c41a; } .ant-progress-status-success .ant-progress-text { color: #52c41a; } .ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #52c41a; } .ant-progress-circle .ant-progress-inner { position: relative; line-height: 1; background-color: transparent; } .ant-progress-circle .ant-progress-text { position: absolute; top: 50%; left: 50%; width: 100%; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 1em; line-height: 1; white-space: normal; text-align: center; transform: translate(-50%, -50%); } .ant-progress-circle .ant-progress-text .anticon { font-size: 1.16666667em; } .ant-progress-circle.ant-progress-status-exception .ant-progress-text { color: #ff4d4f; } .ant-progress-circle.ant-progress-status-success .ant-progress-text { color: #52c41a; } @keyframes ant-progress-active { 0% { transform: translateX(-100%) scaleX(0); opacity: 0.1; } 20% { transform: translateX(-100%) scaleX(0); opacity: 0.5; } 100% { transform: translateX(0) scaleX(1); opacity: 0; } } .ant-progress-rtl { direction: rtl; } .ant-progress-rtl.ant-progress-show-info .ant-progress-outer { margin-right: 0; margin-left: calc(-2em - 8px); padding-right: 0; padding-left: calc(2em + 8px); } .ant-progress-rtl .ant-progress-success-bg { right: 0; left: auto; } .ant-progress-rtl.ant-progress-line .ant-progress-text, .ant-progress-rtl.ant-progress-steps .ant-progress-text { margin-right: 8px; margin-left: 0; text-align: right; } .ant-radio-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-block; font-size: 0; } .ant-radio-group .ant-badge-count { z-index: 1; } .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper { border-left: none; } .ant-radio-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; display: inline-flex; align-items: baseline; margin-right: 8px; cursor: pointer; } .ant-radio-wrapper-disabled { cursor: not-allowed; } .ant-radio-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: "\a0"; } .ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type=radio] { width: 14px; height: 14px; } .ant-radio { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; top: 0.2em; display: inline-block; outline: none; cursor: pointer; } .ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner { border-color: #1abc9c; } .ant-radio-input:focus + .ant-radio-inner { box-shadow: 0 0 0 3px rgba(26, 188, 156, 0.12); } .ant-radio-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1abc9c; border-radius: 50%; visibility: hidden; animation: antRadioEffect 0.36s ease-in-out; animation-fill-mode: both; content: ""; } .ant-radio:hover::after, .ant-radio-wrapper:hover .ant-radio::after { visibility: visible; } .ant-radio-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border-color: #d9d9d9; border-style: solid; border-width: 1px; border-radius: 50%; transition: all 0.3s; } .ant-radio-inner::after { position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; background-color: #1abc9c; border-top: 0; border-left: 0; border-radius: 16px; transform: scale(0); opacity: 0; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); content: " "; } .ant-radio-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; } .ant-radio.ant-radio-disabled .ant-radio-inner { border-color: #d9d9d9; } .ant-radio-checked .ant-radio-inner { border-color: #1abc9c; } .ant-radio-checked .ant-radio-inner::after { transform: scale(0.5); opacity: 1; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-radio-disabled { cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner { background-color: #f5f5f5; cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner::after { background-color: rgba(0, 0, 0, 0.2); } .ant-radio-disabled .ant-radio-input { cursor: not-allowed; } .ant-radio-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } span.ant-radio + * { padding-right: 8px; padding-left: 8px; } .ant-radio-button-wrapper { position: relative; display: inline-block; height: 32px; margin: 0; padding: 0 15px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 30px; background: #fff; border: 1px solid #d9d9d9; border-top-width: 1.02px; border-left-width: 0; cursor: pointer; transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s; } .ant-radio-button-wrapper a { color: rgba(0, 0, 0, 0.85); } .ant-radio-button-wrapper > .ant-radio-button { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; } .ant-radio-group-large .ant-radio-button-wrapper { height: 40px; font-size: 16px; line-height: 38px; } .ant-radio-group-small .ant-radio-button-wrapper { height: 24px; padding: 0 7px; line-height: 22px; } .ant-radio-button-wrapper:not(:first-child)::before { position: absolute; top: -1px; left: -1px; display: block; box-sizing: content-box; width: 1px; height: 100%; padding: 1px 0; background-color: #d9d9d9; transition: background-color 0.3s; content: ""; } .ant-radio-button-wrapper:first-child { border-left: 1px solid #d9d9d9; border-radius: 2px 0 0 2px; } .ant-radio-button-wrapper:last-child { border-radius: 0 2px 2px 0; } .ant-radio-button-wrapper:first-child:last-child { border-radius: 2px; } .ant-radio-button-wrapper:hover { position: relative; color: #1abc9c; } .ant-radio-button-wrapper:focus-within { box-shadow: 0 0 0 3px rgba(26, 188, 156, 0.12); } .ant-radio-button-wrapper .ant-radio-inner, .ant-radio-button-wrapper input[type=checkbox], .ant-radio-button-wrapper input[type=radio] { width: 0; height: 0; opacity: 0; pointer-events: none; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { z-index: 1; color: #1abc9c; background: #fff; border-color: #1abc9c; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before { background-color: #1abc9c; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { border-color: #1abc9c; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #3cc9a9; border-color: #3cc9a9; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before { background-color: #3cc9a9; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #0e9680; border-color: #0e9680; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before { background-color: #0e9680; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { box-shadow: 0 0 0 3px rgba(26, 188, 156, 0.12); } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { color: #fff; background: #1abc9c; border-color: #1abc9c; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #fff; background: #3cc9a9; border-color: #3cc9a9; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #fff; background: #0e9680; border-color: #0e9680; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { box-shadow: 0 0 0 3px rgba(26, 188, 156, 0.12); } .ant-radio-button-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-radio-button-wrapper-disabled:first-child, .ant-radio-button-wrapper-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; } .ant-radio-button-wrapper-disabled:first-child { border-left-color: #d9d9d9; } .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked { color: rgba(0, 0, 0, 0.25); background-color: #e6e6e6; border-color: #d9d9d9; box-shadow: none; } @keyframes antRadioEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-radio-group.ant-radio-group-rtl { direction: rtl; } .ant-radio-wrapper.ant-radio-wrapper-rtl { margin-right: 0; margin-left: 8px; direction: rtl; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl { border-right-width: 0; border-left-width: 1px; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before { right: -1px; left: 0; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child { border-right: 1px solid #d9d9d9; border-radius: 0 2px 2px 0; } .ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]).ant-radio-button-wrapper:first-child { border-right-color: #3cc9a9; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child { border-radius: 2px 0 0 2px; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child { border-right-color: #d9d9d9; } .ant-radio + span:empty { display: none; } .ant-rate { box-sizing: border-box; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; font-feature-settings: "tnum"; display: inline-block; margin: 0; padding: 0; color: #fadb14; font-size: 20px; line-height: unset; list-style: none; outline: none; } .ant-rate-disabled .ant-rate-star { cursor: default; } .ant-rate-disabled .ant-rate-star > div:hover { transform: scale(1); } .ant-rate-star { position: relative; display: inline-block; color: inherit; cursor: pointer; } .ant-rate-star:not(:last-child) { margin-right: 8px; } .ant-rate-star > div { transition: all 0.3s, outline 0s; } .ant-rate-star > div:hover { transform: scale(1.1); } .ant-rate-star > div:focus { outline: 0; } .ant-rate-star > div:focus-visible { outline: 1px dashed #fadb14; transform: scale(1.1); } .ant-rate-star-first, .ant-rate-star-second { color: #f0f0f0; transition: all 0.3s; -webkit-user-select: none; user-select: none; } .ant-rate-star-first .anticon, .ant-rate-star-second .anticon { vertical-align: middle; } .ant-rate-star-first { position: absolute; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden; opacity: 0; } .ant-rate-star-half .ant-rate-star-first, .ant-rate-star-half .ant-rate-star-second { opacity: 1; } .ant-rate-star-half .ant-rate-star-first, .ant-rate-star-full .ant-rate-star-second { color: inherit; } .ant-rate-text { display: inline-block; margin: 0 8px; font-size: 14px; } .ant-rate-rtl { direction: rtl; } .ant-rate-rtl .ant-rate-star:not(:last-child) { margin-right: 0; margin-left: 8px; } .ant-rate-rtl .ant-rate-star-first { right: 0; left: auto; } .ant-select-single.ant-select { height: 32px; font-size: 14px; } .ant-select-single.ant-select .ant-select-selector { display: flex; flex: 1 1 auto; border-radius: 2px; } .ant-select-single.ant-select .ant-select-selector .ant-select-selection-wrap::after { line-height: 30px; } .ant-select-single.ant-select .ant-select-selector .ant-select-selection-search { position: absolute; width: 100%; inset: 0; } .ant-select-single.ant-select .ant-select-selector .ant-select-selection-search-input { width: 100%; appearance: textfield; } .ant-select-single.ant-select .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder { display: block; align-self: center; padding: 0; line-height: 30px; transition: all 0.3s, visibility 0s; } .ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder { transition: none; pointer-events: none; } .ant-select-single.ant-select .ant-select-selector::after, .ant-select-single.ant-select .ant-select-selector .ant-select-selection-item::after, .ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder::after { display: inline-block; width: 0; visibility: hidden; content: "\a0"; } .ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-search, .ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-placeholder { padding-inline-end: 18px; } .ant-select-single.ant-select.ant-select-open .ant-select-selection-item { color: #bfbfbf; } .ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector { align-items: center; width: 100%; height: 100%; padding: 0 11px; } .ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { height: 30px; font-size: 14px; } .ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector::after { line-height: 30px; } .ant-select-single.ant-select.ant-select-customize-input .ant-select-selector::after { display: none; } .ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-search { position: static; width: 100%; } .ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder { position: absolute; padding: 0 11px; inset-inline-start: 0; inset-inline-end: 0; } .ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after { display: none; } .ant-select-single.ant-select-sm { height: 24px; font-size: 14px; } .ant-select-single.ant-select-sm .ant-select-selector { display: flex; flex: 1 1 auto; border-radius: 2px; } .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-wrap::after { line-height: 22px; } .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-search { position: absolute; width: 100%; inset: 0; } .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-search-input { width: 100%; appearance: textfield; } .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder { display: block; align-self: center; padding: 0; line-height: 22px; transition: all 0.3s, visibility 0s; } .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder { transition: none; pointer-events: none; } .ant-select-single.ant-select-sm .ant-select-selector::after, .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item::after, .ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder::after { display: inline-block; width: 0; visibility: hidden; content: "\a0"; } .ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-search, .ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-placeholder { padding-inline-end: 18px; } .ant-select-single.ant-select-sm.ant-select-open .ant-select-selection-item { color: #bfbfbf; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector { align-items: center; width: 100%; height: 100%; padding: 0 11px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { height: 22px; font-size: 14px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after { line-height: 22px; } .ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector::after { display: none; } .ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-search { position: static; width: 100%; } .ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder { position: absolute; padding: 0 11px; inset-inline-start: 0; inset-inline-end: 0; } .ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after { display: none; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector { padding: 0 7px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search { padding-inline-end: 28px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder { padding-inline-end: 21px; } .ant-select-single.ant-select-lg { height: 40px; font-size: 16px; } .ant-select-single.ant-select-lg .ant-select-selector { display: flex; flex: 1 1 auto; border-radius: 4px; } .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-wrap::after { line-height: 38px; } .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search { position: absolute; width: 100%; inset: 0; } .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search-input { width: 100%; appearance: textfield; } .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder { display: block; align-self: center; padding: 0; line-height: 38px; transition: all 0.3s, visibility 0s; } .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder { transition: none; pointer-events: none; } .ant-select-single.ant-select-lg .ant-select-selector::after, .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item::after, .ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder::after { display: inline-block; width: 0; visibility: hidden; content: "\a0"; } .ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-search, .ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-placeholder { padding-inline-end: 20px; } .ant-select-single.ant-select-lg.ant-select-open .ant-select-selection-item { color: #bfbfbf; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { align-items: center; width: 100%; height: 100%; padding: 0 11px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { height: 38px; font-size: 14px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after { line-height: 38px; } .ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector::after { display: none; } .ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-search { position: static; width: 100%; } .ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder { position: absolute; padding: 0 11px; inset-inline-start: 0; inset-inline-end: 0; } .ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after { display: none; } .ant-select-multiple.ant-select { font-size: 14px; } .ant-select-multiple.ant-select .ant-select-selection-overflow { position: relative; display: flex; flex: auto; flex-wrap: wrap; max-width: 100%; } .ant-select-multiple.ant-select .ant-select-selection-overflow-item { display: inline-flex; flex: none; align-self: center; max-width: calc(100% - 4px); } .ant-select-multiple.ant-select .ant-select-selection-item { display: flex; flex: none; align-self: center; box-sizing: border-box; max-width: 100%; background: #f5f5f5; border: 1px solid #f0f0f0; border-radius: 2px; cursor: default; transition: font-size 0.3s, line-height 0.3s, height 0.3s; margin-block: calc(4px / 2); margin-inline-end: calc(calc(4px / 2) * 2); padding-inline-start: 8px; padding-inline-end: calc(8px / 2); } .ant-select-disabled.ant-select-multiple.ant-select .ant-select-selection-item { color: #bfbfbf; border-color: #d9d9d9; cursor: not-allowed; } .ant-select-multiple.ant-select .ant-select-selection-item-content { display: inline-block; overflow: hidden; white-space: pre; text-overflow: ellipsis; margin-inline-end: calc(8px / 2); } .ant-select-multiple.ant-select .ant-select-selection-item-remove { 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; display: inline-flex; align-items: center; color: rgba(0, 0, 0, 0.45); font-weight: bold; font-size: 10px; line-height: inherit; cursor: pointer; } .ant-select-multiple.ant-select .ant-select-selection-item-remove > * { line-height: 1; } .ant-select-multiple.ant-select .ant-select-selection-item-remove svg { display: inline-block; } .ant-select-multiple.ant-select .ant-select-selection-item-remove::before { display: none; } .ant-select-multiple.ant-select .ant-select-selection-item-remove .ant-select-multiple.ant-select .ant-select-selection-item-remove-icon { display: block; } .ant-select-multiple.ant-select .ant-select-selection-item-remove > .anticon { vertical-align: -0.2em; } .ant-select-multiple.ant-select .ant-select-selection-item-remove:hover { color: rgba(0, 0, 0, 0.75); } .ant-select-multiple.ant-select .ant-select-selector { display: flex; align-items: center; width: 100%; height: 100%; padding-inline: max(calc(4px - 1px), 0px); padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 2)), 0px); border-radius: 2px; } .ant-select-disabled.ant-select-multiple.ant-select .ant-select-selector { background: #f5f5f5; cursor: not-allowed; } .ant-select-multiple.ant-select .ant-select-selector::after { display: inline-block; width: 0; margin: calc(4px / 2) 0; line-height: 24px; visibility: hidden; content: "\a0"; } .ant-select-multiple.ant-select .ant-select-selection-item { height: 24px; line-height: calc(24px - 1px * 2); } .ant-select-multiple.ant-select .ant-select-selection-wrap { align-self: flex-start; } .ant-select-multiple.ant-select .ant-select-selection-wrap::after { line-height: 24px; margin-block: calc(4px / 2); } .ant-select-multiple.ant-select .ant-select-prefix { margin-inline-start: calc(11px - max(calc(4px - 1px), 0px)); } .ant-select-multiple.ant-select .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search, .ant-select-multiple.ant-select .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search { margin-inline-start: 0; } .ant-select-multiple.ant-select .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder, .ant-select-multiple.ant-select .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder { inset-inline-start: 0; } .ant-select-multiple.ant-select .ant-select-selection-overflow-item-suffix { min-height: 24px; margin-block: calc(4px / 2); } .ant-select-multiple.ant-select .ant-select-selection-search { position: relative; display: inline-flex; max-width: 100%; margin-inline-start: calc(11px - calc(calc(32px - 24px) / 2 - 1px)); } .ant-select-multiple.ant-select .ant-select-selection-search-input, .ant-select-multiple.ant-select .ant-select-selection-search-mirror { height: 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 24px; transition: all 0.3s; } .ant-select-multiple.ant-select .ant-select-selection-search-input { width: 100%; min-width: 4.1px; } .ant-select-multiple.ant-select .ant-select-selection-search-mirror { position: absolute; top: 0; z-index: 999; white-space: pre; visibility: hidden; inset-inline-start: 0; inset-inline-end: auto; } .ant-select-multiple.ant-select .ant-select-selection-placeholder { position: absolute; top: 50%; inset-inline-start: calc(11px - max(calc(4px - 1px), 0px)); inset-inline-end: 11px; transform: translateY(-50%); transition: all 0.3s; } .ant-select-show-search.ant-select-multiple.ant-select .ant-select-selector { cursor: text; } .ant-select-multiple.ant-select.ant-select-show-arrow .ant-select-selector, .ant-select-multiple.ant-select.ant-select-allow-clear .ant-select-selector { padding-inline-end: calc(12px + 12px); } .ant-select-multiple.ant-select-sm { font-size: 14px; } .ant-select-multiple.ant-select-sm .ant-select-selection-overflow { position: relative; display: flex; flex: auto; flex-wrap: wrap; max-width: 100%; } .ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item { display: inline-flex; flex: none; align-self: center; max-width: calc(100% - 4px); } .ant-select-multiple.ant-select-sm .ant-select-selection-item { display: flex; flex: none; align-self: center; box-sizing: border-box; max-width: 100%; background: #f5f5f5; border: 1px solid #f0f0f0; border-radius: 2px; cursor: default; transition: font-size 0.3s, line-height 0.3s, height 0.3s; margin-block: calc(4px / 2); margin-inline-end: calc(calc(4px / 2) * 2); padding-inline-start: 8px; padding-inline-end: calc(8px / 2); } .ant-select-disabled.ant-select-multiple.ant-select-sm .ant-select-selection-item { color: #bfbfbf; border-color: #d9d9d9; cursor: not-allowed; } .ant-select-multiple.ant-select-sm .ant-select-selection-item-content { display: inline-block; overflow: hidden; white-space: pre; text-overflow: ellipsis; margin-inline-end: calc(8px / 2); } .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove { 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; display: inline-flex; align-items: center; color: rgba(0, 0, 0, 0.45); font-weight: bold; font-size: 10px; line-height: inherit; cursor: pointer; } .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove > * { line-height: 1; } .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove svg { display: inline-block; } .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove::before { display: none; } .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove-icon { display: block; } .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove > .anticon { vertical-align: -0.2em; } .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove:hover { color: rgba(0, 0, 0, 0.75); } .ant-select-multiple.ant-select-sm .ant-select-selector { display: flex; align-items: center; width: 100%; height: 100%; padding-inline: max(calc(4px - 1px), 0px); padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 2)), 0px); border-radius: 2px; } .ant-select-disabled.ant-select-multiple.ant-select-sm .ant-select-selector { background: #f5f5f5; cursor: not-allowed; } .ant-select-multiple.ant-select-sm .ant-select-selector::after { display: inline-block; width: 0; margin: calc(4px / 2) 0; line-height: 16px; visibility: hidden; content: "\a0"; } .ant-select-multiple.ant-select-sm .ant-select-selection-item { height: 16px; line-height: calc(16px - 1px * 2); } .ant-select-multiple.ant-select-sm .ant-select-selection-wrap { align-self: flex-start; } .ant-select-multiple.ant-select-sm .ant-select-selection-wrap::after { line-height: 16px; margin-block: calc(4px / 2); } .ant-select-multiple.ant-select-sm .ant-select-prefix { margin-inline-start: calc(11px - max(calc(4px - 1px), 0px)); } .ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search, .ant-select-multiple.ant-select-sm .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search { margin-inline-start: 0; } .ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder, .ant-select-multiple.ant-select-sm .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder { inset-inline-start: 0; } .ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item-suffix { min-height: 16px; margin-block: calc(4px / 2); } .ant-select-multiple.ant-select-sm .ant-select-selection-search { position: relative; display: inline-flex; max-width: 100%; margin-inline-start: calc(11px - calc(calc(24px - 16px) / 2 - 1px)); } .ant-select-multiple.ant-select-sm .ant-select-selection-search-input, .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror { height: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 16px; transition: all 0.3s; } .ant-select-multiple.ant-select-sm .ant-select-selection-search-input { width: 100%; min-width: 4.1px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror { position: absolute; top: 0; z-index: 999; white-space: pre; visibility: hidden; inset-inline-start: 0; inset-inline-end: auto; } .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { position: absolute; top: 50%; inset-inline-start: calc(11px - max(calc(4px - 1px), 0px)); inset-inline-end: 11px; transform: translateY(-50%); transition: all 0.3s; } .ant-select-show-search.ant-select-multiple.ant-select-sm .ant-select-selector { cursor: text; } .ant-select-multiple.ant-select-sm.ant-select-show-arrow .ant-select-selector, .ant-select-multiple.ant-select-sm.ant-select-allow-clear .ant-select-selector { padding-inline-end: calc(12px + 12px); } .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { inset-inline: calc(8px - 1px); } .ant-select-multiple.ant-select-sm .ant-select-selection-search { margin-inline-start: 2px; } .ant-select-multiple.ant-select-lg { font-size: 16px; } .ant-select-multiple.ant-select-lg .ant-select-selection-overflow { position: relative; display: flex; flex: auto; flex-wrap: wrap; max-width: 100%; } .ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item { display: inline-flex; flex: none; align-self: center; max-width: calc(100% - 4px); } .ant-select-multiple.ant-select-lg .ant-select-selection-item { display: flex; flex: none; align-self: center; box-sizing: border-box; max-width: 100%; background: #f5f5f5; border: 1px solid #f0f0f0; border-radius: 2px; cursor: default; transition: font-size 0.3s, line-height 0.3s, height 0.3s; margin-block: calc(4px / 2); margin-inline-end: calc(calc(4px / 2) * 2); padding-inline-start: 8px; padding-inline-end: calc(8px / 2); } .ant-select-disabled.ant-select-multiple.ant-select-lg .ant-select-selection-item { color: #bfbfbf; border-color: #d9d9d9; cursor: not-allowed; } .ant-select-multiple.ant-select-lg .ant-select-selection-item-content { display: inline-block; overflow: hidden; white-space: pre; text-overflow: ellipsis; margin-inline-end: calc(8px / 2); } .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove { 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; display: inline-flex; align-items: center; color: rgba(0, 0, 0, 0.45); font-weight: bold; font-size: 10px; line-height: inherit; cursor: pointer; } .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove > * { line-height: 1; } .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove svg { display: inline-block; } .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove::before { display: none; } .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove-icon { display: block; } .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove > .anticon { vertical-align: -0.2em; } .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove:hover { color: rgba(0, 0, 0, 0.75); } .ant-select-multiple.ant-select-lg .ant-select-selector { display: flex; align-items: center; width: 100%; height: 100%; padding-inline: max(calc(4px - 1px), 0px); padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 2)), 0px); border-radius: 4px; } .ant-select-disabled.ant-select-multiple.ant-select-lg .ant-select-selector { background: #f5f5f5; cursor: not-allowed; } .ant-select-multiple.ant-select-lg .ant-select-selector::after { display: inline-block; width: 0; margin: calc(4px / 2) 0; line-height: 32px; visibility: hidden; content: "\a0"; } .ant-select-multiple.ant-select-lg .ant-select-selection-item { height: 32px; line-height: calc(32px - 1px * 2); } .ant-select-multiple.ant-select-lg .ant-select-selection-wrap { align-self: flex-start; } .ant-select-multiple.ant-select-lg .ant-select-selection-wrap::after { line-height: 32px; margin-block: calc(4px / 2); } .ant-select-multiple.ant-select-lg .ant-select-prefix { margin-inline-start: calc(11px - max(calc(4px - 1px), 0px)); } .ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search, .ant-select-multiple.ant-select-lg .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search { margin-inline-start: 0; } .ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder, .ant-select-multiple.ant-select-lg .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder { inset-inline-start: 0; } .ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item-suffix { min-height: 32px; margin-block: calc(4px / 2); } .ant-select-multiple.ant-select-lg .ant-select-selection-search { position: relative; display: inline-flex; max-width: 100%; margin-inline-start: calc(11px - calc(calc(40px - 32px) / 2 - 1px)); } .ant-select-multiple.ant-select-lg .ant-select-selection-search-input, .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror { height: 32px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 32px; transition: all 0.3s; } .ant-select-multiple.ant-select-lg .ant-select-selection-search-input { width: 100%; min-width: 4.1px; } .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror { position: absolute; top: 0; z-index: 999; white-space: pre; visibility: hidden; inset-inline-start: 0; inset-inline-end: auto; } .ant-select-multiple.ant-select-lg .ant-select-selection-placeholder { position: absolute; top: 50%; inset-inline-start: calc(11px - max(calc(4px - 1px), 0px)); inset-inline-end: 11px; transform: translateY(-50%); transition: all 0.3s; } .ant-select-show-search.ant-select-multiple.ant-select-lg .ant-select-selector { cursor: text; } .ant-select-multiple.ant-select-lg.ant-select-show-arrow .ant-select-selector, .ant-select-multiple.ant-select-lg.ant-select-allow-clear .ant-select-selector { padding-inline-end: calc(12px + 12px); } .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector { background-color: #fff; border-color: #ff4d4f !important; } .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector, .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector { background-color: #fff; border-color: #faad14 !important; } .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector, .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-select-status-error.ant-select-has-feedback .ant-select-clear, .ant-select-status-warning.ant-select-has-feedback .ant-select-clear, .ant-select-status-success.ant-select-has-feedback .ant-select-clear, .ant-select-status-validating.ant-select-has-feedback .ant-select-clear { inset-inline-end: 32px; } .ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value, .ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value, .ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value, .ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value { padding-inline-end: 42px; } .ant-select { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; display: inline-flex; cursor: pointer; } .ant-select:not(.ant-select-customize-input) .ant-select-selector { position: relative; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: pointer; } .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-prefix { flex: none; margin-inline-end: 4px; } .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-wrap { position: relative; display: flex; width: 100%; min-width: 0; } .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-wrap::after { width: 0; overflow: hidden; content: "\a0"; } .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector { cursor: text; } .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: auto; } .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; cursor: not-allowed; } .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { background: #f5f5f5; } .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: not-allowed; } .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { margin: 0; padding: 0; font-family: inherit; background: transparent; border: none; outline: none; appearance: none; } .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button { display: none; appearance: none; } .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border-color: #3cc9a9; border-right-width: 1px; } .ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border-right-width: 0; border-left-width: 1px !important; } .ant-select:not(.ant-select-disabled).ant-select-focused .ant-select-selector { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-select:not(.ant-select-disabled).ant-select-focused .ant-select-selector { border-right-width: 0; border-left-width: 1px !important; } .ant-select-selection-item { flex: 1; overflow: hidden; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-user-select: none; user-select: none; } @media all and (-ms-high-contrast: none) { .ant-select-selection-item *::-ms-backdrop, .ant-select-selection-item { flex: auto; } } .ant-select-selection-placeholder { flex: 1; overflow: hidden; color: #bfbfbf; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } @media all and (-ms-high-contrast: none) { .ant-select-selection-placeholder *::-ms-backdrop, .ant-select-selection-placeholder { flex: auto; } } .ant-select-arrow { display: inline-flex; color: inherit; font-style: normal; line-height: 0; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; inset-inline-start: auto; inset-inline-end: 11px; display: flex; align-items: center; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; line-height: 1; text-align: center; pointer-events: none; } .ant-select-arrow > * { line-height: 1; } .ant-select-arrow svg { display: inline-block; } .ant-select-arrow::before { display: none; } .ant-select-arrow .ant-select-arrow-icon { display: block; } .ant-select-arrow .anticon { vertical-align: top; transition: transform 0.3s; } .ant-select-arrow .anticon > svg { vertical-align: top; } .ant-select-arrow .anticon:not(.ant-select-suffix) { pointer-events: auto; } .ant-select-disabled .ant-select-arrow { cursor: not-allowed; } .ant-select-arrow > *:not(:last-child) { margin-inline-end: 8px; } .ant-select-clear { position: absolute; top: 50%; z-index: 1; display: inline-block; width: 12px; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; font-style: normal; line-height: 1; text-align: center; text-transform: none; background: #fff; transform: translateZ(0); cursor: pointer; opacity: 0; transition: color 0.3s ease, opacity 0.15s ease; inset-inline-start: auto; inset-inline-end: 11px; text-rendering: auto; } .ant-select-clear::before { display: block; } .ant-select-clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-select:hover .ant-select-clear { opacity: 1; } .ant-select-dropdown { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: absolute; top: -9999px; z-index: 1050; box-sizing: border-box; padding: 4px; overflow: hidden; font-size: 14px; font-variant: initial; background-color: #fff; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft { animation-name: antSlideUpIn; } .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft { animation-name: antSlideDownIn; } .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft { animation-name: antSlideUpOut; } .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft { animation-name: antSlideDownOut; } .ant-select-dropdown-hidden { display: none; } .ant-select-dropdown-empty { color: rgba(0, 0, 0, 0.25); } .ant-select-item-empty { position: relative; display: block; min-height: 32px; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 0.25); } .ant-select-item { position: relative; display: block; min-height: 32px; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; cursor: pointer; transition: background 0.3s ease; } .ant-select-item-group { color: rgba(0, 0, 0, 0.45); font-size: 12px; cursor: default; } .ant-select-item-option { display: flex; } .ant-select-item-option-content { flex: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-select-item-option-state { flex: none; -webkit-user-select: none; user-select: none; } .ant-select-item-option-active:not(.ant-select-item-option-disabled) { background-color: #f5f5f5; } .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { color: rgba(0, 0, 0, 0.85); font-weight: 600; background-color: #edfcf7; } .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state { color: #1abc9c; } .ant-select-item-option-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-item-option-disabled.ant-select-item-option-selected { background-color: #f5f5f5; } .ant-select-item-option-grouped { padding-inline-start: 24px; } .ant-select-lg { font-size: 16px; } .ant-select.ant-select-borderless .ant-select-selector, .ant-select.ant-select-borderless:hover .ant-select-selector, .ant-select.ant-select-borderless:focus .ant-select-selector, .ant-select.ant-select-borderless.ant-select-focused .ant-select-selector, .ant-select.ant-select-borderless.ant-select-disabled .ant-select-selector, .ant-select.ant-select-borderless.ant-select[disabled] .ant-select-selector { background-color: transparent; border-color: transparent; box-shadow: none; } .ant-select.ant-select-filled .ant-select-selector { background-color: #f5f5f5; border-color: transparent; box-shadow: none; } .ant-select.ant-select-filled:hover .ant-select-selector { background-color: #f0f0f0; border-color: transparent; box-shadow: none; } .ant-select.ant-select-filled:focus .ant-select-selector, .ant-select.ant-select-filled.ant-select-focused .ant-select-selector { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; background-color: transparent; box-shadow: none; } .ant-input-rtl .ant-select.ant-select-filled:focus .ant-select-selector, .ant-input-rtl .ant-select.ant-select-filled.ant-select-focused .ant-select-selector { border-right-width: 0; border-left-width: 1px !important; } .ant-select.ant-select-filled.ant-select-disabled .ant-select-selector, .ant-select.ant-select-filled.ant-select[disabled] .ant-select-selector { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-select.ant-select-filled.ant-select-disabled .ant-select-selector:hover, .ant-select.ant-select-filled.ant-select[disabled] .ant-select-selector:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-select.ant-select-underlined .ant-select-selector, .ant-select.ant-select-underlined:hover .ant-select-selector, .ant-select.ant-select-underlined:focus .ant-select-selector, .ant-select.ant-select-underlined.ant-select-focused .ant-select-selector, .ant-select.ant-select-underlined.ant-select-disabled .ant-select-selector, .ant-select.ant-select-underlined.ant-select[disabled] .ant-select-selector { background-color: transparent; border-width: 0 0 1px; border-radius: 0; box-shadow: none; } .ant-select.ant-select-underlined:hover:not(.ant-select-focused):not(:focus) .ant-select-selector { border-color: #d9d9d9; } .ant-select.ant-select-in-form-item { width: 100%; } .ant-select-compact-item:not(.ant-select-compact-last-item) { margin-right: -1px; } .ant-select-compact-item:not(.ant-select-compact-last-item).ant-select-compact-item-rtl { margin-right: 0; margin-left: -1px; } .ant-select-compact-item:hover > *, .ant-select-compact-item:focus > *, .ant-select-compact-item:active > * { z-index: 2; } .ant-select-compact-item.ant-select-focused > * { z-index: 2; } .ant-select-compact-item[disabled] > * { z-index: 0; } .ant-select-compact-item:not(.ant-select-compact-first-item):not(.ant-select-compact-last-item).ant-select .ant-select-selector { border-radius: 0; } .ant-select-compact-item.ant-select-compact-first-item.ant-select:not(.ant-select-compact-last-item):not(.ant-select-compact-item-rtl) .ant-select-selector { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-select-compact-item.ant-select-compact-last-item.ant-select:not(.ant-select-compact-first-item):not(.ant-select-compact-item-rtl) .ant-select-selector { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-select-compact-item.ant-select.ant-select-compact-first-item.ant-select-compact-item-rtl:not(.ant-select-compact-last-item) .ant-select-selector { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-select-compact-item.ant-select.ant-select-compact-last-item.ant-select-compact-item-rtl:not(.ant-select-compact-first-item) .ant-select-selector { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-select-rtl { direction: rtl; } .ant-select-dropdown-rtl { direction: rtl; } .ant-select-dropdown { position: relative; top: 100%; left: 0; display: block; width: 100%; margin-top: 4px; margin-bottom: 4px; } .ant-select-dropdown .cdk-virtual-scroll-content-wrapper { right: 0; } .ant-select-dropdown .full-width { contain: initial; } .ant-select-dropdown .full-width .cdk-virtual-scroll-content-wrapper { position: static; } .ant-select-dropdown .full-width .cdk-virtual-scroll-spacer { position: absolute; top: 0; width: 1px; } .segmented-disabled-item, .segmented-disabled-item:hover, .segmented-disabled-item:focus { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .segmented-item-selected { background-color: #fff; border-radius: 2px; box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08); } .segmented-text-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; } .ant-segmented { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-block; padding: 2px; color: rgba(0, 0, 0, 0.65); background-color: rgba(0, 0, 0, 0.04); border-radius: 2px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-segmented-group { position: relative; display: flex; align-items: stretch; justify-items: flex-start; width: 100%; } .ant-segmented-vertical .ant-segmented-group { flex-direction: column; } .ant-segmented-vertical .ant-segmented-thumb { width: 100%; height: 0; } .ant-segmented-vertical .ant-segmented-thumb-motion-appear-active { transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); will-change: transform, width, height; } .ant-segmented-shape-round { border-radius: 9999px; } .ant-segmented-shape-round .ant-segmented-item { border-radius: 9999px; } .ant-segmented-shape-round .ant-segmented-thumb { border-radius: 9999px; } .ant-segmented.ant-segmented-block { display: flex; } .ant-segmented.ant-segmented-block .ant-segmented-item { flex: 1; min-width: 0; } .ant-segmented:not(.ant-segmented-disabled):hover, .ant-segmented:not(.ant-segmented-disabled):focus { background-color: rgba(0, 0, 0, 0.06); } .ant-segmented-item { position: relative; text-align: center; cursor: pointer; transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-segmented-item-selected { background-color: #fff; border-radius: 2px; box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08); color: #262626; } .ant-segmented-item:hover, .ant-segmented-item:focus { color: #262626; } .ant-segmented-item-label { min-height: 28px; padding: 0 11px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; } .ant-segmented-item-icon + * { margin-left: 6px; } .ant-segmented-item-input { position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; pointer-events: none; } .ant-segmented.ant-segmented-lg .ant-segmented-item-label { min-height: 36px; padding: 0 11px; font-size: 16px; line-height: 36px; } .ant-segmented.ant-segmented-sm .ant-segmented-item-label { min-height: 20px; padding: 0 7px; line-height: 20px; } .ant-segmented-item-disabled, .ant-segmented-item-disabled:hover, .ant-segmented-item-disabled:focus { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-segmented-thumb { background-color: #fff; border-radius: 2px; box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08); position: absolute; top: 0; left: 0; width: 0; height: 100%; padding: 4px 0; } .ant-segmented-thumb-motion-appear-active { transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); will-change: transform, width; } .ant-segmented.ant-segmented-rtl { direction: rtl; } .ant-segmented.ant-segmented-rtl .ant-segmented-item-icon { margin-right: 0; margin-left: 6px; } .ant-skeleton { display: table; width: 100%; } .ant-skeleton-header { display: table-cell; padding-right: 16px; vertical-align: top; } .ant-skeleton-header .ant-skeleton-avatar { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 32px; height: 32px; line-height: 32px; } .ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-header .ant-skeleton-avatar-lg { width: 40px; height: 40px; line-height: 40px; } .ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-header .ant-skeleton-avatar-sm { width: 24px; height: 24px; line-height: 24px; } .ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-content { display: table-cell; width: 100%; vertical-align: top; } .ant-skeleton-content .ant-skeleton-title { width: 100%; height: 16px; background: rgba(190, 190, 190, 0.2); border-radius: 2px; } .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph { margin-top: 24px; } .ant-skeleton-content .ant-skeleton-paragraph { padding: 0; } .ant-skeleton-content .ant-skeleton-paragraph > li { width: 100%; height: 16px; list-style: none; background: rgba(190, 190, 190, 0.2); border-radius: 2px; } .ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) { width: 61%; } .ant-skeleton-content .ant-skeleton-paragraph > li + li { margin-top: 16px; } .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title { margin-top: 12px; } .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph { margin-top: 28px; } .ant-skeleton-round .ant-skeleton-content .ant-skeleton-title, .ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li { border-radius: 100px; } .ant-skeleton-active .ant-skeleton-title, .ant-skeleton-active .ant-skeleton-paragraph > li, .ant-skeleton-active .ant-skeleton-avatar, .ant-skeleton-active .ant-skeleton-button, .ant-skeleton-active .ant-skeleton-input, .ant-skeleton-active .ant-skeleton-image { position: relative; z-index: 0; overflow: hidden; background: transparent; } .ant-skeleton-active .ant-skeleton-title::after, .ant-skeleton-active .ant-skeleton-paragraph > li::after, .ant-skeleton-active .ant-skeleton-avatar::after, .ant-skeleton-active .ant-skeleton-button::after, .ant-skeleton-active .ant-skeleton-input::after, .ant-skeleton-active .ant-skeleton-image::after { position: absolute; top: 0; right: -150%; bottom: 0; left: -150%; background: linear-gradient( 90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%); animation: ant-skeleton-loading 1.4s ease infinite; content: ""; } .ant-skeleton.ant-skeleton-block { width: 100%; } .ant-skeleton.ant-skeleton-block .ant-skeleton-button { width: 100%; } .ant-skeleton.ant-skeleton-block .ant-skeleton-input { width: 100%; } .ant-skeleton-element { display: inline-block; width: auto; } .ant-skeleton-element .ant-skeleton-button { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); border-radius: 2px; width: 64px; min-width: 64px; height: 32px; line-height: 32px; } .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-square { width: 32px; min-width: 32px; } .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle { width: 32px; min-width: 32px; border-radius: 50%; } .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round { border-radius: 32px; } .ant-skeleton-element .ant-skeleton-button-lg { width: 80px; min-width: 80px; height: 40px; line-height: 40px; } .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-square { width: 40px; min-width: 40px; } .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle { width: 40px; min-width: 40px; border-radius: 50%; } .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round { border-radius: 40px; } .ant-skeleton-element .ant-skeleton-button-sm { width: 48px; min-width: 48px; height: 24px; line-height: 24px; } .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-square { width: 24px; min-width: 24px; } .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle { width: 24px; min-width: 24px; border-radius: 50%; } .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round { border-radius: 24px; } .ant-skeleton-element .ant-skeleton-avatar { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 32px; height: 32px; line-height: 32px; } .ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-avatar-lg { width: 40px; height: 40px; line-height: 40px; } .ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-avatar-sm { width: 24px; height: 24px; line-height: 24px; } .ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-input { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 160px; min-width: 160px; height: 32px; line-height: 32px; } .ant-skeleton-element .ant-skeleton-input-lg { width: 200px; min-width: 200px; height: 40px; line-height: 40px; } .ant-skeleton-element .ant-skeleton-input-sm { width: 120px; min-width: 120px; height: 24px; line-height: 24px; } .ant-skeleton-element .ant-skeleton-image { display: flex; align-items: center; justify-content: center; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 96px; height: 96px; line-height: 96px; } .ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-image-path { fill: #bfbfbf; } .ant-skeleton-element .ant-skeleton-image-svg { width: 48px; height: 48px; line-height: 48px; max-width: 192px; max-height: 192px; } .ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle { border-radius: 50%; } @keyframes ant-skeleton-loading { 0% { transform: translateX(-37.5%); } 100% { transform: translateX(37.5%); } } .ant-skeleton-rtl { direction: rtl; } .ant-skeleton-rtl .ant-skeleton-header { padding-right: 0; padding-left: 16px; } .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title, .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li { animation-name: ant-skeleton-loading-rtl; } .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar { animation-name: ant-skeleton-loading-rtl; } @keyframes ant-skeleton-loading-rtl { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } .ant-slider { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; height: 12px; margin: 10px 6px 10px; padding: 4px 0; cursor: pointer; touch-action: none; } .ant-slider-vertical { width: 12px; height: 100%; margin: 6px 10px; padding: 0 4px; } .ant-slider-vertical .ant-slider-rail { width: 4px; height: 100%; } .ant-slider-vertical .ant-slider-track { width: 4px; } .ant-slider-vertical .ant-slider-handle { margin-top: -6px; margin-left: -5px; } .ant-slider-vertical .ant-slider-mark { top: 0; left: 12px; width: 18px; height: 100%; } .ant-slider-vertical .ant-slider-mark-text { left: 4px; white-space: nowrap; } .ant-slider-vertical .ant-slider-step { width: 4px; height: 100%; } .ant-slider-vertical .ant-slider-dot { top: auto; margin-left: -2px; } .ant-slider-tooltip .ant-tooltip-inner { min-width: unset; } .ant-slider-rtl.ant-slider-vertical .ant-slider-handle { margin-right: -5px; margin-left: 0; } .ant-slider-rtl.ant-slider-vertical .ant-slider-mark { right: 12px; left: auto; } .ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text { right: 4px; left: auto; } .ant-slider-rtl.ant-slider-vertical .ant-slider-dot { right: 2px; left: auto; } .ant-slider-with-marks { margin-bottom: 28px; } .ant-slider-rail { position: absolute; width: 100%; height: 4px; background-color: #f5f5f5; border-radius: 2px; transition: background-color 0.3s; } .ant-slider-track { position: absolute; height: 4px; background-color: #8de3c9; border-radius: 2px; transition: background-color 0.3s; } .ant-slider-handle { position: absolute; width: 14px; height: 14px; margin-top: -5px; background-color: #fff; border: solid 2px #8de3c9; border-radius: 50%; box-shadow: 0; cursor: pointer; transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); } .ant-slider-handle-dragging { z-index: 1; } .ant-slider-handle:focus { border-color: #48c9b0; outline: none; box-shadow: 0 0 0 5px rgba(26, 188, 156, 0.12); } .ant-slider-handle.ant-tooltip-open { border-color: #1abc9c; } .ant-slider-handle::after { position: absolute; top: -6px; right: -6px; bottom: -6px; left: -6px; content: ""; } .ant-slider:hover .ant-slider-rail { background-color: #e1e1e1; } .ant-slider:hover .ant-slider-track { background-color: #63d6b7; } .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) { border-color: #63d6b7; } .ant-slider-mark { position: absolute; top: 14px; left: 0; width: 100%; font-size: 14px; } .ant-slider-mark-text { position: absolute; display: inline-block; color: rgba(0, 0, 0, 0.45); text-align: center; word-break: keep-all; cursor: pointer; -webkit-user-select: none; user-select: none; } .ant-slider-mark-text-active { color: rgba(0, 0, 0, 0.85); } .ant-slider-step { position: absolute; width: 100%; height: 4px; background: transparent; pointer-events: none; } .ant-slider-dot { position: absolute; top: -2px; width: 8px; height: 8px; background-color: #fff; border: 2px solid #f0f0f0; border-radius: 50%; cursor: pointer; } .ant-slider-dot-active { border-color: #8ddece; } .ant-slider-disabled { cursor: not-allowed; } .ant-slider-disabled .ant-slider-rail { background-color: #f5f5f5 !important; } .ant-slider-disabled .ant-slider-track { background-color: rgba(0, 0, 0, 0.25) !important; } .ant-slider-disabled .ant-slider-handle, .ant-slider-disabled .ant-slider-dot { background-color: #fff; border-color: rgba(0, 0, 0, 0.25) !important; box-shadow: none; cursor: not-allowed; } .ant-slider-disabled .ant-slider-mark-text, .ant-slider-disabled .ant-slider-dot { cursor: not-allowed !important; } .ant-slider-rtl { direction: rtl; } .ant-slider-rtl .ant-slider-mark { right: 0; left: auto; } .ant-slider { display: block; } .ant-spin { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: absolute; display: none; color: #1abc9c; font-size: 0; text-align: center; vertical-align: middle; opacity: 0; transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-spin-spinning { position: static; display: inline-block; opacity: 1; } .ant-spin-nested-loading { position: relative; } .ant-spin-nested-loading > div > .ant-spin { position: absolute; top: 0; left: 0; z-index: 4; display: block; width: 100%; height: 100%; max-height: 400px; } .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot { position: absolute; top: 50%; left: 50%; margin: -10px; } .ant-spin-nested-loading > div > .ant-spin .ant-spin-text { position: absolute; top: 50%; width: 100%; padding-top: 5px; font-size: 14px; text-shadow: 0 1px 2px #fff; } .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot { margin-top: -20px; } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot { margin: -7px; } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text { padding-top: 2px; } .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot { margin-top: -17px; } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot { margin: -16px; } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text { padding-top: 11px; } .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot { margin-top: -26px; } .ant-spin-container { position: relative; transition: opacity 0.3s; } .ant-spin-container::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: none \ ; width: 100%; height: 100%; background: #fff; opacity: 0; transition: all 0.3s; content: ""; pointer-events: none; } .ant-spin-blur { clear: both; opacity: 0.5; -webkit-user-select: none; user-select: none; pointer-events: none; } .ant-spin-blur::after { opacity: 0.4; pointer-events: auto; } .ant-spin-tip { color: rgba(0, 0, 0, 0.45); } .ant-spin-dot { position: relative; display: inline-block; font-size: 20px; width: 1em; height: 1em; } .ant-spin-dot-item { position: absolute; display: block; width: 9px; height: 9px; background-color: #1abc9c; border-radius: 100%; transform: scale(0.75); transform-origin: 50% 50%; opacity: 0.3; animation: antSpinMove 1s infinite linear alternate; } .ant-spin-dot-item:nth-child(1) { top: 0; left: 0; } .ant-spin-dot-item:nth-child(2) { top: 0; right: 0; animation-delay: 0.4s; } .ant-spin-dot-item:nth-child(3) { right: 0; bottom: 0; animation-delay: 0.8s; } .ant-spin-dot-item:nth-child(4) { bottom: 0; left: 0; animation-delay: 1.2s; } .ant-spin-dot-spin { transform: rotate(0deg); animation: antRotate 1.2s infinite linear; } .ant-spin-sm .ant-spin-dot { font-size: 14px; } .ant-spin-sm .ant-spin-dot i { width: 6px; height: 6px; } .ant-spin-lg .ant-spin-dot { font-size: 32px; } .ant-spin-lg .ant-spin-dot i { width: 14px; height: 14px; } .ant-spin.ant-spin-show-text .ant-spin-text { display: block; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .ant-spin-blur { background: #fff; opacity: 0.5; } } @keyframes antSpinMove { to { opacity: 1; } } @keyframes antRotate { to { transform: rotate(360deg); } } .ant-spin-rtl { direction: rtl; } .ant-spin-rtl .ant-spin-dot-spin { transform: rotate(-45deg); animation-name: antRotateRtl; } @keyframes antRotateRtl { to { transform: rotate(-405deg); } } nz-spin { display: block; } .ant-splitter { font-variant: tabular-nums; font-feature-settings: "tnum"; display: flex; align-items: stretch; box-sizing: border-box; width: 100%; height: 100%; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5715; list-style: none; } .ant-splitter-horizontal { flex-direction: row; } .ant-splitter-vertical { flex-direction: column; } .ant-splitter-panel { box-sizing: border-box; padding: 0 1px; overflow: auto; scrollbar-width: thin; } .ant-splitter-panel-hidden { padding: 0; overflow: hidden; } .ant-splitter-panel:has(.ant-splitter:only-child) { overflow: hidden; } .ant-splitter-bar { position: relative; flex: none; -webkit-user-select: none; user-select: none; } .ant-splitter-bar-preview { position: absolute; z-index: 1; display: none; background: #1abc9c; opacity: 0.2; transition: none; pointer-events: none; } .ant-splitter-bar-preview-active { display: block; } .ant-splitter-bar-dragger { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); } .ant-splitter-bar-dragger::before { position: absolute; top: 50%; left: 50%; background: rgba(0, 0, 0, 0.04); transform: translate(-50%, -50%); content: ""; } .ant-splitter-bar-dragger:hover:not(.ant-splitter-bar-dragger-active)::before { background: #e6f4ff; } .ant-splitter-bar-dragger::after { position: absolute; top: 50%; left: 50%; background: rgba(0, 0, 0, 0.15); transform: translate(-50%, -50%); content: ""; } .ant-splitter-bar-dragger-active { z-index: 2; } .ant-splitter-bar-dragger-active::before { background: #bae0ff; } .ant-splitter-bar:hover .ant-splitter-bar-collapse-bar, .ant-splitter-bar:active .ant-splitter-bar-collapse-bar { opacity: 1; } .ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled { z-index: 0; } .ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled, .ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled:hover, .ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled-active { cursor: default; } .ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled::before, .ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled:hover::before, .ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled-active::before { background: rgba(0, 0, 0, 0.04); } .ant-splitter > .ant-splitter-bar > .ant-splitter-bar-dragger.ant-splitter-bar-dragger-disabled::after { display: none; } .ant-splitter-bar-collapse-bar { position: absolute; top: 50%; left: 50%; z-index: 1000; display: flex; align-items: center; justify-content: center; color: rgba(0, 0, 0, 0.85); font-size: 12px; background: rgba(0, 0, 0, 0.04); border-radius: 2px; transform: translate(-50%, -50%); cursor: pointer; opacity: 0; } .ant-splitter-bar-collapse-bar:hover { background: #e6f4ff; } .ant-splitter-bar-collapse-bar:active { background: #bae0ff; } .ant-splitter-horizontal > .ant-splitter-bar { width: 0; } .ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-dragger { width: 6px; height: 100%; cursor: col-resize; } .ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-dragger::before { width: 2px; height: 100%; } .ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-dragger::after { width: 2px; height: 20px; } .ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-preview { width: 2px; height: 100%; } .ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-collapse-bar { width: 12px; height: 24px; } .ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-collapse-bar-start { right: calc(6px / 2); left: auto; transform: translateY(-50%); } .ant-splitter-horizontal > .ant-splitter-bar .ant-splitter-bar-collapse-bar-end { right: auto; left: calc(6px / 2); transform: translateY(-50%); } .ant-splitter-vertical > .ant-splitter-bar { height: 0; } .ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger { width: 100%; height: 6px; cursor: row-resize; } .ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger:has(.ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger-disabled) { cursor: default; } .ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger::before { width: 100%; height: 2px; } .ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-dragger::after { width: 20px; height: 2px; } .ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-preview { width: 100%; height: 2px; } .ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-collapse-bar { width: 24px; height: 12px; } .ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-collapse-bar-start { top: auto; bottom: calc(6px / 2); transform: translateX(-50%); } .ant-splitter-vertical > .ant-splitter-bar .ant-splitter-bar-collapse-bar-end { top: calc(6px / 2); bottom: auto; transform: translateX(-50%); } .ant-splitter-mask { position: fixed; z-index: 1000; inset: 0; } .ant-splitter-mask-horizontal { cursor: col-resize; } .ant-splitter-mask-vertical { cursor: row-resize; } .ant-splitter-rtl { direction: rtl; } .ant-splitter-rtl .ant-splitter-dot-spin { transform: rotate(-45deg); animation-name: antRotateRtl; } @keyframes antRotateRtl { to { transform: rotate(-405deg); } } nz-splitter { display: block; } .ant-statistic { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; } .ant-statistic-title { margin-bottom: 4px; color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-statistic-skeleton { padding-top: 16px; } .ant-statistic-content { color: rgba(0, 0, 0, 0.85); font-size: 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .ant-statistic-content-value { display: inline-block; direction: ltr; } .ant-statistic-content-prefix, .ant-statistic-content-suffix { display: inline-block; } .ant-statistic-content-prefix { margin-right: 4px; } .ant-statistic-content-suffix { margin-left: 4px; } .ant-statistic-rtl { direction: rtl; } .ant-statistic-rtl .ant-statistic-content-prefix { margin-right: 0; margin-left: 4px; } .ant-statistic-rtl .ant-statistic-content-suffix { margin-right: 4px; margin-left: 0; } .ant-steps { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: flex; width: 100%; font-size: 0; text-align: initial; } .ant-steps-item { position: relative; display: inline-block; flex: 1; overflow: hidden; vertical-align: top; } .ant-steps-item-container { outline: none; } .ant-steps-item:last-child { flex: none; } .ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail, .ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { display: none; } .ant-steps-item-icon, .ant-steps-item-content { display: inline-block; vertical-align: top; } .ant-steps-item-icon { width: 32px; height: 32px; margin: 0 8px 0 0; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 32px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 32px; transition: background-color 0.3s, border-color 0.3s; } .ant-steps-item-icon .ant-steps-icon { position: relative; top: -0.5px; color: #1abc9c; line-height: 1; } .ant-steps-item-tail { position: absolute; top: 12px; left: 0; width: 100%; padding: 0 10px; } .ant-steps-item-tail::after { display: inline-block; width: 100%; height: 1px; background: #f0f0f0; border-radius: 1px; transition: background 0.3s; content: ""; } .ant-steps-item-title { position: relative; display: inline-block; padding-right: 16px; color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 32px; } .ant-steps-item-title::after { position: absolute; top: 16px; left: 100%; display: block; width: 9999px; height: 1px; background: #f0f0f0; content: ""; } .ant-steps-item-subtitle { display: inline; margin-left: 8px; color: rgba(0, 0, 0, 0.45); font-weight: normal; font-size: 14px; } .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-steps-item-wait .ant-steps-item-icon { background-color: #fff; border-color: rgba(0, 0, 0, 0.25); } .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon { color: rgba(0, 0, 0, 0.25); } .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: rgba(0, 0, 0, 0.25); } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: rgba(0, 0, 0, 0.45); } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: #f0f0f0; } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: #f0f0f0; } .ant-steps-item-process .ant-steps-item-icon { background-color: #fff; border-color: #1abc9c; } .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon { color: #1abc9c; } .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: #1abc9c; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: rgba(0, 0, 0, 0.85); } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: #f0f0f0; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: rgba(0, 0, 0, 0.85); } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: #f0f0f0; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon { background: #1abc9c; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon { color: #fff; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title { font-weight: 500; } .ant-steps-item-finish .ant-steps-item-icon { background-color: #fff; border-color: #1abc9c; } .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon { color: #1abc9c; } .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: #1abc9c; } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: rgba(0, 0, 0, 0.85); } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: #1abc9c; } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: #1abc9c; } .ant-steps-item-error .ant-steps-item-icon { background-color: #fff; border-color: #ff4d4f; } .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon { color: #ff4d4f; } .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: #ff4d4f; } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: #ff4d4f; } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: #f0f0f0; } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: #ff4d4f; } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: #f0f0f0; } .ant-steps-item.ant-steps-next-error .ant-steps-item-title::after { background: #ff4d4f; } .ant-steps-item-disabled { cursor: not-allowed; } .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role=button] { cursor: pointer; } .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role=button] .ant-steps-item-title, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role=button] .ant-steps-item-subtitle, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role=button] .ant-steps-item-description, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role=button] .ant-steps-item-icon .ant-steps-icon { transition: color 0.3s; } .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role=button]:hover .ant-steps-item-title, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role=button]:hover .ant-steps-item-subtitle, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role=button]:hover .ant-steps-item-description { color: #1abc9c; } .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role=button]:hover .ant-steps-item-icon { border-color: #1abc9c; } .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role=button]:hover .ant-steps-item-icon .ant-steps-icon { color: #1abc9c; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { padding-left: 16px; white-space: nowrap; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { padding-left: 0; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title { padding-right: 0; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail { display: none; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description { max-width: 140px; white-space: normal; } .ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon { height: auto; background: none; border: 0; } .ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon > .ant-steps-icon { top: 0px; left: 0.5px; width: 32px; height: 32px; font-size: 24px; line-height: 32px; } .ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon { color: #1abc9c; } .ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon { width: auto; background: none; } .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { padding-left: 12px; } .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { padding-left: 0; } .ant-steps-small .ant-steps-item-icon { width: 24px; height: 24px; margin: 0 8px 0 0; font-size: 12px; line-height: 24px; text-align: center; border-radius: 24px; } .ant-steps-small .ant-steps-item-title { padding-right: 12px; font-size: 14px; line-height: 24px; } .ant-steps-small .ant-steps-item-title::after { top: 12px; } .ant-steps-small .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-steps-small .ant-steps-item-tail { top: 8px; } .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon { width: inherit; height: inherit; line-height: inherit; background: none; border: 0; border-radius: 0; } .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon { font-size: 24px; line-height: 24px; transform: none; } .ant-steps-vertical { display: flex; flex-direction: column; } .ant-steps-vertical > .ant-steps-item { display: block; flex: 1 0 auto; padding-left: 0; overflow: visible; } .ant-steps-vertical > .ant-steps-item .ant-steps-item-icon { float: left; margin-right: 16px; } .ant-steps-vertical > .ant-steps-item .ant-steps-item-content { display: block; min-height: 48px; overflow: hidden; } .ant-steps-vertical > .ant-steps-item .ant-steps-item-title { line-height: 32px; } .ant-steps-vertical > .ant-steps-item .ant-steps-item-description { padding-bottom: 12px; } .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { position: absolute; top: 0; left: 15px; width: 1px; height: 100%; padding: 38px 0 6px; } .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after { width: 1px; height: 100%; } .ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail { display: block; } .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { display: none; } .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail { position: absolute; top: 0; left: 11px; padding: 30px 0 6px; } .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title { line-height: 24px; } .ant-steps-label-vertical .ant-steps-item { overflow: visible; } .ant-steps-label-vertical .ant-steps-item-tail { margin-left: 58px; padding: 3.5px 24px; } .ant-steps-label-vertical .ant-steps-item-content { display: block; width: 116px; margin-top: 8px; text-align: center; } .ant-steps-label-vertical .ant-steps-item-icon { display: inline-block; margin-left: 42px; } .ant-steps-label-vertical .ant-steps-item-title { padding-right: 0; padding-left: 0; } .ant-steps-label-vertical .ant-steps-item-title::after { display: none; } .ant-steps-label-vertical .ant-steps-item-subtitle { display: block; margin-bottom: 4px; margin-left: 0; line-height: 1.5715; } .ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon { margin-left: 46px; } .ant-steps-dot .ant-steps-item-title, .ant-steps-dot.ant-steps-small .ant-steps-item-title { line-height: 1.5715; } .ant-steps-dot .ant-steps-item-tail, .ant-steps-dot.ant-steps-small .ant-steps-item-tail { top: 2px; width: 100%; margin: 0 0 0 70px; padding: 0; } .ant-steps-dot .ant-steps-item-tail::after, .ant-steps-dot.ant-steps-small .ant-steps-item-tail::after { width: calc(100% - 20px); height: 3px; margin-left: 12px; } .ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot { left: 2px; } .ant-steps-dot .ant-steps-item-icon, .ant-steps-dot.ant-steps-small .ant-steps-item-icon { width: 8px; height: 8px; margin-left: 67px; padding-right: 0; line-height: 8px; background: transparent; border: 0; } .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { position: relative; float: left; width: 100%; height: 100%; border-radius: 100px; transition: all 0.3s; } .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after, .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after { position: absolute; top: -12px; left: -26px; width: 60px; height: 32px; background: rgba(0, 0, 0, 0.001); content: ""; } .ant-steps-dot .ant-steps-item-content, .ant-steps-dot.ant-steps-small .ant-steps-item-content { width: 140px; } .ant-steps-dot .ant-steps-item-process .ant-steps-item-icon, .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon { position: relative; top: -1px; width: 10px; height: 10px; line-height: 10px; background: none; } .ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot { left: 0; } .ant-steps-vertical.ant-steps-dot .ant-steps-item-icon { margin-top: 13px; margin-left: 0; background: none; } .ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { top: 6.5px; left: -9px; margin: 0; padding: 22px 0 4px; } .ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item-icon { margin-top: 10px; } .ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { top: 3.5px; } .ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot { left: 0; } .ant-steps-vertical.ant-steps-dot .ant-steps-item-content { width: inherit; } .ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot { top: -1px; left: -1px; } .ant-steps-navigation { padding-top: 12px; } .ant-steps-navigation.ant-steps-small .ant-steps-item-container { margin-left: -12px; } .ant-steps-navigation .ant-steps-item { overflow: visible; text-align: center; } .ant-steps-navigation .ant-steps-item-container { display: inline-block; height: 100%; margin-left: -16px; padding-bottom: 12px; text-align: left; transition: opacity 0.3s; } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-content { max-width: auto; } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title { max-width: 100%; padding-right: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after { display: none; } .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role=button] { cursor: pointer; } .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role=button]:hover { opacity: 0.85; } .ant-steps-navigation .ant-steps-item:last-child { flex: 1; } .ant-steps-navigation .ant-steps-item:last-child::after { display: none; } .ant-steps-navigation .ant-steps-item::after { position: absolute; top: 50%; left: 100%; display: inline-block; width: 12px; height: 12px; margin-top: -14px; margin-left: -2px; border: 1px solid rgba(0, 0, 0, 0.25); border-bottom: none; border-left: none; transform: rotate(45deg); content: ""; } .ant-steps-navigation .ant-steps-item::before { position: absolute; bottom: 0; left: 50%; display: inline-block; width: 0; height: 2px; background-color: #1abc9c; transition: width 0.3s, left 0.3s; transition-timing-function: ease-out; content: ""; } .ant-steps-navigation .ant-steps-item.ant-steps-item-active::before { left: 0; width: 100%; } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item { margin-right: 0 !important; } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item::before { display: none; } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item.ant-steps-item-active::before { top: 0; right: 0; left: unset; display: block; width: 3px; height: calc(100% - 24px); } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item::after { position: relative; top: -2px; left: 50%; display: block; width: 8px; height: 8px; margin-bottom: 8px; text-align: center; transform: rotate(135deg); } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { visibility: hidden; } .ant-steps-navigation.ant-steps-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { visibility: hidden; } .ant-steps-rtl { direction: rtl; } .ant-steps.ant-steps-rtl .ant-steps-item-icon { margin-right: 0; margin-left: 8px; } .ant-steps-rtl .ant-steps-item-tail { right: 0; left: auto; } .ant-steps-rtl .ant-steps-item-title { padding-right: 0; padding-left: 16px; } .ant-steps-rtl .ant-steps-item-title .ant-steps-item-subtitle { float: left; margin-right: 8px; margin-left: 0; } .ant-steps-rtl .ant-steps-item-title::after { right: 100%; left: auto; } .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { padding-right: 16px; padding-left: 0; } .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { padding-right: 0; } .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title { padding-left: 0; } .ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon { right: 0.5px; left: auto; } .ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container { margin-right: -12px; margin-left: 0; } .ant-steps-rtl.ant-steps-navigation .ant-steps-item-container { margin-right: -16px; margin-left: 0; text-align: right; } .ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title { padding-left: 0; } .ant-steps-rtl.ant-steps-navigation .ant-steps-item::after { right: 100%; left: auto; margin-right: -2px; margin-left: 0; transform: rotate(225deg); } .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { padding-right: 12px; padding-left: 0; } .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { padding-right: 0; } .ant-steps-rtl.ant-steps-small .ant-steps-item-title { padding-right: 0; padding-left: 12px; } .ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon { float: right; margin-right: 0; margin-left: 16px; } .ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { right: 16px; left: auto; } .ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail { right: 12px; left: auto; } .ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title { padding-left: 0; } .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail { margin: 0 70px 0 0; } .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after { margin-right: 12px; margin-left: 0; } .ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot { right: 2px; left: auto; } .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon { margin-right: 67px; margin-left: 0; } .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { } .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { float: right; } .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after { right: -26px; left: auto; } .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon { margin-right: 0; margin-left: 16px; } .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { right: -9px; left: auto; } .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot { right: 0; left: auto; } .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot { right: -2px; left: auto; } .ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item { padding-right: 4px; } .ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { right: 19px; } .ant-steps-rtl.ant-steps-with-progress.ant-steps-small.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { right: 15px; } .ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child { padding-right: 4px; padding-left: 0; } .ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active { padding-right: 4px; } .ant-steps-with-progress .ant-steps-item { padding-top: 4px; } .ant-steps-with-progress .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { top: 4px; left: 19px; } .ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child, .ant-steps-with-progress.ant-steps-small.ant-steps-horizontal .ant-steps-item:first-child { padding-bottom: 4px; padding-left: 4px; } .ant-steps-with-progress.ant-steps-small > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { left: 15px; } .ant-steps-with-progress.ant-steps-vertical .ant-steps-item { padding-left: 4px; } .ant-steps-with-progress.ant-steps-label-vertical .ant-steps-item .ant-steps-item-tail { top: 14px !important; } .ant-steps-with-progress .ant-steps-item-icon { position: relative; } .ant-steps-with-progress .ant-steps-item-icon .ant-progress { position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px; } .ant-switch { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; display: inline-block; box-sizing: border-box; min-width: 44px; height: 22px; line-height: 22px; vertical-align: middle; background-color: rgba(0, 0, 0, 0.25); border: 0; border-radius: 100px; cursor: pointer; transition: all 0.2s; -webkit-user-select: none; user-select: none; } .ant-switch:focus { outline: 0; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1); } .ant-switch-checked:focus { box-shadow: 0 0 0 2px #edfcf7; } .ant-switch:focus:hover { box-shadow: none; } .ant-switch-checked { background-color: #1abc9c; } .ant-switch-loading, .ant-switch-disabled { cursor: not-allowed; opacity: 0.4; } .ant-switch-loading *, .ant-switch-disabled * { box-shadow: none; cursor: not-allowed; } .ant-switch-inner { display: block; margin: 0 7px 0 25px; color: #fff; font-size: 12px; transition: margin 0.2s; } .ant-switch-checked .ant-switch-inner { margin: 0 25px 0 7px; } .ant-switch-handle { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; transition: all 0.2s ease-in-out; } .ant-switch-handle::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; border-radius: 9px; box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2); transition: all 0.2s ease-in-out; content: ""; } .ant-switch-checked .ant-switch-handle { left: calc(100% - 18px - 2px); } .ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before { right: -30%; left: 0; } .ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before { right: 0; left: -30%; } .ant-switch-loading-icon.anticon { position: relative; top: 2px; color: rgba(0, 0, 0, 0.65); vertical-align: top; } .ant-switch-checked .ant-switch-loading-icon { color: #1abc9c; } .ant-switch-small { min-width: 28px; height: 16px; line-height: 16px; } .ant-switch-small .ant-switch-inner { margin: 0 5px 0 18px; font-size: 12px; } .ant-switch-small .ant-switch-handle { width: 12px; height: 12px; } .ant-switch-small .ant-switch-loading-icon { top: 1.5px; font-size: 9px; } .ant-switch-small.ant-switch-checked .ant-switch-inner { margin: 0 18px 0 5px; } .ant-switch-small.ant-switch-checked .ant-switch-handle { left: calc(100% - 12px - 2px); } .ant-switch-rtl { direction: rtl; } .ant-switch-rtl .ant-switch-inner { margin: 0 25px 0 7px; } .ant-switch-rtl .ant-switch-handle { right: 2px; left: auto; } .ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before { right: 0; left: -30%; } .ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before { right: -30%; left: 0; } .ant-switch-rtl.ant-switch-checked .ant-switch-inner { margin: 0 7px 0 25px; } .ant-switch-rtl.ant-switch-checked .ant-switch-handle { right: calc(100% - 18px - 2px); } .ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle { right: calc(100% - 12px - 2px); } nz-switch { display: inline-block; } .ant-table.ant-table-middle { font-size: 14px; } .ant-table.ant-table-middle .ant-table-title, .ant-table.ant-table-middle .ant-table-footer, .ant-table.ant-table-middle .ant-table-thead > tr > th, .ant-table.ant-table-middle .ant-table-tbody > tr > td, .ant-table.ant-table-middle tfoot > tr > th, .ant-table.ant-table-middle tfoot > tr > td { padding: 12px 8px; } .ant-table.ant-table-middle .ant-table-filter-trigger { margin-right: -4px; } .ant-table.ant-table-middle .ant-table-expanded-row-fixed { margin: -12px -8px; } .ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table { margin: -12px -8px -12px 40px; } .ant-table.ant-table-middle .ant-table-selection-column { padding-inline-start: 2px; } .ant-table.ant-table-small { font-size: 14px; } .ant-table.ant-table-small .ant-table-title, .ant-table.ant-table-small .ant-table-footer, .ant-table.ant-table-small .ant-table-thead > tr > th, .ant-table.ant-table-small .ant-table-tbody > tr > td, .ant-table.ant-table-small tfoot > tr > th, .ant-table.ant-table-small tfoot > tr > td { padding: 8px 8px; } .ant-table.ant-table-small .ant-table-filter-trigger { margin-right: -4px; } .ant-table.ant-table-small .ant-table-expanded-row-fixed { margin: -8px -8px; } .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table { margin: -8px -8px -8px 40px; } .ant-table.ant-table-small .ant-table-selection-column { padding-inline-start: 2px; } .ant-table.ant-table-bordered > .ant-table-title { border: 1px solid #f0f0f0; border-bottom: 0; } .ant-table.ant-table-bordered > .ant-table-container { border-left: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td { border-right: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th { border-bottom: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before { background-color: transparent !important; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after { border-right: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -16px -17px; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed::after { position: absolute; top: 0; right: 1px; bottom: 0; border-right: 1px solid #f0f0f0; content: ""; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table { border-top: 1px solid #f0f0f0; } .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td, .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td { border-right: 0; } .ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -12px -9px; } .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -8px -9px; } .ant-table.ant-table-bordered > .ant-table-footer { border: 1px solid #f0f0f0; border-top: 0; } .ant-table-cell .ant-table-container:first-child { border-top: 0; } .ant-table-cell-scrollbar:not([rowspan]) { box-shadow: 0 1px 0 1px #fafafa; } .ant-table-wrapper { clear: both; max-width: 100%; } .ant-table-wrapper::before { display: table; content: ""; } .ant-table-wrapper::after { display: table; clear: both; content: ""; } .ant-table-wrapper::before { display: table; content: ""; } .ant-table-wrapper::after { display: table; clear: both; content: ""; } .ant-table { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; font-size: 14px; background: #fff; border-radius: 2px; } .ant-table table { width: 100%; text-align: left; border-radius: 2px 2px 0 0; border-collapse: separate; border-spacing: 0; } .ant-table-thead > tr > th, .ant-table-tbody > tr > td, .ant-table tfoot > tr > th, .ant-table tfoot > tr > td { position: relative; padding: 16px 16px; overflow-wrap: break-word; } .ant-table-cell-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; } .ant-table-cell-ellipsis.ant-table-cell-fix-left-last, .ant-table-cell-ellipsis.ant-table-cell-fix-right-first { overflow: visible; } .ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content, .ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content { display: block; overflow: hidden; text-overflow: ellipsis; } .ant-table-cell-ellipsis .ant-table-column-title { overflow: hidden; text-overflow: ellipsis; word-break: keep-all; } .ant-table-title { padding: 16px 16px; } .ant-table-footer { padding: 16px 16px; color: rgba(0, 0, 0, 0.85); background: #fafafa; } .ant-table-thead > tr > th { position: relative; color: rgba(0, 0, 0, 0.85); font-weight: 500; text-align: left; background: #fafafa; border-bottom: 1px solid #f0f0f0; transition: background 0.3s ease; } .ant-table-thead > tr > th[colspan]:not([colspan="1"]) { text-align: center; } .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { position: absolute; top: 50%; right: 0; width: 1px; height: 1.6em; background-color: rgba(0, 0, 0, 0.06); transform: translateY(-50%); transition: background-color 0.3s; content: ""; } .ant-table-thead > tr:not(:last-child) > th[colspan] { border-bottom: 0; } .ant-table-tbody > tr > td { border-bottom: 1px solid #f0f0f0; transition: background 0.3s; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table { margin: -16px -16px -16px 32px; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td { border-bottom: 0; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child, .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child { border-radius: 0; } .ant-table-tbody > tr.ant-table-row:hover > td, .ant-table-tbody > tr > td.ant-table-cell-row-hover { background: #fafafa; } .ant-table-tbody > tr.ant-table-row-selected > td { background: #edfcf7; border-color: rgba(0, 0, 0, 0.03); } .ant-table-tbody > tr.ant-table-row-selected:hover > td { background: #e4fbf3; } .ant-table-summary { position: relative; z-index: 2; background: #fff; } div.ant-table-summary { box-shadow: 0 -1px 0 #f0f0f0; } .ant-table-summary > tr > th, .ant-table-summary > tr > td { border-bottom: 1px solid #f0f0f0; } .ant-table-pagination.ant-pagination { margin: 16px 0; } .ant-table-pagination { display: flex; flex-wrap: wrap; row-gap: 8px; } .ant-table-pagination > * { flex: none; } .ant-table-pagination-left { justify-content: flex-start; } .ant-table-pagination-center { justify-content: center; } .ant-table-pagination-right { justify-content: flex-end; } .ant-table-thead th.ant-table-column-has-sorters { outline: none; cursor: pointer; transition: all 0.3s; } .ant-table-thead th.ant-table-column-has-sorters:hover { background: rgba(0, 0, 0, 0.04); } .ant-table-thead th.ant-table-column-has-sorters:hover::before { background-color: transparent !important; } .ant-table-thead th.ant-table-column-has-sorters:focus-visible { color: #1abc9c; } .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover, .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover { background: #f5f5f5; } .ant-table-thead th.ant-table-column-sort { background: #f5f5f5; } .ant-table-thead th.ant-table-column-sort::before { background-color: transparent !important; } td.ant-table-column-sort { background: #fafafa; } .ant-table-column-title { position: relative; z-index: 1; flex: 1; } .ant-table-column-sorters { display: flex; flex: auto; align-items: center; justify-content: space-between; } .ant-table-column-sorters::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; content: ""; } .ant-table-column-sorter { margin-left: 4px; color: #bfbfbf; font-size: 0; transition: color 0.3s; } .ant-table-column-sorter-inner { display: inline-flex; flex-direction: column; align-items: center; } .ant-table-column-sorter-up, .ant-table-column-sorter-down { font-size: 11px; } .ant-table-column-sorter-up.active, .ant-table-column-sorter-down.active { color: #1abc9c; } .ant-table-column-sorter-up + .ant-table-column-sorter-down { margin-top: -0.3em; } .ant-table-column-sorters:hover .ant-table-column-sorter { color: #a6a6a6; } .ant-table-filter-column { display: flex; justify-content: space-between; } .ant-table-filter-trigger { position: relative; display: flex; align-items: center; margin: -4px -8px -4px 4px; padding: 0 4px; color: #bfbfbf; font-size: 12px; border-radius: 2px; cursor: pointer; transition: all 0.3s; } .ant-table-filter-trigger:hover { color: rgba(0, 0, 0, 0.45); background: rgba(0, 0, 0, 0.04); } .ant-table-filter-trigger.active { color: #1abc9c; } .ant-table-filter-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; min-width: 120px; background-color: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-table-filter-dropdown .ant-dropdown-menu { max-height: 264px; overflow-x: hidden; border: 0; box-shadow: none; } .ant-table-filter-dropdown .ant-dropdown-menu:empty::after { display: block; padding: 8px 0; color: rgba(0, 0, 0, 0.25); font-size: 12px; text-align: center; content: "Not Found"; } .ant-table-filter-dropdown-tree { padding: 8px 8px 0; } .ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover { background-color: #f5f5f5; } .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper, .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover { background-color: #bbf0de; } .ant-table-filter-dropdown-search { padding: 8px; border-bottom: 1px #f0f0f0 solid; } .ant-table-filter-dropdown-search-input input { min-width: 140px; } .ant-table-filter-dropdown-search-input .anticon { color: rgba(0, 0, 0, 0.25); } .ant-table-filter-dropdown-checkall { width: 100%; margin-bottom: 4px; margin-left: 4px; } .ant-table-filter-dropdown-submenu > ul { max-height: calc(100vh - 130px); overflow-x: hidden; overflow-y: auto; } .ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span { padding-left: 8px; } .ant-table-filter-dropdown-btns { display: flex; justify-content: space-between; padding: 7px 8px; overflow: hidden; background-color: inherit; border-top: 1px solid #f0f0f0; } .ant-table-selection-col { width: 32px; } .ant-table-bordered .ant-table-selection-col { width: 50px; } table tr th.ant-table-selection-column, table tr td.ant-table-selection-column { padding-right: 8px; padding-left: 8px; text-align: center; } table tr th.ant-table-selection-column .ant-radio-wrapper, table tr td.ant-table-selection-column .ant-radio-wrapper { margin-right: 0; } table tr th.ant-table-selection-column.ant-table-cell-fix-left { z-index: 3; } table tr th.ant-table-selection-column::after { background-color: transparent !important; } .ant-table-selection { position: relative; display: inline-flex; flex-direction: column; } .ant-table-selection-extra { position: absolute; top: 0; z-index: 1; cursor: pointer; transition: all 0.3s; margin-inline-start: 100%; padding-inline-start: 4px; } .ant-table-selection-extra .anticon { color: #bfbfbf; font-size: 10px; } .ant-table-selection-extra .anticon:hover { color: #a6a6a6; } .ant-table-expand-icon-col { width: 48px; } .ant-table-row-expand-icon-cell { text-align: center; } .ant-table-row-expand-icon-cell .ant-table-row-expand-icon { display: inline-flex; float: none; vertical-align: sub; } .ant-table-row-indent { float: left; height: 1px; } .ant-table-row-expand-icon { color: #1abc9c; outline: none; cursor: pointer; transition: color 0.3s; position: relative; float: left; box-sizing: border-box; width: 17px; height: 17px; padding: 0; color: inherit; line-height: 17px; background: #fff; border: 1px solid #f0f0f0; border-radius: 2px; transform: scale(0.94117647); transition: all 0.3s; -webkit-user-select: none; user-select: none; } .ant-table-row-expand-icon:focus-visible, .ant-table-row-expand-icon:hover { color: #3cc9a9; } .ant-table-row-expand-icon:active { color: #0e9680; } .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover, .ant-table-row-expand-icon:active { border-color: currentcolor; } .ant-table-row-expand-icon::before, .ant-table-row-expand-icon::after { position: absolute; background: currentcolor; transition: transform 0.3s ease-out; content: ""; } .ant-table-row-expand-icon::before { top: 7px; right: 3px; left: 3px; height: 1px; } .ant-table-row-expand-icon::after { top: 3px; bottom: 3px; left: 7px; width: 1px; transform: rotate(90deg); } .ant-table-row-expand-icon-collapsed::before { transform: rotate(-180deg); } .ant-table-row-expand-icon-collapsed::after { transform: rotate(0deg); } .ant-table-row-expand-icon-spaced { background: transparent; border: 0; visibility: hidden; } .ant-table-row-expand-icon-spaced::before, .ant-table-row-expand-icon-spaced::after { display: none; content: none; } .ant-table-row-indent + .ant-table-row-expand-icon { margin-top: 2.5005px; margin-right: 8px; } tr.ant-table-expanded-row > td, tr.ant-table-expanded-row:hover > td { background: #fbfbfb; } tr.ant-table-expanded-row .ant-descriptions-view { display: flex; } tr.ant-table-expanded-row .ant-descriptions-view table { flex: auto; width: auto; } .ant-table .ant-table-expanded-row-fixed { position: relative; margin: -16px -16px; padding: 16px 16px; } .ant-table-tbody > tr.ant-table-placeholder { text-align: center; } .ant-table-empty .ant-table-tbody > tr.ant-table-placeholder { color: rgba(0, 0, 0, 0.25); } .ant-table-tbody > tr.ant-table-placeholder:hover > td { background: #fff; } .ant-table-cell-fix-left, .ant-table-cell-fix-right { position: sticky !important; z-index: 2; background: #fff; } .ant-table-cell-fix-left-first::after, .ant-table-cell-fix-left-last::after { position: absolute; top: 0; right: 0; bottom: -1px; width: 30px; transform: translateX(100%); transition: box-shadow 0.3s; content: ""; pointer-events: none; } .ant-table-cell-fix-left-all::after { display: none; } .ant-table-cell-fix-right-first::after, .ant-table-cell-fix-right-last::after { position: absolute; top: 0; bottom: -1px; left: 0; width: 30px; transform: translateX(-100%); transition: box-shadow 0.3s; content: ""; pointer-events: none; } .ant-table .ant-table-container::before, .ant-table .ant-table-container::after { position: absolute; top: 0; bottom: 0; z-index: calc(calc(2 + 1) + 1); width: 30px; transition: box-shadow 0.3s; content: ""; pointer-events: none; } .ant-table .ant-table-container::before { left: 0; } .ant-table .ant-table-container::after { right: 0; } .ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container { position: relative; } .ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container::before { box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-left .ant-table-cell-fix-left-first::after, .ant-table-ping-left .ant-table-cell-fix-left-last::after { box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-left .ant-table-cell-fix-left-last::before { background-color: transparent !important; } .ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container { position: relative; } .ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container::after { box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-right .ant-table-cell-fix-right-first::after, .ant-table-ping-right .ant-table-cell-fix-right-last::after { box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-sticky-holder { position: sticky; z-index: calc(2 + 1); background: #fff; } .ant-table-sticky-scroll { position: sticky; bottom: 0; z-index: calc(2 + 1); display: flex; align-items: center; background: #ffffff; border-top: 1px solid #f0f0f0; opacity: 0.6; } .ant-table-sticky-scroll:hover { transform-origin: center bottom; } .ant-table-sticky-scroll-bar { height: 8px; background-color: rgba(0, 0, 0, 0.35); border-radius: 4px; } .ant-table-sticky-scroll-bar:hover { background-color: rgba(0, 0, 0, 0.8); } .ant-table-sticky-scroll-bar-active { background-color: rgba(0, 0, 0, 0.8); } @media all and (-ms-high-contrast: none) { .ant-table-ping-left .ant-table-cell-fix-left-last::after { box-shadow: none !important; } .ant-table-ping-right .ant-table-cell-fix-right-first::after { box-shadow: none !important; } } .ant-table { } .ant-table-title { border-radius: 2px 2px 0 0; } .ant-table-title + .ant-table-container { border-top-left-radius: 0; border-top-right-radius: 0; } .ant-table-title + .ant-table-container table { border-radius: 0; } .ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child { border-radius: 0; } .ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child { border-radius: 0; } .ant-table-container { border-top-left-radius: 2px; border-top-right-radius: 2px; } .ant-table-container table > thead > tr:first-child th:first-child { border-top-left-radius: 2px; } .ant-table-container table > thead > tr:first-child th:last-child { border-top-right-radius: 2px; } .ant-table-footer { border-radius: 0 0 2px 2px; } .ant-table-wrapper-rtl { direction: rtl; } .ant-table-rtl { direction: rtl; } .ant-table-wrapper-rtl .ant-table table { text-align: right; } .ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan="1"]) { text-align: center; } .ant-table-wrapper-rtl .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { right: auto; left: 0; } .ant-table-wrapper-rtl .ant-table-thead > tr > th { text-align: right; } .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl { margin: -16px 33px -16px -16px; } .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left { justify-content: flex-end; } .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right { justify-content: flex-start; } .ant-table-wrapper-rtl .ant-table-column-sorter { margin-right: 4px; margin-left: 0; } .ant-table-wrapper-rtl .ant-table-filter-column-title { padding: 16px 16px 16px 2.3em; } .ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title { padding: 0 0 0 2.3em; } .ant-table-wrapper-rtl .ant-table-filter-trigger { margin: -4px 4px -4px -8px; } .ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span, .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span { padding-right: 8px; padding-left: 0; } .ant-table-wrapper-rtl .ant-table-selection { text-align: center; } .ant-table-wrapper-rtl .ant-table-row-indent { float: right; } .ant-table-wrapper-rtl .ant-table-row-expand-icon { float: right; } .ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon { margin-right: 0; margin-left: 8px; } .ant-table-wrapper-rtl .ant-table-row-expand-icon::after { transform: rotate(-90deg); } .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before { transform: rotate(180deg); } .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after { transform: rotate(0deg); } nz-table, nz-table-title-footer, nz-table-inner-scroll, nz-table-inner-default, nz-table-selection { display: block; } nz-filter-trigger { display: inline-flex; } .nz-table-out-bordered > .ant-table-title { border: 1px solid #f0f0f0; border-bottom: 0; } .nz-table-out-bordered > .ant-table-container { border: 1px solid #f0f0f0; border-bottom: 0; } .nz-table-out-bordered > .ant-table-footer { border: 1px solid #f0f0f0; border-top: 0; } cdk-virtual-scroll-viewport.ant-table-body { overflow-y: scroll; } .nz-table-hide-scrollbar { scrollbar-color: #fafafa #fafafa; } .nz-table-hide-scrollbar::-webkit-scrollbar { background-color: #fafafa; } .ant-table.ant-table-small .nz-table-hide-scrollbar { scrollbar-color: #fafafa #fafafa; } .ant-table.ant-table-small .nz-table-hide-scrollbar::-webkit-scrollbar { background-color: transparent; } .ant-table-wrapper-rtl .ant-table thead > tr > th.ant-table-selection-column { text-align: center; } .ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tfoot > tr > td { border-right: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > thead > tr:not(:last-child) > th { border-bottom: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tfoot > tr > .ant-table-cell-fix-right-first::after { border-right: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -16px -17px; } .ant-table.ant-table-bordered > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tbody > tr > td > .ant-table-expanded-row-fixed::after { position: absolute; top: 0; right: 1px; bottom: 0; border-right: 1px solid #f0f0f0; content: ""; } .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tbody > tr.ant-table-expanded-row > td, .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tbody > tr.ant-table-placeholder > td { border-right: 0; } .ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -12px -9px; } .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -8px -9px; } .ant-table-custom-column col { display: none; width: auto !important; min-width: auto !important; } .ant-table-custom-column .ant-table-thead .ant-table-row, .ant-table-custom-column .ant-table-thead tr { display: flex; justify-content: space-between; width: 100%; } .ant-table-custom-column .ant-table-thead .ant-table-row th, .ant-table-custom-column .ant-table-thead tr th { overflow: hidden; } .ant-table-custom-column .ant-table-tbody .ant-table-row, .ant-table-custom-column .ant-table-tbody tr { display: flex; justify-content: space-between; width: 100%; } .ant-table-custom-column .ant-table-tbody .ant-table-row td, .ant-table-custom-column .ant-table-tbody tr td { overflow: hidden; } .ant-table-custom-column .ant-table-tbody .ant-table-row .nz-disable-td, .ant-table-custom-column .ant-table-tbody tr .nz-disable-td { width: 100%; } .ant-table-custom-column .ant-table-fixed tr .ant-table-cell-fix-left-last, .ant-table-custom-column .ant-table-fixed tr .ant-table-cell-fix-right-first { overflow: visible; } .ant-table-custom-column .ant-table-fixed .ant-table-row { width: 100%; } .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab { padding: 8px 0; font-size: 14px; } .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { padding: 16px 0; font-size: 16px; } .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab { padding: 6px 16px; } .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { padding: 7px 16px 6px; } .ant-tabs-rtl { direction: rtl; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab { margin: 0 0 0 32px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type { margin-left: 0; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon { margin-right: 0; margin-left: 12px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove { margin-right: 8px; margin-left: -4px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon { margin: 0; } .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav { order: 1; } .ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder { order: 0; } .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav { order: 0; } .ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder { order: 1; } .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin-right: 2px; margin-left: 0; } .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add { margin-right: 2px; margin-left: 0; } .ant-tabs-dropdown-rtl { direction: rtl; } .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item { text-align: right; } .ant-tabs-top, .ant-tabs-bottom { flex-direction: column; } .ant-tabs-top > .ant-tabs-nav, .ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-top > div > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav { margin: 0 0 16px 0; } .ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before { position: absolute; right: 0; left: 0; border-bottom: 1px solid #f0f0f0; content: ""; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar { height: 2px; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated { transition: width 0.3s, left 0.3s, right 0.3s; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { top: 0; bottom: 0; width: 30px; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before { left: 0; box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { right: 0; box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before { opacity: 1; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after { opacity: 1; } .ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before { bottom: 0; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar { bottom: 0; } .ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav { order: 1; margin-top: 16px; margin-bottom: 0; } .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before { top: 0; } .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar { top: 0; } .ant-tabs-bottom > .ant-tabs-content-holder, .ant-tabs-bottom > div > .ant-tabs-content-holder { order: 0; } .ant-tabs-left > .ant-tabs-nav, .ant-tabs-right > .ant-tabs-nav, .ant-tabs-left > div > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav { flex-direction: column; min-width: 50px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab { padding: 8px 24px; text-align: center; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin: 16px 0 0 0; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap { flex-direction: column; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { right: 0; left: 0; height: 30px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before { top: 0; box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { bottom: 0; box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before { opacity: 1; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after { opacity: 1; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar { width: 2px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated { transition: height 0.3s, top 0.3s; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations { flex: 1 0 auto; flex-direction: column; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar { right: 0; } .ant-tabs-left > .ant-tabs-content-holder, .ant-tabs-left > div > .ant-tabs-content-holder { margin-left: -1px; border-left: 1px solid #f0f0f0; } .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane { padding-left: 24px; } .ant-tabs-right > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav { order: 1; } .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar { left: 0; } .ant-tabs-right > .ant-tabs-content-holder, .ant-tabs-right > div > .ant-tabs-content-holder { order: 0; margin-right: -1px; border-right: 1px solid #f0f0f0; } .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane { padding-right: 24px; } .ant-tabs-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: absolute; top: -9999px; left: -9999px; z-index: 1050; display: block; } .ant-tabs-dropdown-hidden { display: none; } .ant-tabs-dropdown-menu { max-height: 200px; margin: 0; padding: 4px 0; overflow-x: hidden; overflow-y: auto; text-align: left; list-style-type: none; background-color: #fff; background-clip: padding-box; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-tabs-dropdown-menu-item { display: flex; align-items: center; min-width: 120px; margin: 0; padding: 5px 12px; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: all 0.3s; } .ant-tabs-dropdown-menu-item > span { flex: 1; white-space: nowrap; } .ant-tabs-dropdown-menu-item-remove { flex: none; margin-left: 12px; color: rgba(0, 0, 0, 0.45); font-size: 12px; background: transparent; border: 0; cursor: pointer; } .ant-tabs-dropdown-menu-item-remove:hover { color: #3cc9a9; } .ant-tabs-dropdown-menu-item:hover { background: #f5f5f5; } .ant-tabs-dropdown-menu-item-disabled, .ant-tabs-dropdown-menu-item-disabled:hover { color: rgba(0, 0, 0, 0.25); background: transparent; cursor: not-allowed; } .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab { margin: 0; padding: 8px 16px; background: #fafafa; border: 1px solid #f0f0f0; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active { color: #1abc9c; background: #fff; } .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar { visibility: hidden; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin-left: 2px; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 2px 2px 0 0; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active { border-bottom-color: #fff; } .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 0 0 2px 2px; } .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active { border-top-color: #fff; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin-top: 2px; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 2px 0 0 2px; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active { border-right-color: #fff; } .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 0 2px 2px 0; } .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active { border-left-color: #fff; } .ant-tabs { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: flex; } .ant-tabs > .ant-tabs-nav, .ant-tabs > div > .ant-tabs-nav { position: relative; display: flex; flex: none; align-items: center; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap { position: relative; display: inline-block; display: flex; flex: auto; align-self: stretch; overflow: hidden; white-space: nowrap; transform: translate(0); } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { position: absolute; z-index: 1; opacity: 0; transition: opacity 0.3s; content: ""; pointer-events: none; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list { position: relative; display: flex; transition: transform 0.3s; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations { display: flex; align-self: stretch; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden { position: absolute; visibility: hidden; pointer-events: none; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more { position: relative; padding: 8px 16px; background: transparent; border: 0; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after { position: absolute; right: 0; bottom: 0; left: 0; height: 5px; transform: translateY(100%); content: ""; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add { min-width: 40px; margin-left: 2px; padding: 0 8px; background: #fafafa; border: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; outline: none; cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover { color: #3cc9a9; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus { color: #0e9680; } .ant-tabs-extra-content { flex: none; } .ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]), .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]) { justify-content: center; } .ant-tabs-ink-bar { position: absolute; background: #1abc9c; pointer-events: none; } .ant-tabs-tab { position: relative; display: inline-flex; align-items: center; padding: 12px 0; font-size: 14px; background: transparent; border: 0; outline: none; cursor: pointer; } .ant-tabs-tab-btn:focus, .ant-tabs-tab-remove:focus, .ant-tabs-tab-btn:active, .ant-tabs-tab-remove:active { color: #0e9680; } .ant-tabs-tab-btn { outline: none; transition: all 0.3s; } .ant-tabs-tab-remove { flex: none; margin-right: -4px; margin-left: 8px; color: rgba(0, 0, 0, 0.45); font-size: 12px; background: transparent; border: none; outline: none; cursor: pointer; transition: all 0.3s; } .ant-tabs-tab-remove:hover { color: rgba(0, 0, 0, 0.85); } .ant-tabs-tab:hover { color: #3cc9a9; } .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { color: #1abc9c; text-shadow: 0 0 0.25px currentcolor; } .ant-tabs-tab.ant-tabs-tab-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active { color: rgba(0, 0, 0, 0.25); } .ant-tabs-tab .ant-tabs-tab-remove .anticon { margin: 0; } .ant-tabs-tab .anticon { margin-right: 12px; } .ant-tabs-tab + .ant-tabs-tab { margin: 0 0 0 32px; } .ant-tabs-content { position: relative; width: 100%; } .ant-tabs-content-holder { flex: auto; min-width: 0; min-height: 0; } .ant-tabs-tabpane { outline: none; } .ant-tabs-tabpane-hidden { display: none; } .ant-tabs-switch-appear, .ant-tabs-switch-enter { transition: none; } .ant-tabs-switch-appear-start, .ant-tabs-switch-enter-start { opacity: 0; } .ant-tabs-switch-appear-active, .ant-tabs-switch-enter-active { opacity: 1; transition: opacity 0.3s; } .ant-tabs-switch-leave { position: absolute; transition: none; inset: 0; } .ant-tabs-switch-leave-start { opacity: 1; } .ant-tabs-switch-leave-active { opacity: 0; transition: opacity 0.3s; } .ant-tabs-dropdown-menu-item a[nz-tab-link] { position: relative; } .ant-tabs-tab-btn { background-color: unset; border: none; cursor: pointer; } .ant-tabs-tab a[nz-tab-link]::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; content: ""; } .ant-tabs-tab a[nz-tab-link] ~ * { position: relative; } .nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu { max-height: 200px; margin: 0; padding: 4px 0; overflow-x: hidden; overflow-y: auto; text-align: left; list-style-type: none; background-color: #fff; background-clip: padding-box; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item { min-width: 120px; margin: 0; padding: 5px 12px; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: all 0.3s; } .nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item:hover { background: #f5f5f5; } .nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled, .nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled:hover { color: rgba(0, 0, 0, 0.25); background: transparent; cursor: not-allowed; } .nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled a, .nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled:hover a { color: rgba(0, 0, 0, 0.25); pointer-events: none; } .ant-tabs-rtl .ant-tabs-rtl-tab-next { right: auto; left: 2px; } .ant-tabs-tab-disabled a { color: rgba(0, 0, 0, 0.25); pointer-events: none; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add { min-height: 40px; } .ant-tag { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-block; height: auto; margin-right: 8px; padding: 0 7px; font-size: 12px; line-height: 20px; white-space: nowrap; background: #fafafa; border: 1px solid #d9d9d9; border-radius: 2px; opacity: 1; transition: all 0.3s; } .ant-tag, .ant-tag a, .ant-tag a:hover { color: rgba(0, 0, 0, 0.85); } .ant-tag > a:first-child:last-child { display: inline-block; margin: 0 -8px; padding: 0 8px; } .ant-tag-close-icon { margin-left: 3px; color: rgba(0, 0, 0, 0.45); font-size: 10px; cursor: pointer; transition: all 0.3s; } .ant-tag-close-icon:hover { color: rgba(0, 0, 0, 0.85); } .ant-tag-has-color { border-color: transparent; } .ant-tag-has-color, .ant-tag-has-color a, .ant-tag-has-color a:hover, .ant-tag-has-color .anticon-close, .ant-tag-has-color .anticon-close:hover { color: #fff; } .ant-tag-checkable { background-color: transparent; border-color: transparent; cursor: pointer; } .ant-tag-checkable:not(.ant-tag-checkable-checked):hover { color: #1abc9c; } .ant-tag-checkable:active, .ant-tag-checkable-checked { color: #fff; } .ant-tag-checkable-checked { background-color: #1abc9c; } .ant-tag-checkable:active { background-color: #0e9680; } .ant-tag-hidden { display: none; } .ant-tag-pink { color: #c41d7f; background: #fff0f6; border-color: #ffadd2; } .ant-tag-pink-inverse { color: #fff; background: #eb2f96; border-color: #eb2f96; } .ant-tag-magenta { color: #c41d7f; background: #fff0f6; border-color: #ffadd2; } .ant-tag-magenta-inverse { color: #fff; background: #eb2f96; border-color: #eb2f96; } .ant-tag-red { color: #cf1322; background: #fff1f0; border-color: #ffa39e; } .ant-tag-red-inverse { color: #fff; background: #f5222d; border-color: #f5222d; } .ant-tag-volcano { color: #d4380d; background: #fff2e8; border-color: #ffbb96; } .ant-tag-volcano-inverse { color: #fff; background: #fa541c; border-color: #fa541c; } .ant-tag-orange { color: #d46b08; background: #fff7e6; border-color: #ffd591; } .ant-tag-orange-inverse { color: #fff; background: #fa8c16; border-color: #fa8c16; } .ant-tag-yellow { color: #d4b106; background: #feffe6; border-color: #fffb8f; } .ant-tag-yellow-inverse { color: #fff; background: #fadb14; border-color: #fadb14; } .ant-tag-gold { color: #d48806; background: #fffbe6; border-color: #ffe58f; } .ant-tag-gold-inverse { color: #fff; background: #faad14; border-color: #faad14; } .ant-tag-cyan { color: #08979c; background: #e6fffb; border-color: #87e8de; } .ant-tag-cyan-inverse { color: #fff; background: #13c2c2; border-color: #13c2c2; } .ant-tag-lime { color: #7cb305; background: #fcffe6; border-color: #eaff8f; } .ant-tag-lime-inverse { color: #fff; background: #a0d911; border-color: #a0d911; } .ant-tag-green { color: #389e0d; background: #f6ffed; border-color: #b7eb8f; } .ant-tag-green-inverse { color: #fff; background: #52c41a; border-color: #52c41a; } .ant-tag-blue { color: #096dd9; background: #e6f7ff; border-color: #91d5ff; } .ant-tag-blue-inverse { color: #fff; background: #1890ff; border-color: #1890ff; } .ant-tag-geekblue { color: #1d39c4; background: #f0f5ff; border-color: #adc6ff; } .ant-tag-geekblue-inverse { color: #fff; background: #2f54eb; border-color: #2f54eb; } .ant-tag-purple { color: #531dab; background: #f9f0ff; border-color: #d3adf7; } .ant-tag-purple-inverse { color: #fff; background: #722ed1; border-color: #722ed1; } .ant-tag-success { color: #52c41a; background: #f6ffed; border-color: #b7eb8f; } .ant-tag-processing { color: #1abc9c; background: #edfcf7; border-color: #8de3c9; } .ant-tag-error { color: #ff4d4f; background: #fff2f0; border-color: #ffccc7; } .ant-tag-warning { color: #faad14; background: #fffbe6; border-color: #ffe58f; } .ant-tag > .anticon + span, .ant-tag > span + .anticon { margin-left: 7px; } .ant-tag.ant-tag-rtl { margin-right: 0; margin-left: 8px; direction: rtl; text-align: right; } .ant-tag-rtl .ant-tag-close-icon { margin-right: 3px; margin-left: 0; } .ant-tag-rtl.ant-tag > .anticon + span, .ant-tag-rtl.ant-tag > span + .anticon { margin-right: 7px; margin-left: 0; } .ant-tag.ant-tag-borderless { border-color: transparent; } .ant-timeline { box-sizing: border-box; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; font-feature-settings: "tnum"; margin: 0; padding: 0; list-style: none; } .ant-timeline-item { position: relative; margin: 0; padding-bottom: 20px; font-size: 14px; list-style: none; } .ant-timeline-item-tail { position: absolute; top: 10px; left: 4px; height: calc(100% - 10px); border-left: 2px solid #f0f0f0; } .ant-timeline-item-pending .ant-timeline-item-head { font-size: 12px; background-color: transparent; } .ant-timeline-item-pending .ant-timeline-item-tail { display: none; } .ant-timeline-item-head { position: absolute; width: 10px; height: 10px; background-color: #fff; border: 2px solid transparent; border-radius: 100px; } .ant-timeline-item-head-blue { color: #1abc9c; border-color: #1abc9c; } .ant-timeline-item-head-red { color: #ff4d4f; border-color: #ff4d4f; } .ant-timeline-item-head-green { color: #52c41a; border-color: #52c41a; } .ant-timeline-item-head-gray { color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-timeline-item-head-custom { position: absolute; top: 5.5px; left: 5px; width: auto; height: auto; margin-top: 0; padding: 3px 1px; line-height: 1; text-align: center; border: 0; border-radius: 0; transform: translate(-50%, -50%); } .ant-timeline-item-content { position: relative; top: -7.001px; margin: 0 0 0 26px; word-break: break-word; } .ant-timeline-item-last > .ant-timeline-item-tail { display: none; } .ant-timeline-item-last > .ant-timeline-item-content { min-height: 48px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, .ant-timeline.ant-timeline-right .ant-timeline-item-tail, .ant-timeline.ant-timeline-label .ant-timeline-item-tail, .ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline.ant-timeline-label .ant-timeline-item-head, .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { left: 50%; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline.ant-timeline-label .ant-timeline-item-head { margin-left: -4px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { margin-left: 1px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content { left: calc(50% - 4px); width: calc(50% - 14px); text-align: left; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content { width: calc(50% - 12px); margin: 0; text-align: right; } .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom { left: calc(100% - 4px - 2px); } .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { width: calc(100% - 18px); } .ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail { display: block; height: calc(100% - 14px); border-left: 2px dotted #f0f0f0; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail { display: none; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { top: 15px; display: block; height: calc(100% - 15px); border-left: 2px dotted #f0f0f0; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content { min-height: 48px; } .ant-timeline.ant-timeline-label .ant-timeline-item-label { position: absolute; top: -7.001px; width: calc(50% - 12px); text-align: right; } .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label { left: calc(50% + 14px); width: calc(50% - 14px); text-align: left; } .ant-timeline-rtl { direction: rtl; } .ant-timeline-rtl .ant-timeline-item-tail { right: 4px; left: auto; border-right: 2px solid #f0f0f0; border-left: none; } .ant-timeline-rtl .ant-timeline-item-head-custom { right: 5px; left: auto; transform: translate(50%, -50%); } .ant-timeline-rtl .ant-timeline-item-content { margin: 0 18px 0 0; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { right: 50%; left: auto; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head { margin-right: -4px; margin-left: 0; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { margin-right: 1px; margin-left: 0; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content { right: calc(50% - 4px); left: auto; text-align: right; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content { text-align: left; } .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom { right: 0; left: auto; } .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { width: 100%; margin-right: 18px; text-align: right; } .ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail { border-right: 2px dotted #f0f0f0; border-left: none; } .ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { border-right: 2px dotted #f0f0f0; border-left: none; } .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label { text-align: left; } .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label { right: calc(50% + 14px); text-align: right; } .ant-tooltip { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; --antd-arrow-background-color: rgba(0, 0, 0, 0.75); position: absolute; z-index: 1070; display: block; width: max-content; max-width: 250px; visibility: visible; } .ant-tooltip-content { position: relative; } .ant-tooltip-hidden { display: none; } .ant-tooltip-inner { min-width: 30px; min-height: 32px; padding: calc(12px / 2) 8px; color: #fff; text-align: start; text-decoration: none; word-wrap: break-word; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-tooltip-arrow { position: absolute; z-index: 1; display: block; width: 16px; height: 16px; overflow: hidden; pointer-events: none; } .ant-tooltip-arrow::before { position: absolute; bottom: 0; width: 16px; height: calc(16px / 2); background: var(--antd-arrow-background-color); content: ""; clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%); clip-path: path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z"); inset-inline-start: 0; } .ant-tooltip-arrow::after { position: absolute; bottom: 0; z-index: 0; width: 8.97056275px; height: 8.97056275px; margin: auto; background: transparent; border-radius: 0 0 2px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05); transform: translateY(50%) rotate(-135deg); content: ""; inset-inline: 0; } .ant-tooltip-arrow::before { background: var(--antd-arrow-background-color); } .ant-tooltip-placement-top > .ant-tooltip-arrow, .ant-tooltip-placement-topLeft > .ant-tooltip-arrow, .ant-tooltip-placement-topRight > .ant-tooltip-arrow { bottom: 0px; transform: translateY(100%) rotate(180deg); } .ant-tooltip-placement-top > .ant-tooltip-arrow { left: 50%; transform: translateX(-50%) translateY(100%) rotate(180deg); } .ant-tooltip-placement-topLeft > .ant-tooltip-arrow { left: 16px; } .ant-tooltip-placement-topRight > .ant-tooltip-arrow { right: 16px; } .ant-tooltip-placement-bottom > .ant-tooltip-arrow, .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow, .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow { top: 0px; transform: translateY(-100%); } .ant-tooltip-placement-bottom > .ant-tooltip-arrow { left: 50%; transform: translateX(-50%) translateY(-100%); } .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow { left: 16px; } .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow { right: 16px; } .ant-tooltip-placement-left > .ant-tooltip-arrow, .ant-tooltip-placement-leftTop > .ant-tooltip-arrow, .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow { right: 0px; transform: translateX(100%) rotate(90deg); } .ant-tooltip-placement-left > .ant-tooltip-arrow { top: 50%; transform: translateY(-50%) translateX(100%) rotate(90deg); } .ant-tooltip-placement-leftTop > .ant-tooltip-arrow { top: 16px; } .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow { bottom: 16px; } .ant-tooltip-placement-right > .ant-tooltip-arrow, .ant-tooltip-placement-rightTop > .ant-tooltip-arrow, .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow { left: 0px; transform: translateX(-100%) rotate(-90deg); } .ant-tooltip-placement-right > .ant-tooltip-arrow { top: 50%; transform: translateY(-50%) translateX(-100%) rotate(-90deg); } .ant-tooltip-placement-rightTop > .ant-tooltip-arrow { top: 16px; } .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow { bottom: 16px; } .ant-tooltip-pink .ant-tooltip-inner { background-color: #eb2f96; } .ant-tooltip-pink .ant-tooltip-arrow { --antd-arrow-background-color: #eb2f96; } .ant-tooltip-magenta .ant-tooltip-inner { background-color: #eb2f96; } .ant-tooltip-magenta .ant-tooltip-arrow { --antd-arrow-background-color: #eb2f96; } .ant-tooltip-red .ant-tooltip-inner { background-color: #f5222d; } .ant-tooltip-red .ant-tooltip-arrow { --antd-arrow-background-color: #f5222d; } .ant-tooltip-volcano .ant-tooltip-inner { background-color: #fa541c; } .ant-tooltip-volcano .ant-tooltip-arrow { --antd-arrow-background-color: #fa541c; } .ant-tooltip-orange .ant-tooltip-inner { background-color: #fa8c16; } .ant-tooltip-orange .ant-tooltip-arrow { --antd-arrow-background-color: #fa8c16; } .ant-tooltip-yellow .ant-tooltip-inner { background-color: #fadb14; } .ant-tooltip-yellow .ant-tooltip-arrow { --antd-arrow-background-color: #fadb14; } .ant-tooltip-gold .ant-tooltip-inner { background-color: #faad14; } .ant-tooltip-gold .ant-tooltip-arrow { --antd-arrow-background-color: #faad14; } .ant-tooltip-cyan .ant-tooltip-inner { background-color: #13c2c2; } .ant-tooltip-cyan .ant-tooltip-arrow { --antd-arrow-background-color: #13c2c2; } .ant-tooltip-lime .ant-tooltip-inner { background-color: #a0d911; } .ant-tooltip-lime .ant-tooltip-arrow { --antd-arrow-background-color: #a0d911; } .ant-tooltip-green .ant-tooltip-inner { background-color: #52c41a; } .ant-tooltip-green .ant-tooltip-arrow { --antd-arrow-background-color: #52c41a; } .ant-tooltip-blue .ant-tooltip-inner { background-color: #1890ff; } .ant-tooltip-blue .ant-tooltip-arrow { --antd-arrow-background-color: #1890ff; } .ant-tooltip-geekblue .ant-tooltip-inner { background-color: #2f54eb; } .ant-tooltip-geekblue .ant-tooltip-arrow { --antd-arrow-background-color: #2f54eb; } .ant-tooltip-purple .ant-tooltip-inner { background-color: #722ed1; } .ant-tooltip-purple .ant-tooltip-arrow { --antd-arrow-background-color: #722ed1; } .ant-tooltip-rtl { direction: rtl; } .ant-tooltip { position: relative; } .ant-transfer-customize-list .ant-transfer-list { flex: 1 1 50%; width: auto; height: auto; min-height: 200px; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small { border: 0; border-radius: 0; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column { width: 40px; min-width: 40px; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th { background: #fafafa; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td { border-bottom: 1px solid #f0f0f0; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body { margin: 0; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination { margin: 16px 0 4px; } .ant-transfer-customize-list .ant-input[disabled] { background-color: transparent; } .ant-transfer-status-error .ant-transfer-list { border-color: #ff4d4f; } .ant-transfer-status-error .ant-transfer-list-search:not([disabled]) { border-color: #d9d9d9; } .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover { border-color: #3cc9a9; border-right-width: 1px; } .ant-input-rtl .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover { border-right-width: 0; border-left-width: 1px !important; } .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus { border-right-width: 0; border-left-width: 1px !important; } .ant-transfer-status-warning .ant-transfer-list { border-color: #faad14; } .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]) { border-color: #d9d9d9; } .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover { border-color: #3cc9a9; border-right-width: 1px; } .ant-input-rtl .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover { border-right-width: 0; border-left-width: 1px !important; } .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus { border-color: #3cc9a9; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus { border-right-width: 0; border-left-width: 1px !important; } .ant-transfer { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; display: flex; align-items: stretch; } .ant-transfer-disabled .ant-transfer-list { background: #f5f5f5; } .ant-transfer-list { display: flex; flex-direction: column; width: 180px; height: 200px; border: 1px solid #d9d9d9; border-radius: 2px; } .ant-transfer-list-with-pagination { width: 250px; height: auto; } .ant-transfer-list-search .anticon-search { color: rgba(0, 0, 0, 0.25); } .ant-transfer-list-header { display: flex; flex: none; align-items: center; height: 40px; padding: 8px 12px 9px; color: rgba(0, 0, 0, 0.85); background: #fff; border-bottom: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; } .ant-transfer-list-header > *:not(:last-child) { margin-right: 4px; } .ant-transfer-list-header > * { flex: none; } .ant-transfer-list-header-title { flex: auto; overflow: hidden; white-space: nowrap; text-align: right; text-overflow: ellipsis; } .ant-transfer-list-header-dropdown { font-size: 10px; transform: translateY(10%); cursor: pointer; } .ant-transfer-list-header-dropdown[disabled] { cursor: not-allowed; } .ant-transfer-list-body { display: flex; flex: auto; flex-direction: column; overflow: hidden; font-size: 14px; } .ant-transfer-list-body-search-wrapper { position: relative; flex: none; padding: 12px; } .ant-transfer-list-content { flex: auto; margin: 0; padding: 0; overflow: auto; list-style: none; } .ant-transfer-list-content-item { display: flex; align-items: center; min-height: 32px; padding: 6px 12px; line-height: 20px; transition: all 0.3s; } .ant-transfer-list-content-item > *:not(:last-child) { margin-right: 8px; } .ant-transfer-list-content-item > * { flex: none; } .ant-transfer-list-content-item-text { flex: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-transfer-list-content-item-remove { position: relative; color: #d9d9d9; cursor: pointer; transition: all 0.3s; } .ant-transfer-list-content-item-remove:hover { color: #3cc9a9; } .ant-transfer-list-content-item-remove::after { position: absolute; top: -6px; right: -50%; bottom: -6px; left: -50%; content: ""; } .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { background-color: #f5f5f5; cursor: pointer; } .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover { background-color: #e4fbf3; } .ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { background: transparent; cursor: default; } .ant-transfer-list-content-item-checked { background-color: #edfcf7; } .ant-transfer-list-content-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-transfer-list-pagination { padding: 8px 0; text-align: right; border-top: 1px solid #f0f0f0; } .ant-transfer-list-body-not-found { flex: none; width: 100%; margin: auto 0; color: rgba(0, 0, 0, 0.25); text-align: center; } .ant-transfer-list-footer { border-top: 1px solid #f0f0f0; } .ant-transfer-operation { display: flex; flex: none; flex-direction: column; align-self: center; margin: 0 8px; vertical-align: middle; } .ant-transfer-operation .ant-btn { display: block; } .ant-transfer-operation .ant-btn:first-child { margin-bottom: 4px; } .ant-transfer-operation .ant-btn .anticon { font-size: 12px; } .ant-transfer .ant-empty-image { max-height: -2px; } .ant-transfer-rtl { direction: rtl; } .ant-transfer-rtl .ant-transfer-list-search { padding-right: 8px; padding-left: 24px; } .ant-transfer-rtl .ant-transfer-list-search-action { right: auto; left: 12px; } .ant-transfer-rtl .ant-transfer-list-header > *:not(:last-child) { margin-right: 0; margin-left: 4px; } .ant-transfer-rtl .ant-transfer-list-header { right: 0; left: auto; } .ant-transfer-rtl .ant-transfer-list-header-title { text-align: left; } .ant-transfer-rtl .ant-transfer-list-content-item > *:not(:last-child) { margin-right: 0; margin-left: 8px; } .ant-transfer-rtl .ant-transfer-list-pagination { text-align: left; } .ant-transfer-rtl .ant-transfer-list-footer { right: 0; left: auto; } .ant-typography { color: rgba(0, 0, 0, 0.85); word-break: break-word; } .ant-typography.ant-typography-secondary { color: rgba(0, 0, 0, 0.45); } .ant-typography.ant-typography-success { color: #52c41a; } .ant-typography.ant-typography-warning { color: #faad14; } .ant-typography.ant-typography-danger { color: #ff4d4f; } a.ant-typography.ant-typography-danger:active, a.ant-typography.ant-typography-danger:focus { color: #d9363e; } a.ant-typography.ant-typography-danger:hover { color: #ff7875; } .ant-typography.ant-typography-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; -webkit-user-select: none; user-select: none; } div.ant-typography, .ant-typography p { margin-bottom: 1em; } h1.ant-typography, div.ant-typography-h1, div.ant-typography-h1 > textarea, .ant-typography h1 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 38px; line-height: 1.23; } h2.ant-typography, div.ant-typography-h2, div.ant-typography-h2 > textarea, .ant-typography h2 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 30px; line-height: 1.35; } h3.ant-typography, div.ant-typography-h3, div.ant-typography-h3 > textarea, .ant-typography h3 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 24px; line-height: 1.35; } h4.ant-typography, div.ant-typography-h4, div.ant-typography-h4 > textarea, .ant-typography h4 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 20px; line-height: 1.4; } h5.ant-typography, div.ant-typography-h5, div.ant-typography-h5 > textarea, .ant-typography h5 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 16px; line-height: 1.5; } .ant-typography + h1.ant-typography, .ant-typography + h2.ant-typography, .ant-typography + h3.ant-typography, .ant-typography + h4.ant-typography, .ant-typography + h5.ant-typography { margin-top: 1.2em; } .ant-typography div + h1, .ant-typography ul + h1, .ant-typography li + h1, .ant-typography p + h1, .ant-typography h1 + h1, .ant-typography h2 + h1, .ant-typography h3 + h1, .ant-typography h4 + h1, .ant-typography h5 + h1, .ant-typography div + h2, .ant-typography ul + h2, .ant-typography li + h2, .ant-typography p + h2, .ant-typography h1 + h2, .ant-typography h2 + h2, .ant-typography h3 + h2, .ant-typography h4 + h2, .ant-typography h5 + h2, .ant-typography div + h3, .ant-typography ul + h3, .ant-typography li + h3, .ant-typography p + h3, .ant-typography h1 + h3, .ant-typography h2 + h3, .ant-typography h3 + h3, .ant-typography h4 + h3, .ant-typography h5 + h3, .ant-typography div + h4, .ant-typography ul + h4, .ant-typography li + h4, .ant-typography p + h4, .ant-typography h1 + h4, .ant-typography h2 + h4, .ant-typography h3 + h4, .ant-typography h4 + h4, .ant-typography h5 + h4, .ant-typography div + h5, .ant-typography ul + h5, .ant-typography li + h5, .ant-typography p + h5, .ant-typography h1 + h5, .ant-typography h2 + h5, .ant-typography h3 + h5, .ant-typography h4 + h5, .ant-typography h5 + h5 { margin-top: 1.2em; } a.ant-typography-ellipsis, span.ant-typography-ellipsis { display: inline-block; max-width: 100%; } a.ant-typography, .ant-typography a { color: #1abc9c; outline: none; cursor: pointer; transition: color 0.3s; text-decoration: none; } a.ant-typography:focus-visible, .ant-typography a:focus-visible, a.ant-typography:hover, .ant-typography a:hover { color: #3cc9a9; } a.ant-typography:active, .ant-typography a:active { color: #0e9680; } a.ant-typography:active, .ant-typography a:active, a.ant-typography:hover, .ant-typography a:hover { text-decoration: none; } a.ant-typography[disabled], .ant-typography a[disabled], a.ant-typography.ant-typography-disabled, .ant-typography a.ant-typography-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } a.ant-typography[disabled]:active, .ant-typography a[disabled]:active, a.ant-typography.ant-typography-disabled:active, .ant-typography a.ant-typography-disabled:active, a.ant-typography[disabled]:hover, .ant-typography a[disabled]:hover, a.ant-typography.ant-typography-disabled:hover, .ant-typography a.ant-typography-disabled:hover { color: rgba(0, 0, 0, 0.25); } a.ant-typography[disabled]:active, .ant-typography a[disabled]:active, a.ant-typography.ant-typography-disabled:active, .ant-typography a.ant-typography-disabled:active { pointer-events: none; } .ant-typography code { margin: 0 0.2em; padding: 0.2em 0.4em 0.1em; font-size: 85%; background: rgba(150, 150, 150, 0.1); border: 1px solid rgba(100, 100, 100, 0.2); border-radius: 3px; } .ant-typography kbd { margin: 0 0.2em; padding: 0.15em 0.4em 0.1em; font-size: 90%; background: rgba(150, 150, 150, 0.06); border: 1px solid rgba(100, 100, 100, 0.2); border-bottom-width: 2px; border-radius: 3px; } .ant-typography mark { padding: 0; background-color: #ffe58f; } .ant-typography u, .ant-typography ins { text-decoration: underline; text-decoration-skip-ink: auto; } .ant-typography s, .ant-typography del { text-decoration: line-through; } .ant-typography strong { font-weight: 600; } .ant-typography-expand, .ant-typography-edit, .ant-typography-copy { color: #1abc9c; outline: none; cursor: pointer; transition: color 0.3s; margin-left: 4px; } .ant-typography-expand:focus-visible, .ant-typography-edit:focus-visible, .ant-typography-copy:focus-visible, .ant-typography-expand:hover, .ant-typography-edit:hover, .ant-typography-copy:hover { color: #3cc9a9; } .ant-typography-expand:active, .ant-typography-edit:active, .ant-typography-copy:active { color: #0e9680; } .ant-typography-copy-success, .ant-typography-copy-success:hover, .ant-typography-copy-success:focus { color: #52c41a; } .ant-typography-edit-content { position: relative; } div.ant-typography-edit-content { left: -12px; margin-top: -5px; margin-bottom: calc(1em - 4px - 1px); } .ant-typography-edit-content-confirm { position: absolute; right: 10px; bottom: 8px; color: rgba(0, 0, 0, 0.45); font-weight: normal; font-size: 14px; font-style: normal; pointer-events: none; } .ant-typography-edit-content textarea { height: 1em; margin: 0 !important; -moz-transition: none; } .ant-typography ul, .ant-typography ol { margin: 0 0 1em; padding: 0; } .ant-typography ul li, .ant-typography ol li { margin: 0 0 0 20px; padding: 0 0 0 4px; } .ant-typography ul { list-style-type: circle; } .ant-typography ul ul { list-style-type: disc; } .ant-typography ol { list-style-type: decimal; } .ant-typography pre, .ant-typography blockquote { margin: 1em 0; } .ant-typography pre { padding: 0.4em 0.6em; white-space: pre-wrap; word-wrap: break-word; background: rgba(150, 150, 150, 0.1); border: 1px solid rgba(100, 100, 100, 0.2); border-radius: 3px; } .ant-typography pre code { display: inline; margin: 0; padding: 0; font-size: inherit; font-family: inherit; background: transparent; border: 0; } .ant-typography blockquote { padding: 0 0 0 0.6em; border-left: 4px solid rgba(100, 100, 100, 0.2); opacity: 0.85; } .ant-typography-single-line { white-space: nowrap; } .ant-typography-ellipsis-single-line { overflow: hidden; text-overflow: ellipsis; } a.ant-typography-ellipsis-single-line, span.ant-typography-ellipsis-single-line { vertical-align: bottom; } .ant-typography-ellipsis-multiple-line { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ant-typography-rtl { direction: rtl; } .ant-typography-rtl .ant-typography-expand, .ant-typography-rtl .ant-typography-edit, .ant-typography-rtl .ant-typography-copy { margin-right: 4px; margin-left: 0; } .ant-typography-rtl .ant-typography-expand { float: left; } div.ant-typography-edit-content.ant-typography-rtl { right: -12px; left: auto; } .ant-typography-rtl .ant-typography-edit-content-confirm { right: auto; left: 10px; } .ant-typography-rtl.ant-typography ul li, .ant-typography-rtl.ant-typography ol li { margin: 0 20px 0 0; padding: 0 4px 0 0; } .ant-upload { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; outline: 0; } .ant-upload p { margin: 0; } .ant-upload-btn { display: block; width: 100%; outline: none; } .ant-upload input[type=file] { cursor: pointer; } .ant-upload.ant-upload-select { display: inline-block; } .ant-upload.ant-upload-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-upload.ant-upload-select-picture-card { width: 104px; height: 104px; margin-right: 8px; margin-bottom: 8px; text-align: center; vertical-align: top; background-color: #fafafa; border: 1px dashed #d9d9d9; border-radius: 2px; cursor: pointer; transition: border-color 0.3s; } .ant-upload.ant-upload-select-picture-card > .ant-upload { display: flex; align-items: center; justify-content: center; height: 100%; text-align: center; } .ant-upload.ant-upload-select-picture-card:hover { border-color: #1abc9c; } .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover { border-color: #d9d9d9; } .ant-upload.ant-upload-drag { position: relative; width: 100%; height: 100%; text-align: center; background: #fafafa; border: 1px dashed #d9d9d9; border-radius: 2px; cursor: pointer; transition: border-color 0.3s; } .ant-upload.ant-upload-drag .ant-upload { padding: 16px 0; } .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) { border-color: #0e9680; } .ant-upload.ant-upload-drag.ant-upload-disabled { cursor: not-allowed; } .ant-upload.ant-upload-drag .ant-upload-btn { display: table; height: 100%; } .ant-upload.ant-upload-drag .ant-upload-drag-container { display: table-cell; vertical-align: middle; } .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover { border-color: #3cc9a9; } .ant-upload.ant-upload-drag p.ant-upload-drag-icon { margin-bottom: 20px; } .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon { color: #3cc9a9; font-size: 48px; } .ant-upload.ant-upload-drag p.ant-upload-text { margin: 0 0 4px; color: rgba(0, 0, 0, 0.85); font-size: 16px; } .ant-upload.ant-upload-drag p.ant-upload-hint { color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-upload.ant-upload-drag .anticon-plus { color: rgba(0, 0, 0, 0.25); font-size: 30px; transition: all 0.3s; } .ant-upload.ant-upload-drag .anticon-plus:hover { color: rgba(0, 0, 0, 0.45); } .ant-upload.ant-upload-drag:hover .anticon-plus { color: rgba(0, 0, 0, 0.45); } .ant-upload-picture-card-wrapper { display: inline-block; width: 100%; } .ant-upload-picture-card-wrapper::before { display: table; content: ""; } .ant-upload-picture-card-wrapper::after { display: table; clear: both; content: ""; } .ant-upload-picture-card-wrapper::before { display: table; content: ""; } .ant-upload-picture-card-wrapper::after { display: table; clear: both; content: ""; } .ant-upload-list { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; list-style: none; font-feature-settings: "tnum"; line-height: 1.5715; } .ant-upload-list::before { display: table; content: ""; } .ant-upload-list::after { display: table; clear: both; content: ""; } .ant-upload-list::before { display: table; content: ""; } .ant-upload-list::after { display: table; clear: both; content: ""; } .ant-upload-list-item { position: relative; height: 22.001px; margin-top: 8px; font-size: 14px; } .ant-upload-list-item-name { display: inline-block; width: 100%; padding-left: 22px; overflow: hidden; line-height: 1.5715; white-space: nowrap; text-overflow: ellipsis; } .ant-upload-list-item-card-actions { position: absolute; right: 0; } .ant-upload-list-item-card-actions-btn { opacity: 0; } .ant-upload-list-item-card-actions-btn.ant-btn-sm { height: 22.001px; line-height: 1; vertical-align: top; } .ant-upload-list-item-card-actions.picture { top: 22px; line-height: 0; } .ant-upload-list-item-card-actions-btn:focus, .ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn { opacity: 1; } .ant-upload-list-item-card-actions .anticon { color: rgba(0, 0, 0, 0.45); transition: all 0.3s; } .ant-upload-list-item-card-actions:hover .anticon { color: rgba(0, 0, 0, 0.85); } .ant-upload-list-item-info { height: 100%; transition: background-color 0.3s; } .ant-upload-list-item-info > span { display: block; width: 100%; height: 100%; } .ant-upload-list-item-info .anticon-loading .anticon, .ant-upload-list-item-info .ant-upload-text-icon .anticon { position: absolute; top: 5px; color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-upload-list-item:hover .ant-upload-list-item-info { background-color: #f5f5f5; } .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn { opacity: 1; } .ant-upload-list-item-error, .ant-upload-list-item-error .ant-upload-text-icon > .anticon, .ant-upload-list-item-error .ant-upload-list-item-name { color: #ff4d4f; } .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon { color: #ff4d4f; } .ant-upload-list-item-error .ant-upload-list-item-card-actions-btn { opacity: 1; } .ant-upload-list-item-progress { position: absolute; bottom: -12px; width: 100%; padding-left: 26px; font-size: 14px; line-height: 0; } .ant-upload-list-picture .ant-upload-list-item, .ant-upload-list-picture-card .ant-upload-list-item { position: relative; height: 66px; padding: 8px; border: 1px solid #d9d9d9; border-radius: 2px; } .ant-upload-list-picture .ant-upload-list-item:hover, .ant-upload-list-picture-card .ant-upload-list-item:hover { background: transparent; } .ant-upload-list-picture .ant-upload-list-item-error, .ant-upload-list-picture-card .ant-upload-list-item-error { border-color: #ff4d4f; } .ant-upload-list-picture .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item-info { padding: 0; } .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info { background: transparent; } .ant-upload-list-picture .ant-upload-list-item-uploading, .ant-upload-list-picture-card .ant-upload-list-item-uploading { border-style: dashed; } .ant-upload-list-picture .ant-upload-list-item-thumbnail, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail { width: 48px; height: 48px; line-height: 60px; text-align: center; opacity: 0.8; } .ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon { font-size: 26px; } .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill="#e6f7ff"], .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill="#e6f7ff"] { fill: #fff2f0; } .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill="#1890ff"], .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill="#1890ff"] { fill: #ff4d4f; } .ant-upload-list-picture .ant-upload-list-item-icon, .ant-upload-list-picture-card .ant-upload-list-item-icon { position: absolute; top: 50%; left: 50%; font-size: 26px; transform: translate(-50%, -50%); } .ant-upload-list-picture .ant-upload-list-item-icon .anticon, .ant-upload-list-picture-card .ant-upload-list-item-icon .anticon { font-size: 26px; } .ant-upload-list-picture .ant-upload-list-item-image, .ant-upload-list-picture-card .ant-upload-list-item-image { max-width: 100%; } .ant-upload-list-picture .ant-upload-list-item-thumbnail img, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { display: block; width: 48px; height: 48px; overflow: hidden; } .ant-upload-list-picture .ant-upload-list-item-name, .ant-upload-list-picture-card .ant-upload-list-item-name { display: inline-block; box-sizing: border-box; max-width: 100%; margin: 0 0 0 8px; padding-right: 8px; padding-left: 48px; overflow: hidden; line-height: 44px; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; } .ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name { margin-bottom: 12px; } .ant-upload-list-picture .ant-upload-list-item-progress, .ant-upload-list-picture-card .ant-upload-list-item-progress { bottom: 14px; width: calc(100% - 24px); margin-top: 0; padding-left: 56px; } .ant-upload-list-picture-card-container { display: inline-block; width: 104px; height: 104px; margin: 0 8px 8px 0; vertical-align: top; } .ant-upload-list-picture-card .ant-upload-list-item { height: 100%; margin: 0; } .ant-upload-list-picture-card .ant-upload-list-item-info { position: relative; height: 100%; overflow: hidden; } .ant-upload-list-picture-card .ant-upload-list-item-info::before { position: absolute; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: all 0.3s; content: " "; } .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before { opacity: 1; } .ant-upload-list-picture-card .ant-upload-list-item-actions { position: absolute; top: 50%; left: 50%; z-index: 10; white-space: nowrap; transform: translate(-50%, -50%); opacity: 0; transition: all 0.3s; } .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete { z-index: 10; width: 16px; margin: 0 4px; color: rgba(255, 255, 255, 0.85); font-size: 16px; cursor: pointer; transition: all 0.3s; } .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover { color: #fff; } .ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions, .ant-upload-list-picture-card .ant-upload-list-item-actions:hover { opacity: 1; } .ant-upload-list-picture-card .ant-upload-list-item-thumbnail, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { position: static; display: block; width: 100%; height: 100%; object-fit: contain; } .ant-upload-list-picture-card .ant-upload-list-item-name { display: none; margin: 8px 0 0; padding: 0; line-height: 1.5715; text-align: center; } .ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name { position: absolute; bottom: 10px; display: block; } .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item { background-color: #fafafa; } .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info { height: auto; } .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete { display: none; } .ant-upload-list-picture-card .ant-upload-list-item-progress { bottom: 32px; width: calc(100% - 14px); padding-left: 0; } .ant-upload-list-text-container, .ant-upload-list-picture-container { transition: opacity 0.3s, height 0.3s; } .ant-upload-list-text-container::before, .ant-upload-list-picture-container::before { display: table; width: 0; height: 0; content: ""; } .ant-upload-list-text-container .ant-upload-span, .ant-upload-list-picture-container .ant-upload-span { display: block; flex: auto; } .ant-upload-list-text .ant-upload-span, .ant-upload-list-picture .ant-upload-span { display: flex; align-items: center; } .ant-upload-list-text .ant-upload-span > *, .ant-upload-list-picture .ant-upload-span > * { flex: none; } .ant-upload-list-text .ant-upload-list-item-name, .ant-upload-list-picture .ant-upload-list-item-name { flex: auto; margin: 0; padding: 0 8px; } .ant-upload-list-text .ant-upload-list-item-card-actions, .ant-upload-list-picture .ant-upload-list-item-card-actions { position: static; } .ant-upload-list-text .ant-upload-text-icon .anticon { position: static; } .ant-upload-list .ant-upload-animate-inline-appear, .ant-upload-list .ant-upload-animate-inline-enter, .ant-upload-list .ant-upload-animate-inline-leave { animation-duration: 0.3s; animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-fill-mode: forwards; } .ant-upload-list .ant-upload-animate-inline-appear, .ant-upload-list .ant-upload-animate-inline-enter { animation-name: uploadAnimateInlineIn; } .ant-upload-list .ant-upload-animate-inline-leave { animation-name: uploadAnimateInlineOut; } @keyframes uploadAnimateInlineIn { from { width: 0; height: 0; margin: 0; padding: 0; opacity: 0; } } @keyframes uploadAnimateInlineOut { to { width: 0; height: 0; margin: 0; padding: 0; opacity: 0; } } .ant-upload-rtl { direction: rtl; } .ant-upload-rtl.ant-upload.ant-upload-select-picture-card { margin-right: auto; margin-left: 8px; } .ant-upload-list-rtl { direction: rtl; } .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 { padding-right: 22px; padding-left: 14px; } .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 { padding-right: 22px; padding-left: 28px; } .ant-upload-list-rtl .ant-upload-list-item-name { padding-right: 22px; padding-left: 0; } .ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 { padding-left: 14px; } .ant-upload-list-rtl .ant-upload-list-item-card-actions { right: auto; left: 0; } .ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon { padding-right: 0; padding-left: 5px; } .ant-upload-list-rtl .ant-upload-list-item-info { padding: 0 4px 0 12px; } .ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon { padding-right: 0; padding-left: 5px; } .ant-upload-list-rtl .ant-upload-list-item-progress { padding-right: 26px; padding-left: 0; } .ant-upload-list-picture .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item-info { padding: 0; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail { right: 8px; left: auto; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon { right: 50%; left: auto; transform: translate(50%, -50%); } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name { margin: 0 8px 0 0; padding-right: 48px; padding-left: 8px; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 { padding-right: 48px; padding-left: 18px; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 { padding-right: 48px; padding-left: 36px; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress { padding-right: 0; padding-left: 0; } .ant-upload-list-rtl .ant-upload-list-picture-card-container { margin: 0 0 8px 8px; } .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions { right: 50%; left: auto; transform: translate(50%, -50%); } .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name { margin: 8px 0 0; padding: 0; } .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item { float: unset; } .ant-select-auto-complete { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; } .ant-select-auto-complete .ant-select-clear { right: 13px; } .ant-select-dropdown-hidden { display: none; } .ant-select-dropdown-content-wrapper { max-height: 256px; overflow-y: auto; overflow-anchor: none; } .ant-select-dropdown-content { display: flex; flex-direction: column; } .ant-cascader-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner, .ant-cascader-checkbox:hover .ant-cascader-checkbox-inner, .ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner { border-color: #1abc9c; } .ant-cascader-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1abc9c; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ""; } .ant-cascader-checkbox:hover::after, .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox::after { visibility: visible; } .ant-cascader-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-cascader-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: " "; } .ant-cascader-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: " "; } .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner { background-color: #1abc9c; border-color: #1abc9c; } .ant-cascader-checkbox-disabled { cursor: not-allowed; } .ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-cascader-checkbox-disabled .ant-cascader-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-cascader-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-cascader-checkbox-disabled:hover::after, .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled::after { visibility: hidden; } .ant-cascader-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-cascader-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: "\a0"; } .ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-cascader-checkbox-wrapper + .ant-cascader-checkbox-wrapper { margin-left: 8px; } .ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-in-form-item input[type=checkbox] { width: 14px; height: 14px; } .ant-cascader-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-cascader-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-block; } .ant-cascader-checkbox-group-item { margin-right: 8px; } .ant-cascader-checkbox-group-item:last-child { margin-right: 0; } .ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item { margin-left: 0; } .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1abc9c; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: " "; } .ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-cascader-checkbox-rtl { direction: rtl; } .ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item { margin-right: 0; margin-left: 8px; } .ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item:last-child { margin-left: 0 !important; } .ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item { margin-left: 8px; } .ant-cascader { width: 184px; } .ant-cascader-checkbox { top: 0; margin-right: 8px; } .ant-cascader-menus { display: flex; flex-wrap: nowrap; align-items: flex-start; } .ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu { width: 100%; height: auto; } .ant-cascader-menu { flex-grow: 1; min-width: 111px; height: 180px; margin: 0; padding: 4px 0; overflow: auto; vertical-align: top; list-style: none; -ms-overflow-style: -ms-autohiding-scrollbar; } .ant-cascader-menu:not(:last-child) { border-inline-end: 1px solid #f0f0f0; } .ant-cascader-menu-item { display: flex; flex-wrap: nowrap; align-items: center; padding: 5px 12px; overflow: hidden; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: all 0.3s; } .ant-cascader-menu-item:hover { background: #f5f5f5; } .ant-cascader-menu-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-cascader-menu-item-disabled:hover { background: transparent; } .ant-cascader-menu-empty .ant-cascader-menu-item { color: rgba(0, 0, 0, 0.25); cursor: default; pointer-events: none; } .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover { font-weight: 600; background-color: #edfcf7; } .ant-cascader-menu-item-content { flex: auto; } .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-loading-icon { margin-left: 4px; color: rgba(0, 0, 0, 0.45); font-size: 10px; } .ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon { color: rgba(0, 0, 0, 0.25); } .ant-cascader-menu-item-keyword { color: #ff4d4f; } .ant-cascader-compact-item:not(.ant-cascader-compact-last-item):not(.ant-cascader-compact-item-rtl) { margin-right: -1px; } .ant-cascader-compact-item:not(.ant-cascader-compact-last-item).ant-cascader-compact-item-rtl { margin-left: -1px; } .ant-cascader-compact-item:hover, .ant-cascader-compact-item:focus, .ant-cascader-compact-item:active { z-index: 2; } .ant-cascader-compact-item[disabled] { z-index: 0; } .ant-cascader-compact-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-last-item).ant-cascader { border-radius: 0; } .ant-cascader-compact-item.ant-cascader.ant-cascader-compact-first-item:not(.ant-cascader-compact-last-item):not(.ant-cascader-compact-item-rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-cascader-compact-item.ant-cascader.ant-cascader-compact-last-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-item-rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-first-item:not(.ant-cascader-compact-last-item) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-last-item:not(.ant-cascader-compact-first-item) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-cascader-rtl .ant-cascader-menu-item-expand-icon, .ant-cascader-rtl .ant-cascader-menu-item-loading-icon { margin-right: 4px; margin-left: 0; } .ant-cascader-rtl .ant-cascader-checkbox { top: 0; margin-right: 0; margin-left: 8px; } .ant-cascader-menus { position: relative; margin-top: 2px; margin-bottom: 2px; } nz-tree-virtual-scroll-view { position: relative; display: block; overflow: auto; transform: translateZ(0); will-change: scroll-position; contain: strict; -webkit-overflow-scrolling: touch; } nz-tree-virtual-scroll-view .ant-tree-list, nz-tree-virtual-scroll-view .ant-tree-list-holder { height: 100%; } nz-tree-virtual-scroll-view .ant-tree-switcher + .ant-tree-switcher.nz-tree-leaf-line-icon, nz-tree-view .ant-tree-switcher + .ant-tree-switcher.nz-tree-leaf-line-icon { display: none; } nz-tree-view .ant-tree-list-holder-inner { display: flex; flex-direction: column; } @keyframes ant-tree-node-fx-do-not-use { 0% { opacity: 0; } 100% { opacity: 1; } } .ant-tree.ant-tree-directory .ant-tree-treenode { position: relative; } .ant-tree.ant-tree-directory .ant-tree-treenode::before { position: absolute; top: 0; right: 0; bottom: 4px; left: 0; transition: background-color 0.3s; content: ""; pointer-events: none; } .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before { background: #f5f5f5; } .ant-tree.ant-tree-directory .ant-tree-treenode > * { z-index: 1; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher { transition: color 0.3s; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper { border-radius: 0; -webkit-user-select: none; user-select: none; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected { color: #fff; background: transparent; } .ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before, .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before { background: #1abc9c; } .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher { color: #fff; } .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper { color: #fff; background: transparent; } .ant-tree-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner, .ant-tree-checkbox:hover .ant-tree-checkbox-inner, .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner { border-color: #1abc9c; } .ant-tree-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1abc9c; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ""; } .ant-tree-checkbox:hover::after, .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after { visibility: visible; } .ant-tree-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-tree-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: " "; } .ant-tree-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: " "; } .ant-tree-checkbox-checked .ant-tree-checkbox-inner { background-color: #1abc9c; border-color: #1abc9c; } .ant-tree-checkbox-disabled { cursor: not-allowed; } .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-tree-checkbox-disabled .ant-tree-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-tree-checkbox-disabled .ant-tree-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-tree-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tree-checkbox-disabled:hover::after, .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after { visibility: hidden; } .ant-tree-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-tree-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: "\a0"; } .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper { margin-left: 8px; } .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-in-form-item input[type=checkbox] { width: 14px; height: 14px; } .ant-tree-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-tree-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-block; } .ant-tree-checkbox-group-item { margin-right: 8px; } .ant-tree-checkbox-group-item:last-child { margin-right: 0; } .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item { margin-left: 0; } .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1abc9c; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: " "; } .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-tree-checkbox-rtl { direction: rtl; } .ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item { margin-right: 0; margin-left: 8px; } .ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item:last-child { margin-left: 0 !important; } .ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item { margin-left: 8px; } .ant-tree { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; background: #fff; border-radius: 2px; transition: background-color 0.3s; } .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) { background: #edfcf7; } .ant-tree-list-holder-inner { align-items: flex-start; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner { align-items: stretch; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper { flex: auto; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging { position: relative; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after { position: absolute; top: 0; right: 0; bottom: 4px; left: 0; border: 1px solid #1abc9c; opacity: 0; animation: ant-tree-node-fx-do-not-use 0.3s; animation-play-state: running; animation-fill-mode: forwards; content: ""; pointer-events: none; } .ant-tree .ant-tree-treenode { display: flex; align-items: flex-start; padding: 0 0 4px 0; outline: none; } .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper { background: #f5f5f5; } .ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title { color: inherit; font-weight: 500; } .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon { width: 24px; line-height: 24px; text-align: center; visibility: visible; opacity: 0.2; transition: opacity 0.3s; } .ant-tree-treenode:hover .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon { opacity: 0.45; } .ant-tree .ant-tree-treenode-draggable.ant-tree-treenode-disabled .ant-tree-draggable-icon { visibility: hidden; } .ant-tree-indent { align-self: stretch; white-space: nowrap; -webkit-user-select: none; user-select: none; } .ant-tree-indent-unit { display: inline-block; width: 24px; } .ant-tree-draggable-icon { visibility: hidden; } .ant-tree-switcher { position: relative; flex: none; align-self: stretch; width: 24px; margin: 0; line-height: 24px; text-align: center; cursor: pointer; -webkit-user-select: none; user-select: none; } .ant-tree-switcher .ant-tree-switcher-icon, .ant-tree-switcher .ant-select-tree-switcher-icon { display: inline-block; font-size: 10px; vertical-align: baseline; } .ant-tree-switcher .ant-tree-switcher-icon svg, .ant-tree-switcher .ant-select-tree-switcher-icon svg { transition: transform 0.3s; } .ant-tree-switcher-noop { cursor: default; } .ant-tree-switcher_close .ant-tree-switcher-icon svg { transform: rotate(-90deg); } .ant-tree-switcher-loading-icon { color: #1abc9c; } .ant-tree-switcher-leaf-line { position: relative; z-index: 1; display: inline-block; width: 100%; height: 100%; } .ant-tree-switcher-leaf-line::before { position: absolute; top: 0; right: 12px; bottom: -4px; margin-left: -1px; border-right: 1px solid #d9d9d9; content: " "; } .ant-tree-switcher-leaf-line::after { position: absolute; width: 10px; height: 14px; border-bottom: 1px solid #d9d9d9; content: " "; } .ant-tree-checkbox { top: initial; margin: 4px 8px 0 0; } .ant-tree .ant-tree-node-content-wrapper { position: relative; z-index: auto; min-height: 24px; margin: 0; padding: 0 4px; color: inherit; line-height: 24px; background: transparent; border-radius: 2px; cursor: pointer; transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s; } .ant-tree .ant-tree-node-content-wrapper:hover { background-color: #f5f5f5; } .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected { background-color: #bbf0de; } .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; vertical-align: top; } .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty { display: none; } .ant-tree-unselectable .ant-tree-node-content-wrapper:hover { background-color: transparent; } .ant-tree-node-content-wrapper { line-height: 24px; -webkit-user-select: none; user-select: none; } .ant-tree-node-content-wrapper .ant-tree-drop-indicator { position: absolute; z-index: 1; height: 2px; background-color: #1abc9c; border-radius: 1px; pointer-events: none; } .ant-tree-node-content-wrapper .ant-tree-drop-indicator::after { position: absolute; top: -3px; left: -6px; width: 8px; height: 8px; background-color: transparent; border: 2px solid #1abc9c; border-radius: 50%; content: ""; } .ant-tree .ant-tree-treenode.drop-container > [draggable] { box-shadow: 0 0 0 2px #1abc9c; } .ant-tree-show-line .ant-tree-indent-unit { position: relative; height: 100%; } .ant-tree-show-line .ant-tree-indent-unit::before { position: absolute; top: 0; right: 12px; bottom: -4px; border-right: 1px solid #d9d9d9; content: ""; } .ant-tree-show-line .ant-tree-indent-unit-end::before { display: none; } .ant-tree-show-line .ant-tree-switcher { background: #fff; } .ant-tree-show-line .ant-tree-switcher-line-icon { vertical-align: -0.15em; } .ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before { top: auto !important; bottom: auto !important; height: 14px !important; } .ant-tree-rtl { direction: rtl; } .ant-tree-rtl .ant-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator::after { right: -6px; left: unset; } .ant-tree .ant-tree-treenode-rtl { direction: rtl; } .ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg { transform: rotate(90deg); } .ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before { right: auto; left: -13px; border-right: none; border-left: 1px solid #d9d9d9; } .ant-tree-rtl .ant-tree-checkbox { margin: 4px 0 0 8px; } .ant-tree-select-dropdown-rtl .ant-select-tree-checkbox { margin: 4px 0 0 8px; } .font-highlight { color: #ff4d4f; } .ant-tree-child-tree { overflow: hidden; } nz-tree { display: block; } .ant-select-tree-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner { border-color: #1abc9c; } .ant-select-tree-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1abc9c; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ""; } .ant-select-tree-checkbox:hover::after, .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after { visibility: visible; } .ant-select-tree-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-select-tree-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: " "; } .ant-select-tree-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: " "; } .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner { background-color: #1abc9c; border-color: #1abc9c; } .ant-select-tree-checkbox-disabled { cursor: not-allowed; } .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-select-tree-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-tree-checkbox-disabled:hover::after, .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after { visibility: hidden; } .ant-select-tree-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-select-tree-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: "\a0"; } .ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper { margin-left: 8px; } .ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-in-form-item input[type=checkbox] { width: 14px; height: 14px; } .ant-select-tree-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-select-tree-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; display: inline-block; } .ant-select-tree-checkbox-group-item { margin-right: 8px; } .ant-select-tree-checkbox-group-item:last-child { margin-right: 0; } .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item { margin-left: 0; } .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1abc9c; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: " "; } .ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-select-tree-checkbox-rtl { direction: rtl; } .ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item { margin-right: 0; margin-left: 8px; } .ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item:last-child { margin-left: 0 !important; } .ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item { margin-left: 8px; } .ant-tree-select-dropdown { padding: 8px 4px; } .ant-tree-select-dropdown-rtl { direction: rtl; } .ant-tree-select-dropdown .ant-select-tree { border-radius: 0; } .ant-tree-select-dropdown .ant-select-tree-list-holder-inner { align-items: stretch; } .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper { flex: auto; } .ant-select-tree { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; background: #fff; border-radius: 2px; transition: background-color 0.3s; } .ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) { background: #edfcf7; } .ant-select-tree-list-holder-inner { align-items: flex-start; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner { align-items: stretch; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper { flex: auto; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging { position: relative; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after { position: absolute; top: 0; right: 0; bottom: 4px; left: 0; border: 1px solid #1abc9c; opacity: 0; animation: ant-tree-node-fx-do-not-use 0.3s; animation-play-state: running; animation-fill-mode: forwards; content: ""; pointer-events: none; } .ant-select-tree .ant-select-tree-treenode { display: flex; align-items: flex-start; padding: 0 0 4px 0; outline: none; } .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover { background: transparent; } .ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper { background: #f5f5f5; } .ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title { color: inherit; font-weight: 500; } .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon { width: 24px; line-height: 24px; text-align: center; visibility: visible; opacity: 0.2; transition: opacity 0.3s; } .ant-select-tree-treenode:hover .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon { opacity: 0.45; } .ant-select-tree .ant-select-tree-treenode-draggable.ant-select-tree-treenode-disabled .ant-select-tree-draggable-icon { visibility: hidden; } .ant-select-tree-indent { align-self: stretch; white-space: nowrap; -webkit-user-select: none; user-select: none; } .ant-select-tree-indent-unit { display: inline-block; width: 24px; } .ant-select-tree-draggable-icon { visibility: hidden; } .ant-select-tree-switcher { position: relative; flex: none; align-self: stretch; width: 24px; margin: 0; line-height: 24px; text-align: center; cursor: pointer; -webkit-user-select: none; user-select: none; } .ant-select-tree-switcher .ant-tree-switcher-icon, .ant-select-tree-switcher .ant-select-tree-switcher-icon { display: inline-block; font-size: 10px; vertical-align: baseline; } .ant-select-tree-switcher .ant-tree-switcher-icon svg, .ant-select-tree-switcher .ant-select-tree-switcher-icon svg { transition: transform 0.3s; } .ant-select-tree-switcher-noop { cursor: default; } .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { transform: rotate(-90deg); } .ant-select-tree-switcher-loading-icon { color: #1abc9c; } .ant-select-tree-switcher-leaf-line { position: relative; z-index: 1; display: inline-block; width: 100%; height: 100%; } .ant-select-tree-switcher-leaf-line::before { position: absolute; top: 0; right: 12px; bottom: -4px; margin-left: -1px; border-right: 1px solid #d9d9d9; content: " "; } .ant-select-tree-switcher-leaf-line::after { position: absolute; width: 10px; height: 14px; border-bottom: 1px solid #d9d9d9; content: " "; } .ant-select-tree-checkbox { top: initial; margin: 4px 8px 0 0; } .ant-select-tree .ant-select-tree-node-content-wrapper { position: relative; z-index: auto; min-height: 24px; margin: 0; padding: 0 4px; color: inherit; line-height: 24px; background: transparent; border-radius: 2px; cursor: pointer; transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s; } .ant-select-tree .ant-select-tree-node-content-wrapper:hover { background-color: #f5f5f5; } .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected { background-color: #bbf0de; } .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; vertical-align: top; } .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty { display: none; } .ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover { background-color: transparent; } .ant-select-tree-node-content-wrapper { line-height: 24px; -webkit-user-select: none; user-select: none; } .ant-select-tree-node-content-wrapper .ant-tree-drop-indicator { position: absolute; z-index: 1; height: 2px; background-color: #1abc9c; border-radius: 1px; pointer-events: none; } .ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after { position: absolute; top: -3px; left: -6px; width: 8px; height: 8px; background-color: transparent; border: 2px solid #1abc9c; border-radius: 50%; content: ""; } .ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] { box-shadow: 0 0 0 2px #1abc9c; } .ant-select-tree-show-line .ant-select-tree-indent-unit { position: relative; height: 100%; } .ant-select-tree-show-line .ant-select-tree-indent-unit::before { position: absolute; top: 0; right: 12px; bottom: -4px; border-right: 1px solid #d9d9d9; content: ""; } .ant-select-tree-show-line .ant-select-tree-indent-unit-end::before { display: none; } .ant-select-tree-show-line .ant-select-tree-switcher { background: #fff; } .ant-select-tree-show-line .ant-select-tree-switcher-line-icon { vertical-align: -0.15em; } .ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before { top: auto !important; bottom: auto !important; height: 14px !important; } .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { transform: rotate(90deg); } .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon { transform: scaleY(-1); } .ant-tree.ant-select-tree.ant-tree-show-line nz-tree-node[builtin]:not(:last-child) > li::before { position: absolute; left: 12px; width: 1px; height: calc(100% - 16px); margin: 26px 0; border-left: 1px solid #d9d9d9; content: " "; } .ant-select-dropdown.ant-select-tree-dropdown { position: relative; top: 100%; left: 0; width: 100%; margin-top: 4px; margin-bottom: 4px; overflow: auto; } .ant-select-dropdown.ant-select-tree-dropdown .cdk-virtual-scroll-content-wrapper { overflow: auto; } .ant-picker-calendar { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: "tnum"; background: #fff; } .ant-picker-calendar-header { display: flex; justify-content: flex-end; padding: 12px 0; } .ant-picker-calendar-header .ant-picker-calendar-year-select { min-width: 80px; } .ant-picker-calendar-header .ant-picker-calendar-month-select { min-width: 70px; margin-left: 8px; } .ant-picker-calendar-header .ant-picker-calendar-mode-switch { margin-left: 8px; } .ant-picker-calendar .ant-picker-panel { background: #fff; border: 0; border-top: 1px solid #f0f0f0; border-radius: 0; } .ant-picker-calendar .ant-picker-panel .ant-picker-month-panel, .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel { width: auto; } .ant-picker-calendar .ant-picker-panel .ant-picker-body { padding: 8px 0; } .ant-picker-calendar .ant-picker-panel .ant-picker-content { width: 100%; } .ant-picker-calendar-mini { border-radius: 2px; } .ant-picker-calendar-mini .ant-picker-calendar-header { padding-right: 8px; padding-left: 8px; } .ant-picker-calendar-mini .ant-picker-panel { border-radius: 0 0 2px 2px; } .ant-picker-calendar-mini .ant-picker-content { height: 256px; } .ant-picker-calendar-mini .ant-picker-content th { height: auto; padding: 0; line-height: 18px; } .ant-picker-calendar-mini .ant-picker-cell::before { pointer-events: none; } .ant-picker-calendar-full .ant-picker-panel { display: block; width: 100%; text-align: right; background: #fff; border: 0; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th, .ant-picker-calendar-full .ant-picker-panel .ant-picker-body td { padding: 0; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th { height: auto; padding: 0 12px 5px 0; line-height: 18px; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before { display: none; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date { background: #f5f5f5; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before { display: none; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today { background: #edfcf7; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value { color: #1abc9c; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date { display: block; width: auto; height: auto; margin: 0 4px; padding: 4px 8px 0; border: 0; border-top: 2px solid #f0f0f0; border-radius: 0; transition: background 0.3s; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value { line-height: 24px; transition: color 0.3s; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content { position: static; width: auto; height: 86px; overflow-y: auto; color: rgba(0, 0, 0, 0.85); line-height: 1.5715; text-align: left; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today { border-color: #1abc9c; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value { color: rgba(0, 0, 0, 0.85); } @media only screen and (max-width: 480px) { .ant-picker-calendar-header { display: block; } .ant-picker-calendar-header .ant-picker-calendar-year-select { width: 50%; } .ant-picker-calendar-header .ant-picker-calendar-month-select { width: calc(50% - 8px); } .ant-picker-calendar-header .ant-picker-calendar-mode-switch { width: 100%; margin-top: 8px; margin-left: 0; } .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label { width: 50%; text-align: center; } } .ant-picker-calendar-rtl { direction: rtl; } .ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select { margin-right: 8px; margin-left: 0; } .ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch { margin-right: 8px; margin-left: 0; } .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel { text-align: left; } .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th { padding: 0 0 5px 12px; } .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content { text-align: right; } .ant-result { padding: 48px 32px; } .ant-result-success .ant-result-icon > .anticon { color: #52c41a; } .ant-result-error .ant-result-icon > .anticon { color: #ff4d4f; } .ant-result-info .ant-result-icon > .anticon { color: #1abc9c; } .ant-result-warning .ant-result-icon > .anticon { color: #faad14; } .ant-result-image { width: 250px; height: 295px; margin: auto; } .ant-result-icon { margin-bottom: 24px; text-align: center; } .ant-result-icon > .anticon { font-size: 72px; } .ant-result-title { color: rgba(0, 0, 0, 0.85); font-size: 24px; line-height: 1.8; text-align: center; } .ant-result-subtitle { color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.6; text-align: center; } .ant-result-extra { margin: 24px 0 0 0; text-align: center; } .ant-result-extra > * { margin-right: 8px; } .ant-result-extra > *:last-child { margin-right: 0; } .ant-result-content { margin-top: 24px; padding: 24px 40px; background-color: #fafafa; } .ant-result-rtl { direction: rtl; } .ant-result-rtl .ant-result-extra > * { margin-right: 0; margin-left: 8px; } .ant-result-rtl .ant-result-extra > *:last-child { margin-left: 0; } nz-result { display: block; } .ant-space { display: inline-flex; } .ant-space-vertical { flex-direction: column; } .ant-space-align-center { align-items: center; } .ant-space-align-start { align-items: flex-start; } .ant-space-align-end { align-items: flex-end; } .ant-space-align-baseline { align-items: baseline; } .ant-space-item:empty { display: none; } .ant-space-compact { display: inline-flex; } .ant-space-compact-block { display: flex; width: 100%; } .ant-space-compact-vertical { flex-direction: column; } .ant-space-rtl { direction: rtl; } .ant-space-compact-rtl { direction: rtl; } nz-space-item { display: block; } .ant-image { position: relative; display: inline-block; } .ant-image-img { width: 100%; height: auto; vertical-align: middle; } .ant-image-img-placeholder { background-color: #f5f5f5; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: 30%; } .ant-image-mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; color: #fff; background: rgba(0, 0, 0, 0.5); cursor: pointer; opacity: 0; transition: opacity 0.3s; } .ant-image-mask-info { padding: 0 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-image-mask-info .anticon { margin-inline-end: 4px; } .ant-image-mask:hover { opacity: 1; } .ant-image-placeholder { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .ant-image-preview { pointer-events: none; height: 100%; text-align: center; } .ant-image-preview.ant-zoom-enter, .ant-image-preview.ant-zoom-appear { transform: none; opacity: 0; animation-duration: 0.3s; -webkit-user-select: none; user-select: none; } .ant-image-preview-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.45); } .ant-image-preview-mask-hidden { display: none; } .ant-image-preview-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; outline: 0; } .ant-image-preview-body { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .ant-image-preview-img { max-width: 100%; max-height: 100%; vertical-align: middle; transform: scale3d(1, 1, 1); cursor: grab; transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-user-select: none; user-select: none; pointer-events: auto; } .ant-image-preview-img-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .ant-image-preview-img-wrapper::before { display: inline-block; width: 1px; height: 50%; margin-right: -1px; content: ""; } .ant-image-preview-moving .ant-image-preview-img { cursor: grabbing; } .ant-image-preview-moving .ant-image-preview-img-wrapper { transition-duration: 0s; } .ant-image-preview-wrap { z-index: 1080; } .ant-image-preview-operations-wrapper { position: fixed; top: 0; right: 0; z-index: 1081; width: 100%; } .ant-image-preview-operations { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; font-feature-settings: "tnum"; display: flex; flex-direction: row-reverse; align-items: center; color: rgba(255, 255, 255, 0.85); list-style: none; background: rgba(0, 0, 0, 0.1); pointer-events: auto; } .ant-image-preview-operations-operation { margin-left: 12px; padding: 12px; cursor: pointer; transition: all 0.3s; } .ant-image-preview-operations-operation:hover { background: rgba(0, 0, 0, 0.2); } .ant-image-preview-operations-operation-disabled { color: rgba(255, 255, 255, 0.25); pointer-events: none; } .ant-image-preview-operations-operation:last-of-type { margin-left: 0; } .ant-image-preview-operations-progress { position: absolute; left: 50%; transform: translateX(-50%); } .ant-image-preview-operations-icon { font-size: 18px; } .ant-image-preview-switch-left, .ant-image-preview-switch-right { position: fixed; top: 50%; right: 8px; z-index: 1081; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: rgba(255, 255, 255, 0.85); background: rgba(0, 0, 0, 0.1); border-radius: 50%; transform: translateY(-50%); cursor: pointer; transition: all 0.3s; pointer-events: auto; } .ant-image-preview-switch-left:hover, .ant-image-preview-switch-right:hover { background: rgba(0, 0, 0, 0.2); } .ant-image-preview-switch-left-disabled, .ant-image-preview-switch-right-disabled, .ant-image-preview-switch-left-disabled:hover, .ant-image-preview-switch-right-disabled:hover { color: rgba(255, 255, 255, 0.25); background: rgba(0, 0, 0, 0.1); cursor: not-allowed; } .ant-image-preview-switch-left-disabled > .anticon, .ant-image-preview-switch-right-disabled > .anticon, .ant-image-preview-switch-left-disabled:hover > .anticon, .ant-image-preview-switch-right-disabled:hover > .anticon { cursor: not-allowed; } .ant-image-preview-switch-left > .anticon, .ant-image-preview-switch-right > .anticon { font-size: 18px; } .ant-image-preview-switch-left { left: 8px; } .ant-image-preview-switch-right { right: 8px; } .ant-image-preview-focus-trap { width: 0; height: 0; overflow: hidden; outline: none; } .cdk-overlay-backdrop.ant-image-preview-mask { opacity: 1; } .cdk-global-overlay-wrapper[dir=rtl] .ant-image-preview-switch-left { right: 10px; left: unset; rotate: 180deg; } .cdk-global-overlay-wrapper[dir=rtl] .ant-image-preview-switch-right { right: unset; left: 10px; rotate: 180deg; } .ant-cron-expression { display: flex; flex-wrap: nowrap; } .ant-cron-expression-content { width: 100%; } .ant-cron-expression-content .ant-cron-expression-input-group-error-focus { box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); } .ant-cron-expression nz-cron-expression-input { width: 20%; } .ant-cron-expression-input-group { display: flex; flex-wrap: nowrap; align-items: center; } .ant-cron-expression-input-group input { width: 100%; padding: 0; border: none !important; border-radius: 0; outline: none; box-shadow: none !important; } .ant-cron-expression-input-group-focus { border-color: #1abc9c; outline: 0; box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2); } .ant-cron-expression nz-cron-expression-label { width: 20%; } .ant-cron-expression-label-group { display: flex; flex-wrap: nowrap; justify-content: space-around; width: 100%; padding-top: 0 !important; padding-bottom: 0 !important; } .ant-cron-expression-label-group-default { padding: 0 12px; } .ant-cron-expression-label-foucs { color: #1abc9c; } .ant-cron-expression-map { margin-left: 12px; } .ant-cron-expression-preview { display: flex; padding: 12px; } .ant-cron-expression-preview-dateTime { display: flex; flex: 1 1 auto; align-items: center; } .ant-cron-expression-preview-dateTime-center { justify-content: center; } .ant-cron-expression-preview-content { display: flex; flex: 0 0 220px; align-items: center; padding-left: 16px; } .ant-cron-expression-preview-list, .ant-cron-expression-preview-icon { margin: 0; padding: 0; list-style: none; } .ant-cron-expression-preview-list li, .ant-cron-expression-preview-icon li { margin: 0; padding: 0; list-style: none; } .ant-cron-expression-preview-list { height: 132px; overflow-y: scroll; } .ant-cron-expression-preview-icon { display: flex; flex: 0 0 16px; justify-content: center; } .ant-cron-expression-error { color: #ff4d4f; } .ant-qrcode { position: relative; display: inline-block; padding: 12px; } .ant-qrcode > canvas { display: block; } .ant-qrcode-border { border: 1px solid #f0f0f0; border-radius: 2px; } .ant-qrcode-mask { position: absolute; top: 0; right: 0; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; background-color: rgba(255, 255, 255, 0.96); } .ant-qrcode-expired { color: rgba(0, 0, 0, 0.85); } .ant-water-mark { position: relative; display: block; } .ant-color-picker { position: absolute; z-index: 1; display: block; width: max-content; min-width: 250px; visibility: visible; } .ant-color-picker-hidden { display: none; } .ant-color-picker-panel { display: flex; flex-direction: column; width: 250px; border-radius: 2px; } .ant-color-picker-panel-disabled { cursor: not-allowed; } .ant-color-picker-gradient { position: absolute; inset: 0; } .ant-color-picker-palette { position: relative; } .ant-color-picker-select { margin-bottom: 12px; } .ant-color-picker-select .ant-color-picker-palette { min-height: 160px; overflow: hidden; border-radius: 2px; } .ant-color-picker-select .ant-color-picker-palette > .ant-color-picker-gradient { border-top-left-radius: 5px; } .ant-color-picker-saturation { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient( 0deg, #000, transparent), linear-gradient( 90deg, #fff, hsla(0, 0%, 100%, 0)); border-radius: inherit; } .ant-color-picker-transform { position: absolute; z-index: 1; } .ant-color-picker-handler { box-sizing: border-box; width: 16px; height: 16px; border: 1px solid #fff; border-radius: 50%; } .ant-color-picker-handler-sm { width: 12px; height: 12px; } .ant-color-picker-slider { width: 100%; border-radius: 2px; } .ant-color-picker-slider .ant-color-picker-palette { height: 8px; } .ant-color-picker-slider .ant-color-picker-gradient { border-radius: 2px; } .ant-color-picker-slider-hue { margin-bottom: 12px; } .ant-color-picker-slider-alpha { background-image: conic-gradient( rgba(0, 0, 0, 0.06) 0 25%, transparent 0 50%, rgba(0, 0, 0, 0.06) 0 75%, transparent 0); background-size: 8px 8px; } .ant-color-picker-trigger { display: flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding: 3px; border: 1px solid #f0f0f0; border-radius: 2px; cursor: pointer; transition: all 0.2s; } .ant-color-picker-trigger:hover { border-color: #1abc9c; } .ant-color-picker-trigger-text { margin: 0 4px 0 8px; font-size: 14px; } .ant-color-picker-sm { min-width: 24px; height: 24px; } .ant-color-picker-lg { min-width: 40px; height: 40px; } .ant-color-picker-lg .ant-color-picker-trigger-text { font-size: 16px; } .ant-color-picker-color-block { position: relative; width: 28px; height: 28px; overflow: hidden; background-image: conic-gradient( rgba(0, 0, 0, 0.06) 0 25%, transparent 0 50%, rgba(0, 0, 0, 0.06) 0 75%, transparent 0); background-size: 50% 50%; border-radius: 2px; } .ant-color-picker-color-block-inner { box-sizing: border-box; width: 100%; height: 100%; border: 1px solid #f0f0f0; } .ant-color-picker-slider-container { display: flex; gap: 12px; margin-bottom: 12px; } .ant-color-picker-slider-container .ant-color-picker-slider-group { flex: 1; } .ant-color-picker-slider-container .ant-color-picker-slider-group-disabled-alpha { display: flex; align-items: center; } .ant-color-picker-slider-container .ant-color-picker-slider-group-disabled-alpha .ant-color-picker-slider { margin-bottom: 0; } .ant-color-picker-title { display: flex; } .ant-color-picker-title-content { flex: 1; margin-bottom: 8px; } .ant-color-picker-title .ant-color-picker-clear { flex: 0 0 18px; margin-left: 8px; } .ant-color-picker-clear { position: relative; width: 18px; height: 18px; margin-bottom: 8px; overflow: hidden; border: 1px solid #f0f0f0; border-radius: 2px; cursor: pointer; } .ant-color-picker-clear::after { position: absolute; top: 0; display: block; width: 40px; height: 2px; background-color: #f5222d; transform: rotate(-45deg); transform-origin: right; content: ""; inset-inline-end: 1px; } .ant-color-picker-input-container { display: flex; } .ant-color-picker-input-container .ant-select { font-size: 12px; } .ant-color-picker-input-container .ant-input { font-size: 12px; } .ant-color-picker-input-container .ant-input-number { width: auto; font-size: 12px; } .ant-color-picker-input-container .ant-input-number-sm input { padding: 0 0 0 4px; } .ant-color-picker-input-container .ant-select-selector { padding: 0; } .ant-color-picker-input-container .ant-color-picker-format-select { width: auto; } .ant-color-picker-input-container .ant-color-picker-input { flex: 1; } .ant-color-picker-input-container .ant-color-picker-input .ant-color-picker-hex-input { margin-right: 4px; padding: 0; } .ant-color-picker-input-container .ant-color-picker-input .ant-color-picker-hsb-input { display: flex; gap: 4px; align-items: center; } .ant-color-picker-input-container .ant-color-picker-input .ant-color-picker-rgb-input { display: flex; gap: 4px; align-items: center; } .ant-color-picker-input-container .ant-color-picker-steppers { flex: 1; } .ant-color-picker-input-container .ant-color-picker-alpha-input { flex: 0 0 44px; margin-left: 4px; } .ant-color-picker-disabled { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; cursor: not-allowed; } .ant-color-picker-disabled .ant-color-picker-trigger { cursor: not-allowed; } .ant-color-picker-disabled .ant-color-picker-trigger:hover { border-color: #f0f0f0; } .ant-color-picker-inline { display: inline-block; } .ant-color-picker-inline .ant-color-picker-color-block { width: 24px; height: 24px; margin: 0; } .ant-color-picker-inline-lg .ant-color-picker-color-block { width: 32px; height: 32px; } .ant-color-picker-inline-sm .ant-color-picker-color-block { width: 16px; height: 16px; } .ant-hash-code { display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; list-style: none; cursor: pointer; } .ant-hash-code-header-copy { margin-left: 8px; cursor: pointer; opacity: 0.45; } .ant-hash-code-header { display: flex; justify-content: left; width: 100%; height: 22px; padding-bottom: 8px; } .ant-hash-code-header .ant-hash-code-header-title { font-size: 14px; line-height: 1.5715; text-align: center; opacity: 0.45; } .ant-hash-code-header .ant-hash-code-header-logo { display: flex; flex: 1; justify-content: right; } .ant-hash-code-double { width: 172px; } .ant-hash-code-double.ant-hash-code-primary { width: 220px; } .ant-hash-code-single { display: flex; flex-direction: row-reverse; width: 236px; } .ant-hash-code-single.ant-hash-code-primary { width: 284px; } .ant-hash-code-single .ant-hash-code-header-copy { margin-top: 8px; } .ant-hash-code-strip { width: 350px; } .ant-hash-code-strip.ant-hash-code-primary { width: 398px; } .ant-hash-code-rect { display: flex; flex-direction: row-reverse; width: 196px; } .ant-hash-code-rect.ant-hash-code-primary { width: 244px; } .ant-hash-code-primary { padding: 24px; background-color: #1abc9c; border-radius: 24px; } .ant-hash-code-primary .ant-hash-code-header-copy { opacity: 1; } .ant-hash-code-primary .ant-hash-code-header-title, .ant-hash-code-primary .ant-hash-code-header-copy, .ant-hash-code-primary .ant-hash-code-header-logo { color: rgba(255, 255, 255, 0.85); } .ant-hash-code-contant { width: 100%; height: 100%; } .ant-hash-code-code-value { display: flex; flex-wrap: wrap; gap: 0 10px; justify-content: space-between; height: 35px; overflow: hidden; } .ant-hash-code-code-value-block { height: 16px; font-size: 14px; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } .ant-hash-code-value-primary .ant-hash-code-code-value-block { color: #fff; } .ant-hash-code-texaure-double { width: 175px; height: 36px; } .ant-hash-code-texaure { position: absolute; margin-top: -35px; overflow: hidden; } .ant-hash-code-texaure-single { width: 210px; height: 28px; margin-top: -21px; } .ant-hash-code-texaure-strip { width: 350px; height: 36px; } .ant-hash-code-texaure-rect { width: 175px; height: 72px; margin-top: -71px; } .ant-float-btn { position: fixed; bottom: 48px; z-index: 99; display: block; align-items: center; justify-content: center; width: 40px; height: 40px; border: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); cursor: pointer; inset-inline-end: 24px; } .ant-float-btn-hidden { display: none; } .ant-float-btn-pure { position: relative; inset: auto; } .ant-float-btn:empty { display: none; } .ant-float-btn .ant-badge { width: 100%; height: 100%; } .ant-float-btn .ant-badge .ant-badge-count { top: -6px; transform: translate(0, 0); transform-origin: center; inset-inline-end: -6px; } .ant-float-btn-body { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; transition: all 0.2s; } .ant-float-btn-body .ant-float-btn-content { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 40px; padding: 4px / 2 4px; overflow: hidden; text-align: center; } .ant-float-btn-body .ant-float-btn-content .ant-float-btn-icon { width: 18px; margin: auto; font-size: 18px; line-height: 1; text-align: center; } .ant-float-btn-inner { display: block; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; border: none; } .ant-float-btn-rtl { direction: rtl; } .ant-float-btn-circle { height: 40px; border-radius: 50%; } .ant-float-btn-circle .ant-badge .ant-badge-dot { top: 5.6px; inset-inline-end: 5.6px; } .ant-float-btn-circle .ant-float-btn-inner, .ant-float-btn-circle .ant-float-btn-body { border-radius: 50%; } .ant-float-btn-square { height: auto; min-height: 40px; border-radius: 2px; } .ant-float-btn-square .ant-badge .ant-badge-dot { top: 1px; inset-inline-end: 1px; } .ant-float-btn-square .ant-float-btn-body { height: auto; border-radius: 2px; } .ant-float-btn-default { background-color: #fff; transition: background-color 0.2s; } .ant-float-btn-default .ant-float-btn-body { background-color: #fff; transition: background-color 0.2s; } .ant-float-btn-default .ant-float-btn-body:hover { color: rgba(0, 0, 0, 0.85); background-color: #f5f5f5; } .ant-float-btn-default .ant-float-btn-body .ant-float-btn-content .ant-float-btn-icon { color: rgba(0, 0, 0, 0.85); } .ant-float-btn-default .ant-float-btn-body .ant-float-btn-content .ant-float-btn-description { display: flex; align-items: center; color: rgba(0, 0, 0, 0.85); font-size: 12px; line-height: 1.5715; } .ant-float-btn-default:focus { color: rgba(0, 0, 0, 0.85); } .ant-float-btn-top { padding: 0 !important; } .ant-float-btn-group { position: fixed; bottom: 48px; z-index: 99; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; min-width: 40px; height: auto; min-height: 40px; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5715; list-style: none; border: none; border-radius: 2px; box-shadow: none; inset-inline-end: 24px; } .ant-float-btn-group-wrap { position: absolute; z-index: -1; display: flex; align-items: center; justify-content: center; } .ant-float-btn-group.ant-float-btn-group-rtl { direction: rtl; } .ant-float-btn-group .ant-float-btn { position: static; } .ant-float-btn-group-top > .ant-float-btn-group-wrap { top: auto; bottom: calc(40px + 16px); flex-direction: column; } .ant-float-btn-group-top > .ant-float-btn-group-wrap::after { position: absolute; bottom: -16px; width: 100%; height: 16px; content: ""; } .ant-float-btn-group-bottom > .ant-float-btn-group-wrap { top: calc(40px + 16px); bottom: auto; flex-direction: column; } .ant-float-btn-group-bottom > .ant-float-btn-group-wrap::after { position: absolute; top: -16px; width: 100%; height: 16px; content: ""; } .ant-float-btn-group-left > .ant-float-btn-group-wrap { right: calc(40px + 16px); left: auto; flex-direction: row; } .ant-float-btn-group-left > .ant-float-btn-group-wrap::after { position: absolute; right: -16px; width: 16px; height: 100%; content: ""; } .ant-float-btn-group-right > .ant-float-btn-group-wrap { right: auto; left: calc(40px + 16px); flex-direction: row; } .ant-float-btn-group-right > .ant-float-btn-group-wrap::after { position: absolute; left: -16px; width: 16px; height: 100%; content: ""; } .ant-float-btn-group-circle { gap: 16px; } .ant-float-btn-group-circle .ant-float-btn-group-wrap { gap: 16px; } .ant-float-btn-group-circle .ant-float-btn-body { width: 40px; height: 40px; } .ant-float-btn-group-square .ant-float-btn-square { padding: 0; border-radius: 0; } .ant-float-btn-group-square .ant-float-btn-square.ant-float-btn-group-trigger { border-radius: 2px; } .ant-float-btn-group-square .ant-float-btn-square:first-child { border-start-start-radius: 2px; border-start-end-radius: 2px; } .ant-float-btn-group-square .ant-float-btn-square:last-child { border-end-start-radius: 2px; border-end-end-radius: 2px; } .ant-float-btn-group-square .ant-float-btn-square:not(:last-child) { border-bottom: 1px solid #d9d9d9; } .ant-float-btn-group-square .ant-float-btn-square .ant-badge .ant-badge-count { top: -10px; inset-inline-end: -10px; } .ant-float-btn-group-square .ant-float-btn-group-wrap { border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square { padding: 4px; border-radius: 0; box-shadow: none; } .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square .ant-float-btn-body { width: 32px; height: 32px; } .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child, .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child { border-start-start-radius: 2px; border-start-end-radius: 2px; } .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child, .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child { border-end-start-radius: 2px; border-end-end-radius: 2px; } .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child), .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child) { border-bottom: 1px solid #d9d9d9; } .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child, .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child { border-start-start-radius: 2px; border-end-start-radius: 2px; } .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child, .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child { border-start-end-radius: 2px; border-end-end-radius: 2px; } .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child), .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child) { border-inline-end: 1px solid #d9d9d9; border-bottom: none; } .ant-float-btn-group-circle-shadow { box-shadow: none; } .ant-float-btn-group-square-shadow { box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-float-btn-group-square-shadow .ant-float-btn-square { padding: 4px; box-shadow: none; } .ant-float-btn-group-square-shadow .ant-float-btn-square .ant-float-btn-body { width: 32px; height: 32px; } .ant-check-list { position: fixed; right: 32px; bottom: 32px; z-index: 999; font-size: 14px; cursor: pointer; } .ant-check-list .ant-check-list-button { position: relative; display: flex; gap: 8px; align-items: center; justify-content: center; min-width: 110px; height: 40px; border-radius: 20px; } .ant-check-list .ant-check-list-icon { font-size: 24px; line-height: 24px; } .ant-check-list .ant-check-list-description { font-size: 14px; } .ant-check-list .ant-check-list-trigger-dot { position: absolute; top: -12px; right: -12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 24px; height: 24px; color: #1abc9c; background-color: #fff; border: 1px solid #1abc9c; border-radius: 50%; } .ant-check-list .ant-check-list-trigger-dot-text { font-weight: 500; font-size: 16px; font-style: italic; line-height: 16px; } .ant-check-list-content { display: block; width: 303px; } .ant-check-list-content .ant-check-list-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 12px 16px; } .ant-check-list-content .ant-check-list-header .ant-check-list-header-title { font-weight: 500; font-size: 20px; } .ant-check-list-content .ant-check-list-header .ant-check-list-header-extra { cursor: pointer; } .ant-check-list-content .ant-check-list-header-finish { width: 304px; padding-top: 12px; text-align: center; } .ant-check-list-content .ant-check-list-header-finish .ant-check-list-header-finish-icon { width: 64px; height: 64px; color: #1abc9c; font-size: 64px; } .ant-check-list-content .ant-check-list-header-finish .ant-check-list-header-finish-title { margin-top: 8px; margin-bottom: 8px; font-weight: 500; font-size: 16px; } .ant-check-list-content .ant-check-list-progressBar { display: flex; justify-content: space-between; margin: 12px 16px; margin-top: 0; } .ant-check-list-content .ant-check-list-progressBar .ant-check-list-progressBar-progress { flex: auto; } .ant-check-list-content .ant-check-list-steps-content { max-height: 250px; overflow-y: scroll; } .ant-check-list-content .ant-check-list-steps { display: flex; align-items: center; justify-content: space-between; height: 52px; padding-right: 12px; padding-left: 12px; border-radius: 6px; cursor: pointer; } .ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item { display: flex; gap: 12px; align-items: center; justify-content: center; width: calc(100% - 22px); font-weight: 400; } .ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item .ant-check-list-steps-item-circle { display: flex; flex: 0 0 28px; align-items: center; justify-content: center; width: 28px; height: 28px; font-weight: 600; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 50%; -webkit-user-select: none; user-select: none; } .ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item .ant-check-list-steps-item-circle .ant-check-list-steps-number { color: #1abc9c; font-size: 16px; } .ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item .ant-check-list-steps-item-circle .ant-check-list-steps-checkoutlined { color: #fff; font-size: 14px; } .ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item .ant-check-list-steps-item-description { flex: 1; overflow: hidden; line-height: 2; white-space: nowrap; text-overflow: ellipsis; } .ant-check-list-content .ant-check-list-steps .ant-check-list-steps-item-arrows { flex: 0 0 22px; width: 38px; height: 38px; color: #1abc9c; font-size: 22px; } .ant-check-list-content .ant-check-list-checked .ant-check-list-steps-item .ant-check-list-steps-item-circle { background-color: #1abc9c; border: none; } .ant-check-list-content .ant-check-list-checked .ant-check-list-steps-item .ant-check-list-steps-item-description { font-weight: 500; text-decoration: line-through; text-decoration-thickness: 2px; text-decoration-color: rgba(0, 0, 0, 0.85); opacity: 0.85; } .ant-check-list-content .ant-check-list-highlight { background-color: #edfcf7; } .ant-check-list-content .ant-check-list-highlight .ant-check-list-steps-item .ant-check-list-steps-item-circle { border: 1px solid #1abc9c; } .ant-check-list-content .ant-check-list-highlight .ant-check-list-steps-item .ant-check-list-steps-item-circle .ant-check-list-steps-number { color: #1abc9c; } .ant-check-list-content .ant-check-list-highlight .ant-check-list-steps-item .ant-check-list-steps-item-description { font-weight: 600; } .ant-check-list-content .ant-check-list-footer { padding: 12px 12px 0; color: rgba(0, 0, 0, 0.45); font-size: 14px; text-decoration: underline; cursor: pointer; } .ant-check-list-content .ant-check-list-close-check { display: flex; flex-direction: column; padding: 12px; } .ant-check-list-content .ant-check-list-close-check .ant-check-list-close-check-title { margin-bottom: 24px; font-weight: 500; font-size: 16px; } .ant-check-list-content .ant-check-list-close-check .ant-check-list-close-check-action { display: flex; flex-direction: row; gap: 8px; margin-bottom: 16px; } .ant-check-list-content .ant-check-list-close-check .ant-check-list-close-check-other { color: rgba(0, 0, 0, 0.45); font-size: 14px; cursor: pointer; } /* src/styles.css */ /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% 0.013 17.38); --color-red-100: oklch(93.6% 0.032 17.717); --color-red-200: oklch(88.5% 0.062 18.334); --color-red-300: oklch(80.8% 0.114 19.571); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-red-800: oklch(44.4% 0.177 26.899); --color-red-900: oklch(39.6% 0.141 25.723); --color-red-950: oklch(25.8% 0.092 26.042); --color-orange-50: oklch(98% 0.016 73.684); --color-orange-100: oklch(95.4% 0.038 75.164); --color-orange-200: oklch(90.1% 0.076 70.697); --color-orange-300: oklch(83.7% 0.128 66.29); --color-orange-400: oklch(75% 0.183 55.934); --color-orange-500: oklch(70.5% 0.213 47.604); --color-orange-600: oklch(64.6% 0.222 41.116); --color-orange-700: oklch(55.3% 0.195 38.402); --color-orange-800: oklch(47% 0.157 37.304); --color-orange-900: oklch(40.8% 0.123 38.172); --color-orange-950: oklch(26.6% 0.079 36.259); --color-amber-50: oklch(98.7% 0.022 95.277); --color-amber-100: oklch(96.2% 0.059 95.617); --color-amber-200: oklch(92.4% 0.12 95.746); --color-amber-300: oklch(87.9% 0.169 91.605); --color-amber-400: oklch(82.8% 0.189 84.429); --color-amber-500: oklch(76.9% 0.188 70.08); --color-amber-600: oklch(66.6% 0.179 58.318); --color-amber-700: oklch(55.5% 0.163 48.998); --color-amber-800: oklch(47.3% 0.137 46.201); --color-amber-900: oklch(41.4% 0.112 45.904); --color-amber-950: oklch(27.9% 0.077 45.635); --color-yellow-50: oklch(98.7% 0.026 102.212); --color-yellow-100: oklch(97.3% 0.071 103.193); --color-yellow-200: oklch(94.5% 0.129 101.54); --color-yellow-300: oklch(90.5% 0.182 98.111); --color-yellow-400: oklch(85.2% 0.199 91.936); --color-yellow-500: oklch(79.5% 0.184 86.047); --color-yellow-600: oklch(68.1% 0.162 75.834); --color-yellow-700: oklch(55.4% 0.135 66.442); --color-yellow-800: oklch(47.6% 0.114 61.907); --color-yellow-900: oklch(42.1% 0.095 57.708); --color-yellow-950: oklch(28.6% 0.066 53.813); --color-lime-50: oklch(98.6% 0.031 120.757); --color-lime-100: oklch(96.7% 0.067 122.328); --color-lime-200: oklch(93.8% 0.127 124.321); --color-lime-300: oklch(89.7% 0.196 126.665); --color-lime-400: oklch(84.1% 0.238 128.85); --color-lime-500: oklch(76.8% 0.233 130.85); --color-lime-600: oklch(64.8% 0.2 131.684); --color-lime-700: oklch(53.2% 0.157 131.589); --color-lime-800: oklch(45.3% 0.124 130.933); --color-lime-900: oklch(40.5% 0.101 131.063); --color-lime-950: oklch(27.4% 0.072 132.109); --color-green-50: oklch(98.2% 0.018 155.826); --color-green-100: oklch(96.2% 0.044 156.743); --color-green-200: oklch(92.5% 0.084 155.995); --color-green-300: oklch(87.1% 0.15 154.449); --color-green-400: oklch(79.2% 0.209 151.711); --color-green-500: oklch(72.3% 0.219 149.579); --color-green-600: oklch(62.7% 0.194 149.214); --color-green-700: oklch(52.7% 0.154 150.069); --color-green-800: oklch(44.8% 0.119 151.328); --color-green-900: oklch(39.3% 0.095 152.535); --color-green-950: oklch(26.6% 0.065 152.934); --color-emerald-50: oklch(97.9% 0.021 166.113); --color-emerald-100: oklch(95% 0.052 163.051); --color-emerald-200: oklch(90.5% 0.093 164.15); --color-emerald-300: oklch(84.5% 0.143 164.978); --color-emerald-400: oklch(76.5% 0.177 163.223); --color-emerald-500: oklch(69.6% 0.17 162.48); --color-emerald-600: oklch(59.6% 0.145 163.225); --color-emerald-700: oklch(50.8% 0.118 165.612); --color-emerald-800: oklch(43.2% 0.095 166.913); --color-emerald-900: oklch(37.8% 0.077 168.94); --color-emerald-950: oklch(26.2% 0.051 172.552); --color-teal-50: oklch(98.4% 0.014 180.72); --color-teal-100: oklch(95.3% 0.051 180.801); --color-teal-200: oklch(91% 0.096 180.426); --color-teal-300: oklch(85.5% 0.138 181.071); --color-teal-400: oklch(77.7% 0.152 181.912); --color-teal-500: oklch(70.4% 0.14 182.503); --color-teal-600: oklch(60% 0.118 184.704); --color-teal-700: oklch(51.1% 0.096 186.391); --color-teal-800: oklch(43.7% 0.078 188.216); --color-teal-900: oklch(38.6% 0.063 188.416); --color-teal-950: oklch(27.7% 0.046 192.524); --color-cyan-50: oklch(98.4% 0.019 200.873); --color-cyan-100: oklch(95.6% 0.045 203.388); --color-cyan-200: oklch(91.7% 0.08 205.041); --color-cyan-300: oklch(86.5% 0.127 207.078); --color-cyan-400: oklch(78.9% 0.154 211.53); --color-cyan-500: oklch(71.5% 0.143 215.221); --color-cyan-600: oklch(60.9% 0.126 221.723); --color-cyan-700: oklch(52% 0.105 223.128); --color-cyan-800: oklch(45% 0.085 224.283); --color-cyan-900: oklch(39.8% 0.07 227.392); --color-cyan-950: oklch(30.2% 0.056 229.695); --color-sky-50: oklch(97.7% 0.013 236.62); --color-sky-100: oklch(95.1% 0.026 236.824); --color-sky-200: oklch(90.1% 0.058 230.902); --color-sky-300: oklch(82.8% 0.111 230.318); --color-sky-400: oklch(74.6% 0.16 232.661); --color-sky-500: oklch(68.5% 0.169 237.323); --color-sky-600: oklch(58.8% 0.158 241.966); --color-sky-700: oklch(50% 0.134 242.749); --color-sky-800: oklch(44.3% 0.11 240.79); --color-sky-900: oklch(39.1% 0.09 240.876); --color-sky-950: oklch(29.3% 0.066 243.157); --color-blue-50: oklch(97% 0.014 254.604); --color-blue-100: oklch(93.2% 0.032 255.585); --color-blue-200: oklch(88.2% 0.059 254.128); --color-blue-300: oklch(80.9% 0.105 251.813); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); --color-blue-700: oklch(48.8% 0.243 264.376); --color-blue-800: oklch(42.4% 0.199 265.638); --color-blue-900: oklch(37.9% 0.146 265.522); --color-blue-950: oklch(28.2% 0.091 267.935); --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-200: oklch(87% 0.065 274.039); --color-indigo-300: oklch(78.5% 0.115 274.713); --color-indigo-400: oklch(67.3% 0.182 276.935); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-indigo-700: oklch(45.7% 0.24 277.023); --color-indigo-800: oklch(39.8% 0.195 277.366); --color-indigo-900: oklch(35.9% 0.144 278.697); --color-indigo-950: oklch(25.7% 0.09 281.288); --color-violet-50: oklch(96.9% 0.016 293.756); --color-violet-100: oklch(94.3% 0.029 294.588); --color-violet-200: oklch(89.4% 0.057 293.283); --color-violet-300: oklch(81.1% 0.111 293.571); --color-violet-400: oklch(70.2% 0.183 293.541); --color-violet-500: oklch(60.6% 0.25 292.717); --color-violet-600: oklch(54.1% 0.281 293.009); --color-violet-700: oklch(49.1% 0.27 292.581); --color-violet-800: oklch(43.2% 0.232 292.759); --color-violet-900: oklch(38% 0.189 293.745); --color-violet-950: oklch(28.3% 0.141 291.089); --color-purple-50: oklch(97.7% 0.014 308.299); --color-purple-100: oklch(94.6% 0.033 307.174); --color-purple-200: oklch(90.2% 0.063 306.703); --color-purple-300: oklch(82.7% 0.119 306.383); --color-purple-400: oklch(71.4% 0.203 305.504); --color-purple-500: oklch(62.7% 0.265 303.9); --color-purple-600: oklch(55.8% 0.288 302.321); --color-purple-700: oklch(49.6% 0.265 301.924); --color-purple-800: oklch(43.8% 0.218 303.724); --color-purple-900: oklch(38.1% 0.176 304.987); --color-purple-950: oklch(29.1% 0.149 302.717); --color-fuchsia-50: oklch(97.7% 0.017 320.058); --color-fuchsia-100: oklch(95.2% 0.037 318.852); --color-fuchsia-200: oklch(90.3% 0.076 319.62); --color-fuchsia-300: oklch(83.3% 0.145 321.434); --color-fuchsia-400: oklch(74% 0.238 322.16); --color-fuchsia-500: oklch(66.7% 0.295 322.15); --color-fuchsia-600: oklch(59.1% 0.293 322.896); --color-fuchsia-700: oklch(51.8% 0.253 323.949); --color-fuchsia-800: oklch(45.2% 0.211 324.591); --color-fuchsia-900: oklch(40.1% 0.17 325.612); --color-fuchsia-950: oklch(29.3% 0.136 325.661); --color-pink-50: oklch(97.1% 0.014 343.198); --color-pink-100: oklch(94.8% 0.028 342.258); --color-pink-200: oklch(89.9% 0.061 343.231); --color-pink-300: oklch(82.3% 0.12 346.018); --color-pink-400: oklch(71.8% 0.202 349.761); --color-pink-500: oklch(65.6% 0.241 354.308); --color-pink-600: oklch(59.2% 0.249 0.584); --color-pink-700: oklch(52.5% 0.223 3.958); --color-pink-800: oklch(45.9% 0.187 3.815); --color-pink-900: oklch(40.8% 0.153 2.432); --color-pink-950: oklch(28.4% 0.109 3.907); --color-rose-50: oklch(96.9% 0.015 12.422); --color-rose-100: oklch(94.1% 0.03 12.58); --color-rose-200: oklch(89.2% 0.058 10.001); --color-rose-300: oklch(81% 0.117 11.638); --color-rose-400: oklch(71.2% 0.194 13.428); --color-rose-500: oklch(64.5% 0.246 16.439); --color-rose-600: oklch(58.6% 0.253 17.585); --color-rose-700: oklch(51.4% 0.222 16.935); --color-rose-800: oklch(45.5% 0.188 13.697); --color-rose-900: oklch(41% 0.159 10.272); --color-rose-950: oklch(27.1% 0.105 12.094); --color-slate-50: oklch(98.4% 0.003 247.858); --color-slate-100: oklch(96.8% 0.007 247.896); --color-slate-200: oklch(92.9% 0.013 255.508); --color-slate-300: oklch(86.9% 0.022 252.894); --color-slate-400: oklch(70.4% 0.04 256.788); --color-slate-500: oklch(55.4% 0.046 257.417); --color-slate-600: oklch(44.6% 0.043 257.281); --color-slate-700: oklch(37.2% 0.044 257.287); --color-slate-800: oklch(27.9% 0.041 260.031); --color-slate-900: oklch(20.8% 0.042 265.755); --color-slate-950: oklch(12.9% 0.042 264.695); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-800: oklch(27.8% 0.033 256.848); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% 0.001 286.375); --color-zinc-200: oklch(92% 0.004 286.32); --color-zinc-300: oklch(87.1% 0.006 286.286); --color-zinc-400: oklch(70.5% 0.015 286.067); --color-zinc-500: oklch(55.2% 0.016 285.938); --color-zinc-600: oklch(44.2% 0.017 285.786); --color-zinc-700: oklch(37% 0.013 285.805); --color-zinc-800: oklch(27.4% 0.006 286.033); --color-zinc-900: oklch(21% 0.006 285.885); --color-zinc-950: oklch(14.1% 0.005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-50: oklch(98.5% 0.001 106.423); --color-stone-100: oklch(97% 0.001 106.424); --color-stone-200: oklch(92.3% 0.003 48.717); --color-stone-300: oklch(86.9% 0.005 56.366); --color-stone-400: oklch(70.9% 0.01 56.259); --color-stone-500: oklch(55.3% 0.013 58.071); --color-stone-600: oklch(44.4% 0.011 73.639); --color-stone-700: oklch(37.4% 0.01 67.558); --color-stone-800: oklch(26.8% 0.007 34.298); --color-stone-900: oklch(21.6% 0.006 56.043); --color-stone-950: oklch(14.7% 0.004 49.25); --color-mauve-50: oklch(98.5% 0 0); --color-mauve-100: oklch(96% 0.003 325.6); --color-mauve-200: oklch(92.2% 0.005 325.62); --color-mauve-300: oklch(86.5% 0.012 325.68); --color-mauve-400: oklch(71.1% 0.019 323.02); --color-mauve-500: oklch(54.2% 0.034 322.5); --color-mauve-600: oklch(43.5% 0.029 321.78); --color-mauve-700: oklch(36.4% 0.029 323.89); --color-mauve-800: oklch(26.3% 0.024 320.12); --color-mauve-900: oklch(21.2% 0.019 322.12); --color-mauve-950: oklch(14.5% 0.008 326); --color-olive-50: oklch(98.8% 0.003 106.5); --color-olive-100: oklch(96.6% 0.005 106.5); --color-olive-200: oklch(93% 0.007 106.5); --color-olive-300: oklch(88% 0.011 106.6); --color-olive-400: oklch(73.7% 0.021 106.9); --color-olive-500: oklch(58% 0.031 107.3); --color-olive-600: oklch(46.6% 0.025 107.3); --color-olive-700: oklch(39.4% 0.023 107.4); --color-olive-800: oklch(28.6% 0.016 107.4); --color-olive-900: oklch(22.8% 0.013 107.4); --color-olive-950: oklch(15.3% 0.006 107.1); --color-mist-50: oklch(98.7% 0.002 197.1); --color-mist-100: oklch(96.3% 0.002 197.1); --color-mist-200: oklch(92.5% 0.005 214.3); --color-mist-300: oklch(87.2% 0.007 219.6); --color-mist-400: oklch(72.3% 0.014 214.4); --color-mist-500: oklch(56% 0.021 213.5); --color-mist-600: oklch(45% 0.017 213.2); --color-mist-700: oklch(37.8% 0.015 216); --color-mist-800: oklch(27.5% 0.011 216.9); --color-mist-900: oklch(21.8% 0.008 223.9); --color-mist-950: oklch(14.8% 0.004 228.8); --color-taupe-50: oklch(98.6% 0.002 67.8); --color-taupe-100: oklch(96% 0.002 17.2); --color-taupe-200: oklch(92.2% 0.005 34.3); --color-taupe-300: oklch(86.8% 0.007 39.5); --color-taupe-400: oklch(71.4% 0.014 41.2); --color-taupe-500: oklch(54.7% 0.021 43.1); --color-taupe-600: oklch(43.8% 0.017 39.3); --color-taupe-700: oklch(36.7% 0.016 35.7); --color-taupe-800: oklch(26.8% 0.011 36.5); --color-taupe-900: oklch(21.4% 0.009 43.1); --color-taupe-950: oklch(14.7% 0.004 49.3); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -0.05em; --tracking-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: 0.125rem; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / 0.05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer utilities { .collapse { visibility: collapse !important; } .visible { visibility: visible !important; } .absolute { position: absolute !important; } .fixed { position: fixed !important; } .relative { position: relative !important; } .static { position: static !important; } .sticky { position: sticky !important; } .start { inset-inline-start: var(--spacing) !important; } .end { inset-inline-end: var(--spacing) !important; } .isolate { isolation: isolate !important; } .container { width: 100% !important; } @media (width >= 40rem) { .container { max-width: 40rem !important; } } @media (width >= 48rem) { .container { max-width: 48rem !important; } } @media (width >= 64rem) { .container { max-width: 64rem !important; } } @media (width >= 80rem) { .container { max-width: 80rem !important; } } @media (width >= 96rem) { .container { max-width: 96rem !important; } } .block { display: block !important; } .contents { display: contents !important; } .flex { display: flex !important; } .hidden { display: none !important; } .inline { display: inline !important; } .table { display: table !important; } .flex-shrink { flex-shrink: 1 !important; } .shrink { flex-shrink: 1 !important; } .flex-grow { flex-grow: 1 !important; } .grow { flex-grow: 1 !important; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important; } .resize { resize: both !important; } .truncate { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .rounded { border-radius: 0.25rem !important; } .border { border-style: var(--tw-border-style) !important; border-width: 1px !important; } .lowercase { text-transform: lowercase !important; } .uppercase { text-transform: uppercase !important; } .italic { font-style: italic !important; } .ordinal { --tw-ordinal: ordinal !important; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) !important; } .underline { text-decoration-line: underline !important; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .outline { outline-style: var(--tw-outline-style) !important; outline-width: 1px !important; } .blur { --tw-blur: blur(8px) !important; filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important; } .invert { --tw-invert: invert(100%) !important; filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important; } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important; } .backdrop-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important; backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important; } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; } .transition-shadow { transition-property: box-shadow !important; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; } .ease-in { --tw-ease: var(--ease-in) !important; transition-timing-function: var(--ease-in) !important; } .ease-in-out { --tw-ease: var(--ease-in-out) !important; transition-timing-function: var(--ease-in-out) !important; } .ease-out { --tw-ease: var(--ease-out) !important; transition-timing-function: var(--ease-out) !important; } .select-text { -webkit-user-select: text !important; user-select: text !important; } } :root { --bg: #f5f5f0; --card: #ffffff; --text: #111111; --text-muted: #666666; --border: #e5e5e5; --primary: #000000; --primary-fg: #ffffff; } html.dark { --bg: #0a0a0a; --card: #1a1a1a; --text: #ffffff; --text-muted: #aaaaaa; --border: #333333; --primary: #ffffff; --primary-fg: #000000; } * { box-sizing: border-box; } html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif; background-color: var(--bg); color: var(--text); } app-root, app-catalog, app-my-courses, app-course-viewer, app-course-editor, app-auth { display: block; height: 100%; } *, *::before, *::after { transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; } html.dark .ant-input, html.dark .ant-select-selector, html.dark nz-input-group { background-color: var(--card) !important; border-color: var(--border) !important; color: var(--text) !important; } html.dark .ant-input::placeholder { color: var(--text-muted) !important; } .page-container { max-width: 480px; margin: 0 auto; height: 100%; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; background-color: var(--bg); } .mc-card { background-color: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 16px; } .mc-input { width: 100%; background-color: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 12px 16px; color: var(--text); font-size: 14px; outline: none; } .mc-input:focus { border-color: var(--primary); } .mc-btn-primary { width: 100%; background-color: var(--primary); color: var(--primary-fg); border: none; border-radius: 12px; padding: 14px; font-size: 16px; font-weight: 600; cursor: pointer; } .mc-btn-primary:hover { opacity: 0.85; } .mc-progress-bar { width: 100%; height: 6px; background-color: var(--border); border-radius: 3px; overflow: hidden; } .mc-progress-fill { height: 100%; background-color: #1abc9c; border-radius: 3px; transition: width 0.3s ease; } ::-webkit-scrollbar { width: 4px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-ordinal { syntax: "*"; inherits: false; } @property --tw-slashed-zero { syntax: "*"; inherits: false; } @property --tw-numeric-figure { syntax: "*"; inherits: false; } @property --tw-numeric-spacing { syntax: "*"; inherits: false; } @property --tw-numeric-fraction { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: 0.5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-border-style: solid; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-ease: initial; } } } /* node_modules/@ionic/angular/css/core.css */ :root { --ion-color-primary: #0054e9; --ion-color-primary-rgb: 0, 84, 233; --ion-color-primary-contrast: #fff; --ion-color-primary-contrast-rgb: 255, 255, 255; --ion-color-primary-shade: #004acd; --ion-color-primary-tint: #1a65eb; --ion-color-secondary: #0163aa; --ion-color-secondary-rgb: 1, 99, 170; --ion-color-secondary-contrast: #fff; --ion-color-secondary-contrast-rgb: 255, 255, 255; --ion-color-secondary-shade: #015796; --ion-color-secondary-tint: #1a73b3; --ion-color-tertiary: #6030ff; --ion-color-tertiary-rgb: 96, 48, 255; --ion-color-tertiary-contrast: #fff; --ion-color-tertiary-contrast-rgb: 255, 255, 255; --ion-color-tertiary-shade: #542ae0; --ion-color-tertiary-tint: #7045ff; --ion-color-success: #2dd55b; --ion-color-success-rgb: 45, 213, 91; --ion-color-success-contrast: #000; --ion-color-success-contrast-rgb: 0, 0, 0; --ion-color-success-shade: #28bb50; --ion-color-success-tint: #42d96b; --ion-color-warning: #ffc409; --ion-color-warning-rgb: 255, 196, 9; --ion-color-warning-contrast: #000; --ion-color-warning-contrast-rgb: 0, 0, 0; --ion-color-warning-shade: #e0ac08; --ion-color-warning-tint: #ffca22; --ion-color-danger: #c5000f; --ion-color-danger-rgb: 197, 0, 15; --ion-color-danger-contrast: #fff; --ion-color-danger-contrast-rgb: 255, 255, 255; --ion-color-danger-shade: #ad000d; --ion-color-danger-tint: #cb1a27; --ion-color-light: #f4f5f8; --ion-color-light-rgb: 244, 245, 248; --ion-color-light-contrast: #000; --ion-color-light-contrast-rgb: 0, 0, 0; --ion-color-light-shade: #d7d8da; --ion-color-light-tint: #f5f6f9; --ion-color-medium: #636469; --ion-color-medium-rgb: 99, 100, 105; --ion-color-medium-contrast: #fff; --ion-color-medium-contrast-rgb: 255, 255, 255; --ion-color-medium-shade: #57585c; --ion-color-medium-tint: #737478; --ion-color-dark: #222428; --ion-color-dark-rgb: 34, 36, 40; --ion-color-dark-contrast: #fff; --ion-color-dark-contrast-rgb: 255, 255, 255; --ion-color-dark-shade: #1e2023; --ion-color-dark-tint: #383a3e; } html.ios { --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif; } html.md { --ion-default-font: "Roboto", "Helvetica Neue", sans-serif; } html { --ion-dynamic-font: -apple-system-body; --ion-font-family: var(--ion-default-font); } body { background: var(--ion-background-color); color: var(--ion-text-color); } body.backdrop-no-scroll { overflow: hidden; } html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type, html.ios ion-modal ion-footer ion-toolbar:first-of-type, html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type { padding-top: 6px; } html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type { padding-bottom: 6px; } html.ios ion-modal ion-toolbar, html.ios .modal-footer-moving ion-toolbar { padding-right: calc(var(--ion-safe-area-right) + 8px); padding-left: calc(var(--ion-safe-area-left) + 8px); } @media screen and (min-width: 768px) { html.ios ion-modal.modal-card:first-of-type { --backdrop-opacity: 0.18; } } ion-modal.modal-default.show-modal ~ ion-modal.modal-default { --backdrop-opacity: 0; --box-shadow: none; } html.ios ion-modal.modal-card .ion-page { border-top-left-radius: var(--border-radius); } .ion-color-primary { --ion-color-base: var(--ion-color-primary, #0054e9) !important; --ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important; --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-primary-shade, #004acd) !important; --ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important; } .ion-color-secondary { --ion-color-base: var(--ion-color-secondary, #0163aa) !important; --ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important; --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-secondary-shade, #015796) !important; --ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important; } .ion-color-tertiary { --ion-color-base: var(--ion-color-tertiary, #6030ff) !important; --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important; --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important; --ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important; } .ion-color-success { --ion-color-base: var(--ion-color-success, #2dd55b) !important; --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important; --ion-color-contrast: var(--ion-color-success-contrast, #000) !important; --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important; --ion-color-shade: var(--ion-color-success-shade, #28bb50) !important; --ion-color-tint: var(--ion-color-success-tint, #42d96b) !important; } .ion-color-warning { --ion-color-base: var(--ion-color-warning, #ffc409) !important; --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important; --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important; --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important; --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important; --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important; } .ion-color-danger { --ion-color-base: var(--ion-color-danger, #c5000f) !important; --ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important; --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important; --ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important; } .ion-color-light { --ion-color-base: var(--ion-color-light, #f4f5f8) !important; --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important; --ion-color-contrast: var(--ion-color-light-contrast, #000) !important; --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important; --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important; --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important; } .ion-color-medium { --ion-color-base: var(--ion-color-medium, #636469) !important; --ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important; --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-medium-shade, #57585c) !important; --ion-color-tint: var(--ion-color-medium-tint, #737478) !important; } .ion-color-dark { --ion-color-base: var(--ion-color-dark, #222428) !important; --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important; --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important; --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important; --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important; --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important; } .ion-page { left: 0; right: 0; top: 0; bottom: 0; display: flex; position: absolute; flex-direction: column; justify-content: space-between; contain: layout size style; z-index: 0; } .ion-page.ion-page-overlay-passthrough { pointer-events: none; } ion-modal > .ion-page { position: relative; contain: layout style; height: 100%; } .split-pane-visible > .ion-page.split-pane-main { position: relative; } ion-route, ion-route-redirect, ion-router, ion-select-option, ion-nav-controller, ion-menu-controller, ion-action-sheet-controller, ion-alert-controller, ion-loading-controller, ion-modal-controller, ion-picker-controller, ion-popover-controller, ion-toast-controller, .ion-page-hidden { display: none !important; } .ion-page-invisible { opacity: 0; } .can-go-back > ion-header ion-back-button { display: block; } html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa { --ion-statusbar-padding: 20px; } @supports (padding-top: 20px) { html { --ion-safe-area-top: var(--ion-statusbar-padding); } } @supports (padding-top: env(safe-area-inset-top)) { html { --ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top)); --ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom)); --ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left)); --ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right)); } } ion-card.ion-color .ion-inherit-color, ion-card-header.ion-color .ion-inherit-color { color: inherit; } .menu-content { transform: translate3d(0, 0, 0); } .menu-content-open { cursor: pointer; touch-action: manipulation; pointer-events: none; overflow-y: hidden; } .menu-content-open ion-content { --overflow: hidden; } .menu-content-open .ion-content-scroll-host { overflow: hidden; } .ios .menu-content-reveal { box-shadow: -8px 0 42px rgba(0, 0, 0, .08); } [dir=rtl].ios .menu-content-reveal { box-shadow: 8px 0 42px rgba(0, 0, 0, .08); } .md .menu-content-reveal { box-shadow: 4px 0px 16px rgba(0, 0, 0, .18); } .md .menu-content-push { box-shadow: 4px 0px 16px rgba(0, 0, 0, .18); } ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type { border-top-left-radius: 8px; border-top-right-radius: 8px; } ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] { --border-width: 0px; } ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon { transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1); } @media (prefers-reduced-motion: reduce) { ion-accordion .ion-accordion-toggle-icon { transition: none !important; } } ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon, ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon { transform: rotate(180deg); } ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] { --border-width: 0px; --inner-border-width: 0px; } ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type, ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type { margin-top: 0; } ion-input input::-webkit-date-and-time-value { text-align: start; } .ion-datetime-button-overlay { --width: fit-content; --height: fit-content; } .ion-datetime-button-overlay ion-datetime.datetime-grid { width: 320px; min-height: 320px; } [ion-last-focus], header[tabindex="-1"]:focus, [role=banner][tabindex="-1"]:focus, main[tabindex="-1"]:focus, [role=main][tabindex="-1"]:focus, h1[tabindex="-1"]:focus, [role=heading][aria-level="1"][tabindex="-1"]:focus { outline: none; } .popover-viewport:has(> ion-content) { overflow: hidden; } @supports not selector(:has(> ion-content)) { .popover-viewport { overflow: hidden; } } /* node_modules/@ionic/angular/css/normalize.css */ audio, canvas, progress, video { vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } b, strong { font-weight: bold; } img { max-width: 100%; } hr { height: 1px; border-width: 0; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } label, input, select, textarea { font-family: inherit; line-height: normal; } textarea { overflow: auto; height: auto; font: inherit; color: inherit; } textarea::placeholder { padding-left: 2px; } form, input, optgroup, select { margin: 0; font: inherit; color: inherit; } html input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; } a, a div, a span, a ion-icon, a ion-label, button, button div, button span, button ion-icon, button ion-label, .ion-tappable, [tappable], [tappable] div, [tappable] span, [tappable] ion-icon, [tappable] ion-label, input, textarea { touch-action: manipulation; } a ion-label, button ion-label { pointer-events: none; } button { padding: 0; border: 0; border-radius: 0; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: 1; text-transform: none; cursor: pointer; -webkit-appearance: button; } [tappable] { cursor: pointer; } a[disabled], button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* node_modules/@ionic/angular/css/structure.css */ * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } html { width: 100%; height: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } html.ion-ce body { display: block; } html.plt-pwa { height: 100vh; } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; position: fixed; width: 100%; max-width: 100%; height: 100%; max-height: 100%; transform: translateZ(0); text-rendering: optimizeLegibility; overflow: hidden; touch-action: manipulation; -webkit-user-drag: none; -ms-content-zooming: none; word-wrap: break-word; overscroll-behavior-y: none; -webkit-text-size-adjust: none; text-size-adjust: none; } /* node_modules/@ionic/angular/css/typography.css */ html { font-family: var(--ion-font-family); } @supports (-webkit-touch-callout: none) { html { font: var(--ion-dynamic-font, 16px var(--ion-font-family)); } } a { background-color: transparent; color: var(--ion-color-primary, #0054e9); } h1, h2, h3, h4, h5, h6 { margin-top: 16px; margin-bottom: 10px; font-weight: 500; line-height: 1.2; } h1 { margin-top: 20px; font-size: 1.625rem; } h2 { margin-top: 18px; font-size: 1.5rem; } h3 { font-size: 1.375rem; } h4 { font-size: 1.25rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } small { font-size: 75%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* node_modules/@ionic/angular/css/display.css */ .ion-hide { display: none !important; } .ion-hide-up { display: none !important; } .ion-hide-down { display: none !important; } @media (min-width: 576px) { .ion-hide-sm-up { display: none !important; } } @media (max-width: 575.98px) { .ion-hide-sm-down { display: none !important; } } @media (min-width: 768px) { .ion-hide-md-up { display: none !important; } } @media (max-width: 767.98px) { .ion-hide-md-down { display: none !important; } } @media (min-width: 992px) { .ion-hide-lg-up { display: none !important; } } @media (max-width: 991.98px) { .ion-hide-lg-down { display: none !important; } } @media (min-width: 1200px) { .ion-hide-xl-up { display: none !important; } } @media (max-width: 1199.98px) { .ion-hide-xl-down { display: none !important; } } .ion-display-none { display: none !important; } @media (min-width: 576px) { .ion-display-sm-none { display: none !important; } } @media (min-width: 768px) { .ion-display-md-none { display: none !important; } } @media (min-width: 992px) { .ion-display-lg-none { display: none !important; } } @media (min-width: 1200px) { .ion-display-xl-none { display: none !important; } } .ion-display-inline { display: inline !important; } @media (min-width: 576px) { .ion-display-sm-inline { display: inline !important; } } @media (min-width: 768px) { .ion-display-md-inline { display: inline !important; } } @media (min-width: 992px) { .ion-display-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .ion-display-xl-inline { display: inline !important; } } .ion-display-inline-block { display: inline-block !important; } @media (min-width: 576px) { .ion-display-sm-inline-block { display: inline-block !important; } } @media (min-width: 768px) { .ion-display-md-inline-block { display: inline-block !important; } } @media (min-width: 992px) { .ion-display-lg-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .ion-display-xl-inline-block { display: inline-block !important; } } .ion-display-block { display: block !important; } @media (min-width: 576px) { .ion-display-sm-block { display: block !important; } } @media (min-width: 768px) { .ion-display-md-block { display: block !important; } } @media (min-width: 992px) { .ion-display-lg-block { display: block !important; } } @media (min-width: 1200px) { .ion-display-xl-block { display: block !important; } } .ion-display-flex { display: flex !important; } @media (min-width: 576px) { .ion-display-sm-flex { display: flex !important; } } @media (min-width: 768px) { .ion-display-md-flex { display: flex !important; } } @media (min-width: 992px) { .ion-display-lg-flex { display: flex !important; } } @media (min-width: 1200px) { .ion-display-xl-flex { display: flex !important; } } .ion-display-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .ion-display-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .ion-display-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .ion-display-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .ion-display-xl-inline-flex { display: inline-flex !important; } } .ion-display-grid { display: grid !important; } @media (min-width: 576px) { .ion-display-sm-grid { display: grid !important; } } @media (min-width: 768px) { .ion-display-md-grid { display: grid !important; } } @media (min-width: 992px) { .ion-display-lg-grid { display: grid !important; } } @media (min-width: 1200px) { .ion-display-xl-grid { display: grid !important; } } .ion-display-inline-grid { display: inline-grid !important; } @media (min-width: 576px) { .ion-display-sm-inline-grid { display: inline-grid !important; } } @media (min-width: 768px) { .ion-display-md-inline-grid { display: inline-grid !important; } } @media (min-width: 992px) { .ion-display-lg-inline-grid { display: inline-grid !important; } } @media (min-width: 1200px) { .ion-display-xl-inline-grid { display: inline-grid !important; } } .ion-display-table { display: table !important; } @media (min-width: 576px) { .ion-display-sm-table { display: table !important; } } @media (min-width: 768px) { .ion-display-md-table { display: table !important; } } @media (min-width: 992px) { .ion-display-lg-table { display: table !important; } } @media (min-width: 1200px) { .ion-display-xl-table { display: table !important; } } .ion-display-table-cell { display: table-cell !important; } @media (min-width: 576px) { .ion-display-sm-table-cell { display: table-cell !important; } } @media (min-width: 768px) { .ion-display-md-table-cell { display: table-cell !important; } } @media (min-width: 992px) { .ion-display-lg-table-cell { display: table-cell !important; } } @media (min-width: 1200px) { .ion-display-xl-table-cell { display: table-cell !important; } } .ion-display-table-row { display: table-row !important; } @media (min-width: 576px) { .ion-display-sm-table-row { display: table-row !important; } } @media (min-width: 768px) { .ion-display-md-table-row { display: table-row !important; } } @media (min-width: 992px) { .ion-display-lg-table-row { display: table-row !important; } } @media (min-width: 1200px) { .ion-display-xl-table-row { display: table-row !important; } } /* node_modules/@ionic/angular/css/padding.css */ .ion-no-padding { --padding-start: 0; --padding-end: 0; --padding-top: 0; --padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; } .ion-padding { --padding-start: var(--ion-padding, 16px); --padding-end: var(--ion-padding, 16px); --padding-top: var(--ion-padding, 16px); --padding-bottom: var(--ion-padding, 16px); -webkit-padding-start: var(--ion-padding, 16px); padding-inline-start: var(--ion-padding, 16px); -webkit-padding-end: var(--ion-padding, 16px); padding-inline-end: var(--ion-padding, 16px); padding-top: var(--ion-padding, 16px); padding-bottom: var(--ion-padding, 16px); } .ion-padding-top { --padding-top: var(--ion-padding, 16px); padding-top: var(--ion-padding, 16px); } .ion-padding-start { --padding-start: var(--ion-padding, 16px); -webkit-padding-start: var(--ion-padding, 16px); padding-inline-start: var(--ion-padding, 16px); } .ion-padding-end { --padding-end: var(--ion-padding, 16px); -webkit-padding-end: var(--ion-padding, 16px); padding-inline-end: var(--ion-padding, 16px); } .ion-padding-bottom { --padding-bottom: var(--ion-padding, 16px); padding-bottom: var(--ion-padding, 16px); } .ion-padding-vertical { --padding-top: var(--ion-padding, 16px); --padding-bottom: var(--ion-padding, 16px); padding-top: var(--ion-padding, 16px); padding-bottom: var(--ion-padding, 16px); } .ion-padding-horizontal { --padding-start: var(--ion-padding, 16px); --padding-end: var(--ion-padding, 16px); -webkit-padding-start: var(--ion-padding, 16px); padding-inline-start: var(--ion-padding, 16px); -webkit-padding-end: var(--ion-padding, 16px); padding-inline-end: var(--ion-padding, 16px); } .ion-no-margin { --margin-start: 0; --margin-end: 0; --margin-top: 0; --margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .ion-margin { --margin-start: var(--ion-margin, 16px); --margin-end: var(--ion-margin, 16px); --margin-top: var(--ion-margin, 16px); --margin-bottom: var(--ion-margin, 16px); -webkit-margin-start: var(--ion-margin, 16px); margin-inline-start: var(--ion-margin, 16px); -webkit-margin-end: var(--ion-margin, 16px); margin-inline-end: var(--ion-margin, 16px); margin-top: var(--ion-margin, 16px); margin-bottom: var(--ion-margin, 16px); } .ion-margin-top { --margin-top: var(--ion-margin, 16px); margin-top: var(--ion-margin, 16px); } .ion-margin-start { --margin-start: var(--ion-margin, 16px); -webkit-margin-start: var(--ion-margin, 16px); margin-inline-start: var(--ion-margin, 16px); } .ion-margin-end { --margin-end: var(--ion-margin, 16px); -webkit-margin-end: var(--ion-margin, 16px); margin-inline-end: var(--ion-margin, 16px); } .ion-margin-bottom { --margin-bottom: var(--ion-margin, 16px); margin-bottom: var(--ion-margin, 16px); } .ion-margin-vertical { --margin-top: var(--ion-margin, 16px); --margin-bottom: var(--ion-margin, 16px); margin-top: var(--ion-margin, 16px); margin-bottom: var(--ion-margin, 16px); } .ion-margin-horizontal { --margin-start: var(--ion-margin, 16px); --margin-end: var(--ion-margin, 16px); -webkit-margin-start: var(--ion-margin, 16px); margin-inline-start: var(--ion-margin, 16px); -webkit-margin-end: var(--ion-margin, 16px); margin-inline-end: var(--ion-margin, 16px); } /* node_modules/@ionic/angular/css/float-elements.css */ .ion-float-left { float: left !important; } .ion-float-right { float: right !important; } .ion-float-start { float: left !important; } :host-context([dir=rtl]) .ion-float-start { float: right !important; } [dir=rtl] .ion-float-start { float: right !important; } @supports selector(:dir(rtl)) { .ion-float-start:dir(rtl) { float: right !important; } } .ion-float-end { float: right !important; } :host-context([dir=rtl]) .ion-float-end { float: left !important; } [dir=rtl] .ion-float-end { float: left !important; } @supports selector(:dir(rtl)) { .ion-float-end:dir(rtl) { float: left !important; } } @media (min-width: 576px) { .ion-float-sm-left { float: left !important; } .ion-float-sm-right { float: right !important; } .ion-float-sm-start { float: left !important; } :host-context([dir=rtl]) .ion-float-sm-start { float: right !important; } [dir=rtl] .ion-float-sm-start { float: right !important; } @supports selector(:dir(rtl)) { .ion-float-sm-start:dir(rtl) { float: right !important; } } .ion-float-sm-end { float: right !important; } :host-context([dir=rtl]) .ion-float-sm-end { float: left !important; } [dir=rtl] .ion-float-sm-end { float: left !important; } @supports selector(:dir(rtl)) { .ion-float-sm-end:dir(rtl) { float: left !important; } } } @media (min-width: 768px) { .ion-float-md-left { float: left !important; } .ion-float-md-right { float: right !important; } .ion-float-md-start { float: left !important; } :host-context([dir=rtl]) .ion-float-md-start { float: right !important; } [dir=rtl] .ion-float-md-start { float: right !important; } @supports selector(:dir(rtl)) { .ion-float-md-start:dir(rtl) { float: right !important; } } .ion-float-md-end { float: right !important; } :host-context([dir=rtl]) .ion-float-md-end { float: left !important; } [dir=rtl] .ion-float-md-end { float: left !important; } @supports selector(:dir(rtl)) { .ion-float-md-end:dir(rtl) { float: left !important; } } } @media (min-width: 992px) { .ion-float-lg-left { float: left !important; } .ion-float-lg-right { float: right !important; } .ion-float-lg-start { float: left !important; } :host-context([dir=rtl]) .ion-float-lg-start { float: right !important; } [dir=rtl] .ion-float-lg-start { float: right !important; } @supports selector(:dir(rtl)) { .ion-float-lg-start:dir(rtl) { float: right !important; } } .ion-float-lg-end { float: right !important; } :host-context([dir=rtl]) .ion-float-lg-end { float: left !important; } [dir=rtl] .ion-float-lg-end { float: left !important; } @supports selector(:dir(rtl)) { .ion-float-lg-end:dir(rtl) { float: left !important; } } } @media (min-width: 1200px) { .ion-float-xl-left { float: left !important; } .ion-float-xl-right { float: right !important; } .ion-float-xl-start { float: left !important; } :host-context([dir=rtl]) .ion-float-xl-start { float: right !important; } [dir=rtl] .ion-float-xl-start { float: right !important; } @supports selector(:dir(rtl)) { .ion-float-xl-start:dir(rtl) { float: right !important; } } .ion-float-xl-end { float: right !important; } :host-context([dir=rtl]) .ion-float-xl-end { float: left !important; } [dir=rtl] .ion-float-xl-end { float: left !important; } @supports selector(:dir(rtl)) { .ion-float-xl-end:dir(rtl) { float: left !important; } } } /* node_modules/@ionic/angular/css/text-alignment.css */ .ion-text-center { text-align: center !important; } .ion-text-justify { text-align: justify !important; } .ion-text-start { text-align: start !important; } .ion-text-end { text-align: end !important; } .ion-text-left { text-align: left !important; } .ion-text-right { text-align: right !important; } .ion-text-nowrap { white-space: nowrap !important; } .ion-text-wrap { white-space: normal !important; } @media (min-width: 576px) { .ion-text-sm-center { text-align: center !important; } .ion-text-sm-justify { text-align: justify !important; } .ion-text-sm-start { text-align: start !important; } .ion-text-sm-end { text-align: end !important; } .ion-text-sm-left { text-align: left !important; } .ion-text-sm-right { text-align: right !important; } .ion-text-sm-nowrap { white-space: nowrap !important; } .ion-text-sm-wrap { white-space: normal !important; } } @media (min-width: 768px) { .ion-text-md-center { text-align: center !important; } .ion-text-md-justify { text-align: justify !important; } .ion-text-md-start { text-align: start !important; } .ion-text-md-end { text-align: end !important; } .ion-text-md-left { text-align: left !important; } .ion-text-md-right { text-align: right !important; } .ion-text-md-nowrap { white-space: nowrap !important; } .ion-text-md-wrap { white-space: normal !important; } } @media (min-width: 992px) { .ion-text-lg-center { text-align: center !important; } .ion-text-lg-justify { text-align: justify !important; } .ion-text-lg-start { text-align: start !important; } .ion-text-lg-end { text-align: end !important; } .ion-text-lg-left { text-align: left !important; } .ion-text-lg-right { text-align: right !important; } .ion-text-lg-nowrap { white-space: nowrap !important; } .ion-text-lg-wrap { white-space: normal !important; } } @media (min-width: 1200px) { .ion-text-xl-center { text-align: center !important; } .ion-text-xl-justify { text-align: justify !important; } .ion-text-xl-start { text-align: start !important; } .ion-text-xl-end { text-align: end !important; } .ion-text-xl-left { text-align: left !important; } .ion-text-xl-right { text-align: right !important; } .ion-text-xl-nowrap { white-space: nowrap !important; } .ion-text-xl-wrap { white-space: normal !important; } } /* node_modules/@ionic/angular/css/text-transformation.css */ .ion-text-uppercase { text-transform: uppercase !important; } .ion-text-lowercase { text-transform: lowercase !important; } .ion-text-capitalize { text-transform: capitalize !important; } @media (min-width: 576px) { .ion-text-sm-uppercase { text-transform: uppercase !important; } .ion-text-sm-lowercase { text-transform: lowercase !important; } .ion-text-sm-capitalize { text-transform: capitalize !important; } } @media (min-width: 768px) { .ion-text-md-uppercase { text-transform: uppercase !important; } .ion-text-md-lowercase { text-transform: lowercase !important; } .ion-text-md-capitalize { text-transform: capitalize !important; } } @media (min-width: 992px) { .ion-text-lg-uppercase { text-transform: uppercase !important; } .ion-text-lg-lowercase { text-transform: lowercase !important; } .ion-text-lg-capitalize { text-transform: capitalize !important; } } @media (min-width: 1200px) { .ion-text-xl-uppercase { text-transform: uppercase !important; } .ion-text-xl-lowercase { text-transform: lowercase !important; } .ion-text-xl-capitalize { text-transform: capitalize !important; } } /* node_modules/@ionic/angular/css/flex-utils.css */ .ion-align-content-start { align-content: flex-start !important; } .ion-align-content-end { align-content: flex-end !important; } .ion-align-content-center { align-content: center !important; } .ion-align-content-between { align-content: space-between !important; } .ion-align-content-around { align-content: space-around !important; } .ion-align-content-stretch { align-content: stretch !important; } @media (min-width: 576px) { .ion-align-content-sm-start { align-content: flex-start !important; } .ion-align-content-sm-end { align-content: flex-end !important; } .ion-align-content-sm-center { align-content: center !important; } .ion-align-content-sm-between { align-content: space-between !important; } .ion-align-content-sm-around { align-content: space-around !important; } .ion-align-content-sm-stretch { align-content: stretch !important; } } @media (min-width: 768px) { .ion-align-content-md-start { align-content: flex-start !important; } .ion-align-content-md-end { align-content: flex-end !important; } .ion-align-content-md-center { align-content: center !important; } .ion-align-content-md-between { align-content: space-between !important; } .ion-align-content-md-around { align-content: space-around !important; } .ion-align-content-md-stretch { align-content: stretch !important; } } @media (min-width: 992px) { .ion-align-content-lg-start { align-content: flex-start !important; } .ion-align-content-lg-end { align-content: flex-end !important; } .ion-align-content-lg-center { align-content: center !important; } .ion-align-content-lg-between { align-content: space-between !important; } .ion-align-content-lg-around { align-content: space-around !important; } .ion-align-content-lg-stretch { align-content: stretch !important; } } @media (min-width: 1200px) { .ion-align-content-xl-start { align-content: flex-start !important; } .ion-align-content-xl-end { align-content: flex-end !important; } .ion-align-content-xl-center { align-content: center !important; } .ion-align-content-xl-between { align-content: space-between !important; } .ion-align-content-xl-around { align-content: space-around !important; } .ion-align-content-xl-stretch { align-content: stretch !important; } } .ion-align-items-start { align-items: start !important; } .ion-align-items-end { align-items: end !important; } .ion-align-items-center { align-items: center !important; } .ion-align-items-stretch { align-items: stretch !important; } .ion-align-items-baseline { align-items: baseline !important; } @media (min-width: 576px) { .ion-align-items-sm-start { align-items: start !important; } .ion-align-items-sm-end { align-items: end !important; } .ion-align-items-sm-center { align-items: center !important; } .ion-align-items-sm-stretch { align-items: stretch !important; } .ion-align-items-sm-baseline { align-items: baseline !important; } } @media (min-width: 768px) { .ion-align-items-md-start { align-items: start !important; } .ion-align-items-md-end { align-items: end !important; } .ion-align-items-md-center { align-items: center !important; } .ion-align-items-md-stretch { align-items: stretch !important; } .ion-align-items-md-baseline { align-items: baseline !important; } } @media (min-width: 992px) { .ion-align-items-lg-start { align-items: start !important; } .ion-align-items-lg-end { align-items: end !important; } .ion-align-items-lg-center { align-items: center !important; } .ion-align-items-lg-stretch { align-items: stretch !important; } .ion-align-items-lg-baseline { align-items: baseline !important; } } @media (min-width: 1200px) { .ion-align-items-xl-start { align-items: start !important; } .ion-align-items-xl-end { align-items: end !important; } .ion-align-items-xl-center { align-items: center !important; } .ion-align-items-xl-stretch { align-items: stretch !important; } .ion-align-items-xl-baseline { align-items: baseline !important; } } .ion-align-self-start { align-self: start !important; } .ion-align-self-end { align-self: end !important; } .ion-align-self-center { align-self: center !important; } .ion-align-self-stretch { align-self: stretch !important; } .ion-align-self-baseline { align-self: baseline !important; } .ion-align-self-auto { align-self: auto !important; } @media (min-width: 576px) { .ion-align-self-sm-start { align-self: start !important; } .ion-align-self-sm-end { align-self: end !important; } .ion-align-self-sm-center { align-self: center !important; } .ion-align-self-sm-stretch { align-self: stretch !important; } .ion-align-self-sm-baseline { align-self: baseline !important; } .ion-align-self-sm-auto { align-self: auto !important; } } @media (min-width: 768px) { .ion-align-self-md-start { align-self: start !important; } .ion-align-self-md-end { align-self: end !important; } .ion-align-self-md-center { align-self: center !important; } .ion-align-self-md-stretch { align-self: stretch !important; } .ion-align-self-md-baseline { align-self: baseline !important; } .ion-align-self-md-auto { align-self: auto !important; } } @media (min-width: 992px) { .ion-align-self-lg-start { align-self: start !important; } .ion-align-self-lg-end { align-self: end !important; } .ion-align-self-lg-center { align-self: center !important; } .ion-align-self-lg-stretch { align-self: stretch !important; } .ion-align-self-lg-baseline { align-self: baseline !important; } .ion-align-self-lg-auto { align-self: auto !important; } } @media (min-width: 1200px) { .ion-align-self-xl-start { align-self: start !important; } .ion-align-self-xl-end { align-self: end !important; } .ion-align-self-xl-center { align-self: center !important; } .ion-align-self-xl-stretch { align-self: stretch !important; } .ion-align-self-xl-baseline { align-self: baseline !important; } .ion-align-self-xl-auto { align-self: auto !important; } } .ion-justify-content-start { justify-content: flex-start !important; } .ion-justify-content-end { justify-content: flex-end !important; } .ion-justify-content-center { justify-content: center !important; } .ion-justify-content-between { justify-content: space-between !important; } .ion-justify-content-around { justify-content: space-around !important; } .ion-justify-content-evenly { justify-content: space-evenly !important; } @media (min-width: 576px) { .ion-justify-content-sm-start { justify-content: flex-start !important; } .ion-justify-content-sm-end { justify-content: flex-end !important; } .ion-justify-content-sm-center { justify-content: center !important; } .ion-justify-content-sm-between { justify-content: space-between !important; } .ion-justify-content-sm-around { justify-content: space-around !important; } .ion-justify-content-sm-evenly { justify-content: space-evenly !important; } } @media (min-width: 768px) { .ion-justify-content-md-start { justify-content: flex-start !important; } .ion-justify-content-md-end { justify-content: flex-end !important; } .ion-justify-content-md-center { justify-content: center !important; } .ion-justify-content-md-between { justify-content: space-between !important; } .ion-justify-content-md-around { justify-content: space-around !important; } .ion-justify-content-md-evenly { justify-content: space-evenly !important; } } @media (min-width: 992px) { .ion-justify-content-lg-start { justify-content: flex-start !important; } .ion-justify-content-lg-end { justify-content: flex-end !important; } .ion-justify-content-lg-center { justify-content: center !important; } .ion-justify-content-lg-between { justify-content: space-between !important; } .ion-justify-content-lg-around { justify-content: space-around !important; } .ion-justify-content-lg-evenly { justify-content: space-evenly !important; } } @media (min-width: 1200px) { .ion-justify-content-xl-start { justify-content: flex-start !important; } .ion-justify-content-xl-end { justify-content: flex-end !important; } .ion-justify-content-xl-center { justify-content: center !important; } .ion-justify-content-xl-between { justify-content: space-between !important; } .ion-justify-content-xl-around { justify-content: space-around !important; } .ion-justify-content-xl-evenly { justify-content: space-evenly !important; } } .ion-flex-row { flex-direction: row !important; } .ion-flex-row-reverse { flex-direction: row-reverse !important; } .ion-flex-column { flex-direction: column !important; } .ion-flex-column-reverse { flex-direction: column-reverse !important; } @media (min-width: 576px) { .ion-flex-sm-row { flex-direction: row !important; } .ion-flex-sm-row-reverse { flex-direction: row-reverse !important; } .ion-flex-sm-column { flex-direction: column !important; } .ion-flex-sm-column-reverse { flex-direction: column-reverse !important; } } @media (min-width: 768px) { .ion-flex-md-row { flex-direction: row !important; } .ion-flex-md-row-reverse { flex-direction: row-reverse !important; } .ion-flex-md-column { flex-direction: column !important; } .ion-flex-md-column-reverse { flex-direction: column-reverse !important; } } @media (min-width: 992px) { .ion-flex-lg-row { flex-direction: row !important; } .ion-flex-lg-row-reverse { flex-direction: row-reverse !important; } .ion-flex-lg-column { flex-direction: column !important; } .ion-flex-lg-column-reverse { flex-direction: column-reverse !important; } } @media (min-width: 1200px) { .ion-flex-xl-row { flex-direction: row !important; } .ion-flex-xl-row-reverse { flex-direction: row-reverse !important; } .ion-flex-xl-column { flex-direction: column !important; } .ion-flex-xl-column-reverse { flex-direction: column-reverse !important; } } .ion-wrap { flex-wrap: wrap !important; } .ion-nowrap { flex-wrap: nowrap !important; } .ion-wrap-reverse { flex-wrap: wrap-reverse !important; } .ion-flex-wrap { flex-wrap: wrap !important; } .ion-flex-nowrap { flex-wrap: nowrap !important; } .ion-flex-wrap-reverse { flex-wrap: wrap-reverse !important; } @media (min-width: 576px) { .ion-flex-sm-wrap { flex-wrap: wrap !important; } .ion-flex-sm-nowrap { flex-wrap: nowrap !important; } .ion-flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } } @media (min-width: 768px) { .ion-flex-md-wrap { flex-wrap: wrap !important; } .ion-flex-md-nowrap { flex-wrap: nowrap !important; } .ion-flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } } @media (min-width: 992px) { .ion-flex-lg-wrap { flex-wrap: wrap !important; } .ion-flex-lg-nowrap { flex-wrap: nowrap !important; } .ion-flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } } @media (min-width: 1200px) { .ion-flex-xl-wrap { flex-wrap: wrap !important; } .ion-flex-xl-nowrap { flex-wrap: nowrap !important; } .ion-flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } } .ion-flex-1 { flex: 1 !important; } .ion-flex-auto { flex: auto !important; } .ion-flex-initial { flex: initial !important; } .ion-flex-none { flex: none !important; } @media (min-width: 576px) { .ion-flex-sm-1 { flex: 1 !important; } .ion-flex-sm-auto { flex: auto !important; } .ion-flex-sm-initial { flex: initial !important; } .ion-flex-sm-none { flex: none !important; } } @media (min-width: 768px) { .ion-flex-md-1 { flex: 1 !important; } .ion-flex-md-auto { flex: auto !important; } .ion-flex-md-initial { flex: initial !important; } .ion-flex-md-none { flex: none !important; } } @media (min-width: 992px) { .ion-flex-lg-1 { flex: 1 !important; } .ion-flex-lg-auto { flex: auto !important; } .ion-flex-lg-initial { flex: initial !important; } .ion-flex-lg-none { flex: none !important; } } @media (min-width: 1200px) { .ion-flex-xl-1 { flex: 1 !important; } .ion-flex-xl-auto { flex: auto !important; } .ion-flex-xl-initial { flex: initial !important; } .ion-flex-xl-none { flex: none !important; } } .ion-flex-grow-0 { flex-grow: 0 !important; } .ion-flex-grow-1 { flex-grow: 1 !important; } .ion-flex-shrink-0 { flex-shrink: 0 !important; } .ion-flex-shrink-1 { flex-shrink: 1 !important; } @media (min-width: 576px) { .ion-flex-sm-grow-0 { flex-grow: 0 !important; } .ion-flex-sm-grow-1 { flex-grow: 1 !important; } .ion-flex-sm-shrink-0 { flex-shrink: 0 !important; } .ion-flex-sm-shrink-1 { flex-shrink: 1 !important; } } @media (min-width: 768px) { .ion-flex-md-grow-0 { flex-grow: 0 !important; } .ion-flex-md-grow-1 { flex-grow: 1 !important; } .ion-flex-md-shrink-0 { flex-shrink: 0 !important; } .ion-flex-md-shrink-1 { flex-shrink: 1 !important; } } @media (min-width: 992px) { .ion-flex-lg-grow-0 { flex-grow: 0 !important; } .ion-flex-lg-grow-1 { flex-grow: 1 !important; } .ion-flex-lg-shrink-0 { flex-shrink: 0 !important; } .ion-flex-lg-shrink-1 { flex-shrink: 1 !important; } } @media (min-width: 1200px) { .ion-flex-xl-grow-0 { flex-grow: 0 !important; } .ion-flex-xl-grow-1 { flex-grow: 1 !important; } .ion-flex-xl-shrink-0 { flex-shrink: 0 !important; } .ion-flex-xl-shrink-1 { flex-shrink: 1 !important; } } .ion-order-first { order: -1 !important; } .ion-order-0 { order: 0 !important; } .ion-order-1 { order: 1 !important; } .ion-order-2 { order: 2 !important; } .ion-order-3 { order: 3 !important; } .ion-order-4 { order: 4 !important; } .ion-order-5 { order: 5 !important; } .ion-order-6 { order: 6 !important; } .ion-order-7 { order: 7 !important; } .ion-order-8 { order: 8 !important; } .ion-order-9 { order: 9 !important; } .ion-order-10 { order: 10 !important; } .ion-order-11 { order: 11 !important; } .ion-order-12 { order: 12 !important; } .ion-order-last { order: 13 !important; } @media (min-width: 576px) { .ion-order-sm-first { order: -1 !important; } .ion-order-sm-0 { order: 0 !important; } .ion-order-sm-1 { order: 1 !important; } .ion-order-sm-2 { order: 2 !important; } .ion-order-sm-3 { order: 3 !important; } .ion-order-sm-4 { order: 4 !important; } .ion-order-sm-5 { order: 5 !important; } .ion-order-sm-6 { order: 6 !important; } .ion-order-sm-7 { order: 7 !important; } .ion-order-sm-8 { order: 8 !important; } .ion-order-sm-9 { order: 9 !important; } .ion-order-sm-10 { order: 10 !important; } .ion-order-sm-11 { order: 11 !important; } .ion-order-sm-12 { order: 12 !important; } .ion-order-sm-last { order: 13 !important; } } @media (min-width: 768px) { .ion-order-md-first { order: -1 !important; } .ion-order-md-0 { order: 0 !important; } .ion-order-md-1 { order: 1 !important; } .ion-order-md-2 { order: 2 !important; } .ion-order-md-3 { order: 3 !important; } .ion-order-md-4 { order: 4 !important; } .ion-order-md-5 { order: 5 !important; } .ion-order-md-6 { order: 6 !important; } .ion-order-md-7 { order: 7 !important; } .ion-order-md-8 { order: 8 !important; } .ion-order-md-9 { order: 9 !important; } .ion-order-md-10 { order: 10 !important; } .ion-order-md-11 { order: 11 !important; } .ion-order-md-12 { order: 12 !important; } .ion-order-md-last { order: 13 !important; } } @media (min-width: 992px) { .ion-order-lg-first { order: -1 !important; } .ion-order-lg-0 { order: 0 !important; } .ion-order-lg-1 { order: 1 !important; } .ion-order-lg-2 { order: 2 !important; } .ion-order-lg-3 { order: 3 !important; } .ion-order-lg-4 { order: 4 !important; } .ion-order-lg-5 { order: 5 !important; } .ion-order-lg-6 { order: 6 !important; } .ion-order-lg-7 { order: 7 !important; } .ion-order-lg-8 { order: 8 !important; } .ion-order-lg-9 { order: 9 !important; } .ion-order-lg-10 { order: 10 !important; } .ion-order-lg-11 { order: 11 !important; } .ion-order-lg-12 { order: 12 !important; } .ion-order-lg-last { order: 13 !important; } } @media (min-width: 1200px) { .ion-order-xl-first { order: -1 !important; } .ion-order-xl-0 { order: 0 !important; } .ion-order-xl-1 { order: 1 !important; } .ion-order-xl-2 { order: 2 !important; } .ion-order-xl-3 { order: 3 !important; } .ion-order-xl-4 { order: 4 !important; } .ion-order-xl-5 { order: 5 !important; } .ion-order-xl-6 { order: 6 !important; } .ion-order-xl-7 { order: 7 !important; } .ion-order-xl-8 { order: 8 !important; } .ion-order-xl-9 { order: 9 !important; } .ion-order-xl-10 { order: 10 !important; } .ion-order-xl-11 { order: 11 !important; } .ion-order-xl-12 { order: 12 !important; } .ion-order-xl-last { order: 13 !important; } } /* src/theme/variables.css */ /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ @media (prefers-color-scheme: dark) { :root { --ion-color-primary: #4d8dff; --ion-color-primary-rgb: 77, 141, 255; --ion-color-primary-contrast: #000; --ion-color-primary-contrast-rgb: 0, 0, 0; --ion-color-primary-shade: #447ce0; --ion-color-primary-tint: #5f98ff; --ion-color-secondary: #46b1ff; --ion-color-secondary-rgb: 70, 177, 255; --ion-color-secondary-contrast: #000; --ion-color-secondary-contrast-rgb: 0, 0, 0; --ion-color-secondary-shade: #3e9ce0; --ion-color-secondary-tint: #59b9ff; --ion-color-tertiary: #8482fb; --ion-color-tertiary-rgb: 132, 130, 251; --ion-color-tertiary-contrast: #000; --ion-color-tertiary-contrast-rgb: 0, 0, 0; --ion-color-tertiary-shade: #7472dd; --ion-color-tertiary-tint: #908ffb; --ion-color-success: #2dd55b; --ion-color-success-rgb: 45, 213, 91; --ion-color-success-contrast: #000; --ion-color-success-contrast-rgb: 0, 0, 0; --ion-color-success-shade: #28bb50; --ion-color-success-tint: #42d96b; --ion-color-warning: #ffce31; --ion-color-warning-rgb: 255, 206, 49; --ion-color-warning-contrast: #000; --ion-color-warning-contrast-rgb: 0, 0, 0; --ion-color-warning-shade: #e0b52b; --ion-color-warning-tint: #ffd346; --ion-color-danger: #f24c58; --ion-color-danger-rgb: 242, 76, 88; --ion-color-danger-contrast: #000; --ion-color-danger-contrast-rgb: 0, 0, 0; --ion-color-danger-shade: #d5434d; --ion-color-danger-tint: #f35e69; --ion-color-light: #222428; --ion-color-light-rgb: 34, 36, 40; --ion-color-light-contrast: #fff; --ion-color-light-contrast-rgb: 255, 255, 255; --ion-color-light-shade: #1e2023; --ion-color-light-tint: #383a3e; --ion-color-medium: #989aa2; --ion-color-medium-rgb: 152, 154, 162; --ion-color-medium-contrast: #000; --ion-color-medium-contrast-rgb: 0, 0, 0; --ion-color-medium-shade: #86888f; --ion-color-medium-tint: #a2a4ab; --ion-color-dark: #f4f5f8; --ion-color-dark-rgb: 244, 245, 248; --ion-color-dark-contrast: #000; --ion-color-dark-contrast-rgb: 0, 0, 0; --ion-color-dark-shade: #d7d8da; --ion-color-dark-tint: #f5f6f9; } :root.ios { --ion-background-color: #000000; --ion-background-color-rgb: 0, 0, 0; --ion-text-color: #ffffff; --ion-text-color-rgb: 255, 255, 255; --ion-background-color-step-50: #0d0d0d; --ion-background-color-step-100: #1a1a1a; --ion-background-color-step-150: #262626; --ion-background-color-step-200: #333333; --ion-background-color-step-250: #404040; --ion-background-color-step-300: #4d4d4d; --ion-background-color-step-350: #595959; --ion-background-color-step-400: #666666; --ion-background-color-step-450: #737373; --ion-background-color-step-500: #808080; --ion-background-color-step-550: #8c8c8c; --ion-background-color-step-600: #999999; --ion-background-color-step-650: #a6a6a6; --ion-background-color-step-700: #b3b3b3; --ion-background-color-step-750: #bfbfbf; --ion-background-color-step-800: #cccccc; --ion-background-color-step-850: #d9d9d9; --ion-background-color-step-900: #e6e6e6; --ion-background-color-step-950: #f2f2f2; --ion-text-color-step-50: #f2f2f2; --ion-text-color-step-100: #e6e6e6; --ion-text-color-step-150: #d9d9d9; --ion-text-color-step-200: #cccccc; --ion-text-color-step-250: #bfbfbf; --ion-text-color-step-300: #b3b3b3; --ion-text-color-step-350: #a6a6a6; --ion-text-color-step-400: #999999; --ion-text-color-step-450: #8c8c8c; --ion-text-color-step-500: #808080; --ion-text-color-step-550: #737373; --ion-text-color-step-600: #666666; --ion-text-color-step-650: #595959; --ion-text-color-step-700: #4d4d4d; --ion-text-color-step-750: #404040; --ion-text-color-step-800: #333333; --ion-text-color-step-850: #262626; --ion-text-color-step-900: #1a1a1a; --ion-text-color-step-950: #0d0d0d; --ion-item-background: #000000; --ion-tab-bar-background-focused: #252525; --ion-card-background: #1c1c1d; } :root.ios ion-modal { --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100)); --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150)); --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250)); } :root.md { --ion-background-color: #121212; --ion-background-color-rgb: 18, 18, 18; --ion-text-color: #ffffff; --ion-text-color-rgb: 255, 255, 255; --ion-background-color-step-50: #1e1e1e; --ion-background-color-step-100: #2a2a2a; --ion-background-color-step-150: #363636; --ion-background-color-step-200: #414141; --ion-background-color-step-250: #4d4d4d; --ion-background-color-step-300: #595959; --ion-background-color-step-350: #656565; --ion-background-color-step-400: #717171; --ion-background-color-step-450: #7d7d7d; --ion-background-color-step-500: #898989; --ion-background-color-step-550: #949494; --ion-background-color-step-600: #a0a0a0; --ion-background-color-step-650: #acacac; --ion-background-color-step-700: #b8b8b8; --ion-background-color-step-750: #c4c4c4; --ion-background-color-step-800: #d0d0d0; --ion-background-color-step-850: #dbdbdb; --ion-background-color-step-900: #e7e7e7; --ion-background-color-step-950: #f3f3f3; --ion-text-color-step-50: #f3f3f3; --ion-text-color-step-100: #e7e7e7; --ion-text-color-step-150: #dbdbdb; --ion-text-color-step-200: #d0d0d0; --ion-text-color-step-250: #c4c4c4; --ion-text-color-step-300: #b8b8b8; --ion-text-color-step-350: #acacac; --ion-text-color-step-400: #a0a0a0; --ion-text-color-step-450: #949494; --ion-text-color-step-500: #898989; --ion-text-color-step-550: #7d7d7d; --ion-text-color-step-600: #717171; --ion-text-color-step-650: #656565; --ion-text-color-step-700: #595959; --ion-text-color-step-750: #4d4d4d; --ion-text-color-step-800: #414141; --ion-text-color-step-850: #363636; --ion-text-color-step-900: #2a2a2a; --ion-text-color-step-950: #1e1e1e; --ion-item-background: #1e1e1e; --ion-toolbar-background: #1f1f1f; --ion-tab-bar-background: #1f1f1f; --ion-tab-bar-background-focused: #353535; --ion-card-background: #1e1e1e; } } /* angular:styles/global:styles */ /*# sourceMappingURL=styles.css.map */