From 835cbf4fd7525a99fa6d2aa05e47e7688a984d72 Mon Sep 17 00:00:00 2001 From: bailicangdu <1264889788@qq.com> Date: Thu, 23 Mar 2023 18:30:28 +0800 Subject: [PATCH] fix(1.0.0-beta.1): Fixed the problem that rewrite ownerDocument caused react event trigger repeated --- dev/children/react16/src/ant-custom.css | 26201 ++++++++++++++++ dev/children/react16/src/index.js | 13 +- dev/main-react16/src/pages/react16/react16.js | 2 +- src/sandbox/adapter.ts | 20 +- src/source/patch.ts | 6 +- 5 files changed, 26228 insertions(+), 14 deletions(-) create mode 100644 dev/children/react16/src/ant-custom.css diff --git a/dev/children/react16/src/ant-custom.css b/dev/children/react16/src/ant-custom.css new file mode 100644 index 000000000..f129adddb --- /dev/null +++ b/dev/children/react16/src/ant-custom.css @@ -0,0 +1,26201 @@ +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +html { + --react16-primary-color: #1890ff; + --react16-primary-color-hover: #40a9ff; + --react16-primary-color-active: #096dd9; + --react16-primary-color-outline: rgba(24, 144, 255, 0.2); + --react16-primary-1: #e6f7ff; + --react16-primary-2: #bae7ff; + --react16-primary-3: #91d5ff; + --react16-primary-4: #69c0ff; + --react16-primary-5: #40a9ff; + --react16-primary-6: #1890ff; + --react16-primary-7: #096dd9; + --react16-primary-color-deprecated-pure: ; + --react16-primary-color-deprecated-l-35: #cbe6ff; + --react16-primary-color-deprecated-l-20: #7ec1ff; + --react16-primary-color-deprecated-t-20: #46a6ff; + --react16-primary-color-deprecated-t-50: #8cc8ff; + --react16-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12); + --react16-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3); + --react16-primary-color-active-deprecated-d-02: #dcf4ff; + --react16-success-color: #52c41a; + --react16-success-color-hover: #73d13d; + --react16-success-color-active: #389e0d; + --react16-success-color-outline: rgba(82, 196, 26, 0.2); + --react16-success-color-deprecated-bg: #f6ffed; + --react16-success-color-deprecated-border: #b7eb8f; + --react16-error-color: #ff4d4f; + --react16-error-color-hover: #ff7875; + --react16-error-color-active: #d9363e; + --react16-error-color-outline: rgba(255, 77, 79, 0.2); + --react16-error-color-deprecated-bg: #fff2f0; + --react16-error-color-deprecated-border: #ffccc7; + --react16-warning-color: #faad14; + --react16-warning-color-hover: #ffc53d; + --react16-warning-color-active: #d48806; + --react16-warning-color-outline: rgba(250, 173, 20, 0.2); + --react16-warning-color-deprecated-bg: #fffbe6; + --react16-warning-color-deprecated-border: #ffe58f; + --react16-info-color: #1890ff; + --react16-info-color-deprecated-bg: #e6f7ff; + --react16-info-color-deprecated-border: #91d5ff; +} +[class^=react16-]::-ms-clear, +[class*= react16-]::-ms-clear, +[class^=react16-] input::-ms-clear, +[class*= react16-] input::-ms-clear, +[class^=react16-] input::-ms-reveal, +[class*= react16-] input::-ms-reveal { + display: none; +} +/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */ +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: var(--react16-primary-color); + text-decoration: none; + background-color: transparent; + outline: none; + cursor: pointer; + transition: color 0.3s; + -webkit-text-decoration-skip: objects; +} +a:hover { + color: var(--react16-primary-color-hover); +} +a:active { + color: var(--react16-primary-color-active); +} +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: var(--react16-primary-color); +} +.clearfix::before { + display: table; + content: ''; +} +.clearfix::after { + display: table; + clear: both; + content: ''; +} +.anticon { + display: inline-block; + color: inherit; + font-style: normal; + line-height: 0; + text-align: center; + text-transform: none; + vertical-align: -0.125em; + text-rendering: optimizelegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.anticon > * { + line-height: 1; +} +.anticon svg { + display: inline-block; +} +.anticon::before { + display: none; +} +.anticon .anticon-icon { + display: block; +} +.anticon > .anticon { + line-height: 0; + vertical-align: 0; +} +.anticon[tabindex] { + cursor: pointer; +} +.anticon-spin, +.anticon-spin::before { + display: inline-block; + animation: loadingCircle 1s infinite linear; +} +.react16-fade-enter, +.react16-fade-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-fade-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-fade-enter.react16-fade-enter-active, +.react16-fade-appear.react16-fade-appear-active { + animation-name: antFadeIn; + animation-play-state: running; +} +.react16-fade-leave.react16-fade-leave-active { + animation-name: antFadeOut; + animation-play-state: running; + pointer-events: none; +} +.react16-fade-enter, +.react16-fade-appear { + opacity: 0; + animation-timing-function: linear; +} +.react16-fade-leave { + animation-timing-function: linear; +} +@keyframes antFadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes antFadeOut { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +.react16-move-up-enter, +.react16-move-up-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-move-up-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-move-up-enter.react16-move-up-enter-active, +.react16-move-up-appear.react16-move-up-appear-active { + animation-name: antMoveUpIn; + animation-play-state: running; +} +.react16-move-up-leave.react16-move-up-leave-active { + animation-name: antMoveUpOut; + animation-play-state: running; + pointer-events: none; +} +.react16-move-up-enter, +.react16-move-up-appear { + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.react16-move-up-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +.react16-move-down-enter, +.react16-move-down-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-move-down-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-move-down-enter.react16-move-down-enter-active, +.react16-move-down-appear.react16-move-down-appear-active { + animation-name: antMoveDownIn; + animation-play-state: running; +} +.react16-move-down-leave.react16-move-down-leave-active { + animation-name: antMoveDownOut; + animation-play-state: running; + pointer-events: none; +} +.react16-move-down-enter, +.react16-move-down-appear { + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.react16-move-down-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +.react16-move-left-enter, +.react16-move-left-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-move-left-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-move-left-enter.react16-move-left-enter-active, +.react16-move-left-appear.react16-move-left-appear-active { + animation-name: antMoveLeftIn; + animation-play-state: running; +} +.react16-move-left-leave.react16-move-left-leave-active { + animation-name: antMoveLeftOut; + animation-play-state: running; + pointer-events: none; +} +.react16-move-left-enter, +.react16-move-left-appear { + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.react16-move-left-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +.react16-move-right-enter, +.react16-move-right-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-move-right-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-move-right-enter.react16-move-right-enter-active, +.react16-move-right-appear.react16-move-right-appear-active { + animation-name: antMoveRightIn; + animation-play-state: running; +} +.react16-move-right-leave.react16-move-right-leave-active { + animation-name: antMoveRightOut; + animation-play-state: running; + pointer-events: none; +} +.react16-move-right-enter, +.react16-move-right-appear { + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.react16-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); + } +} +[react16-click-animating='true'], +[react16-click-animating-without-extra-node='true'] { + position: relative; +} +html { + --antd-wave-shadow-color: var(--react16-primary-color); + --scroll-bar: 0; +} +[react16-click-animating-without-extra-node='true']::after, +.react16-click-animating-node { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: block; + border-radius: inherit; + box-shadow: 0 0 0 0 var(--react16-primary-color); + 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 var(--react16-primary-color); + box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); + } +} +@keyframes fadeEffect { + 100% { + opacity: 0; + } +} +.react16-slide-up-enter, +.react16-slide-up-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-slide-up-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-slide-up-enter.react16-slide-up-enter-active, +.react16-slide-up-appear.react16-slide-up-appear-active { + animation-name: antSlideUpIn; + animation-play-state: running; +} +.react16-slide-up-leave.react16-slide-up-leave-active { + animation-name: antSlideUpOut; + animation-play-state: running; + pointer-events: none; +} +.react16-slide-up-enter, +.react16-slide-up-appear { + opacity: 0; + animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); +} +.react16-slide-up-leave { + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); +} +.react16-slide-down-enter, +.react16-slide-down-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-slide-down-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-slide-down-enter.react16-slide-down-enter-active, +.react16-slide-down-appear.react16-slide-down-appear-active { + animation-name: antSlideDownIn; + animation-play-state: running; +} +.react16-slide-down-leave.react16-slide-down-leave-active { + animation-name: antSlideDownOut; + animation-play-state: running; + pointer-events: none; +} +.react16-slide-down-enter, +.react16-slide-down-appear { + opacity: 0; + animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); +} +.react16-slide-down-leave { + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); +} +.react16-slide-left-enter, +.react16-slide-left-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-slide-left-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-slide-left-enter.react16-slide-left-enter-active, +.react16-slide-left-appear.react16-slide-left-appear-active { + animation-name: antSlideLeftIn; + animation-play-state: running; +} +.react16-slide-left-leave.react16-slide-left-leave-active { + animation-name: antSlideLeftOut; + animation-play-state: running; + pointer-events: none; +} +.react16-slide-left-enter, +.react16-slide-left-appear { + opacity: 0; + animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); +} +.react16-slide-left-leave { + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); +} +.react16-slide-right-enter, +.react16-slide-right-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-slide-right-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-slide-right-enter.react16-slide-right-enter-active, +.react16-slide-right-appear.react16-slide-right-appear-active { + animation-name: antSlideRightIn; + animation-play-state: running; +} +.react16-slide-right-leave.react16-slide-right-leave-active { + animation-name: antSlideRightOut; + animation-play-state: running; + pointer-events: none; +} +.react16-slide-right-enter, +.react16-slide-right-appear { + opacity: 0; + animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); +} +.react16-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; + } +} +.react16-zoom-enter, +.react16-zoom-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-zoom-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-zoom-enter.react16-zoom-enter-active, +.react16-zoom-appear.react16-zoom-appear-active { + animation-name: antZoomIn; + animation-play-state: running; +} +.react16-zoom-leave.react16-zoom-leave-active { + animation-name: antZoomOut; + animation-play-state: running; + pointer-events: none; +} +.react16-zoom-enter, +.react16-zoom-appear { + transform: scale(0); + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.react16-zoom-enter-prepare, +.react16-zoom-appear-prepare { + transform: none; +} +.react16-zoom-leave { + animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.react16-zoom-big-enter, +.react16-zoom-big-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-zoom-big-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-zoom-big-enter.react16-zoom-big-enter-active, +.react16-zoom-big-appear.react16-zoom-big-appear-active { + animation-name: antZoomBigIn; + animation-play-state: running; +} +.react16-zoom-big-leave.react16-zoom-big-leave-active { + animation-name: antZoomBigOut; + animation-play-state: running; + pointer-events: none; +} +.react16-zoom-big-enter, +.react16-zoom-big-appear { + transform: scale(0); + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.react16-zoom-big-enter-prepare, +.react16-zoom-big-appear-prepare { + transform: none; +} +.react16-zoom-big-leave { + animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.react16-zoom-big-fast-enter, +.react16-zoom-big-fast-appear { + animation-duration: 0.1s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-zoom-big-fast-leave { + animation-duration: 0.1s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-zoom-big-fast-enter.react16-zoom-big-fast-enter-active, +.react16-zoom-big-fast-appear.react16-zoom-big-fast-appear-active { + animation-name: antZoomBigIn; + animation-play-state: running; +} +.react16-zoom-big-fast-leave.react16-zoom-big-fast-leave-active { + animation-name: antZoomBigOut; + animation-play-state: running; + pointer-events: none; +} +.react16-zoom-big-fast-enter, +.react16-zoom-big-fast-appear { + transform: scale(0); + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.react16-zoom-big-fast-enter-prepare, +.react16-zoom-big-fast-appear-prepare { + transform: none; +} +.react16-zoom-big-fast-leave { + animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.react16-zoom-up-enter, +.react16-zoom-up-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-zoom-up-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-zoom-up-enter.react16-zoom-up-enter-active, +.react16-zoom-up-appear.react16-zoom-up-appear-active { + animation-name: antZoomUpIn; + animation-play-state: running; +} +.react16-zoom-up-leave.react16-zoom-up-leave-active { + animation-name: antZoomUpOut; + animation-play-state: running; + pointer-events: none; +} +.react16-zoom-up-enter, +.react16-zoom-up-appear { + transform: scale(0); + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.react16-zoom-up-enter-prepare, +.react16-zoom-up-appear-prepare { + transform: none; +} +.react16-zoom-up-leave { + animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.react16-zoom-down-enter, +.react16-zoom-down-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-zoom-down-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-zoom-down-enter.react16-zoom-down-enter-active, +.react16-zoom-down-appear.react16-zoom-down-appear-active { + animation-name: antZoomDownIn; + animation-play-state: running; +} +.react16-zoom-down-leave.react16-zoom-down-leave-active { + animation-name: antZoomDownOut; + animation-play-state: running; + pointer-events: none; +} +.react16-zoom-down-enter, +.react16-zoom-down-appear { + transform: scale(0); + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.react16-zoom-down-enter-prepare, +.react16-zoom-down-appear-prepare { + transform: none; +} +.react16-zoom-down-leave { + animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.react16-zoom-left-enter, +.react16-zoom-left-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-zoom-left-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-zoom-left-enter.react16-zoom-left-enter-active, +.react16-zoom-left-appear.react16-zoom-left-appear-active { + animation-name: antZoomLeftIn; + animation-play-state: running; +} +.react16-zoom-left-leave.react16-zoom-left-leave-active { + animation-name: antZoomLeftOut; + animation-play-state: running; + pointer-events: none; +} +.react16-zoom-left-enter, +.react16-zoom-left-appear { + transform: scale(0); + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.react16-zoom-left-enter-prepare, +.react16-zoom-left-appear-prepare { + transform: none; +} +.react16-zoom-left-leave { + animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.react16-zoom-right-enter, +.react16-zoom-right-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-zoom-right-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.react16-zoom-right-enter.react16-zoom-right-enter-active, +.react16-zoom-right-appear.react16-zoom-right-appear-active { + animation-name: antZoomRightIn; + animation-play-state: running; +} +.react16-zoom-right-leave.react16-zoom-right-leave-active { + animation-name: antZoomRightOut; + animation-play-state: running; + pointer-events: none; +} +.react16-zoom-right-enter, +.react16-zoom-right-appear { + transform: scale(0); + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.react16-zoom-right-enter-prepare, +.react16-zoom-right-appear-prepare { + transform: none; +} +.react16-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; +} +.react16-affix { + position: fixed; + z-index: 10; +} +.react16-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; +} +.react16-alert-content { + flex: 1; + min-width: 0; +} +.react16-alert-icon { + margin-right: 8px; +} +.react16-alert-description { + display: none; + font-size: 14px; + line-height: 22px; +} +.react16-alert-success { + background-color: var(--react16-success-color-deprecated-bg); + border: 1px solid var(--react16-success-color-deprecated-border); +} +.react16-alert-success .react16-alert-icon { + color: var(--react16-success-color); +} +.react16-alert-info { + background-color: var(--react16-info-color-deprecated-bg); + border: 1px solid var(--react16-info-color-deprecated-border); +} +.react16-alert-info .react16-alert-icon { + color: var(--react16-info-color); +} +.react16-alert-warning { + background-color: var(--react16-warning-color-deprecated-bg); + border: 1px solid var(--react16-warning-color-deprecated-border); +} +.react16-alert-warning .react16-alert-icon { + color: var(--react16-warning-color); +} +.react16-alert-error { + background-color: var(--react16-error-color-deprecated-bg); + border: 1px solid var(--react16-error-color-deprecated-border); +} +.react16-alert-error .react16-alert-icon { + color: var(--react16-error-color); +} +.react16-alert-error .react16-alert-description > pre { + margin: 0; + padding: 0; +} +.react16-alert-action { + margin-left: 8px; +} +.react16-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; +} +.react16-alert-close-icon .anticon-close { + color: rgba(0, 0, 0, 0.45); + transition: color 0.3s; +} +.react16-alert-close-icon .anticon-close:hover { + color: rgba(0, 0, 0, 0.75); +} +.react16-alert-close-text { + color: rgba(0, 0, 0, 0.45); + transition: color 0.3s; +} +.react16-alert-close-text:hover { + color: rgba(0, 0, 0, 0.75); +} +.react16-alert-with-description { + align-items: flex-start; + padding: 15px 15px 15px 24px; +} +.react16-alert-with-description.react16-alert-no-icon { + padding: 15px 15px; +} +.react16-alert-with-description .react16-alert-icon { + margin-right: 15px; + font-size: 24px; +} +.react16-alert-with-description .react16-alert-message { + display: block; + margin-bottom: 4px; + color: rgba(0, 0, 0, 0.85); + font-size: 16px; +} +.react16-alert-message { + color: rgba(0, 0, 0, 0.85); +} +.react16-alert-with-description .react16-alert-description { + display: block; +} +.react16-alert.react16-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); +} +.react16-alert.react16-alert-motion-leave-active { + max-height: 0; + margin-bottom: 0 !important; + padding-top: 0; + padding-bottom: 0; + opacity: 0; +} +.react16-alert-banner { + margin-bottom: 0; + border: 0; + border-radius: 0; +} +.react16-alert.react16-alert-rtl { + direction: rtl; +} +.react16-alert-rtl .react16-alert-icon { + margin-right: auto; + margin-left: 8px; +} +.react16-alert-rtl .react16-alert-action { + margin-right: 8px; + margin-left: auto; +} +.react16-alert-rtl .react16-alert-close-icon { + margin-right: 8px; + margin-left: auto; +} +.react16-alert-rtl.react16-alert-with-description { + padding-right: 24px; + padding-left: 15px; +} +.react16-alert-rtl.react16-alert-with-description .react16-alert-icon { + margin-right: auto; + margin-left: 15px; +} +.react16-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; +} +.react16-anchor-wrapper { + margin-left: -4px; + padding-left: 4px; + overflow: auto; + background-color: transparent; +} +.react16-anchor-ink { + position: absolute; + top: 0; + left: 0; + height: 100%; +} +.react16-anchor-ink::before { + position: relative; + display: block; + width: 2px; + height: 100%; + margin: 0 auto; + background-color: rgba(0, 0, 0, 0.06); + content: ' '; +} +.react16-anchor-ink-ball { + position: absolute; + left: 50%; + display: none; + width: 8px; + height: 8px; + background-color: #fff; + border: 2px solid var(--react16-primary-color); + border-radius: 8px; + transform: translateX(-50%); + transition: top 0.3s ease-in-out; +} +.react16-anchor-ink-ball.visible { + display: inline-block; +} +.react16-anchor-fixed .react16-anchor-ink .react16-anchor-ink-ball { + display: none; +} +.react16-anchor-link { + padding: 4px 0 4px 16px; +} +.react16-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; +} +.react16-anchor-link-title:only-child { + margin-bottom: 0; +} +.react16-anchor-link-active > .react16-anchor-link-title { + color: var(--react16-primary-color); +} +.react16-anchor-link .react16-anchor-link { + padding-top: 2px; + padding-bottom: 2px; +} +.react16-anchor-rtl { + direction: rtl; +} +.react16-anchor-rtl.react16-anchor-wrapper { + margin-right: -4px; + margin-left: 0; + padding-right: 4px; + padding-left: 0; +} +.react16-anchor-rtl .react16-anchor-ink { + right: 0; + left: auto; +} +.react16-anchor-rtl .react16-anchor-ink-ball { + right: 50%; + left: 0; + transform: translateX(50%); +} +.react16-anchor-rtl .react16-anchor-link { + padding: 4px 16px 4px 0; +} +.react16-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'; +} +.react16-select-auto-complete .react16-select-clear { + right: 13px; +} +.react16-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%; +} +.react16-avatar-image { + background: transparent; +} +.react16-avatar .react16-image-img { + display: block; +} +.react16-avatar-string { + position: absolute; + left: 50%; + transform-origin: 0 center; +} +.react16-avatar.react16-avatar-icon { + font-size: 18px; +} +.react16-avatar.react16-avatar-icon > .anticon { + margin: 0; +} +.react16-avatar-lg { + width: 40px; + height: 40px; + line-height: 40px; + border-radius: 50%; +} +.react16-avatar-lg-string { + position: absolute; + left: 50%; + transform-origin: 0 center; +} +.react16-avatar-lg.react16-avatar-icon { + font-size: 24px; +} +.react16-avatar-lg.react16-avatar-icon > .anticon { + margin: 0; +} +.react16-avatar-sm { + width: 24px; + height: 24px; + line-height: 24px; + border-radius: 50%; +} +.react16-avatar-sm-string { + position: absolute; + left: 50%; + transform-origin: 0 center; +} +.react16-avatar-sm.react16-avatar-icon { + font-size: 14px; +} +.react16-avatar-sm.react16-avatar-icon > .anticon { + margin: 0; +} +.react16-avatar-square { + border-radius: 2px; +} +.react16-avatar > img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; +} +.react16-avatar-group { + display: inline-flex; +} +.react16-avatar-group .react16-avatar { + border: 1px solid #fff; +} +.react16-avatar-group .react16-avatar:not(:first-child) { + margin-left: -8px; +} +.react16-avatar-group-popover .react16-avatar + .react16-avatar { + margin-left: 3px; +} +.react16-avatar-group-rtl .react16-avatar:not(:first-child) { + margin-right: -8px; + margin-left: 0; +} +.react16-avatar-group-popover.react16-popover-rtl .react16-avatar + .react16-avatar { + margin-right: 3px; + margin-left: 0; +} +.react16-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; +} +.react16-back-top:empty { + display: none; +} +.react16-back-top-rtl { + right: auto; + left: 100px; + direction: rtl; +} +.react16-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; +} +.react16-back-top-content:hover { + background-color: rgba(0, 0, 0, 0.85); + transition: all 0.3s; +} +.react16-back-top-icon { + font-size: 24px; + line-height: 40px; +} +@media screen and (max-width: 768px) { + .react16-back-top { + right: 60px; + } + .react16-back-top-rtl { + right: auto; + left: 60px; + } +} +@media screen and (max-width: 480px) { + .react16-back-top { + right: 20px; + } + .react16-back-top-rtl { + right: auto; + left: 20px; + } +} +.react16-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; +} +.react16-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; +} +.react16-badge-count a, +.react16-badge-count a:hover { + color: #fff; +} +.react16-badge-count-sm { + min-width: 14px; + height: 14px; + padding: 0; + font-size: 12px; + line-height: 14px; + border-radius: 7px; +} +.react16-badge-multiple-words { + padding: 0 8px; +} +.react16-badge-dot { + z-index: auto; + width: 6px; + min-width: 6px; + height: 6px; + background: #ff4d4f; + border-radius: 100%; + box-shadow: 0 0 0 1px #fff; +} +.react16-badge-dot.react16-scroll-number { + transition: background 1.5s; +} +.react16-badge-count, +.react16-badge-dot, +.react16-badge .react16-scroll-number-custom-component { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + transform-origin: 100% 0%; +} +.react16-badge-count.anticon-spin, +.react16-badge-dot.anticon-spin, +.react16-badge .react16-scroll-number-custom-component.anticon-spin { + animation: antBadgeLoadingCircle 1s infinite linear; +} +.react16-badge-status { + line-height: inherit; + vertical-align: baseline; +} +.react16-badge-status-dot { + position: relative; + top: -1px; + display: inline-block; + width: 6px; + height: 6px; + vertical-align: middle; + border-radius: 50%; +} +.react16-badge-status-success { + background-color: var(--react16-success-color); +} +.react16-badge-status-processing { + position: relative; + background-color: var(--react16-primary-color); +} +.react16-badge-status-processing::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 1px solid var(--react16-primary-color); + border-radius: 50%; + animation: antStatusProcessing 1.2s infinite ease-in-out; + content: ''; +} +.react16-badge-status-default { + background-color: #d9d9d9; +} +.react16-badge-status-error { + background-color: var(--react16-error-color); +} +.react16-badge-status-warning { + background-color: var(--react16-warning-color); +} +.react16-badge-status-pink { + background: #eb2f96; +} +.react16-badge-status-magenta { + background: #eb2f96; +} +.react16-badge-status-red { + background: #f5222d; +} +.react16-badge-status-volcano { + background: #fa541c; +} +.react16-badge-status-orange { + background: #fa8c16; +} +.react16-badge-status-yellow { + background: #fadb14; +} +.react16-badge-status-gold { + background: #faad14; +} +.react16-badge-status-cyan { + background: #13c2c2; +} +.react16-badge-status-lime { + background: #a0d911; +} +.react16-badge-status-green { + background: #52c41a; +} +.react16-badge-status-blue { + background: #1890ff; +} +.react16-badge-status-geekblue { + background: #2f54eb; +} +.react16-badge-status-purple { + background: #722ed1; +} +.react16-badge-status-text { + margin-left: 8px; + color: rgba(0, 0, 0, 0.85); + font-size: 14px; +} +.react16-badge-zoom-appear, +.react16-badge-zoom-enter { + animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); + animation-fill-mode: both; +} +.react16-badge-zoom-leave { + animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6); + animation-fill-mode: both; +} +.react16-badge-not-a-wrapper .react16-badge-zoom-appear, +.react16-badge-not-a-wrapper .react16-badge-zoom-enter { + animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); +} +.react16-badge-not-a-wrapper .react16-badge-zoom-leave { + animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6); +} +.react16-badge-not-a-wrapper:not(.react16-badge-status) { + vertical-align: middle; +} +.react16-badge-not-a-wrapper .react16-scroll-number-custom-component, +.react16-badge-not-a-wrapper .react16-badge-count { + transform: none; +} +.react16-badge-not-a-wrapper .react16-scroll-number-custom-component, +.react16-badge-not-a-wrapper .react16-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; + } +} +.react16-scroll-number { + overflow: hidden; + direction: ltr; +} +.react16-scroll-number-only { + position: relative; + display: inline-block; + height: 20px; + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + /* stylelint-disable property-no-vendor-prefix */ + -webkit-transform-style: preserve-3d; + -webkit-backface-visibility: hidden; + /* stylelint-enable property-no-vendor-prefix */ +} +.react16-scroll-number-only > p.react16-scroll-number-only-unit { + height: 20px; + margin: 0; + /* stylelint-disable property-no-vendor-prefix */ + -webkit-transform-style: preserve-3d; + -webkit-backface-visibility: hidden; + /* stylelint-enable property-no-vendor-prefix */ +} +.react16-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%; + } +} +.react16-ribbon-wrapper { + position: relative; +} +.react16-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: var(--react16-primary-color); + border-radius: 2px; +} +.react16-ribbon-text { + color: #fff; +} +.react16-ribbon-corner { + position: absolute; + top: 100%; + width: 8px; + height: 8px; + color: currentcolor; + border: 4px solid; + transform: scaleY(0.75); + transform-origin: top; +} +.react16-ribbon-corner::after { + position: absolute; + top: -4px; + left: -4px; + width: inherit; + height: inherit; + color: rgba(0, 0, 0, 0.25); + border: inherit; + content: ''; +} +.react16-ribbon-color-pink { + color: #eb2f96; + background: #eb2f96; +} +.react16-ribbon-color-magenta { + color: #eb2f96; + background: #eb2f96; +} +.react16-ribbon-color-red { + color: #f5222d; + background: #f5222d; +} +.react16-ribbon-color-volcano { + color: #fa541c; + background: #fa541c; +} +.react16-ribbon-color-orange { + color: #fa8c16; + background: #fa8c16; +} +.react16-ribbon-color-yellow { + color: #fadb14; + background: #fadb14; +} +.react16-ribbon-color-gold { + color: #faad14; + background: #faad14; +} +.react16-ribbon-color-cyan { + color: #13c2c2; + background: #13c2c2; +} +.react16-ribbon-color-lime { + color: #a0d911; + background: #a0d911; +} +.react16-ribbon-color-green { + color: #52c41a; + background: #52c41a; +} +.react16-ribbon-color-blue { + color: #1890ff; + background: #1890ff; +} +.react16-ribbon-color-geekblue { + color: #2f54eb; + background: #2f54eb; +} +.react16-ribbon-color-purple { + color: #722ed1; + background: #722ed1; +} +.react16-ribbon.react16-ribbon-placement-end { + right: -8px; + border-bottom-right-radius: 0; +} +.react16-ribbon.react16-ribbon-placement-end .react16-ribbon-corner { + right: 0; + border-color: currentcolor transparent transparent currentcolor; +} +.react16-ribbon.react16-ribbon-placement-start { + left: -8px; + border-bottom-left-radius: 0; +} +.react16-ribbon.react16-ribbon-placement-start .react16-ribbon-corner { + left: 0; + border-color: currentcolor currentcolor transparent transparent; +} +.react16-badge-rtl { + direction: rtl; +} +.react16-badge-rtl.react16-badge:not(.react16-badge-not-a-wrapper) .react16-badge-count, +.react16-badge-rtl.react16-badge:not(.react16-badge-not-a-wrapper) .react16-badge-dot, +.react16-badge-rtl.react16-badge:not(.react16-badge-not-a-wrapper) .react16-scroll-number-custom-component { + right: auto; + left: 0; + direction: ltr; + transform: translate(-50%, -50%); + transform-origin: 0% 0%; +} +.react16-badge-rtl.react16-badge:not(.react16-badge-not-a-wrapper) .react16-scroll-number-custom-component { + right: auto; + left: 0; + transform: translate(-50%, -50%); + transform-origin: 0% 0%; +} +.react16-badge-rtl .react16-badge-status-text { + margin-right: 8px; + margin-left: 0; +} +.react16-badge:not(.react16-badge-not-a-wrapper).react16-badge-rtl .react16-badge-zoom-appear, +.react16-badge:not(.react16-badge-not-a-wrapper).react16-badge-rtl .react16-badge-zoom-enter { + animation-name: antZoomBadgeInRtl; +} +.react16-badge:not(.react16-badge-not-a-wrapper).react16-badge-rtl .react16-badge-zoom-leave { + animation-name: antZoomBadgeOutRtl; +} +.react16-ribbon-rtl { + direction: rtl; +} +.react16-ribbon-rtl.react16-ribbon-placement-end { + right: unset; + left: -8px; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 0; +} +.react16-ribbon-rtl.react16-ribbon-placement-end .react16-ribbon-corner { + right: unset; + left: 0; + border-color: currentcolor currentcolor transparent transparent; +} +.react16-ribbon-rtl.react16-ribbon-placement-end .react16-ribbon-corner::after { + border-color: currentcolor currentcolor transparent transparent; +} +.react16-ribbon-rtl.react16-ribbon-placement-start { + right: -8px; + left: unset; + border-bottom-right-radius: 0; + border-bottom-left-radius: 2px; +} +.react16-ribbon-rtl.react16-ribbon-placement-start .react16-ribbon-corner { + right: 0; + left: unset; + border-color: currentcolor transparent transparent currentcolor; +} +.react16-ribbon-rtl.react16-ribbon-placement-start .react16-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; + } +} +.react16-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; +} +.react16-breadcrumb .anticon { + font-size: 14px; +} +.react16-breadcrumb ol { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style: none; +} +.react16-breadcrumb a { + color: rgba(0, 0, 0, 0.45); + transition: color 0.3s; +} +.react16-breadcrumb a:hover { + color: rgba(0, 0, 0, 0.85); +} +.react16-breadcrumb li:last-child { + color: rgba(0, 0, 0, 0.85); +} +.react16-breadcrumb li:last-child a { + color: rgba(0, 0, 0, 0.85); +} +li:last-child > .react16-breadcrumb-separator { + display: none; +} +.react16-breadcrumb-separator { + margin: 0 8px; + color: rgba(0, 0, 0, 0.45); +} +.react16-breadcrumb-link > .anticon + span, +.react16-breadcrumb-link > .anticon + a { + margin-left: 4px; +} +.react16-breadcrumb-overlay-link > .anticon { + margin-left: 4px; +} +.react16-breadcrumb-rtl { + direction: rtl; +} +.react16-breadcrumb-rtl::before { + display: table; + content: ''; +} +.react16-breadcrumb-rtl::after { + display: table; + clear: both; + content: ''; +} +.react16-breadcrumb-rtl::before { + display: table; + content: ''; +} +.react16-breadcrumb-rtl::after { + display: table; + clear: both; + content: ''; +} +.react16-breadcrumb-rtl > span { + float: right; +} +.react16-breadcrumb-rtl .react16-breadcrumb-link > .anticon + span, +.react16-breadcrumb-rtl .react16-breadcrumb-link > .anticon + a { + margin-right: 4px; + margin-left: 0; +} +.react16-breadcrumb-rtl .react16-breadcrumb-overlay-link > .anticon { + margin-right: 4px; + margin-left: 0; +} +.react16-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); + 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; +} +.react16-btn > .anticon { + line-height: 1; +} +.react16-btn, +.react16-btn:active, +.react16-btn:focus { + outline: 0; +} +.react16-btn:not([disabled]):hover { + text-decoration: none; +} +.react16-btn:not([disabled]):active { + outline: 0; + box-shadow: none; +} +.react16-btn[disabled] { + cursor: not-allowed; +} +.react16-btn[disabled] > * { + pointer-events: none; +} +.react16-btn-lg { + height: 40px; + padding: 6.4px 15px; + font-size: 16px; + border-radius: 2px; +} +.react16-btn-sm { + height: 24px; + padding: 0px 7px; + font-size: 14px; + border-radius: 2px; +} +.react16-btn > a:only-child { + color: currentcolor; +} +.react16-btn > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn:hover, +.react16-btn:focus { + color: var(--react16-primary-color-hover); + border-color: var(--react16-primary-color-hover); + background: #fff; +} +.react16-btn:hover > a:only-child, +.react16-btn:focus > a:only-child { + color: currentcolor; +} +.react16-btn:hover > a:only-child::after, +.react16-btn:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn:active { + color: var(--react16-primary-color-active); + border-color: var(--react16-primary-color-active); + background: #fff; +} +.react16-btn:active > a:only-child { + color: currentcolor; +} +.react16-btn:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn[disabled], +.react16-btn[disabled]:hover, +.react16-btn[disabled]:focus, +.react16-btn[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: #d9d9d9; + background: #f5f5f5; + text-shadow: none; + box-shadow: none; +} +.react16-btn[disabled] > a:only-child, +.react16-btn[disabled]:hover > a:only-child, +.react16-btn[disabled]:focus > a:only-child, +.react16-btn[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn[disabled] > a:only-child::after, +.react16-btn[disabled]:hover > a:only-child::after, +.react16-btn[disabled]:focus > a:only-child::after, +.react16-btn[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn:hover, +.react16-btn:focus, +.react16-btn:active { + text-decoration: none; + background: #fff; +} +.react16-btn > span { + display: inline-block; +} +.react16-btn-primary { + color: #fff; + border-color: var(--react16-primary-color); + background: var(--react16-primary-color); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); +} +.react16-btn-primary > a:only-child { + color: currentcolor; +} +.react16-btn-primary > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-primary:hover, +.react16-btn-primary:focus { + color: #fff; + border-color: var(--react16-primary-color-hover); + background: var(--react16-primary-color-hover); +} +.react16-btn-primary:hover > a:only-child, +.react16-btn-primary:focus > a:only-child { + color: currentcolor; +} +.react16-btn-primary:hover > a:only-child::after, +.react16-btn-primary:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-primary:active { + color: #fff; + border-color: var(--react16-primary-color-active); + background: var(--react16-primary-color-active); +} +.react16-btn-primary:active > a:only-child { + color: currentcolor; +} +.react16-btn-primary:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-primary[disabled], +.react16-btn-primary[disabled]:hover, +.react16-btn-primary[disabled]:focus, +.react16-btn-primary[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: #d9d9d9; + background: #f5f5f5; + text-shadow: none; + box-shadow: none; +} +.react16-btn-primary[disabled] > a:only-child, +.react16-btn-primary[disabled]:hover > a:only-child, +.react16-btn-primary[disabled]:focus > a:only-child, +.react16-btn-primary[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-primary[disabled] > a:only-child::after, +.react16-btn-primary[disabled]:hover > a:only-child::after, +.react16-btn-primary[disabled]:focus > a:only-child::after, +.react16-btn-primary[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-group .react16-btn-primary:not(:first-child):not(:last-child) { + border-right-color: var(--react16-primary-5); + border-left-color: var(--react16-primary-5); +} +.react16-btn-group .react16-btn-primary:not(:first-child):not(:last-child):disabled { + border-color: #d9d9d9; +} +.react16-btn-group .react16-btn-primary:first-child:not(:last-child) { + border-right-color: var(--react16-primary-5); +} +.react16-btn-group .react16-btn-primary:first-child:not(:last-child)[disabled] { + border-right-color: #d9d9d9; +} +.react16-btn-group .react16-btn-primary:last-child:not(:first-child), +.react16-btn-group .react16-btn-primary + .react16-btn-primary { + border-left-color: var(--react16-primary-5); +} +.react16-btn-group .react16-btn-primary:last-child:not(:first-child)[disabled], +.react16-btn-group .react16-btn-primary + .react16-btn-primary[disabled] { + border-left-color: #d9d9d9; +} +.react16-btn-ghost { + color: rgba(0, 0, 0, 0.85); + border-color: #d9d9d9; + background: transparent; +} +.react16-btn-ghost > a:only-child { + color: currentcolor; +} +.react16-btn-ghost > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-ghost:hover, +.react16-btn-ghost:focus { + color: var(--react16-primary-color-hover); + border-color: var(--react16-primary-color-hover); + background: transparent; +} +.react16-btn-ghost:hover > a:only-child, +.react16-btn-ghost:focus > a:only-child { + color: currentcolor; +} +.react16-btn-ghost:hover > a:only-child::after, +.react16-btn-ghost:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-ghost:active { + color: var(--react16-primary-color-active); + border-color: var(--react16-primary-color-active); + background: transparent; +} +.react16-btn-ghost:active > a:only-child { + color: currentcolor; +} +.react16-btn-ghost:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-ghost[disabled], +.react16-btn-ghost[disabled]:hover, +.react16-btn-ghost[disabled]:focus, +.react16-btn-ghost[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: #d9d9d9; + background: #f5f5f5; + text-shadow: none; + box-shadow: none; +} +.react16-btn-ghost[disabled] > a:only-child, +.react16-btn-ghost[disabled]:hover > a:only-child, +.react16-btn-ghost[disabled]:focus > a:only-child, +.react16-btn-ghost[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-ghost[disabled] > a:only-child::after, +.react16-btn-ghost[disabled]:hover > a:only-child::after, +.react16-btn-ghost[disabled]:focus > a:only-child::after, +.react16-btn-ghost[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dashed { + color: rgba(0, 0, 0, 0.85); + border-color: #d9d9d9; + background: #fff; + border-style: dashed; +} +.react16-btn-dashed > a:only-child { + color: currentcolor; +} +.react16-btn-dashed > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dashed:hover, +.react16-btn-dashed:focus { + color: var(--react16-primary-color-hover); + border-color: var(--react16-primary-color-hover); + background: #fff; +} +.react16-btn-dashed:hover > a:only-child, +.react16-btn-dashed:focus > a:only-child { + color: currentcolor; +} +.react16-btn-dashed:hover > a:only-child::after, +.react16-btn-dashed:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dashed:active { + color: var(--react16-primary-color-active); + border-color: var(--react16-primary-color-active); + background: #fff; +} +.react16-btn-dashed:active > a:only-child { + color: currentcolor; +} +.react16-btn-dashed:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dashed[disabled], +.react16-btn-dashed[disabled]:hover, +.react16-btn-dashed[disabled]:focus, +.react16-btn-dashed[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: #d9d9d9; + background: #f5f5f5; + text-shadow: none; + box-shadow: none; +} +.react16-btn-dashed[disabled] > a:only-child, +.react16-btn-dashed[disabled]:hover > a:only-child, +.react16-btn-dashed[disabled]:focus > a:only-child, +.react16-btn-dashed[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-dashed[disabled] > a:only-child::after, +.react16-btn-dashed[disabled]:hover > a:only-child::after, +.react16-btn-dashed[disabled]:focus > a:only-child::after, +.react16-btn-dashed[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-danger { + color: #fff; + border-color: var(--react16-error-color); + background: var(--react16-error-color); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); +} +.react16-btn-danger > a:only-child { + color: currentcolor; +} +.react16-btn-danger > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-danger:hover, +.react16-btn-danger:focus { + color: #fff; + border-color: var(--react16-error-color-hover); + background: var(--react16-error-color-hover); +} +.react16-btn-danger:hover > a:only-child, +.react16-btn-danger:focus > a:only-child { + color: currentcolor; +} +.react16-btn-danger:hover > a:only-child::after, +.react16-btn-danger:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-danger:active { + color: #fff; + border-color: var(--react16-error-color-active); + background: var(--react16-error-color-active); +} +.react16-btn-danger:active > a:only-child { + color: currentcolor; +} +.react16-btn-danger:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-danger[disabled], +.react16-btn-danger[disabled]:hover, +.react16-btn-danger[disabled]:focus, +.react16-btn-danger[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: #d9d9d9; + background: #f5f5f5; + text-shadow: none; + box-shadow: none; +} +.react16-btn-danger[disabled] > a:only-child, +.react16-btn-danger[disabled]:hover > a:only-child, +.react16-btn-danger[disabled]:focus > a:only-child, +.react16-btn-danger[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-danger[disabled] > a:only-child::after, +.react16-btn-danger[disabled]:hover > a:only-child::after, +.react16-btn-danger[disabled]:focus > a:only-child::after, +.react16-btn-danger[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-link { + color: var(--react16-primary-color); + border-color: transparent; + background: transparent; + box-shadow: none; +} +.react16-btn-link > a:only-child { + color: currentcolor; +} +.react16-btn-link > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-link:hover, +.react16-btn-link:focus { + color: var(--react16-primary-color-hover); + border-color: var(--react16-primary-color-hover); + background: transparent; +} +.react16-btn-link:hover > a:only-child, +.react16-btn-link:focus > a:only-child { + color: currentcolor; +} +.react16-btn-link:hover > a:only-child::after, +.react16-btn-link:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-link:active { + color: var(--react16-primary-color-active); + border-color: var(--react16-primary-color-active); + background: transparent; +} +.react16-btn-link:active > a:only-child { + color: currentcolor; +} +.react16-btn-link:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-link[disabled], +.react16-btn-link[disabled]:hover, +.react16-btn-link[disabled]:focus, +.react16-btn-link[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: #d9d9d9; + background: #f5f5f5; + text-shadow: none; + box-shadow: none; +} +.react16-btn-link[disabled] > a:only-child, +.react16-btn-link[disabled]:hover > a:only-child, +.react16-btn-link[disabled]:focus > a:only-child, +.react16-btn-link[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-link[disabled] > a:only-child::after, +.react16-btn-link[disabled]:hover > a:only-child::after, +.react16-btn-link[disabled]:focus > a:only-child::after, +.react16-btn-link[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-link:hover { + background: transparent; +} +.react16-btn-link:hover, +.react16-btn-link:focus, +.react16-btn-link:active { + border-color: transparent; +} +.react16-btn-link[disabled], +.react16-btn-link[disabled]:hover, +.react16-btn-link[disabled]:focus, +.react16-btn-link[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: transparent; + background: transparent; + text-shadow: none; + box-shadow: none; +} +.react16-btn-link[disabled] > a:only-child, +.react16-btn-link[disabled]:hover > a:only-child, +.react16-btn-link[disabled]:focus > a:only-child, +.react16-btn-link[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-link[disabled] > a:only-child::after, +.react16-btn-link[disabled]:hover > a:only-child::after, +.react16-btn-link[disabled]:focus > a:only-child::after, +.react16-btn-link[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-text { + color: rgba(0, 0, 0, 0.85); + border-color: transparent; + background: transparent; + box-shadow: none; +} +.react16-btn-text > a:only-child { + color: currentcolor; +} +.react16-btn-text > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-text:hover, +.react16-btn-text:focus { + color: var(--react16-primary-color-hover); + border-color: var(--react16-primary-color-hover); + background: transparent; +} +.react16-btn-text:hover > a:only-child, +.react16-btn-text:focus > a:only-child { + color: currentcolor; +} +.react16-btn-text:hover > a:only-child::after, +.react16-btn-text:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-text:active { + color: var(--react16-primary-color-active); + border-color: var(--react16-primary-color-active); + background: transparent; +} +.react16-btn-text:active > a:only-child { + color: currentcolor; +} +.react16-btn-text:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-text[disabled], +.react16-btn-text[disabled]:hover, +.react16-btn-text[disabled]:focus, +.react16-btn-text[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: #d9d9d9; + background: #f5f5f5; + text-shadow: none; + box-shadow: none; +} +.react16-btn-text[disabled] > a:only-child, +.react16-btn-text[disabled]:hover > a:only-child, +.react16-btn-text[disabled]:focus > a:only-child, +.react16-btn-text[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-text[disabled] > a:only-child::after, +.react16-btn-text[disabled]:hover > a:only-child::after, +.react16-btn-text[disabled]:focus > a:only-child::after, +.react16-btn-text[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-text:hover, +.react16-btn-text:focus { + color: rgba(0, 0, 0, 0.85); + background: rgba(0, 0, 0, 0.018); + border-color: transparent; +} +.react16-btn-text:active { + color: rgba(0, 0, 0, 0.85); + background: rgba(0, 0, 0, 0.028); + border-color: transparent; +} +.react16-btn-text[disabled], +.react16-btn-text[disabled]:hover, +.react16-btn-text[disabled]:focus, +.react16-btn-text[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: transparent; + background: transparent; + text-shadow: none; + box-shadow: none; +} +.react16-btn-text[disabled] > a:only-child, +.react16-btn-text[disabled]:hover > a:only-child, +.react16-btn-text[disabled]:focus > a:only-child, +.react16-btn-text[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-text[disabled] > a:only-child::after, +.react16-btn-text[disabled]:hover > a:only-child::after, +.react16-btn-text[disabled]:focus > a:only-child::after, +.react16-btn-text[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous { + color: var(--react16-error-color); + border-color: var(--react16-error-color); + background: #fff; +} +.react16-btn-dangerous > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous:hover, +.react16-btn-dangerous:focus { + color: var(--react16-error-color-hover); + border-color: var(--react16-error-color-hover); + background: #fff; +} +.react16-btn-dangerous:hover > a:only-child, +.react16-btn-dangerous:focus > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous:hover > a:only-child::after, +.react16-btn-dangerous:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous:active { + color: var(--react16-error-color-active); + border-color: var(--react16-error-color-active); + background: #fff; +} +.react16-btn-dangerous:active > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous[disabled], +.react16-btn-dangerous[disabled]:hover, +.react16-btn-dangerous[disabled]:focus, +.react16-btn-dangerous[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: #d9d9d9; + background: #f5f5f5; + text-shadow: none; + box-shadow: none; +} +.react16-btn-dangerous[disabled] > a:only-child, +.react16-btn-dangerous[disabled]:hover > a:only-child, +.react16-btn-dangerous[disabled]:focus > a:only-child, +.react16-btn-dangerous[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous[disabled] > a:only-child::after, +.react16-btn-dangerous[disabled]:hover > a:only-child::after, +.react16-btn-dangerous[disabled]:focus > a:only-child::after, +.react16-btn-dangerous[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-primary { + color: #fff; + border-color: var(--react16-error-color); + background: var(--react16-error-color); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); +} +.react16-btn-dangerous.react16-btn-primary > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-primary > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-primary:hover, +.react16-btn-dangerous.react16-btn-primary:focus { + color: #fff; + border-color: var(--react16-error-color-hover); + background: var(--react16-error-color-hover); +} +.react16-btn-dangerous.react16-btn-primary:hover > a:only-child, +.react16-btn-dangerous.react16-btn-primary:focus > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-primary:hover > a:only-child::after, +.react16-btn-dangerous.react16-btn-primary:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-primary:active { + color: #fff; + border-color: var(--react16-error-color-active); + background: var(--react16-error-color-active); +} +.react16-btn-dangerous.react16-btn-primary:active > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-primary:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-primary[disabled], +.react16-btn-dangerous.react16-btn-primary[disabled]:hover, +.react16-btn-dangerous.react16-btn-primary[disabled]:focus, +.react16-btn-dangerous.react16-btn-primary[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: #d9d9d9; + background: #f5f5f5; + text-shadow: none; + box-shadow: none; +} +.react16-btn-dangerous.react16-btn-primary[disabled] > a:only-child, +.react16-btn-dangerous.react16-btn-primary[disabled]:hover > a:only-child, +.react16-btn-dangerous.react16-btn-primary[disabled]:focus > a:only-child, +.react16-btn-dangerous.react16-btn-primary[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-primary[disabled] > a:only-child::after, +.react16-btn-dangerous.react16-btn-primary[disabled]:hover > a:only-child::after, +.react16-btn-dangerous.react16-btn-primary[disabled]:focus > a:only-child::after, +.react16-btn-dangerous.react16-btn-primary[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-link { + color: var(--react16-error-color); + border-color: transparent; + background: transparent; + box-shadow: none; +} +.react16-btn-dangerous.react16-btn-link > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-link > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-link:hover, +.react16-btn-dangerous.react16-btn-link:focus { + color: var(--react16-primary-color-hover); + border-color: var(--react16-primary-color-hover); + background: transparent; +} +.react16-btn-dangerous.react16-btn-link:hover > a:only-child, +.react16-btn-dangerous.react16-btn-link:focus > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-link:hover > a:only-child::after, +.react16-btn-dangerous.react16-btn-link:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-link:active { + color: var(--react16-primary-color-active); + border-color: var(--react16-primary-color-active); + background: transparent; +} +.react16-btn-dangerous.react16-btn-link:active > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-link:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-link[disabled], +.react16-btn-dangerous.react16-btn-link[disabled]:hover, +.react16-btn-dangerous.react16-btn-link[disabled]:focus, +.react16-btn-dangerous.react16-btn-link[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: #d9d9d9; + background: #f5f5f5; + text-shadow: none; + box-shadow: none; +} +.react16-btn-dangerous.react16-btn-link[disabled] > a:only-child, +.react16-btn-dangerous.react16-btn-link[disabled]:hover > a:only-child, +.react16-btn-dangerous.react16-btn-link[disabled]:focus > a:only-child, +.react16-btn-dangerous.react16-btn-link[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-link[disabled] > a:only-child::after, +.react16-btn-dangerous.react16-btn-link[disabled]:hover > a:only-child::after, +.react16-btn-dangerous.react16-btn-link[disabled]:focus > a:only-child::after, +.react16-btn-dangerous.react16-btn-link[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-link:hover, +.react16-btn-dangerous.react16-btn-link:focus { + color: var(--react16-error-color-hover); + border-color: transparent; + background: transparent; +} +.react16-btn-dangerous.react16-btn-link:hover > a:only-child, +.react16-btn-dangerous.react16-btn-link:focus > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-link:hover > a:only-child::after, +.react16-btn-dangerous.react16-btn-link:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-link:active { + color: var(--react16-error-color-active); + border-color: transparent; + background: transparent; +} +.react16-btn-dangerous.react16-btn-link:active > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-link:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-link[disabled], +.react16-btn-dangerous.react16-btn-link[disabled]:hover, +.react16-btn-dangerous.react16-btn-link[disabled]:focus, +.react16-btn-dangerous.react16-btn-link[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: transparent; + background: transparent; + text-shadow: none; + box-shadow: none; +} +.react16-btn-dangerous.react16-btn-link[disabled] > a:only-child, +.react16-btn-dangerous.react16-btn-link[disabled]:hover > a:only-child, +.react16-btn-dangerous.react16-btn-link[disabled]:focus > a:only-child, +.react16-btn-dangerous.react16-btn-link[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-link[disabled] > a:only-child::after, +.react16-btn-dangerous.react16-btn-link[disabled]:hover > a:only-child::after, +.react16-btn-dangerous.react16-btn-link[disabled]:focus > a:only-child::after, +.react16-btn-dangerous.react16-btn-link[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-text { + color: var(--react16-error-color); + border-color: transparent; + background: transparent; + box-shadow: none; +} +.react16-btn-dangerous.react16-btn-text > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-text > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-text:hover, +.react16-btn-dangerous.react16-btn-text:focus { + color: var(--react16-primary-color-hover); + border-color: var(--react16-primary-color-hover); + background: transparent; +} +.react16-btn-dangerous.react16-btn-text:hover > a:only-child, +.react16-btn-dangerous.react16-btn-text:focus > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-text:hover > a:only-child::after, +.react16-btn-dangerous.react16-btn-text:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-text:active { + color: var(--react16-primary-color-active); + border-color: var(--react16-primary-color-active); + background: transparent; +} +.react16-btn-dangerous.react16-btn-text:active > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-text:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-text[disabled], +.react16-btn-dangerous.react16-btn-text[disabled]:hover, +.react16-btn-dangerous.react16-btn-text[disabled]:focus, +.react16-btn-dangerous.react16-btn-text[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: #d9d9d9; + background: #f5f5f5; + text-shadow: none; + box-shadow: none; +} +.react16-btn-dangerous.react16-btn-text[disabled] > a:only-child, +.react16-btn-dangerous.react16-btn-text[disabled]:hover > a:only-child, +.react16-btn-dangerous.react16-btn-text[disabled]:focus > a:only-child, +.react16-btn-dangerous.react16-btn-text[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-text[disabled] > a:only-child::after, +.react16-btn-dangerous.react16-btn-text[disabled]:hover > a:only-child::after, +.react16-btn-dangerous.react16-btn-text[disabled]:focus > a:only-child::after, +.react16-btn-dangerous.react16-btn-text[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-text:hover, +.react16-btn-dangerous.react16-btn-text:focus { + color: var(--react16-error-color-hover); + border-color: transparent; + background: rgba(0, 0, 0, 0.018); +} +.react16-btn-dangerous.react16-btn-text:hover > a:only-child, +.react16-btn-dangerous.react16-btn-text:focus > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-text:hover > a:only-child::after, +.react16-btn-dangerous.react16-btn-text:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-text:active { + color: var(--react16-error-color-active); + border-color: transparent; + background: rgba(0, 0, 0, 0.028); +} +.react16-btn-dangerous.react16-btn-text:active > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-text:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-dangerous.react16-btn-text[disabled], +.react16-btn-dangerous.react16-btn-text[disabled]:hover, +.react16-btn-dangerous.react16-btn-text[disabled]:focus, +.react16-btn-dangerous.react16-btn-text[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: transparent; + background: transparent; + text-shadow: none; + box-shadow: none; +} +.react16-btn-dangerous.react16-btn-text[disabled] > a:only-child, +.react16-btn-dangerous.react16-btn-text[disabled]:hover > a:only-child, +.react16-btn-dangerous.react16-btn-text[disabled]:focus > a:only-child, +.react16-btn-dangerous.react16-btn-text[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-dangerous.react16-btn-text[disabled] > a:only-child::after, +.react16-btn-dangerous.react16-btn-text[disabled]:hover > a:only-child::after, +.react16-btn-dangerous.react16-btn-text[disabled]:focus > a:only-child::after, +.react16-btn-dangerous.react16-btn-text[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-icon-only { + width: 32px; + height: 32px; + padding: 2.4px 0; + font-size: 16px; + border-radius: 2px; + vertical-align: -3px; +} +.react16-btn-icon-only > * { + font-size: 16px; +} +.react16-btn-icon-only.react16-btn-lg { + width: 40px; + height: 40px; + padding: 4.9px 0; + font-size: 18px; + border-radius: 2px; +} +.react16-btn-icon-only.react16-btn-lg > * { + font-size: 18px; +} +.react16-btn-icon-only.react16-btn-sm { + width: 24px; + height: 24px; + padding: 0px 0; + font-size: 14px; + border-radius: 2px; +} +.react16-btn-icon-only.react16-btn-sm > * { + font-size: 14px; +} +.react16-btn-icon-only > .anticon { + display: flex; + justify-content: center; +} +.react16-btn-icon-only .anticon-loading { + padding: 0 !important; +} +a.react16-btn-icon-only { + vertical-align: -1px; +} +a.react16-btn-icon-only > .anticon { + display: inline; +} +.react16-btn-round { + height: 32px; + padding: 4px 16px; + font-size: 14px; + border-radius: 32px; +} +.react16-btn-round.react16-btn-lg { + height: 40px; + padding: 6.4px 20px; + font-size: 16px; + border-radius: 40px; +} +.react16-btn-round.react16-btn-sm { + height: 24px; + padding: 0px 12px; + font-size: 14px; + border-radius: 24px; +} +.react16-btn-round.react16-btn-icon-only { + width: auto; +} +.react16-btn-circle { + min-width: 32px; + padding-right: 0; + padding-left: 0; + text-align: center; + border-radius: 50%; +} +.react16-btn-circle.react16-btn-lg { + min-width: 40px; + border-radius: 50%; +} +.react16-btn-circle.react16-btn-sm { + min-width: 24px; + border-radius: 50%; +} +.react16-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; +} +.react16-btn .anticon { + transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.react16-btn .anticon.anticon-plus > svg, +.react16-btn .anticon.anticon-minus > svg { + shape-rendering: optimizespeed; +} +.react16-btn.react16-btn-loading { + position: relative; + cursor: default; +} +.react16-btn.react16-btn-loading::before { + display: block; +} +.react16-btn > .react16-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); +} +.react16-btn > .react16-btn-loading-icon .anticon { + padding-right: 8px; + animation: none; +} +.react16-btn > .react16-btn-loading-icon .anticon svg { + animation: loadingCircle 1s infinite linear; +} +.react16-btn-group { + position: relative; + display: inline-flex; +} +.react16-btn-group > .react16-btn, +.react16-btn-group > span > .react16-btn { + position: relative; +} +.react16-btn-group > .react16-btn:hover, +.react16-btn-group > span > .react16-btn:hover, +.react16-btn-group > .react16-btn:focus, +.react16-btn-group > span > .react16-btn:focus, +.react16-btn-group > .react16-btn:active, +.react16-btn-group > span > .react16-btn:active { + z-index: 2; +} +.react16-btn-group > .react16-btn[disabled], +.react16-btn-group > span > .react16-btn[disabled] { + z-index: 0; +} +.react16-btn-group .react16-btn-icon-only { + font-size: 14px; +} +.react16-btn-group .react16-btn + .react16-btn, +.react16-btn + .react16-btn-group, +.react16-btn-group span + .react16-btn, +.react16-btn-group .react16-btn + span, +.react16-btn-group > span + span, +.react16-btn-group + .react16-btn, +.react16-btn-group + .react16-btn-group { + margin-left: -1px; +} +.react16-btn-group .react16-btn-primary + .react16-btn:not(.react16-btn-primary):not([disabled]) { + border-left-color: transparent; +} +.react16-btn-group .react16-btn { + border-radius: 0; +} +.react16-btn-group > .react16-btn:first-child, +.react16-btn-group > span:first-child > .react16-btn { + margin-left: 0; +} +.react16-btn-group > .react16-btn:only-child { + border-radius: 2px; +} +.react16-btn-group > span:only-child > .react16-btn { + border-radius: 2px; +} +.react16-btn-group > .react16-btn:first-child:not(:last-child), +.react16-btn-group > span:first-child:not(:last-child) > .react16-btn { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.react16-btn-group > .react16-btn:last-child:not(:first-child), +.react16-btn-group > span:last-child:not(:first-child) > .react16-btn { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.react16-btn-group-sm > .react16-btn:only-child { + border-radius: 2px; +} +.react16-btn-group-sm > span:only-child > .react16-btn { + border-radius: 2px; +} +.react16-btn-group-sm > .react16-btn:first-child:not(:last-child), +.react16-btn-group-sm > span:first-child:not(:last-child) > .react16-btn { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.react16-btn-group-sm > .react16-btn:last-child:not(:first-child), +.react16-btn-group-sm > span:last-child:not(:first-child) > .react16-btn { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.react16-btn-group > .react16-btn-group { + float: left; +} +.react16-btn-group > .react16-btn-group:not(:first-child):not(:last-child) > .react16-btn { + border-radius: 0; +} +.react16-btn-group > .react16-btn-group:first-child:not(:last-child) > .react16-btn:last-child { + padding-right: 8px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.react16-btn-group > .react16-btn-group:last-child:not(:first-child) > .react16-btn:first-child { + padding-left: 8px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.react16-btn-rtl.react16-btn-group .react16-btn + .react16-btn, +.react16-btn-rtl.react16-btn + .react16-btn-group, +.react16-btn-rtl.react16-btn-group span + .react16-btn, +.react16-btn-rtl.react16-btn-group .react16-btn + span, +.react16-btn-rtl.react16-btn-group > span + span, +.react16-btn-rtl.react16-btn-group + .react16-btn, +.react16-btn-rtl.react16-btn-group + .react16-btn-group, +.react16-btn-group-rtl.react16-btn-group .react16-btn + .react16-btn, +.react16-btn-group-rtl.react16-btn + .react16-btn-group, +.react16-btn-group-rtl.react16-btn-group span + .react16-btn, +.react16-btn-group-rtl.react16-btn-group .react16-btn + span, +.react16-btn-group-rtl.react16-btn-group > span + span, +.react16-btn-group-rtl.react16-btn-group + .react16-btn, +.react16-btn-group-rtl.react16-btn-group + .react16-btn-group { + margin-right: -1px; + margin-left: auto; +} +.react16-btn-group.react16-btn-group-rtl { + direction: rtl; +} +.react16-btn-group-rtl.react16-btn-group > .react16-btn:first-child:not(:last-child), +.react16-btn-group-rtl.react16-btn-group > span:first-child:not(:last-child) > .react16-btn { + border-radius: 0 2px 2px 0; +} +.react16-btn-group-rtl.react16-btn-group > .react16-btn:last-child:not(:first-child), +.react16-btn-group-rtl.react16-btn-group > span:last-child:not(:first-child) > .react16-btn { + border-radius: 2px 0 0 2px; +} +.react16-btn-group-rtl.react16-btn-group-sm > .react16-btn:first-child:not(:last-child), +.react16-btn-group-rtl.react16-btn-group-sm > span:first-child:not(:last-child) > .react16-btn { + border-radius: 0 2px 2px 0; +} +.react16-btn-group-rtl.react16-btn-group-sm > .react16-btn:last-child:not(:first-child), +.react16-btn-group-rtl.react16-btn-group-sm > span:last-child:not(:first-child) > .react16-btn { + border-radius: 2px 0 0 2px; +} +.react16-btn:focus > span, +.react16-btn:active > span { + position: relative; +} +.react16-btn > .anticon + span, +.react16-btn > span + .anticon { + margin-left: 8px; +} +.react16-btn.react16-btn-background-ghost { + color: #fff; + border-color: #fff; +} +.react16-btn.react16-btn-background-ghost, +.react16-btn.react16-btn-background-ghost:hover, +.react16-btn.react16-btn-background-ghost:active, +.react16-btn.react16-btn-background-ghost:focus { + background: transparent; +} +.react16-btn.react16-btn-background-ghost:hover, +.react16-btn.react16-btn-background-ghost:focus { + color: var(--react16-primary-color-hover); + border-color: var(--react16-primary-color-hover); +} +.react16-btn.react16-btn-background-ghost:active { + color: var(--react16-primary-color-active); + border-color: var(--react16-primary-color-active); +} +.react16-btn.react16-btn-background-ghost[disabled] { + color: rgba(0, 0, 0, 0.25); + background: transparent; + border-color: #d9d9d9; +} +.react16-btn-background-ghost.react16-btn-primary { + color: var(--react16-primary-color); + border-color: var(--react16-primary-color); + text-shadow: none; +} +.react16-btn-background-ghost.react16-btn-primary > a:only-child { + color: currentcolor; +} +.react16-btn-background-ghost.react16-btn-primary > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-background-ghost.react16-btn-primary:hover, +.react16-btn-background-ghost.react16-btn-primary:focus { + color: var(--react16-primary-color-hover); + border-color: var(--react16-primary-color-hover); + background: transparent; +} +.react16-btn-background-ghost.react16-btn-primary:hover > a:only-child, +.react16-btn-background-ghost.react16-btn-primary:focus > a:only-child { + color: currentcolor; +} +.react16-btn-background-ghost.react16-btn-primary:hover > a:only-child::after, +.react16-btn-background-ghost.react16-btn-primary:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-background-ghost.react16-btn-primary:active { + color: var(--react16-primary-color-active); + border-color: var(--react16-primary-color-active); + background: transparent; +} +.react16-btn-background-ghost.react16-btn-primary:active > a:only-child { + color: currentcolor; +} +.react16-btn-background-ghost.react16-btn-primary:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-background-ghost.react16-btn-primary[disabled], +.react16-btn-background-ghost.react16-btn-primary[disabled]:hover, +.react16-btn-background-ghost.react16-btn-primary[disabled]:focus, +.react16-btn-background-ghost.react16-btn-primary[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: #d9d9d9; + background: #f5f5f5; + text-shadow: none; + box-shadow: none; +} +.react16-btn-background-ghost.react16-btn-primary[disabled] > a:only-child, +.react16-btn-background-ghost.react16-btn-primary[disabled]:hover > a:only-child, +.react16-btn-background-ghost.react16-btn-primary[disabled]:focus > a:only-child, +.react16-btn-background-ghost.react16-btn-primary[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-background-ghost.react16-btn-primary[disabled] > a:only-child::after, +.react16-btn-background-ghost.react16-btn-primary[disabled]:hover > a:only-child::after, +.react16-btn-background-ghost.react16-btn-primary[disabled]:focus > a:only-child::after, +.react16-btn-background-ghost.react16-btn-primary[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-background-ghost.react16-btn-danger { + color: var(--react16-error-color); + border-color: var(--react16-error-color); + text-shadow: none; +} +.react16-btn-background-ghost.react16-btn-danger > a:only-child { + color: currentcolor; +} +.react16-btn-background-ghost.react16-btn-danger > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-background-ghost.react16-btn-danger:hover, +.react16-btn-background-ghost.react16-btn-danger:focus { + color: var(--react16-error-color-hover); + border-color: var(--react16-error-color-hover); + background: transparent; +} +.react16-btn-background-ghost.react16-btn-danger:hover > a:only-child, +.react16-btn-background-ghost.react16-btn-danger:focus > a:only-child { + color: currentcolor; +} +.react16-btn-background-ghost.react16-btn-danger:hover > a:only-child::after, +.react16-btn-background-ghost.react16-btn-danger:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-background-ghost.react16-btn-danger:active { + color: var(--react16-error-color-active); + border-color: var(--react16-error-color-active); + background: transparent; +} +.react16-btn-background-ghost.react16-btn-danger:active > a:only-child { + color: currentcolor; +} +.react16-btn-background-ghost.react16-btn-danger:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-background-ghost.react16-btn-danger[disabled], +.react16-btn-background-ghost.react16-btn-danger[disabled]:hover, +.react16-btn-background-ghost.react16-btn-danger[disabled]:focus, +.react16-btn-background-ghost.react16-btn-danger[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: #d9d9d9; + background: #f5f5f5; + text-shadow: none; + box-shadow: none; +} +.react16-btn-background-ghost.react16-btn-danger[disabled] > a:only-child, +.react16-btn-background-ghost.react16-btn-danger[disabled]:hover > a:only-child, +.react16-btn-background-ghost.react16-btn-danger[disabled]:focus > a:only-child, +.react16-btn-background-ghost.react16-btn-danger[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-background-ghost.react16-btn-danger[disabled] > a:only-child::after, +.react16-btn-background-ghost.react16-btn-danger[disabled]:hover > a:only-child::after, +.react16-btn-background-ghost.react16-btn-danger[disabled]:focus > a:only-child::after, +.react16-btn-background-ghost.react16-btn-danger[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-background-ghost.react16-btn-dangerous { + color: var(--react16-error-color); + border-color: var(--react16-error-color); + text-shadow: none; +} +.react16-btn-background-ghost.react16-btn-dangerous > a:only-child { + color: currentcolor; +} +.react16-btn-background-ghost.react16-btn-dangerous > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-background-ghost.react16-btn-dangerous:hover, +.react16-btn-background-ghost.react16-btn-dangerous:focus { + color: var(--react16-error-color-hover); + border-color: var(--react16-error-color-hover); + background: transparent; +} +.react16-btn-background-ghost.react16-btn-dangerous:hover > a:only-child, +.react16-btn-background-ghost.react16-btn-dangerous:focus > a:only-child { + color: currentcolor; +} +.react16-btn-background-ghost.react16-btn-dangerous:hover > a:only-child::after, +.react16-btn-background-ghost.react16-btn-dangerous:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-background-ghost.react16-btn-dangerous:active { + color: var(--react16-error-color-active); + border-color: var(--react16-error-color-active); + background: transparent; +} +.react16-btn-background-ghost.react16-btn-dangerous:active > a:only-child { + color: currentcolor; +} +.react16-btn-background-ghost.react16-btn-dangerous:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-background-ghost.react16-btn-dangerous[disabled], +.react16-btn-background-ghost.react16-btn-dangerous[disabled]:hover, +.react16-btn-background-ghost.react16-btn-dangerous[disabled]:focus, +.react16-btn-background-ghost.react16-btn-dangerous[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: #d9d9d9; + background: #f5f5f5; + text-shadow: none; + box-shadow: none; +} +.react16-btn-background-ghost.react16-btn-dangerous[disabled] > a:only-child, +.react16-btn-background-ghost.react16-btn-dangerous[disabled]:hover > a:only-child, +.react16-btn-background-ghost.react16-btn-dangerous[disabled]:focus > a:only-child, +.react16-btn-background-ghost.react16-btn-dangerous[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-background-ghost.react16-btn-dangerous[disabled] > a:only-child::after, +.react16-btn-background-ghost.react16-btn-dangerous[disabled]:hover > a:only-child::after, +.react16-btn-background-ghost.react16-btn-dangerous[disabled]:focus > a:only-child::after, +.react16-btn-background-ghost.react16-btn-dangerous[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link { + color: var(--react16-error-color); + border-color: transparent; + text-shadow: none; +} +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link > a:only-child { + color: currentcolor; +} +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link:hover, +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link:focus { + color: var(--react16-error-color-active); + border-color: transparent; + background: transparent; +} +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link:hover > a:only-child, +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link:focus > a:only-child { + color: currentcolor; +} +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link:hover > a:only-child::after, +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link:active { + color: var(--react16-error-color-active); + border-color: transparent; + background: transparent; +} +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link:active > a:only-child { + color: currentcolor; +} +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link[disabled], +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link[disabled]:hover, +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link[disabled]:focus, +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link[disabled]:active { + color: rgba(0, 0, 0, 0.25); + border-color: #d9d9d9; + background: #f5f5f5; + text-shadow: none; + box-shadow: none; +} +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link[disabled] > a:only-child, +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link[disabled]:hover > a:only-child, +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link[disabled]:focus > a:only-child, +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link[disabled]:active > a:only-child { + color: currentcolor; +} +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link[disabled] > a:only-child::after, +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link[disabled]:hover > a:only-child::after, +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link[disabled]:focus > a:only-child::after, +.react16-btn-background-ghost.react16-btn-dangerous.react16-btn-link[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.react16-btn-two-chinese-chars::first-letter { + letter-spacing: 0.34em; +} +.react16-btn-two-chinese-chars > *:not(.anticon) { + margin-right: -0.34em; + letter-spacing: 0.34em; +} +.react16-btn.react16-btn-block { + width: 100%; +} +.react16-btn:empty { + display: inline-block; + width: 0; + visibility: hidden; + content: '\a0'; +} +a.react16-btn { + padding-top: 0.01px !important; + line-height: 30px; +} +a.react16-btn-disabled { + cursor: not-allowed; +} +a.react16-btn-disabled > * { + pointer-events: none; +} +a.react16-btn-disabled, +a.react16-btn-disabled:hover, +a.react16-btn-disabled:focus, +a.react16-btn-disabled:active { + color: rgba(0, 0, 0, 0.25); + border-color: transparent; + background: transparent; + text-shadow: none; + box-shadow: none; +} +a.react16-btn-disabled > a:only-child, +a.react16-btn-disabled:hover > a:only-child, +a.react16-btn-disabled:focus > a:only-child, +a.react16-btn-disabled:active > a:only-child { + color: currentcolor; +} +a.react16-btn-disabled > a:only-child::after, +a.react16-btn-disabled:hover > a:only-child::after, +a.react16-btn-disabled:focus > a:only-child::after, +a.react16-btn-disabled:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +a.react16-btn-lg { + line-height: 38px; +} +a.react16-btn-sm { + line-height: 22px; +} +.react16-btn-rtl { + direction: rtl; +} +.react16-btn-group-rtl.react16-btn-group .react16-btn-primary:last-child:not(:first-child), +.react16-btn-group-rtl.react16-btn-group .react16-btn-primary + .react16-btn-primary { + border-right-color: var(--react16-primary-5); + border-left-color: #d9d9d9; +} +.react16-btn-group-rtl.react16-btn-group .react16-btn-primary:last-child:not(:first-child)[disabled], +.react16-btn-group-rtl.react16-btn-group .react16-btn-primary + .react16-btn-primary[disabled] { + border-right-color: #d9d9d9; + border-left-color: var(--react16-primary-5); +} +.react16-btn-rtl.react16-btn > .react16-btn-loading-icon .anticon { + padding-right: 0; + padding-left: 8px; +} +.react16-btn-rtl.react16-btn > .anticon + span, +.react16-btn-rtl.react16-btn > span + .anticon { + margin-right: 8px; + margin-left: 0; +} +.react16-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; +} +.react16-picker-calendar-header { + display: flex; + justify-content: flex-end; + padding: 12px 0; +} +.react16-picker-calendar-header .react16-picker-calendar-year-select { + min-width: 80px; +} +.react16-picker-calendar-header .react16-picker-calendar-month-select { + min-width: 70px; + margin-left: 8px; +} +.react16-picker-calendar-header .react16-picker-calendar-mode-switch { + margin-left: 8px; +} +.react16-picker-calendar .react16-picker-panel { + background: #fff; + border: 0; + border-top: 1px solid rgba(0, 0, 0, 0.06); + border-radius: 0; +} +.react16-picker-calendar .react16-picker-panel .react16-picker-month-panel, +.react16-picker-calendar .react16-picker-panel .react16-picker-date-panel { + width: auto; +} +.react16-picker-calendar .react16-picker-panel .react16-picker-body { + padding: 8px 0; +} +.react16-picker-calendar .react16-picker-panel .react16-picker-content { + width: 100%; +} +.react16-picker-calendar-mini { + border-radius: 2px; +} +.react16-picker-calendar-mini .react16-picker-calendar-header { + padding-right: 8px; + padding-left: 8px; +} +.react16-picker-calendar-mini .react16-picker-panel { + border-radius: 0 0 2px 2px; +} +.react16-picker-calendar-mini .react16-picker-content { + height: 256px; +} +.react16-picker-calendar-mini .react16-picker-content th { + height: auto; + padding: 0; + line-height: 18px; +} +.react16-picker-calendar-mini .react16-picker-cell::before { + pointer-events: none; +} +.react16-picker-calendar-full .react16-picker-panel { + display: block; + width: 100%; + text-align: right; + background: #fff; + border: 0; +} +.react16-picker-calendar-full .react16-picker-panel .react16-picker-body th, +.react16-picker-calendar-full .react16-picker-panel .react16-picker-body td { + padding: 0; +} +.react16-picker-calendar-full .react16-picker-panel .react16-picker-body th { + height: auto; + padding: 0 12px 5px 0; + line-height: 18px; +} +.react16-picker-calendar-full .react16-picker-panel .react16-picker-cell::before { + display: none; +} +.react16-picker-calendar-full .react16-picker-panel .react16-picker-cell:hover .react16-picker-calendar-date { + background: #f5f5f5; +} +.react16-picker-calendar-full .react16-picker-panel .react16-picker-cell .react16-picker-calendar-date-today::before { + display: none; +} +.react16-picker-calendar-full .react16-picker-panel .react16-picker-cell-selected .react16-picker-calendar-date, +.react16-picker-calendar-full .react16-picker-panel .react16-picker-cell-selected:hover .react16-picker-calendar-date, +.react16-picker-calendar-full .react16-picker-panel .react16-picker-cell-selected .react16-picker-calendar-date-today, +.react16-picker-calendar-full .react16-picker-panel .react16-picker-cell-selected:hover .react16-picker-calendar-date-today { + background: var(--react16-primary-1); +} +.react16-picker-calendar-full .react16-picker-panel .react16-picker-cell-selected .react16-picker-calendar-date .react16-picker-calendar-date-value, +.react16-picker-calendar-full .react16-picker-panel .react16-picker-cell-selected:hover .react16-picker-calendar-date .react16-picker-calendar-date-value, +.react16-picker-calendar-full .react16-picker-panel .react16-picker-cell-selected .react16-picker-calendar-date-today .react16-picker-calendar-date-value, +.react16-picker-calendar-full .react16-picker-panel .react16-picker-cell-selected:hover .react16-picker-calendar-date-today .react16-picker-calendar-date-value { + color: var(--react16-primary-color); +} +.react16-picker-calendar-full .react16-picker-panel .react16-picker-calendar-date { + display: block; + width: auto; + height: auto; + margin: 0 4px; + padding: 4px 8px 0; + border: 0; + border-top: 2px solid rgba(0, 0, 0, 0.06); + border-radius: 0; + transition: background 0.3s; +} +.react16-picker-calendar-full .react16-picker-panel .react16-picker-calendar-date-value { + line-height: 24px; + transition: color 0.3s; +} +.react16-picker-calendar-full .react16-picker-panel .react16-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; +} +.react16-picker-calendar-full .react16-picker-panel .react16-picker-calendar-date-today { + border-color: var(--react16-primary-color); +} +.react16-picker-calendar-full .react16-picker-panel .react16-picker-calendar-date-today .react16-picker-calendar-date-value { + color: rgba(0, 0, 0, 0.85); +} +@media only screen and (max-width: 480px) { + .react16-picker-calendar-header { + display: block; + } + .react16-picker-calendar-header .react16-picker-calendar-year-select { + width: 50%; + } + .react16-picker-calendar-header .react16-picker-calendar-month-select { + width: calc(50% - 8px); + } + .react16-picker-calendar-header .react16-picker-calendar-mode-switch { + width: 100%; + margin-top: 8px; + margin-left: 0; + } + .react16-picker-calendar-header .react16-picker-calendar-mode-switch > label { + width: 50%; + text-align: center; + } +} +.react16-picker-calendar-rtl { + direction: rtl; +} +.react16-picker-calendar-rtl .react16-picker-calendar-header .react16-picker-calendar-month-select { + margin-right: 8px; + margin-left: 0; +} +.react16-picker-calendar-rtl .react16-picker-calendar-header .react16-picker-calendar-mode-switch { + margin-right: 8px; + margin-left: 0; +} +.react16-picker-calendar-rtl.react16-picker-calendar-full .react16-picker-panel { + text-align: left; +} +.react16-picker-calendar-rtl.react16-picker-calendar-full .react16-picker-panel .react16-picker-body th { + padding: 0 0 5px 12px; +} +.react16-picker-calendar-rtl.react16-picker-calendar-full .react16-picker-panel .react16-picker-calendar-date-content { + text-align: right; +} +.react16-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; +} +.react16-card-rtl { + direction: rtl; +} +.react16-card-hoverable { + cursor: pointer; + transition: box-shadow 0.3s, border-color 0.3s; +} +.react16-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); +} +.react16-card-bordered { + border: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-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 rgba(0, 0, 0, 0.06); + border-radius: 2px 2px 0 0; +} +.react16-card-head::before { + display: table; + content: ''; +} +.react16-card-head::after { + display: table; + clear: both; + content: ''; +} +.react16-card-head::before { + display: table; + content: ''; +} +.react16-card-head::after { + display: table; + clear: both; + content: ''; +} +.react16-card-head-wrapper { + display: flex; + align-items: center; +} +.react16-card-head-title { + display: inline-block; + flex: 1; + padding: 16px 0; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.react16-card-head-title > .react16-typography, +.react16-card-head-title > .react16-typography-edit-content { + left: 0; + margin-top: 0; + margin-bottom: 0; +} +.react16-card-head .react16-tabs-top { + clear: both; + margin-bottom: -17px; + color: rgba(0, 0, 0, 0.85); + font-weight: normal; + font-size: 14px; +} +.react16-card-head .react16-tabs-top-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-card-extra { + margin-left: auto; + padding: 16px 0; + color: rgba(0, 0, 0, 0.85); + font-weight: normal; + font-size: 14px; +} +.react16-card-rtl .react16-card-extra { + margin-right: auto; + margin-left: 0; +} +.react16-card-body { + padding: 24px; +} +.react16-card-body::before { + display: table; + content: ''; +} +.react16-card-body::after { + display: table; + clear: both; + content: ''; +} +.react16-card-body::before { + display: table; + content: ''; +} +.react16-card-body::after { + display: table; + clear: both; + content: ''; +} +.react16-card-contain-grid .react16-card-body { + display: flex; + flex-wrap: wrap; +} +.react16-card-contain-grid:not(.react16-card-loading) .react16-card-body { + margin: -1px 0 0 -1px; + padding: 0; +} +.react16-card-grid { + width: 33.33%; + padding: 24px; + border: 0; + border-radius: 0; + box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.06), 1px 1px 0 0 rgba(0, 0, 0, 0.06), 1px 0 0 0 rgba(0, 0, 0, 0.06) inset, 0 1px 0 0 rgba(0, 0, 0, 0.06) inset; + transition: all 0.3s; +} +.react16-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); +} +.react16-card-contain-tabs > .react16-card-head .react16-card-head-title { + min-height: 32px; + padding-bottom: 0; +} +.react16-card-contain-tabs > .react16-card-head .react16-card-extra { + padding-bottom: 0; +} +.react16-card-bordered .react16-card-cover { + margin-top: -1px; + margin-right: -1px; + margin-left: -1px; +} +.react16-card-cover > * { + display: block; + width: 100%; +} +.react16-card-cover img { + border-radius: 2px 2px 0 0; +} +.react16-card-actions { + display: flex; + margin: 0; + padding: 0; + list-style: none; + background: #fff; + border-top: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-card-actions::before { + display: table; + content: ''; +} +.react16-card-actions::after { + display: table; + clear: both; + content: ''; +} +.react16-card-actions::before { + display: table; + content: ''; +} +.react16-card-actions::after { + display: table; + clear: both; + content: ''; +} +.react16-card-actions > li { + margin: 12px 0; + color: rgba(0, 0, 0, 0.45); + text-align: center; +} +.react16-card-actions > li > span { + position: relative; + display: block; + min-width: 32px; + font-size: 14px; + line-height: 1.5715; + cursor: pointer; +} +.react16-card-actions > li > span:hover { + color: var(--react16-primary-color); + transition: color 0.3s; +} +.react16-card-actions > li > span a:not(.react16-btn), +.react16-card-actions > li > span > .anticon { + display: inline-block; + width: 100%; + color: rgba(0, 0, 0, 0.45); + line-height: 22px; + transition: color 0.3s; +} +.react16-card-actions > li > span a:not(.react16-btn):hover, +.react16-card-actions > li > span > .anticon:hover { + color: var(--react16-primary-color); +} +.react16-card-actions > li > span > .anticon { + font-size: 16px; + line-height: 22px; +} +.react16-card-actions > li:not(:last-child) { + border-right: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-card-rtl .react16-card-actions > li:not(:last-child) { + border-right: none; + border-left: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-card-type-inner .react16-card-head { + padding: 0 24px; + background: #fafafa; +} +.react16-card-type-inner .react16-card-head-title { + padding: 12px 0; + font-size: 14px; +} +.react16-card-type-inner .react16-card-body { + padding: 16px 24px; +} +.react16-card-type-inner .react16-card-extra { + padding: 13.5px 0; +} +.react16-card-meta { + display: flex; + margin: -4px 0; +} +.react16-card-meta::before { + display: table; + content: ''; +} +.react16-card-meta::after { + display: table; + clear: both; + content: ''; +} +.react16-card-meta::before { + display: table; + content: ''; +} +.react16-card-meta::after { + display: table; + clear: both; + content: ''; +} +.react16-card-meta-avatar { + padding-right: 16px; +} +.react16-card-rtl .react16-card-meta-avatar { + padding-right: 0; + padding-left: 16px; +} +.react16-card-meta-detail { + overflow: hidden; +} +.react16-card-meta-detail > div:not(:last-child) { + margin-bottom: 8px; +} +.react16-card-meta-title { + overflow: hidden; + color: rgba(0, 0, 0, 0.85); + font-weight: 500; + font-size: 16px; + white-space: nowrap; + text-overflow: ellipsis; +} +.react16-card-meta-description { + color: rgba(0, 0, 0, 0.45); +} +.react16-card-loading { + overflow: hidden; +} +.react16-card-loading .react16-card-body { + user-select: none; +} +.react16-card-small > .react16-card-head { + min-height: 36px; + padding: 0 12px; + font-size: 14px; +} +.react16-card-small > .react16-card-head > .react16-card-head-wrapper > .react16-card-head-title { + padding: 8px 0; +} +.react16-card-small > .react16-card-head > .react16-card-head-wrapper > .react16-card-extra { + padding: 8px 0; + font-size: 14px; +} +.react16-card-small > .react16-card-body { + padding: 12px; +} +.react16-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'; +} +.react16-carousel .slick-slider { + position: relative; + display: block; + box-sizing: border-box; + touch-action: pan-y; + -webkit-touch-callout: none; + -webkit-tap-highlight-color: transparent; +} +.react16-carousel .slick-list { + position: relative; + display: block; + margin: 0; + padding: 0; + overflow: hidden; +} +.react16-carousel .slick-list:focus { + outline: none; +} +.react16-carousel .slick-list.dragging { + cursor: pointer; +} +.react16-carousel .slick-list .slick-slide { + pointer-events: none; +} +.react16-carousel .slick-list .slick-slide input.react16-radio-input, +.react16-carousel .slick-list .slick-slide input.react16-checkbox-input { + visibility: hidden; +} +.react16-carousel .slick-list .slick-slide.slick-active { + pointer-events: auto; +} +.react16-carousel .slick-list .slick-slide.slick-active input.react16-radio-input, +.react16-carousel .slick-list .slick-slide.slick-active input.react16-checkbox-input { + visibility: visible; +} +.react16-carousel .slick-list .slick-slide > div > div { + vertical-align: bottom; +} +.react16-carousel .slick-slider .slick-track, +.react16-carousel .slick-slider .slick-list { + transform: translate3d(0, 0, 0); + touch-action: pan-y; +} +.react16-carousel .slick-track { + position: relative; + top: 0; + left: 0; + display: block; +} +.react16-carousel .slick-track::before, +.react16-carousel .slick-track::after { + display: table; + content: ''; +} +.react16-carousel .slick-track::after { + clear: both; +} +.slick-loading .react16-carousel .slick-track { + visibility: hidden; +} +.react16-carousel .slick-slide { + display: none; + float: left; + height: 100%; + min-height: 1px; +} +.react16-carousel .slick-slide img { + display: block; +} +.react16-carousel .slick-slide.slick-loading img { + display: none; +} +.react16-carousel .slick-slide.dragging img { + pointer-events: none; +} +.react16-carousel .slick-initialized .slick-slide { + display: block; +} +.react16-carousel .slick-loading .slick-slide { + visibility: hidden; +} +.react16-carousel .slick-vertical .slick-slide { + display: block; + height: auto; +} +.react16-carousel .slick-arrow.slick-hidden { + display: none; +} +.react16-carousel .slick-prev, +.react16-carousel .slick-next { + position: absolute; + top: 50%; + display: block; + width: 20px; + height: 20px; + margin-top: -10px; + padding: 0; + color: transparent; + font-size: 0; + line-height: 0; + background: transparent; + border: 0; + outline: none; + cursor: pointer; +} +.react16-carousel .slick-prev:hover, +.react16-carousel .slick-next:hover, +.react16-carousel .slick-prev:focus, +.react16-carousel .slick-next:focus { + color: transparent; + background: transparent; + outline: none; +} +.react16-carousel .slick-prev:hover::before, +.react16-carousel .slick-next:hover::before, +.react16-carousel .slick-prev:focus::before, +.react16-carousel .slick-next:focus::before { + opacity: 1; +} +.react16-carousel .slick-prev.slick-disabled::before, +.react16-carousel .slick-next.slick-disabled::before { + opacity: 0.25; +} +.react16-carousel .slick-prev { + left: -25px; +} +.react16-carousel .slick-prev::before { + content: '←'; +} +.react16-carousel .slick-next { + right: -25px; +} +.react16-carousel .slick-next::before { + content: '→'; +} +.react16-carousel .slick-dots { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex !important; + justify-content: center; + margin-right: 15%; + margin-left: 15%; + padding-left: 0; + list-style: none; +} +.react16-carousel .slick-dots-bottom { + bottom: 12px; +} +.react16-carousel .slick-dots-top { + top: 12px; + bottom: auto; +} +.react16-carousel .slick-dots li { + position: relative; + display: inline-block; + flex: 0 1 auto; + box-sizing: content-box; + width: 16px; + height: 3px; + margin: 0 2px; + margin-right: 3px; + margin-left: 3px; + padding: 0; + text-align: center; + text-indent: -999px; + vertical-align: top; + transition: all 0.5s; +} +.react16-carousel .slick-dots li button { + 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; +} +.react16-carousel .slick-dots li button:hover, +.react16-carousel .slick-dots li button:focus { + opacity: 0.75; +} +.react16-carousel .slick-dots li.slick-active { + width: 24px; +} +.react16-carousel .slick-dots li.slick-active button { + background: #fff; + opacity: 1; +} +.react16-carousel .slick-dots li.slick-active:hover, +.react16-carousel .slick-dots li.slick-active:focus { + opacity: 1; +} +.react16-carousel-vertical .slick-dots { + top: 50%; + bottom: auto; + flex-direction: column; + width: 3px; + height: auto; + margin: 0; + transform: translateY(-50%); +} +.react16-carousel-vertical .slick-dots-left { + right: auto; + left: 12px; +} +.react16-carousel-vertical .slick-dots-right { + right: 12px; + left: auto; +} +.react16-carousel-vertical .slick-dots li { + width: 3px; + height: 16px; + margin: 4px 2px; + vertical-align: baseline; +} +.react16-carousel-vertical .slick-dots li button { + width: 3px; + height: 16px; +} +.react16-carousel-vertical .slick-dots li.slick-active { + width: 3px; + height: 24px; +} +.react16-carousel-vertical .slick-dots li.slick-active button { + width: 3px; + height: 24px; +} +.react16-carousel-rtl { + direction: rtl; +} +.react16-carousel-rtl .react16-carousel .slick-track { + right: 0; + left: auto; +} +.react16-carousel-rtl .react16-carousel .slick-prev { + right: -25px; + left: auto; +} +.react16-carousel-rtl .react16-carousel .slick-prev::before { + content: '→'; +} +.react16-carousel-rtl .react16-carousel .slick-next { + right: auto; + left: -25px; +} +.react16-carousel-rtl .react16-carousel .slick-next::before { + content: '←'; +} +.react16-carousel-rtl.react16-carousel .slick-dots { + flex-direction: row-reverse; +} +.react16-carousel-rtl.react16-carousel-vertical .slick-dots { + flex-direction: column; +} +@keyframes antCheckboxEffect { + 0% { + transform: scale(1); + opacity: 0.5; + } + 100% { + transform: scale(1.6); + opacity: 0; + } +} +.react16-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; +} +.react16-cascader-checkbox-wrapper:hover .react16-cascader-checkbox-inner, +.react16-cascader-checkbox:hover .react16-cascader-checkbox-inner, +.react16-cascader-checkbox-input:focus + .react16-cascader-checkbox-inner { + border-color: var(--react16-primary-color); +} +.react16-cascader-checkbox-checked::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 1px solid var(--react16-primary-color); + border-radius: 2px; + visibility: hidden; + animation: antCheckboxEffect 0.36s ease-in-out; + animation-fill-mode: backwards; + content: ''; +} +.react16-cascader-checkbox:hover::after, +.react16-cascader-checkbox-wrapper:hover .react16-cascader-checkbox::after { + visibility: visible; +} +.react16-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; +} +.react16-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: ' '; +} +.react16-cascader-checkbox-input { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + cursor: pointer; + opacity: 0; +} +.react16-cascader-checkbox-checked .react16-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: ' '; +} +.react16-cascader-checkbox-checked .react16-cascader-checkbox-inner { + background-color: var(--react16-primary-color); + border-color: var(--react16-primary-color); +} +.react16-cascader-checkbox-disabled { + cursor: not-allowed; +} +.react16-cascader-checkbox-disabled.react16-cascader-checkbox-checked .react16-cascader-checkbox-inner::after { + border-color: rgba(0, 0, 0, 0.25); + animation-name: none; +} +.react16-cascader-checkbox-disabled .react16-cascader-checkbox-input { + cursor: not-allowed; + pointer-events: none; +} +.react16-cascader-checkbox-disabled .react16-cascader-checkbox-inner { + background-color: #f5f5f5; + border-color: #d9d9d9 !important; +} +.react16-cascader-checkbox-disabled .react16-cascader-checkbox-inner::after { + border-color: #f5f5f5; + border-collapse: separate; + animation-name: none; +} +.react16-cascader-checkbox-disabled + span { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +.react16-cascader-checkbox-disabled:hover::after, +.react16-cascader-checkbox-wrapper:hover .react16-cascader-checkbox-disabled::after { + visibility: hidden; +} +.react16-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; +} +.react16-cascader-checkbox-wrapper::after { + display: inline-block; + width: 0; + overflow: hidden; + content: '\a0'; +} +.react16-cascader-checkbox-wrapper.react16-cascader-checkbox-wrapper-disabled { + cursor: not-allowed; +} +.react16-cascader-checkbox-wrapper + .react16-cascader-checkbox-wrapper { + margin-left: 8px; +} +.react16-cascader-checkbox-wrapper.react16-cascader-checkbox-wrapper-in-form-item input[type='checkbox'] { + width: 14px; + height: 14px; +} +.react16-cascader-checkbox + span { + padding-right: 8px; + padding-left: 8px; +} +.react16-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; +} +.react16-cascader-checkbox-group-item { + margin-right: 8px; +} +.react16-cascader-checkbox-group-item:last-child { + margin-right: 0; +} +.react16-cascader-checkbox-group-item + .react16-cascader-checkbox-group-item { + margin-left: 0; +} +.react16-cascader-checkbox-indeterminate .react16-cascader-checkbox-inner { + background-color: #fff; + border-color: #d9d9d9; +} +.react16-cascader-checkbox-indeterminate .react16-cascader-checkbox-inner::after { + top: 50%; + left: 50%; + width: 8px; + height: 8px; + background-color: var(--react16-primary-color); + border: 0; + transform: translate(-50%, -50%) scale(1); + opacity: 1; + content: ' '; +} +.react16-cascader-checkbox-indeterminate.react16-cascader-checkbox-disabled .react16-cascader-checkbox-inner::after { + background-color: rgba(0, 0, 0, 0.25); + border-color: rgba(0, 0, 0, 0.25); +} +.react16-cascader-checkbox-rtl { + direction: rtl; +} +.react16-cascader-checkbox-group-rtl .react16-cascader-checkbox-group-item { + margin-right: 0; + margin-left: 8px; +} +.react16-cascader-checkbox-group-rtl .react16-cascader-checkbox-group-item:last-child { + margin-left: 0 !important; +} +.react16-cascader-checkbox-group-rtl .react16-cascader-checkbox-group-item + .react16-cascader-checkbox-group-item { + margin-left: 8px; +} +.react16-cascader { + width: 184px; +} +.react16-cascader-checkbox { + top: 0; + margin-right: 8px; +} +.react16-cascader-menus { + display: flex; + flex-wrap: nowrap; + align-items: flex-start; +} +.react16-cascader-menus.react16-cascader-menu-empty .react16-cascader-menu { + width: 100%; + height: auto; +} +.react16-cascader-menu { + flex-grow: 1; + min-width: 111px; + height: 180px; + margin: 0; + margin: -4px 0; + padding: 4px 0; + overflow: auto; + vertical-align: top; + list-style: none; + border-right: 1px solid rgba(0, 0, 0, 0.06); + -ms-overflow-style: -ms-autohiding-scrollbar; +} +.react16-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; +} +.react16-cascader-menu-item:hover { + background: #f5f5f5; +} +.react16-cascader-menu-item-disabled { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +.react16-cascader-menu-item-disabled:hover { + background: transparent; +} +.react16-cascader-menu-empty .react16-cascader-menu-item { + color: rgba(0, 0, 0, 0.25); + cursor: default; + pointer-events: none; +} +.react16-cascader-menu-item-active:not(.react16-cascader-menu-item-disabled), +.react16-cascader-menu-item-active:not(.react16-cascader-menu-item-disabled):hover { + font-weight: 600; + background-color: var(--react16-primary-1); +} +.react16-cascader-menu-item-content { + flex: auto; +} +.react16-cascader-menu-item-expand .react16-cascader-menu-item-expand-icon, +.react16-cascader-menu-item-loading-icon { + margin-left: 4px; + color: rgba(0, 0, 0, 0.45); + font-size: 10px; +} +.react16-cascader-menu-item-disabled.react16-cascader-menu-item-expand .react16-cascader-menu-item-expand-icon, +.react16-cascader-menu-item-disabled.react16-cascader-menu-item-loading-icon { + color: rgba(0, 0, 0, 0.25); +} +.react16-cascader-menu-item-keyword { + color: #ff4d4f; +} +.react16-cascader-rtl .react16-cascader-menu-item-expand-icon, +.react16-cascader-rtl .react16-cascader-menu-item-loading-icon { + margin-right: 4px; + margin-left: 0; +} +.react16-cascader-rtl .react16-cascader-checkbox { + top: 0; + margin-right: 0; + margin-left: 8px; +} +.react16-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; +} +.react16-checkbox-wrapper:hover .react16-checkbox-inner, +.react16-checkbox:hover .react16-checkbox-inner, +.react16-checkbox-input:focus + .react16-checkbox-inner { + border-color: var(--react16-primary-color); +} +.react16-checkbox-checked::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 1px solid var(--react16-primary-color); + border-radius: 2px; + visibility: hidden; + animation: antCheckboxEffect 0.36s ease-in-out; + animation-fill-mode: backwards; + content: ''; +} +.react16-checkbox:hover::after, +.react16-checkbox-wrapper:hover .react16-checkbox::after { + visibility: visible; +} +.react16-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; +} +.react16-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: ' '; +} +.react16-checkbox-input { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + cursor: pointer; + opacity: 0; +} +.react16-checkbox-checked .react16-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: ' '; +} +.react16-checkbox-checked .react16-checkbox-inner { + background-color: var(--react16-primary-color); + border-color: var(--react16-primary-color); +} +.react16-checkbox-disabled { + cursor: not-allowed; +} +.react16-checkbox-disabled.react16-checkbox-checked .react16-checkbox-inner::after { + border-color: rgba(0, 0, 0, 0.25); + animation-name: none; +} +.react16-checkbox-disabled .react16-checkbox-input { + cursor: not-allowed; + pointer-events: none; +} +.react16-checkbox-disabled .react16-checkbox-inner { + background-color: #f5f5f5; + border-color: #d9d9d9 !important; +} +.react16-checkbox-disabled .react16-checkbox-inner::after { + border-color: #f5f5f5; + border-collapse: separate; + animation-name: none; +} +.react16-checkbox-disabled + span { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +.react16-checkbox-disabled:hover::after, +.react16-checkbox-wrapper:hover .react16-checkbox-disabled::after { + visibility: hidden; +} +.react16-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; +} +.react16-checkbox-wrapper::after { + display: inline-block; + width: 0; + overflow: hidden; + content: '\a0'; +} +.react16-checkbox-wrapper.react16-checkbox-wrapper-disabled { + cursor: not-allowed; +} +.react16-checkbox-wrapper + .react16-checkbox-wrapper { + margin-left: 8px; +} +.react16-checkbox-wrapper.react16-checkbox-wrapper-in-form-item input[type='checkbox'] { + width: 14px; + height: 14px; +} +.react16-checkbox + span { + padding-right: 8px; + padding-left: 8px; +} +.react16-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; +} +.react16-checkbox-group-item { + margin-right: 8px; +} +.react16-checkbox-group-item:last-child { + margin-right: 0; +} +.react16-checkbox-group-item + .react16-checkbox-group-item { + margin-left: 0; +} +.react16-checkbox-indeterminate .react16-checkbox-inner { + background-color: #fff; + border-color: #d9d9d9; +} +.react16-checkbox-indeterminate .react16-checkbox-inner::after { + top: 50%; + left: 50%; + width: 8px; + height: 8px; + background-color: var(--react16-primary-color); + border: 0; + transform: translate(-50%, -50%) scale(1); + opacity: 1; + content: ' '; +} +.react16-checkbox-indeterminate.react16-checkbox-disabled .react16-checkbox-inner::after { + background-color: rgba(0, 0, 0, 0.25); + border-color: rgba(0, 0, 0, 0.25); +} +.react16-checkbox-rtl { + direction: rtl; +} +.react16-checkbox-group-rtl .react16-checkbox-group-item { + margin-right: 0; + margin-left: 8px; +} +.react16-checkbox-group-rtl .react16-checkbox-group-item:last-child { + margin-left: 0 !important; +} +.react16-checkbox-group-rtl .react16-checkbox-group-item + .react16-checkbox-group-item { + margin-left: 8px; +} +.react16-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; +} +.react16-collapse > .react16-collapse-item { + border-bottom: 1px solid #d9d9d9; +} +.react16-collapse > .react16-collapse-item:last-child, +.react16-collapse > .react16-collapse-item:last-child > .react16-collapse-header { + border-radius: 0 0 2px 2px; +} +.react16-collapse > .react16-collapse-item > .react16-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; +} +.react16-collapse > .react16-collapse-item > .react16-collapse-header .react16-collapse-arrow { + display: inline-block; + margin-right: 12px; + font-size: 12px; + vertical-align: -1px; +} +.react16-collapse > .react16-collapse-item > .react16-collapse-header .react16-collapse-arrow svg { + transition: transform 0.24s; +} +.react16-collapse > .react16-collapse-item > .react16-collapse-header .react16-collapse-header-text { + flex: auto; +} +.react16-collapse > .react16-collapse-item > .react16-collapse-header .react16-collapse-extra { + margin-left: auto; +} +.react16-collapse > .react16-collapse-item > .react16-collapse-header:focus { + outline: none; +} +.react16-collapse > .react16-collapse-item .react16-collapse-header-collapsible-only { + cursor: default; +} +.react16-collapse > .react16-collapse-item .react16-collapse-header-collapsible-only .react16-collapse-header-text { + flex: none; + cursor: pointer; +} +.react16-collapse > .react16-collapse-item.react16-collapse-no-arrow > .react16-collapse-header { + padding-left: 12px; +} +.react16-collapse-icon-position-end > .react16-collapse-item > .react16-collapse-header { + position: relative; + padding: 12px 16px; + padding-right: 40px; +} +.react16-collapse-icon-position-end > .react16-collapse-item > .react16-collapse-header .react16-collapse-arrow { + position: absolute; + top: 50%; + right: 16px; + left: auto; + margin: 0; + transform: translateY(-50%); +} +.react16-collapse-content { + color: rgba(0, 0, 0, 0.85); + background-color: #fff; + border-top: 1px solid #d9d9d9; +} +.react16-collapse-content > .react16-collapse-content-box { + padding: 16px; +} +.react16-collapse-content-hidden { + display: none; +} +.react16-collapse-item:last-child > .react16-collapse-content { + border-radius: 0 0 2px 2px; +} +.react16-collapse-borderless { + background-color: #fafafa; + border: 0; +} +.react16-collapse-borderless > .react16-collapse-item { + border-bottom: 1px solid #d9d9d9; +} +.react16-collapse-borderless > .react16-collapse-item:last-child, +.react16-collapse-borderless > .react16-collapse-item:last-child .react16-collapse-header { + border-radius: 0; +} +.react16-collapse-borderless > .react16-collapse-item:last-child { + border-bottom: 0; +} +.react16-collapse-borderless > .react16-collapse-item > .react16-collapse-content { + background-color: transparent; + border-top: 0; +} +.react16-collapse-borderless > .react16-collapse-item > .react16-collapse-content > .react16-collapse-content-box { + padding-top: 4px; +} +.react16-collapse-ghost { + background-color: transparent; + border: 0; +} +.react16-collapse-ghost > .react16-collapse-item { + border-bottom: 0; +} +.react16-collapse-ghost > .react16-collapse-item > .react16-collapse-content { + background-color: transparent; + border-top: 0; +} +.react16-collapse-ghost > .react16-collapse-item > .react16-collapse-content > .react16-collapse-content-box { + padding-top: 12px; + padding-bottom: 12px; +} +.react16-collapse .react16-collapse-item-disabled > .react16-collapse-header, +.react16-collapse .react16-collapse-item-disabled > .react16-collapse-header > .arrow { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +.react16-collapse-rtl { + direction: rtl; +} +.react16-collapse-rtl.react16-collapse.react16-collapse-icon-position-end > .react16-collapse-item > .react16-collapse-header { + position: relative; + padding: 12px 16px; + padding-left: 40px; +} +.react16-collapse-rtl.react16-collapse.react16-collapse-icon-position-end > .react16-collapse-item > .react16-collapse-header .react16-collapse-arrow { + position: absolute; + top: 50%; + right: auto; + left: 16px; + margin: 0; + transform: translateY(-50%); +} +.react16-collapse-rtl .react16-collapse > .react16-collapse-item > .react16-collapse-header { + padding: 12px 16px; + padding-right: 40px; +} +.react16-collapse-rtl.react16-collapse > .react16-collapse-item > .react16-collapse-header .react16-collapse-arrow { + margin-right: 0; + margin-left: 12px; +} +.react16-collapse-rtl.react16-collapse > .react16-collapse-item > .react16-collapse-header .react16-collapse-arrow svg { + transform: rotate(180deg); +} +.react16-collapse-rtl.react16-collapse > .react16-collapse-item > .react16-collapse-header .react16-collapse-extra { + margin-right: auto; + margin-left: 0; +} +.react16-collapse-rtl.react16-collapse > .react16-collapse-item.react16-collapse-no-arrow > .react16-collapse-header { + padding-right: 12px; + padding-left: 0; +} +.react16-comment { + position: relative; + background-color: inherit; +} +.react16-comment-inner { + display: flex; + padding: 16px 0; +} +.react16-comment-avatar { + position: relative; + flex-shrink: 0; + margin-right: 12px; + cursor: pointer; +} +.react16-comment-avatar img { + width: 32px; + height: 32px; + border-radius: 50%; +} +.react16-comment-content { + position: relative; + flex: 1 1 auto; + min-width: 1px; + font-size: 14px; + word-wrap: break-word; +} +.react16-comment-content-author { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + margin-bottom: 4px; + font-size: 14px; +} +.react16-comment-content-author > a, +.react16-comment-content-author > span { + padding-right: 8px; + font-size: 12px; + line-height: 18px; +} +.react16-comment-content-author-name { + color: rgba(0, 0, 0, 0.45); + font-size: 14px; + transition: color 0.3s; +} +.react16-comment-content-author-name > * { + color: rgba(0, 0, 0, 0.45); +} +.react16-comment-content-author-name > *:hover { + color: rgba(0, 0, 0, 0.45); +} +.react16-comment-content-author-time { + color: #ccc; + white-space: nowrap; + cursor: auto; +} +.react16-comment-content-detail p { + margin-bottom: inherit; + white-space: pre-wrap; +} +.react16-comment-actions { + margin-top: 12px; + margin-bottom: inherit; + padding-left: 0; +} +.react16-comment-actions > li { + display: inline-block; + color: rgba(0, 0, 0, 0.45); +} +.react16-comment-actions > li > span { + margin-right: 10px; + color: rgba(0, 0, 0, 0.45); + font-size: 12px; + cursor: pointer; + transition: color 0.3s; + user-select: none; +} +.react16-comment-actions > li > span:hover { + color: #595959; +} +.react16-comment-nested { + margin-left: 44px; +} +.react16-comment-rtl { + direction: rtl; +} +.react16-comment-rtl .react16-comment-avatar { + margin-right: 0; + margin-left: 12px; +} +.react16-comment-rtl .react16-comment-content-author > a, +.react16-comment-rtl .react16-comment-content-author > span { + padding-right: 0; + padding-left: 8px; +} +.react16-comment-rtl .react16-comment-actions { + padding-right: 0; +} +.react16-comment-rtl .react16-comment-actions > li > span { + margin-right: 0; + margin-left: 10px; +} +.react16-comment-rtl .react16-comment-nested { + margin-right: 44px; + margin-left: 0; +} +.react16-picker-status-error.react16-picker, +.react16-picker-status-error.react16-picker:not([disabled]):hover { + background-color: #fff; + border-color: var(--react16-error-color); +} +.react16-picker-status-error.react16-picker-focused, +.react16-picker-status-error.react16-picker:focus { + border-color: var(--react16-error-color-hover); + box-shadow: 0 0 0 2px var(--react16-error-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-picker-status-error.react16-picker .react16-picker-active-bar { + background: var(--react16-error-color-hover); +} +.react16-picker-status-warning.react16-picker, +.react16-picker-status-warning.react16-picker:not([disabled]):hover { + background-color: #fff; + border-color: var(--react16-warning-color); +} +.react16-picker-status-warning.react16-picker-focused, +.react16-picker-status-warning.react16-picker:focus { + border-color: var(--react16-warning-color-hover); + box-shadow: 0 0 0 2px var(--react16-warning-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-picker-status-warning.react16-picker .react16-picker-active-bar { + background: var(--react16-warning-color-hover); +} +.react16-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; +} +.react16-picker:hover, +.react16-picker-focused { + border-color: var(--react16-primary-5); + border-right-width: 1px; +} +.react16-input-rtl .react16-picker:hover, +.react16-input-rtl .react16-picker-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-picker-focused { + border-color: var(--react16-primary-color-hover); + box-shadow: 0 0 0 2px var(--react16-primary-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-rtl .react16-picker-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-picker.react16-picker-disabled { + background: #f5f5f5; + border-color: #d9d9d9; + cursor: not-allowed; +} +.react16-picker.react16-picker-disabled .react16-picker-suffix { + color: rgba(0, 0, 0, 0.25); +} +.react16-picker.react16-picker-borderless { + background-color: transparent !important; + border-color: transparent !important; + box-shadow: none !important; +} +.react16-picker-input { + position: relative; + display: inline-flex; + align-items: center; + width: 100%; +} +.react16-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; +} +.react16-picker-input > input::placeholder { + color: #bfbfbf; + user-select: none; +} +.react16-picker-input > input:placeholder-shown { + text-overflow: ellipsis; +} +.react16-picker-input > input:hover { + border-color: var(--react16-primary-5); + border-right-width: 1px; +} +.react16-input-rtl .react16-picker-input > input:hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-picker-input > input:focus, +.react16-picker-input > input-focused { + border-color: var(--react16-primary-color-hover); + box-shadow: 0 0 0 2px var(--react16-primary-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-rtl .react16-picker-input > input:focus, +.react16-input-rtl .react16-picker-input > input-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-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; +} +.react16-picker-input > input-disabled:hover { + border-color: #d9d9d9; + border-right-width: 1px; +} +.react16-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; +} +.react16-picker-input > input[disabled]:hover { + border-color: #d9d9d9; + border-right-width: 1px; +} +.react16-picker-input > input-borderless, +.react16-picker-input > input-borderless:hover, +.react16-picker-input > input-borderless:focus, +.react16-picker-input > input-borderless-focused, +.react16-picker-input > input-borderless-disabled, +.react16-picker-input > input-borderless[disabled] { + background-color: transparent; + border: none; + box-shadow: none; +} +textarea.react16-picker-input > input { + max-width: 100%; + height: auto; + min-height: 32px; + line-height: 1.5715; + vertical-align: bottom; + transition: all 0.3s, height 0s; +} +.react16-picker-input > input-lg { + padding: 6.5px 11px; + font-size: 16px; +} +.react16-picker-input > input-sm { + padding: 0px 7px; +} +.react16-picker-input > input-rtl { + direction: rtl; +} +.react16-picker-input > input:focus { + box-shadow: none; +} +.react16-picker-input > input[disabled] { + background: transparent; +} +.react16-picker-input:hover .react16-picker-clear { + opacity: 1; +} +.react16-picker-input-placeholder > input { + color: #bfbfbf; +} +.react16-picker-large { + padding: 6.5px 11px 6.5px; +} +.react16-picker-large .react16-picker-input > input { + font-size: 16px; +} +.react16-picker-small { + padding: 0px 7px 0px; +} +.react16-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; +} +.react16-picker-suffix > * { + vertical-align: top; +} +.react16-picker-suffix > *:not(:last-child) { + margin-right: 8px; +} +.react16-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; +} +.react16-picker-clear > * { + vertical-align: top; +} +.react16-picker-clear:hover { + color: rgba(0, 0, 0, 0.45); +} +.react16-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; +} +.react16-picker-focused .react16-picker-separator { + color: rgba(0, 0, 0, 0.45); +} +.react16-picker-disabled .react16-picker-range-separator .react16-picker-separator { + cursor: not-allowed; +} +.react16-picker-range { + position: relative; + display: inline-flex; +} +.react16-picker-range .react16-picker-clear { + right: 11px; +} +.react16-picker-range:hover .react16-picker-clear { + opacity: 1; +} +.react16-picker-range .react16-picker-active-bar { + bottom: -1px; + height: 2px; + margin-left: 11px; + background: var(--react16-primary-color); + opacity: 0; + transition: all 0.3s ease-out; + pointer-events: none; +} +.react16-picker-range.react16-picker-focused .react16-picker-active-bar { + opacity: 1; +} +.react16-picker-range-separator { + align-items: center; + padding: 0 8px; + line-height: 1; +} +.react16-picker-range.react16-picker-small .react16-picker-clear { + right: 7px; +} +.react16-picker-range.react16-picker-small .react16-picker-active-bar { + margin-left: 7px; +} +.react16-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'; + position: absolute; + top: -9999px; + left: -9999px; + z-index: 1050; +} +.react16-picker-dropdown-hidden { + display: none; +} +.react16-picker-dropdown-placement-bottomLeft .react16-picker-range-arrow { + top: 2.58561808px; + display: block; + transform: rotate(-135deg) translateY(1px); +} +.react16-picker-dropdown-placement-topLeft .react16-picker-range-arrow { + bottom: 2.58561808px; + display: block; + transform: rotate(45deg); +} +.react16-picker-dropdown.react16-slide-up-enter.react16-slide-up-enter-active.react16-picker-dropdown-placement-topLeft, +.react16-picker-dropdown.react16-slide-up-enter.react16-slide-up-enter-active.react16-picker-dropdown-placement-topRight, +.react16-picker-dropdown.react16-slide-up-appear.react16-slide-up-appear-active.react16-picker-dropdown-placement-topLeft, +.react16-picker-dropdown.react16-slide-up-appear.react16-slide-up-appear-active.react16-picker-dropdown-placement-topRight { + animation-name: antSlideDownIn; +} +.react16-picker-dropdown.react16-slide-up-enter.react16-slide-up-enter-active.react16-picker-dropdown-placement-bottomLeft, +.react16-picker-dropdown.react16-slide-up-enter.react16-slide-up-enter-active.react16-picker-dropdown-placement-bottomRight, +.react16-picker-dropdown.react16-slide-up-appear.react16-slide-up-appear-active.react16-picker-dropdown-placement-bottomLeft, +.react16-picker-dropdown.react16-slide-up-appear.react16-slide-up-appear-active.react16-picker-dropdown-placement-bottomRight { + animation-name: antSlideUpIn; +} +.react16-picker-dropdown.react16-slide-up-leave.react16-slide-up-leave-active.react16-picker-dropdown-placement-topLeft, +.react16-picker-dropdown.react16-slide-up-leave.react16-slide-up-leave-active.react16-picker-dropdown-placement-topRight { + animation-name: antSlideDownOut; +} +.react16-picker-dropdown.react16-slide-up-leave.react16-slide-up-leave-active.react16-picker-dropdown-placement-bottomLeft, +.react16-picker-dropdown.react16-slide-up-leave.react16-slide-up-leave-active.react16-picker-dropdown-placement-bottomRight { + animation-name: antSlideUpOut; +} +.react16-picker-dropdown-range { + padding: 7.54247233px 0; +} +.react16-picker-dropdown-range-hidden { + display: none; +} +.react16-picker-dropdown .react16-picker-panel > .react16-picker-time-panel { + padding-top: 4px; +} +.react16-picker-ranges { + margin-bottom: 0; + padding: 4px 12px; + overflow: hidden; + line-height: 34px; + text-align: left; + list-style: none; +} +.react16-picker-ranges > li { + display: inline-block; +} +.react16-picker-ranges .react16-picker-preset > .react16-tag-blue { + color: var(--react16-primary-color); + background: var(--react16-primary-1); + border-color: var(--react16-primary-3); + cursor: pointer; +} +.react16-picker-ranges .react16-picker-ok { + float: right; + margin-left: 8px; +} +.react16-picker-range-wrapper { + display: flex; +} +.react16-picker-range-arrow { + position: absolute; + z-index: 1; + display: none; + width: 11.3137085px; + height: 11.3137085px; + margin-left: 16.5px; + box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1); + transition: left 0.3s ease-out; + border-radius: 0 0 2px; + pointer-events: none; +} +.react16-picker-range-arrow::before { + position: absolute; + top: -11.3137085px; + left: -11.3137085px; + width: 33.9411255px; + height: 33.9411255px; + background: #fff; + background-repeat: no-repeat; + background-position: -10px -10px; + content: ''; + clip-path: inset(33% 33%); + clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); +} +.react16-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; +} +.react16-picker-panel-container .react16-picker-panels { + display: inline-flex; + flex-wrap: nowrap; + direction: ltr; +} +.react16-picker-panel-container .react16-picker-panel { + vertical-align: top; + background: transparent; + border-width: 0 0 1px 0; + border-radius: 0; +} +.react16-picker-panel-container .react16-picker-panel .react16-picker-content, +.react16-picker-panel-container .react16-picker-panel table { + text-align: center; +} +.react16-picker-panel-container .react16-picker-panel-focused { + border-color: rgba(0, 0, 0, 0.06); +} +.react16-picker-panel { + display: inline-flex; + flex-direction: column; + text-align: center; + background: #fff; + border: 1px solid rgba(0, 0, 0, 0.06); + border-radius: 2px; + outline: none; +} +.react16-picker-panel-focused { + border-color: var(--react16-primary-color); +} +.react16-picker-decade-panel, +.react16-picker-year-panel, +.react16-picker-quarter-panel, +.react16-picker-month-panel, +.react16-picker-week-panel, +.react16-picker-date-panel, +.react16-picker-time-panel { + display: flex; + flex-direction: column; + width: 280px; +} +.react16-picker-header { + display: flex; + padding: 0 8px; + color: rgba(0, 0, 0, 0.85); + border-bottom: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-picker-header > * { + flex: none; +} +.react16-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; +} +.react16-picker-header > button { + min-width: 1.6em; + font-size: 14px; +} +.react16-picker-header > button:hover { + color: rgba(0, 0, 0, 0.85); +} +.react16-picker-header-view { + flex: auto; + font-weight: 500; + line-height: 40px; +} +.react16-picker-header-view button { + color: inherit; + font-weight: inherit; +} +.react16-picker-header-view button:not(:first-child) { + margin-left: 8px; +} +.react16-picker-header-view button:hover { + color: var(--react16-primary-color); +} +.react16-picker-prev-icon, +.react16-picker-next-icon, +.react16-picker-super-prev-icon, +.react16-picker-super-next-icon { + position: relative; + display: inline-block; + width: 7px; + height: 7px; +} +.react16-picker-prev-icon::before, +.react16-picker-next-icon::before, +.react16-picker-super-prev-icon::before, +.react16-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: ''; +} +.react16-picker-super-prev-icon::after, +.react16-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: ''; +} +.react16-picker-prev-icon, +.react16-picker-super-prev-icon { + transform: rotate(-45deg); +} +.react16-picker-next-icon, +.react16-picker-super-next-icon { + transform: rotate(135deg); +} +.react16-picker-content { + width: 100%; + table-layout: fixed; + border-collapse: collapse; +} +.react16-picker-content th, +.react16-picker-content td { + position: relative; + min-width: 24px; + font-weight: 400; +} +.react16-picker-content th { + height: 30px; + color: rgba(0, 0, 0, 0.85); + line-height: 30px; +} +.react16-picker-cell { + padding: 3px 0; + color: rgba(0, 0, 0, 0.25); + cursor: pointer; +} +.react16-picker-cell-in-view { + color: rgba(0, 0, 0, 0.85); +} +.react16-picker-cell::before { + position: absolute; + top: 50%; + right: 0; + left: 0; + z-index: 1; + height: 24px; + transform: translateY(-50%); + transition: all 0.3s; + content: ''; +} +.react16-picker-cell .react16-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; +} +.react16-picker-cell:hover:not(.react16-picker-cell-in-view) .react16-picker-cell-inner, +.react16-picker-cell:hover:not(.react16-picker-cell-selected):not(.react16-picker-cell-range-start):not(.react16-picker-cell-range-end):not(.react16-picker-cell-range-hover-start):not(.react16-picker-cell-range-hover-end) .react16-picker-cell-inner { + background: #f5f5f5; +} +.react16-picker-cell-in-view.react16-picker-cell-today .react16-picker-cell-inner::before { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + border: 1px solid var(--react16-primary-color); + border-radius: 2px; + content: ''; +} +.react16-picker-cell-in-view.react16-picker-cell-in-range { + position: relative; +} +.react16-picker-cell-in-view.react16-picker-cell-in-range::before { + background: var(--react16-primary-1); +} +.react16-picker-cell-in-view.react16-picker-cell-selected .react16-picker-cell-inner, +.react16-picker-cell-in-view.react16-picker-cell-range-start .react16-picker-cell-inner, +.react16-picker-cell-in-view.react16-picker-cell-range-end .react16-picker-cell-inner { + color: #fff; + background: var(--react16-primary-color); +} +.react16-picker-cell-in-view.react16-picker-cell-range-start:not(.react16-picker-cell-range-start-single)::before, +.react16-picker-cell-in-view.react16-picker-cell-range-end:not(.react16-picker-cell-range-end-single)::before { + background: var(--react16-primary-1); +} +.react16-picker-cell-in-view.react16-picker-cell-range-start::before { + left: 50%; +} +.react16-picker-cell-in-view.react16-picker-cell-range-end::before { + right: 50%; +} +.react16-picker-cell-in-view.react16-picker-cell-range-hover-start:not(.react16-picker-cell-in-range):not(.react16-picker-cell-range-start):not(.react16-picker-cell-range-end)::after, +.react16-picker-cell-in-view.react16-picker-cell-range-hover-end:not(.react16-picker-cell-in-range):not(.react16-picker-cell-range-start):not(.react16-picker-cell-range-end)::after, +.react16-picker-cell-in-view.react16-picker-cell-range-hover-start.react16-picker-cell-range-start-single::after, +.react16-picker-cell-in-view.react16-picker-cell-range-hover-start.react16-picker-cell-range-start.react16-picker-cell-range-end.react16-picker-cell-range-end-near-hover::after, +.react16-picker-cell-in-view.react16-picker-cell-range-hover-end.react16-picker-cell-range-start.react16-picker-cell-range-end.react16-picker-cell-range-start-near-hover::after, +.react16-picker-cell-in-view.react16-picker-cell-range-hover-end.react16-picker-cell-range-end-single::after, +.react16-picker-cell-in-view.react16-picker-cell-range-hover:not(.react16-picker-cell-in-range)::after { + position: absolute; + top: 50%; + z-index: 0; + height: 24px; + border-top: 1px dashed var(--react16-primary-color-deprecated-l-20); + border-bottom: 1px dashed var(--react16-primary-color-deprecated-l-20); + transform: translateY(-50%); + transition: all 0.3s; + content: ''; +} +.react16-picker-cell-range-hover-start::after, +.react16-picker-cell-range-hover-end::after, +.react16-picker-cell-range-hover::after { + right: 0; + left: 2px; +} +.react16-picker-cell-in-view.react16-picker-cell-in-range.react16-picker-cell-range-hover::before, +.react16-picker-cell-in-view.react16-picker-cell-range-start.react16-picker-cell-range-hover::before, +.react16-picker-cell-in-view.react16-picker-cell-range-end.react16-picker-cell-range-hover::before, +.react16-picker-cell-in-view.react16-picker-cell-range-start:not(.react16-picker-cell-range-start-single).react16-picker-cell-range-hover-start::before, +.react16-picker-cell-in-view.react16-picker-cell-range-end:not(.react16-picker-cell-range-end-single).react16-picker-cell-range-hover-end::before, +.react16-picker-panel > :not(.react16-picker-date-panel) .react16-picker-cell-in-view.react16-picker-cell-in-range.react16-picker-cell-range-hover-start::before, +.react16-picker-panel > :not(.react16-picker-date-panel) .react16-picker-cell-in-view.react16-picker-cell-in-range.react16-picker-cell-range-hover-end::before { + background: var(--react16-primary-color-deprecated-l-35); +} +.react16-picker-cell-in-view.react16-picker-cell-range-start:not(.react16-picker-cell-range-start-single):not(.react16-picker-cell-range-end) .react16-picker-cell-inner { + border-radius: 2px 0 0 2px; +} +.react16-picker-cell-in-view.react16-picker-cell-range-end:not(.react16-picker-cell-range-end-single):not(.react16-picker-cell-range-start) .react16-picker-cell-inner { + border-radius: 0 2px 2px 0; +} +.react16-picker-date-panel .react16-picker-cell-in-view.react16-picker-cell-in-range.react16-picker-cell-range-hover-start .react16-picker-cell-inner::after, +.react16-picker-date-panel .react16-picker-cell-in-view.react16-picker-cell-in-range.react16-picker-cell-range-hover-end .react16-picker-cell-inner::after { + position: absolute; + top: 0; + bottom: 0; + z-index: -1; + background: var(--react16-primary-color-deprecated-l-35); + transition: all 0.3s; + content: ''; +} +.react16-picker-date-panel .react16-picker-cell-in-view.react16-picker-cell-in-range.react16-picker-cell-range-hover-start .react16-picker-cell-inner::after { + right: -6px; + left: 0; +} +.react16-picker-date-panel .react16-picker-cell-in-view.react16-picker-cell-in-range.react16-picker-cell-range-hover-end .react16-picker-cell-inner::after { + right: 0; + left: -6px; +} +.react16-picker-cell-range-hover.react16-picker-cell-range-start::after { + right: 50%; +} +.react16-picker-cell-range-hover.react16-picker-cell-range-end::after { + left: 50%; +} +tr > .react16-picker-cell-in-view.react16-picker-cell-range-hover:first-child::after, +tr > .react16-picker-cell-in-view.react16-picker-cell-range-hover-end:first-child::after, +.react16-picker-cell-in-view.react16-picker-cell-start.react16-picker-cell-range-hover-edge-start.react16-picker-cell-range-hover-edge-start-near-range::after, +.react16-picker-cell-in-view.react16-picker-cell-range-hover-edge-start:not(.react16-picker-cell-range-hover-edge-start-near-range)::after, +.react16-picker-cell-in-view.react16-picker-cell-range-hover-start::after { + left: 6px; + border-left: 1px dashed var(--react16-primary-color-deprecated-l-20); + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +tr > .react16-picker-cell-in-view.react16-picker-cell-range-hover:last-child::after, +tr > .react16-picker-cell-in-view.react16-picker-cell-range-hover-start:last-child::after, +.react16-picker-cell-in-view.react16-picker-cell-end.react16-picker-cell-range-hover-edge-end.react16-picker-cell-range-hover-edge-end-near-range::after, +.react16-picker-cell-in-view.react16-picker-cell-range-hover-edge-end:not(.react16-picker-cell-range-hover-edge-end-near-range)::after, +.react16-picker-cell-in-view.react16-picker-cell-range-hover-end::after { + right: 6px; + border-right: 1px dashed var(--react16-primary-color-deprecated-l-20); + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.react16-picker-cell-disabled { + color: rgba(0, 0, 0, 0.25); + pointer-events: none; +} +.react16-picker-cell-disabled .react16-picker-cell-inner { + background: transparent; +} +.react16-picker-cell-disabled::before { + background: rgba(0, 0, 0, 0.04); +} +.react16-picker-cell-disabled.react16-picker-cell-today .react16-picker-cell-inner::before { + border-color: rgba(0, 0, 0, 0.25); +} +.react16-picker-decade-panel .react16-picker-content, +.react16-picker-year-panel .react16-picker-content, +.react16-picker-quarter-panel .react16-picker-content, +.react16-picker-month-panel .react16-picker-content { + height: 264px; +} +.react16-picker-decade-panel .react16-picker-cell-inner, +.react16-picker-year-panel .react16-picker-cell-inner, +.react16-picker-quarter-panel .react16-picker-cell-inner, +.react16-picker-month-panel .react16-picker-cell-inner { + padding: 0 8px; +} +.react16-picker-quarter-panel .react16-picker-content { + height: 56px; +} +.react16-picker-footer { + width: min-content; + min-width: 100%; + line-height: 38px; + text-align: center; + border-bottom: 1px solid transparent; +} +.react16-picker-panel .react16-picker-footer { + border-top: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-picker-footer-extra { + padding: 0 12px; + line-height: 38px; + text-align: left; +} +.react16-picker-footer-extra:not(:last-child) { + border-bottom: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-picker-now { + text-align: left; +} +.react16-picker-today-btn { + color: var(--react16-primary-color); +} +.react16-picker-today-btn:hover { + color: var(--react16-primary-color-hover); +} +.react16-picker-today-btn:active { + color: var(--react16-primary-color-active); +} +.react16-picker-today-btn.react16-picker-today-btn-disabled { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +.react16-picker-decade-panel .react16-picker-cell-inner { + padding: 0 4px; +} +.react16-picker-decade-panel .react16-picker-cell::before { + display: none; +} +.react16-picker-year-panel .react16-picker-body, +.react16-picker-quarter-panel .react16-picker-body, +.react16-picker-month-panel .react16-picker-body { + padding: 0 8px; +} +.react16-picker-year-panel .react16-picker-cell-inner, +.react16-picker-quarter-panel .react16-picker-cell-inner, +.react16-picker-month-panel .react16-picker-cell-inner { + width: 60px; +} +.react16-picker-year-panel .react16-picker-cell-range-hover-start::after, +.react16-picker-quarter-panel .react16-picker-cell-range-hover-start::after, +.react16-picker-month-panel .react16-picker-cell-range-hover-start::after { + left: 14px; + border-left: 1px dashed var(--react16-primary-color-deprecated-l-20); + border-radius: 2px 0 0 2px; +} +.react16-picker-panel-rtl .react16-picker-year-panel .react16-picker-cell-range-hover-start::after, +.react16-picker-panel-rtl .react16-picker-quarter-panel .react16-picker-cell-range-hover-start::after, +.react16-picker-panel-rtl .react16-picker-month-panel .react16-picker-cell-range-hover-start::after { + right: 14px; + border-right: 1px dashed var(--react16-primary-color-deprecated-l-20); + border-radius: 0 2px 2px 0; +} +.react16-picker-year-panel .react16-picker-cell-range-hover-end::after, +.react16-picker-quarter-panel .react16-picker-cell-range-hover-end::after, +.react16-picker-month-panel .react16-picker-cell-range-hover-end::after { + right: 14px; + border-right: 1px dashed var(--react16-primary-color-deprecated-l-20); + border-radius: 0 2px 2px 0; +} +.react16-picker-panel-rtl .react16-picker-year-panel .react16-picker-cell-range-hover-end::after, +.react16-picker-panel-rtl .react16-picker-quarter-panel .react16-picker-cell-range-hover-end::after, +.react16-picker-panel-rtl .react16-picker-month-panel .react16-picker-cell-range-hover-end::after { + left: 14px; + border-left: 1px dashed var(--react16-primary-color-deprecated-l-20); + border-radius: 2px 0 0 2px; +} +.react16-picker-week-panel .react16-picker-body { + padding: 8px 12px; +} +.react16-picker-week-panel .react16-picker-cell:hover .react16-picker-cell-inner, +.react16-picker-week-panel .react16-picker-cell-selected .react16-picker-cell-inner, +.react16-picker-week-panel .react16-picker-cell .react16-picker-cell-inner { + background: transparent !important; +} +.react16-picker-week-panel-row td { + transition: background 0.3s; +} +.react16-picker-week-panel-row:hover td { + background: #f5f5f5; +} +.react16-picker-week-panel-row-selected td, +.react16-picker-week-panel-row-selected:hover td { + background: var(--react16-primary-color); +} +.react16-picker-week-panel-row-selected td.react16-picker-cell-week, +.react16-picker-week-panel-row-selected:hover td.react16-picker-cell-week { + color: rgba(255, 255, 255, 0.5); +} +.react16-picker-week-panel-row-selected td.react16-picker-cell-today .react16-picker-cell-inner::before, +.react16-picker-week-panel-row-selected:hover td.react16-picker-cell-today .react16-picker-cell-inner::before { + border-color: #fff; +} +.react16-picker-week-panel-row-selected td .react16-picker-cell-inner, +.react16-picker-week-panel-row-selected:hover td .react16-picker-cell-inner { + color: #fff; +} +.react16-picker-date-panel .react16-picker-body { + padding: 8px 12px; +} +.react16-picker-date-panel .react16-picker-content { + width: 252px; +} +.react16-picker-date-panel .react16-picker-content th { + width: 36px; +} +.react16-picker-datetime-panel { + display: flex; +} +.react16-picker-datetime-panel .react16-picker-time-panel { + border-left: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-picker-datetime-panel .react16-picker-date-panel, +.react16-picker-datetime-panel .react16-picker-time-panel { + transition: opacity 0.3s; +} +.react16-picker-datetime-panel-active .react16-picker-date-panel, +.react16-picker-datetime-panel-active .react16-picker-time-panel { + opacity: 0.3; +} +.react16-picker-datetime-panel-active .react16-picker-date-panel-active, +.react16-picker-datetime-panel-active .react16-picker-time-panel-active { + opacity: 1; +} +.react16-picker-time-panel { + width: auto; + min-width: auto; +} +.react16-picker-time-panel .react16-picker-content { + display: flex; + flex: auto; + height: 224px; +} +.react16-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; +} +.react16-picker-time-panel-column::after { + display: block; + height: 196px; + content: ''; +} +.react16-picker-datetime-panel .react16-picker-time-panel-column::after { + height: 198px; +} +.react16-picker-time-panel-column:not(:first-child) { + border-left: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-picker-time-panel-column-active { + background: var(--react16-primary-color-active-deprecated-f-30); +} +.react16-picker-time-panel-column:hover { + overflow-y: auto; +} +.react16-picker-time-panel-column > li { + margin: 0; + padding: 0; +} +.react16-picker-time-panel-column > li.react16-picker-time-panel-cell .react16-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; +} +.react16-picker-time-panel-column > li.react16-picker-time-panel-cell .react16-picker-time-panel-cell-inner:hover { + background: #f5f5f5; +} +.react16-picker-time-panel-column > li.react16-picker-time-panel-cell-selected .react16-picker-time-panel-cell-inner { + background: var(--react16-primary-1); +} +.react16-picker-time-panel-column > li.react16-picker-time-panel-cell-disabled .react16-picker-time-panel-cell-inner { + color: rgba(0, 0, 0, 0.25); + background: transparent; + cursor: not-allowed; +} +/* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */ +_:-ms-fullscreen .react16-picker-range-wrapper .react16-picker-month-panel .react16-picker-cell, +:root .react16-picker-range-wrapper .react16-picker-month-panel .react16-picker-cell, +_:-ms-fullscreen .react16-picker-range-wrapper .react16-picker-year-panel .react16-picker-cell, +:root .react16-picker-range-wrapper .react16-picker-year-panel .react16-picker-cell { + padding: 21px 0; +} +.react16-picker-rtl { + direction: rtl; +} +.react16-picker-rtl .react16-picker-suffix { + margin-right: 4px; + margin-left: 0; +} +.react16-picker-rtl .react16-picker-clear { + right: auto; + left: 0; +} +.react16-picker-rtl .react16-picker-separator { + transform: rotate(180deg); +} +.react16-picker-panel-rtl .react16-picker-header-view button:not(:first-child) { + margin-right: 8px; + margin-left: 0; +} +.react16-picker-rtl.react16-picker-range .react16-picker-clear { + right: auto; + left: 11px; +} +.react16-picker-rtl.react16-picker-range .react16-picker-active-bar { + margin-right: 11px; + margin-left: 0; +} +.react16-picker-rtl.react16-picker-range.react16-picker-small .react16-picker-active-bar { + margin-right: 7px; +} +.react16-picker-dropdown-rtl .react16-picker-ranges { + text-align: right; +} +.react16-picker-dropdown-rtl .react16-picker-ranges .react16-picker-ok { + float: left; + margin-right: 8px; + margin-left: 0; +} +.react16-picker-panel-rtl { + direction: rtl; +} +.react16-picker-panel-rtl .react16-picker-prev-icon, +.react16-picker-panel-rtl .react16-picker-super-prev-icon { + transform: rotate(135deg); +} +.react16-picker-panel-rtl .react16-picker-next-icon, +.react16-picker-panel-rtl .react16-picker-super-next-icon { + transform: rotate(-45deg); +} +.react16-picker-cell .react16-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; +} +.react16-picker-panel-rtl .react16-picker-cell-in-view.react16-picker-cell-range-start::before { + right: 50%; + left: 0; +} +.react16-picker-panel-rtl .react16-picker-cell-in-view.react16-picker-cell-range-end::before { + right: 0; + left: 50%; +} +.react16-picker-panel-rtl .react16-picker-cell-in-view.react16-picker-cell-range-start.react16-picker-cell-range-end::before { + right: 50%; + left: 50%; +} +.react16-picker-panel-rtl .react16-picker-date-panel .react16-picker-cell-in-view.react16-picker-cell-in-range.react16-picker-cell-range-hover-start .react16-picker-cell-inner::after { + right: 0; + left: -6px; +} +.react16-picker-panel-rtl .react16-picker-date-panel .react16-picker-cell-in-view.react16-picker-cell-in-range.react16-picker-cell-range-hover-end .react16-picker-cell-inner::after { + right: -6px; + left: 0; +} +.react16-picker-panel-rtl .react16-picker-cell-range-hover.react16-picker-cell-range-start::after { + right: 0; + left: 50%; +} +.react16-picker-panel-rtl .react16-picker-cell-range-hover.react16-picker-cell-range-end::after { + right: 50%; + left: 0; +} +.react16-picker-panel-rtl .react16-picker-cell-in-view.react16-picker-cell-range-start:not(.react16-picker-cell-range-start-single):not(.react16-picker-cell-range-end) .react16-picker-cell-inner { + border-radius: 0 2px 2px 0; +} +.react16-picker-panel-rtl .react16-picker-cell-in-view.react16-picker-cell-range-end:not(.react16-picker-cell-range-end-single):not(.react16-picker-cell-range-start) .react16-picker-cell-inner { + border-radius: 2px 0 0 2px; +} +.react16-picker-panel-rtl tr > .react16-picker-cell-in-view.react16-picker-cell-range-hover:not(.react16-picker-cell-selected):first-child::after, +.react16-picker-panel-rtl .react16-picker-cell-in-view.react16-picker-cell-start.react16-picker-cell-range-hover-edge-start.react16-picker-cell-range-hover-edge-start-near-range::after, +.react16-picker-panel-rtl .react16-picker-cell-in-view.react16-picker-cell-range-hover-edge-start:not(.react16-picker-cell-range-hover-edge-start-near-range)::after, +.react16-picker-panel-rtl .react16-picker-cell-in-view.react16-picker-cell-range-hover-start::after { + right: 6px; + left: 0; + border-right: 1px dashed var(--react16-primary-color-deprecated-l-20); + border-left: none; + border-radius: 0 2px 2px 0; +} +.react16-picker-panel-rtl tr > .react16-picker-cell-in-view.react16-picker-cell-range-hover:not(.react16-picker-cell-selected):last-child::after, +.react16-picker-panel-rtl .react16-picker-cell-in-view.react16-picker-cell-end.react16-picker-cell-range-hover-edge-end.react16-picker-cell-range-hover-edge-end-near-range::after, +.react16-picker-panel-rtl .react16-picker-cell-in-view.react16-picker-cell-range-hover-edge-end:not(.react16-picker-cell-range-hover-edge-end-near-range)::after, +.react16-picker-panel-rtl .react16-picker-cell-in-view.react16-picker-cell-range-hover-end::after { + right: 0; + left: 6px; + border-right: none; + border-left: 1px dashed var(--react16-primary-color-deprecated-l-20); + border-radius: 2px 0 0 2px; +} +.react16-picker-panel-rtl tr > .react16-picker-cell-in-view.react16-picker-cell-range-hover-start:last-child::after, +.react16-picker-panel-rtl tr > .react16-picker-cell-in-view.react16-picker-cell-range-hover-end:first-child::after, +.react16-picker-panel-rtl .react16-picker-cell-in-view.react16-picker-cell-start.react16-picker-cell-range-hover-edge-start:not(.react16-picker-cell-range-hover)::after, +.react16-picker-panel-rtl .react16-picker-cell-in-view.react16-picker-cell-start.react16-picker-cell-range-hover-end.react16-picker-cell-range-hover-edge-start:not(.react16-picker-cell-range-hover)::after, +.react16-picker-panel-rtl .react16-picker-cell-in-view.react16-picker-cell-end.react16-picker-cell-range-hover-start.react16-picker-cell-range-hover-edge-end:not(.react16-picker-cell-range-hover)::after, +.react16-picker-panel-rtl tr > .react16-picker-cell-in-view.react16-picker-cell-start.react16-picker-cell-range-hover.react16-picker-cell-range-hover-edge-start:last-child::after, +.react16-picker-panel-rtl tr > .react16-picker-cell-in-view.react16-picker-cell-end.react16-picker-cell-range-hover.react16-picker-cell-range-hover-edge-end:first-child::after { + right: 6px; + left: 6px; + border-right: 1px dashed var(--react16-primary-color-deprecated-l-20); + border-left: 1px dashed var(--react16-primary-color-deprecated-l-20); + border-radius: 2px; +} +.react16-picker-dropdown-rtl .react16-picker-footer-extra { + direction: rtl; + text-align: right; +} +.react16-picker-panel-rtl .react16-picker-time-panel { + direction: ltr; +} +.react16-descriptions-header { + display: flex; + align-items: center; + margin-bottom: 20px; +} +.react16-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; +} +.react16-descriptions-extra { + margin-left: auto; + color: rgba(0, 0, 0, 0.85); + font-size: 14px; +} +.react16-descriptions-view { + width: 100%; + border-radius: 2px; +} +.react16-descriptions-view table { + width: 100%; + table-layout: fixed; +} +.react16-descriptions-row > th, +.react16-descriptions-row > td { + padding-bottom: 16px; +} +.react16-descriptions-row:last-child { + border-bottom: none; +} +.react16-descriptions-item-label { + color: rgba(0, 0, 0, 0.85); + font-weight: normal; + font-size: 14px; + line-height: 1.5715; + text-align: start; +} +.react16-descriptions-item-label::after { + content: ':'; + position: relative; + top: -0.5px; + margin: 0 8px 0 2px; +} +.react16-descriptions-item-label.react16-descriptions-item-no-colon::after { + content: ' '; +} +.react16-descriptions-item-no-label::after { + margin: 0; + content: ''; +} +.react16-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; +} +.react16-descriptions-item { + padding-bottom: 0; + vertical-align: top; +} +.react16-descriptions-item-container { + display: flex; +} +.react16-descriptions-item-container .react16-descriptions-item-label, +.react16-descriptions-item-container .react16-descriptions-item-content { + display: inline-flex; + align-items: baseline; +} +.react16-descriptions-middle .react16-descriptions-row > th, +.react16-descriptions-middle .react16-descriptions-row > td { + padding-bottom: 12px; +} +.react16-descriptions-small .react16-descriptions-row > th, +.react16-descriptions-small .react16-descriptions-row > td { + padding-bottom: 8px; +} +.react16-descriptions-bordered .react16-descriptions-view { + border: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-descriptions-bordered .react16-descriptions-view > table { + table-layout: auto; + border-collapse: collapse; +} +.react16-descriptions-bordered .react16-descriptions-item-label, +.react16-descriptions-bordered .react16-descriptions-item-content { + padding: 16px 24px; + border-right: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-descriptions-bordered .react16-descriptions-item-label:last-child, +.react16-descriptions-bordered .react16-descriptions-item-content:last-child { + border-right: none; +} +.react16-descriptions-bordered .react16-descriptions-item-label { + background-color: #fafafa; +} +.react16-descriptions-bordered .react16-descriptions-item-label::after { + display: none; +} +.react16-descriptions-bordered .react16-descriptions-row { + border-bottom: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-descriptions-bordered .react16-descriptions-row:last-child { + border-bottom: none; +} +.react16-descriptions-bordered.react16-descriptions-middle .react16-descriptions-item-label, +.react16-descriptions-bordered.react16-descriptions-middle .react16-descriptions-item-content { + padding: 12px 24px; +} +.react16-descriptions-bordered.react16-descriptions-small .react16-descriptions-item-label, +.react16-descriptions-bordered.react16-descriptions-small .react16-descriptions-item-content { + padding: 8px 16px; +} +.react16-descriptions-rtl { + direction: rtl; +} +.react16-descriptions-rtl .react16-descriptions-item-label::after { + margin: 0 2px 0 8px; +} +.react16-descriptions-rtl.react16-descriptions-bordered .react16-descriptions-item-label, +.react16-descriptions-rtl.react16-descriptions-bordered .react16-descriptions-item-content { + border-right: none; + border-left: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-descriptions-rtl.react16-descriptions-bordered .react16-descriptions-item-label:last-child, +.react16-descriptions-rtl.react16-descriptions-bordered .react16-descriptions-item-content:last-child { + border-left: none; +} +.react16-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); +} +.react16-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); +} +.react16-divider-horizontal { + display: flex; + clear: both; + width: 100%; + min-width: 100%; + margin: 24px 0; +} +.react16-divider-horizontal.react16-divider-with-text { + display: flex; + 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); +} +.react16-divider-horizontal.react16-divider-with-text::before, +.react16-divider-horizontal.react16-divider-with-text::after { + position: relative; + top: 50%; + width: 50%; + border-top: 1px solid transparent; + border-top-color: inherit; + border-bottom: 0; + transform: translateY(50%); + content: ''; +} +.react16-divider-horizontal.react16-divider-with-text-left::before { + top: 50%; + width: 5%; +} +.react16-divider-horizontal.react16-divider-with-text-left::after { + top: 50%; + width: 95%; +} +.react16-divider-horizontal.react16-divider-with-text-right::before { + top: 50%; + width: 95%; +} +.react16-divider-horizontal.react16-divider-with-text-right::after { + top: 50%; + width: 5%; +} +.react16-divider-inner-text { + display: inline-block; + padding: 0 1em; +} +.react16-divider-dashed { + background: none; + border-color: rgba(0, 0, 0, 0.06); + border-style: dashed; + border-width: 1px 0 0; +} +.react16-divider-horizontal.react16-divider-with-text.react16-divider-dashed::before, +.react16-divider-horizontal.react16-divider-with-text.react16-divider-dashed::after { + border-style: dashed none none; +} +.react16-divider-vertical.react16-divider-dashed { + border-width: 0 0 0 1px; +} +.react16-divider-plain.react16-divider-with-text { + color: rgba(0, 0, 0, 0.85); + font-weight: normal; + font-size: 14px; +} +.react16-divider-horizontal.react16-divider-with-text-left.react16-divider-no-default-orientation-margin-left::before { + width: 0; +} +.react16-divider-horizontal.react16-divider-with-text-left.react16-divider-no-default-orientation-margin-left::after { + width: 100%; +} +.react16-divider-horizontal.react16-divider-with-text-left.react16-divider-no-default-orientation-margin-left .react16-divider-inner-text { + padding-left: 0; +} +.react16-divider-horizontal.react16-divider-with-text-right.react16-divider-no-default-orientation-margin-right::before { + width: 100%; +} +.react16-divider-horizontal.react16-divider-with-text-right.react16-divider-no-default-orientation-margin-right::after { + width: 0; +} +.react16-divider-horizontal.react16-divider-with-text-right.react16-divider-no-default-orientation-margin-right .react16-divider-inner-text { + padding-right: 0; +} +.react16-divider-rtl { + direction: rtl; +} +.react16-divider-rtl.react16-divider-horizontal.react16-divider-with-text-left::before { + width: 95%; +} +.react16-divider-rtl.react16-divider-horizontal.react16-divider-with-text-left::after { + width: 5%; +} +.react16-divider-rtl.react16-divider-horizontal.react16-divider-with-text-right::before { + width: 5%; +} +.react16-divider-rtl.react16-divider-horizontal.react16-divider-with-text-right::after { + width: 95%; +} +.react16-drawer { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1000; + pointer-events: none; +} +.react16-drawer-inline { + position: absolute; +} +.react16-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; +} +.react16-drawer-content-wrapper { + position: absolute; + z-index: 1000; + transition: all 0.3s; +} +.react16-drawer-content-wrapper-hidden { + display: none; +} +.react16-drawer-left > .react16-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); +} +.react16-drawer-right > .react16-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); +} +.react16-drawer-top > .react16-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); +} +.react16-drawer-bottom > .react16-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); +} +.react16-drawer-content { + width: 100%; + height: 100%; + overflow: auto; + background: #fff; + pointer-events: auto; +} +.react16-drawer-wrapper-body { + display: flex; + flex-direction: column; + width: 100%; + height: 100%; +} +.react16-drawer-header { + display: flex; + flex: 0; + align-items: center; + padding: 16px 24px; + font-size: 16px; + line-height: 22px; + border-bottom: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-drawer-header-title { + display: flex; + flex: 1; + align-items: center; + min-width: 0; + min-height: 0; +} +.react16-drawer-extra { + flex: 0; +} +.react16-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; +} +.react16-drawer-close:focus, +.react16-drawer-close:hover { + color: rgba(0, 0, 0, 0.75); + text-decoration: none; +} +.react16-drawer-title { + flex: 1; + margin: 0; + color: rgba(0, 0, 0, 0.85); + font-weight: 500; + font-size: 16px; + line-height: 22px; +} +.react16-drawer-body { + flex: 1; + min-width: 0; + min-height: 0; + padding: 24px; + overflow: auto; +} +.react16-drawer-footer { + flex-shrink: 0; + padding: 10px 16px; + border-top: 1px solid rgba(0, 0, 0, 0.06); +} +.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; +} +.react16-drawer-mask-motion-enter-active, +.react16-drawer-mask-motion-appear-active, +.react16-drawer-mask-motion-leave-active { + transition: all 0.3s; +} +.react16-drawer-mask-motion-enter, +.react16-drawer-mask-motion-appear { + opacity: 0; +} +.react16-drawer-mask-motion-enter-active, +.react16-drawer-mask-motion-appear-active { + opacity: 1; +} +.react16-drawer-mask-motion-leave { + opacity: 1; +} +.react16-drawer-mask-motion-leave-active { + opacity: 0; +} +.react16-drawer-panel-motion-left-enter-start, +.react16-drawer-panel-motion-left-appear-start, +.react16-drawer-panel-motion-left-leave-start { + transition: none; +} +.react16-drawer-panel-motion-left-enter-active, +.react16-drawer-panel-motion-left-appear-active, +.react16-drawer-panel-motion-left-leave-active { + transition: all 0.3s; +} +.react16-drawer-panel-motion-left-enter, +.react16-drawer-panel-motion-left-appear { + transform: translateX(-100%); +} +.react16-drawer-panel-motion-left-enter-active, +.react16-drawer-panel-motion-left-appear-active { + transform: translateX(0); +} +.react16-drawer-panel-motion-left-leave { + transform: translateX(0); +} +.react16-drawer-panel-motion-left-leave-active { + transform: translateX(-100%); +} +.react16-drawer-panel-motion-right-enter-start, +.react16-drawer-panel-motion-right-appear-start, +.react16-drawer-panel-motion-right-leave-start { + transition: none; +} +.react16-drawer-panel-motion-right-enter-active, +.react16-drawer-panel-motion-right-appear-active, +.react16-drawer-panel-motion-right-leave-active { + transition: all 0.3s; +} +.react16-drawer-panel-motion-right-enter, +.react16-drawer-panel-motion-right-appear { + transform: translateX(100%); +} +.react16-drawer-panel-motion-right-enter-active, +.react16-drawer-panel-motion-right-appear-active { + transform: translateX(0); +} +.react16-drawer-panel-motion-right-leave { + transform: translateX(0); +} +.react16-drawer-panel-motion-right-leave-active { + transform: translateX(100%); +} +.react16-drawer-panel-motion-top-enter-start, +.react16-drawer-panel-motion-top-appear-start, +.react16-drawer-panel-motion-top-leave-start { + transition: none; +} +.react16-drawer-panel-motion-top-enter-active, +.react16-drawer-panel-motion-top-appear-active, +.react16-drawer-panel-motion-top-leave-active { + transition: all 0.3s; +} +.react16-drawer-panel-motion-top-enter, +.react16-drawer-panel-motion-top-appear { + transform: translateY(-100%); +} +.react16-drawer-panel-motion-top-enter-active, +.react16-drawer-panel-motion-top-appear-active { + transform: translateY(0); +} +.react16-drawer-panel-motion-top-leave { + transform: translateY(0); +} +.react16-drawer-panel-motion-top-leave-active { + transform: translateY(-100%); +} +.react16-drawer-panel-motion-bottom-enter-start, +.react16-drawer-panel-motion-bottom-appear-start, +.react16-drawer-panel-motion-bottom-leave-start { + transition: none; +} +.react16-drawer-panel-motion-bottom-enter-active, +.react16-drawer-panel-motion-bottom-appear-active, +.react16-drawer-panel-motion-bottom-leave-active { + transition: all 0.3s; +} +.react16-drawer-panel-motion-bottom-enter, +.react16-drawer-panel-motion-bottom-appear { + transform: translateY(100%); +} +.react16-drawer-panel-motion-bottom-enter-active, +.react16-drawer-panel-motion-bottom-appear-active { + transform: translateY(0); +} +.react16-drawer-panel-motion-bottom-leave { + transform: translateY(0); +} +.react16-drawer-panel-motion-bottom-leave-active { + transform: translateY(100%); +} +.react16-drawer-rtl { + direction: rtl; +} +.react16-drawer-rtl .react16-drawer-close { + margin-right: 0; + margin-left: 12px; +} +.react16-dropdown-menu-item.react16-dropdown-menu-item-danger { + color: var(--react16-error-color); +} +.react16-dropdown-menu-item.react16-dropdown-menu-item-danger:hover { + color: #fff; + background-color: var(--react16-error-color); +} +.react16-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; +} +.react16-dropdown::before { + position: absolute; + top: -4px; + right: 0; + bottom: -4px; + left: -7px; + z-index: -9999; + opacity: 0.0001; + content: ' '; +} +.react16-dropdown-wrap { + position: relative; +} +.react16-dropdown-wrap .react16-btn > .anticon-down { + font-size: 10px; +} +.react16-dropdown-wrap .anticon-down::before { + transition: transform 0.2s; +} +.react16-dropdown-wrap-open .anticon-down::before { + transform: rotate(180deg); +} +.react16-dropdown-hidden, +.react16-dropdown-menu-hidden, +.react16-dropdown-menu-submenu-hidden { + display: none; +} +.react16-dropdown-show-arrow.react16-dropdown-placement-topLeft, +.react16-dropdown-show-arrow.react16-dropdown-placement-top, +.react16-dropdown-show-arrow.react16-dropdown-placement-topRight { + padding-bottom: 15.3137085px; +} +.react16-dropdown-show-arrow.react16-dropdown-placement-bottomLeft, +.react16-dropdown-show-arrow.react16-dropdown-placement-bottom, +.react16-dropdown-show-arrow.react16-dropdown-placement-bottomRight { + padding-top: 15.3137085px; +} +.react16-dropdown-arrow { + position: absolute; + z-index: 1; + display: block; + width: 11.3137085px; + height: 11.3137085px; + border-radius: 0 0 2px; + pointer-events: none; +} +.react16-dropdown-arrow::before { + position: absolute; + top: -11.3137085px; + left: -11.3137085px; + width: 33.9411255px; + height: 33.9411255px; + background: #fff; + background-repeat: no-repeat; + background-position: -10px -10px; + content: ''; + clip-path: inset(33% 33%); + clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); +} +.react16-dropdown-placement-top > .react16-dropdown-arrow, +.react16-dropdown-placement-topLeft > .react16-dropdown-arrow, +.react16-dropdown-placement-topRight > .react16-dropdown-arrow { + bottom: 10px; + box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1); + transform: rotate(45deg); +} +.react16-dropdown-placement-top > .react16-dropdown-arrow { + left: 50%; + transform: translateX(-50%) rotate(45deg); +} +.react16-dropdown-placement-topLeft > .react16-dropdown-arrow { + left: 16px; +} +.react16-dropdown-placement-topRight > .react16-dropdown-arrow { + right: 16px; +} +.react16-dropdown-placement-bottom > .react16-dropdown-arrow, +.react16-dropdown-placement-bottomLeft > .react16-dropdown-arrow, +.react16-dropdown-placement-bottomRight > .react16-dropdown-arrow { + top: 9.41421356px; + box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1); + transform: rotate(-135deg) translateY(-0.5px); +} +.react16-dropdown-placement-bottom > .react16-dropdown-arrow { + left: 50%; + transform: translateX(-50%) rotate(-135deg) translateY(-0.5px); +} +.react16-dropdown-placement-bottomLeft > .react16-dropdown-arrow { + left: 16px; +} +.react16-dropdown-placement-bottomRight > .react16-dropdown-arrow { + right: 16px; +} +.react16-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); +} +.react16-dropdown-menu-item-group-title { + padding: 5px 12px; + color: rgba(0, 0, 0, 0.45); + transition: all 0.3s; +} +.react16-dropdown-menu-submenu-popup { + position: absolute; + z-index: 1050; + background: transparent; + box-shadow: none; + transform-origin: 0 0; +} +.react16-dropdown-menu-submenu-popup ul, +.react16-dropdown-menu-submenu-popup li { + list-style: none; +} +.react16-dropdown-menu-submenu-popup ul { + margin-right: 0.3em; + margin-left: 0.3em; +} +.react16-dropdown-menu-item { + position: relative; + display: flex; + align-items: center; +} +.react16-dropdown-menu-item-icon { + min-width: 12px; + margin-right: 8px; + font-size: 12px; +} +.react16-dropdown-menu-title-content { + flex: auto; +} +.react16-dropdown-menu-title-content > a { + color: inherit; + transition: all 0.3s; +} +.react16-dropdown-menu-title-content > a:hover { + color: inherit; +} +.react16-dropdown-menu-title-content > a::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + content: ''; +} +.react16-dropdown-menu-item, +.react16-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; +} +.react16-dropdown-menu-item-selected, +.react16-dropdown-menu-submenu-title-selected { + color: var(--react16-primary-color); + background-color: var(--react16-primary-1); +} +.react16-dropdown-menu-item:hover, +.react16-dropdown-menu-submenu-title:hover, +.react16-dropdown-menu-item.react16-dropdown-menu-item-active, +.react16-dropdown-menu-item.react16-dropdown-menu-submenu-title-active, +.react16-dropdown-menu-submenu-title.react16-dropdown-menu-item-active, +.react16-dropdown-menu-submenu-title.react16-dropdown-menu-submenu-title-active { + background-color: #f5f5f5; +} +.react16-dropdown-menu-item-disabled, +.react16-dropdown-menu-submenu-title-disabled { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +.react16-dropdown-menu-item-disabled:hover, +.react16-dropdown-menu-submenu-title-disabled:hover { + color: rgba(0, 0, 0, 0.25); + background-color: #fff; + cursor: not-allowed; +} +.react16-dropdown-menu-item-disabled a, +.react16-dropdown-menu-submenu-title-disabled a { + pointer-events: none; +} +.react16-dropdown-menu-item-divider, +.react16-dropdown-menu-submenu-title-divider { + height: 1px; + margin: 4px 0; + overflow: hidden; + line-height: 0; + background-color: rgba(0, 0, 0, 0.06); +} +.react16-dropdown-menu-item .react16-dropdown-menu-submenu-expand-icon, +.react16-dropdown-menu-submenu-title .react16-dropdown-menu-submenu-expand-icon { + position: absolute; + right: 8px; +} +.react16-dropdown-menu-item .react16-dropdown-menu-submenu-expand-icon .react16-dropdown-menu-submenu-arrow-icon, +.react16-dropdown-menu-submenu-title .react16-dropdown-menu-submenu-expand-icon .react16-dropdown-menu-submenu-arrow-icon { + margin-right: 0 !important; + color: rgba(0, 0, 0, 0.45); + font-size: 10px; + font-style: normal; +} +.react16-dropdown-menu-item-group-list { + margin: 0 8px; + padding: 0; + list-style: none; +} +.react16-dropdown-menu-submenu-title { + padding-right: 24px; +} +.react16-dropdown-menu-submenu-vertical { + position: relative; +} +.react16-dropdown-menu-submenu-vertical > .react16-dropdown-menu { + position: absolute; + top: 0; + left: 100%; + min-width: 100%; + margin-left: 4px; + transform-origin: 0 0; +} +.react16-dropdown-menu-submenu.react16-dropdown-menu-submenu-disabled .react16-dropdown-menu-submenu-title, +.react16-dropdown-menu-submenu.react16-dropdown-menu-submenu-disabled .react16-dropdown-menu-submenu-title .react16-dropdown-menu-submenu-arrow-icon { + color: rgba(0, 0, 0, 0.25); + background-color: #fff; + cursor: not-allowed; +} +.react16-dropdown-menu-submenu-selected .react16-dropdown-menu-submenu-title { + color: var(--react16-primary-color); +} +.react16-dropdown.react16-slide-down-enter.react16-slide-down-enter-active.react16-dropdown-placement-bottomLeft, +.react16-dropdown.react16-slide-down-appear.react16-slide-down-appear-active.react16-dropdown-placement-bottomLeft, +.react16-dropdown.react16-slide-down-enter.react16-slide-down-enter-active.react16-dropdown-placement-bottom, +.react16-dropdown.react16-slide-down-appear.react16-slide-down-appear-active.react16-dropdown-placement-bottom, +.react16-dropdown.react16-slide-down-enter.react16-slide-down-enter-active.react16-dropdown-placement-bottomRight, +.react16-dropdown.react16-slide-down-appear.react16-slide-down-appear-active.react16-dropdown-placement-bottomRight { + animation-name: antSlideUpIn; +} +.react16-dropdown.react16-slide-up-enter.react16-slide-up-enter-active.react16-dropdown-placement-topLeft, +.react16-dropdown.react16-slide-up-appear.react16-slide-up-appear-active.react16-dropdown-placement-topLeft, +.react16-dropdown.react16-slide-up-enter.react16-slide-up-enter-active.react16-dropdown-placement-top, +.react16-dropdown.react16-slide-up-appear.react16-slide-up-appear-active.react16-dropdown-placement-top, +.react16-dropdown.react16-slide-up-enter.react16-slide-up-enter-active.react16-dropdown-placement-topRight, +.react16-dropdown.react16-slide-up-appear.react16-slide-up-appear-active.react16-dropdown-placement-topRight { + animation-name: antSlideDownIn; +} +.react16-dropdown.react16-slide-down-leave.react16-slide-down-leave-active.react16-dropdown-placement-bottomLeft, +.react16-dropdown.react16-slide-down-leave.react16-slide-down-leave-active.react16-dropdown-placement-bottom, +.react16-dropdown.react16-slide-down-leave.react16-slide-down-leave-active.react16-dropdown-placement-bottomRight { + animation-name: antSlideUpOut; +} +.react16-dropdown.react16-slide-up-leave.react16-slide-up-leave-active.react16-dropdown-placement-topLeft, +.react16-dropdown.react16-slide-up-leave.react16-slide-up-leave-active.react16-dropdown-placement-top, +.react16-dropdown.react16-slide-up-leave.react16-slide-up-leave-active.react16-dropdown-placement-topRight { + animation-name: antSlideDownOut; +} +.react16-dropdown-trigger > .anticon.anticon-down, +.react16-dropdown-link > .anticon.anticon-down, +.react16-dropdown-button > .anticon.anticon-down { + font-size: 10px; + vertical-align: baseline; +} +.react16-dropdown-button { + white-space: nowrap; +} +.react16-dropdown-button.react16-btn-group > .react16-btn-loading, +.react16-dropdown-button.react16-btn-group > .react16-btn-loading + .react16-btn { + cursor: default; + pointer-events: none; +} +.react16-dropdown-button.react16-btn-group > .react16-btn-loading + .react16-btn::before { + display: block; +} +.react16-dropdown-button.react16-btn-group > .react16-btn:last-child:not(:first-child):not(.react16-btn-icon-only) { + padding-right: 8px; + padding-left: 8px; +} +.react16-dropdown-menu-dark, +.react16-dropdown-menu-dark .react16-dropdown-menu { + background: #001529; +} +.react16-dropdown-menu-dark .react16-dropdown-menu-item, +.react16-dropdown-menu-dark .react16-dropdown-menu-submenu-title, +.react16-dropdown-menu-dark .react16-dropdown-menu-item > a, +.react16-dropdown-menu-dark .react16-dropdown-menu-item > .anticon + span > a { + color: rgba(255, 255, 255, 0.65); +} +.react16-dropdown-menu-dark .react16-dropdown-menu-item .react16-dropdown-menu-submenu-arrow::after, +.react16-dropdown-menu-dark .react16-dropdown-menu-submenu-title .react16-dropdown-menu-submenu-arrow::after, +.react16-dropdown-menu-dark .react16-dropdown-menu-item > a .react16-dropdown-menu-submenu-arrow::after, +.react16-dropdown-menu-dark .react16-dropdown-menu-item > .anticon + span > a .react16-dropdown-menu-submenu-arrow::after { + color: rgba(255, 255, 255, 0.65); +} +.react16-dropdown-menu-dark .react16-dropdown-menu-item:hover, +.react16-dropdown-menu-dark .react16-dropdown-menu-submenu-title:hover, +.react16-dropdown-menu-dark .react16-dropdown-menu-item > a:hover, +.react16-dropdown-menu-dark .react16-dropdown-menu-item > .anticon + span > a:hover { + color: #fff; + background: transparent; +} +.react16-dropdown-menu-dark .react16-dropdown-menu-item-selected, +.react16-dropdown-menu-dark .react16-dropdown-menu-item-selected:hover, +.react16-dropdown-menu-dark .react16-dropdown-menu-item-selected > a { + color: #fff; + background: var(--react16-primary-color); +} +.react16-dropdown-rtl { + direction: rtl; +} +.react16-dropdown-rtl.react16-dropdown::before { + right: -7px; + left: 0; +} +.react16-dropdown-menu.react16-dropdown-menu-rtl { + direction: rtl; + text-align: right; +} +.react16-dropdown-rtl .react16-dropdown-menu-item-group-title, +.react16-dropdown-menu-submenu-rtl .react16-dropdown-menu-item-group-title { + direction: rtl; + text-align: right; +} +.react16-dropdown-menu-submenu-popup.react16-dropdown-menu-submenu-rtl { + transform-origin: 100% 0; +} +.react16-dropdown-rtl .react16-dropdown-menu-submenu-popup ul, +.react16-dropdown-rtl .react16-dropdown-menu-submenu-popup li { + text-align: right; +} +.react16-dropdown-rtl .react16-dropdown-menu-item, +.react16-dropdown-rtl .react16-dropdown-menu-submenu-title { + text-align: right; +} +.react16-dropdown-rtl .react16-dropdown-menu-item > .anticon:first-child, +.react16-dropdown-rtl .react16-dropdown-menu-submenu-title > .anticon:first-child, +.react16-dropdown-rtl .react16-dropdown-menu-item > span > .anticon:first-child, +.react16-dropdown-rtl .react16-dropdown-menu-submenu-title > span > .anticon:first-child { + margin-right: 0; + margin-left: 8px; +} +.react16-dropdown-rtl .react16-dropdown-menu-item .react16-dropdown-menu-submenu-expand-icon, +.react16-dropdown-rtl .react16-dropdown-menu-submenu-title .react16-dropdown-menu-submenu-expand-icon { + right: auto; + left: 8px; +} +.react16-dropdown-rtl .react16-dropdown-menu-item .react16-dropdown-menu-submenu-expand-icon .react16-dropdown-menu-submenu-arrow-icon, +.react16-dropdown-rtl .react16-dropdown-menu-submenu-title .react16-dropdown-menu-submenu-expand-icon .react16-dropdown-menu-submenu-arrow-icon { + margin-left: 0 !important; + transform: scaleX(-1); +} +.react16-dropdown-rtl .react16-dropdown-menu-submenu-title { + padding-right: 12px; + padding-left: 24px; +} +.react16-dropdown-rtl .react16-dropdown-menu-submenu-vertical > .react16-dropdown-menu { + right: 100%; + left: 0; + margin-right: 4px; + margin-left: 0; +} +.react16-empty { + margin: 0 8px; + font-size: 14px; + line-height: 1.5715; + text-align: center; +} +.react16-empty-image { + height: 100px; + margin-bottom: 8px; +} +.react16-empty-image img { + height: 100%; +} +.react16-empty-image svg { + height: 100%; + margin: auto; +} +.react16-empty-footer { + margin-top: 16px; +} +.react16-empty-normal { + margin: 32px 0; + color: rgba(0, 0, 0, 0.25); +} +.react16-empty-normal .react16-empty-image { + height: 40px; +} +.react16-empty-small { + margin: 8px 0; + color: rgba(0, 0, 0, 0.25); +} +.react16-empty-small .react16-empty-image { + height: 35px; +} +.react16-empty-img-default-ellipse { + fill: #f5f5f5; + fill-opacity: 0.8; +} +.react16-empty-img-default-path-1 { + fill: #aeb8c2; +} +.react16-empty-img-default-path-2 { + fill: url('#linearGradient-1'); +} +.react16-empty-img-default-path-3 { + fill: #f5f5f7; +} +.react16-empty-img-default-path-4 { + fill: #dce0e6; +} +.react16-empty-img-default-path-5 { + fill: #dce0e6; +} +.react16-empty-img-default-g { + fill: #fff; +} +.react16-empty-img-simple-ellipse { + fill: #f5f5f5; +} +.react16-empty-img-simple-g { + stroke: #d9d9d9; +} +.react16-empty-img-simple-path { + fill: #fafafa; +} +.react16-empty-rtl { + direction: rtl; +} +.react16-form-item .react16-input-number + .react16-form-text { + margin-left: 8px; +} +.react16-form-inline { + display: flex; + flex-wrap: wrap; +} +.react16-form-inline .react16-form-item { + flex: none; + flex-wrap: nowrap; + margin-right: 16px; + margin-bottom: 0; +} +.react16-form-inline .react16-form-item-with-help { + margin-bottom: 24px; +} +.react16-form-inline .react16-form-item > .react16-form-item-label, +.react16-form-inline .react16-form-item > .react16-form-item-control { + display: inline-block; + vertical-align: top; +} +.react16-form-inline .react16-form-item > .react16-form-item-label { + flex: none; +} +.react16-form-inline .react16-form-item .react16-form-text { + display: inline-block; +} +.react16-form-inline .react16-form-item .react16-form-item-has-feedback { + display: inline-block; +} +.react16-form-horizontal .react16-form-item-label { + flex-grow: 0; +} +.react16-form-horizontal .react16-form-item-control { + flex: 1 1 0; + min-width: 0; +} +.react16-form-horizontal .react16-form-item-label[class$='-24'] + .react16-form-item-control, +.react16-form-horizontal .react16-form-item-label[class*='-24 '] + .react16-form-item-control { + min-width: unset; +} +.react16-form-vertical .react16-form-item-row { + flex-direction: column; +} +.react16-form-vertical .react16-form-item-label > label { + height: auto; +} +.react16-form-vertical .react16-form-item .react16-form-item-control { + width: 100%; +} +.react16-form-vertical .react16-form-item-label, +.react16-col-24.react16-form-item-label, +.react16-col-xl-24.react16-form-item-label { + padding: 0 0 8px; + line-height: 1.5715; + white-space: initial; + text-align: left; +} +.react16-form-vertical .react16-form-item-label > label, +.react16-col-24.react16-form-item-label > label, +.react16-col-xl-24.react16-form-item-label > label { + margin: 0; +} +.react16-form-vertical .react16-form-item-label > label::after, +.react16-col-24.react16-form-item-label > label::after, +.react16-col-xl-24.react16-form-item-label > label::after { + display: none; +} +.react16-form-rtl.react16-form-vertical .react16-form-item-label, +.react16-form-rtl.react16-col-24.react16-form-item-label, +.react16-form-rtl.react16-col-xl-24.react16-form-item-label { + text-align: right; +} +@media (max-width: 575px) { + .react16-form-item .react16-form-item-label { + padding: 0 0 8px; + line-height: 1.5715; + white-space: initial; + text-align: left; + } + .react16-form-item .react16-form-item-label > label { + margin: 0; + } + .react16-form-item .react16-form-item-label > label::after { + display: none; + } + .react16-form-rtl.react16-form-item .react16-form-item-label { + text-align: right; + } + .react16-form .react16-form-item { + flex-wrap: wrap; + } + .react16-form .react16-form-item .react16-form-item-label, + .react16-form .react16-form-item .react16-form-item-control { + flex: 0 0 100%; + max-width: 100%; + } + .react16-col-xs-24.react16-form-item-label { + padding: 0 0 8px; + line-height: 1.5715; + white-space: initial; + text-align: left; + } + .react16-col-xs-24.react16-form-item-label > label { + margin: 0; + } + .react16-col-xs-24.react16-form-item-label > label::after { + display: none; + } + .react16-form-rtl.react16-col-xs-24.react16-form-item-label { + text-align: right; + } +} +@media (max-width: 767px) { + .react16-col-sm-24.react16-form-item-label { + padding: 0 0 8px; + line-height: 1.5715; + white-space: initial; + text-align: left; + } + .react16-col-sm-24.react16-form-item-label > label { + margin: 0; + } + .react16-col-sm-24.react16-form-item-label > label::after { + display: none; + } + .react16-form-rtl.react16-col-sm-24.react16-form-item-label { + text-align: right; + } +} +@media (max-width: 991px) { + .react16-col-md-24.react16-form-item-label { + padding: 0 0 8px; + line-height: 1.5715; + white-space: initial; + text-align: left; + } + .react16-col-md-24.react16-form-item-label > label { + margin: 0; + } + .react16-col-md-24.react16-form-item-label > label::after { + display: none; + } + .react16-form-rtl.react16-col-md-24.react16-form-item-label { + text-align: right; + } +} +@media (max-width: 1199px) { + .react16-col-lg-24.react16-form-item-label { + padding: 0 0 8px; + line-height: 1.5715; + white-space: initial; + text-align: left; + } + .react16-col-lg-24.react16-form-item-label > label { + margin: 0; + } + .react16-col-lg-24.react16-form-item-label > label::after { + display: none; + } + .react16-form-rtl.react16-col-lg-24.react16-form-item-label { + text-align: right; + } +} +@media (max-width: 1599px) { + .react16-col-xl-24.react16-form-item-label { + padding: 0 0 8px; + line-height: 1.5715; + white-space: initial; + text-align: left; + } + .react16-col-xl-24.react16-form-item-label > label { + margin: 0; + } + .react16-col-xl-24.react16-form-item-label > label::after { + display: none; + } + .react16-form-rtl.react16-col-xl-24.react16-form-item-label { + text-align: right; + } +} +.react16-form-item { + /* Some non-status related component style is in `components.less` */ + /* To support leave along ErrorList. We add additional className to handle explain style */ +} +.react16-form-item-explain-error { + color: var(--react16-error-color); +} +.react16-form-item-explain-warning { + color: var(--react16-warning-color); +} +.react16-form-item-has-feedback .react16-switch { + margin: 2px 0 4px; +} +.react16-form-item-has-warning .react16-form-item-split { + color: var(--react16-warning-color); +} +.react16-form-item-has-error .react16-form-item-split { + color: var(--react16-error-color); +} +.react16-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'; +} +.react16-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; +} +.react16-form label { + font-size: 14px; +} +.react16-form input[type='search'] { + box-sizing: border-box; +} +.react16-form input[type='radio'], +.react16-form input[type='checkbox'] { + line-height: normal; +} +.react16-form input[type='file'] { + display: block; +} +.react16-form input[type='range'] { + display: block; + width: 100%; +} +.react16-form select[multiple], +.react16-form select[size] { + height: auto; +} +.react16-form input[type='file']:focus, +.react16-form input[type='radio']:focus, +.react16-form input[type='checkbox']:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.react16-form output { + display: block; + padding-top: 15px; + color: rgba(0, 0, 0, 0.85); + font-size: 14px; + line-height: 1.5715; +} +.react16-form .react16-form-text { + display: inline-block; + padding-right: 8px; +} +.react16-form-small .react16-form-item-label > label { + height: 24px; +} +.react16-form-small .react16-form-item-control-input { + min-height: 24px; +} +.react16-form-large .react16-form-item-label > label { + height: 40px; +} +.react16-form-large .react16-form-item-control-input { + min-height: 40px; +} +.react16-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; +} +.react16-form-item-with-help { + transition: none; +} +.react16-form-item-hidden, +.react16-form-item-hidden.react16-row { + display: none; +} +.react16-form-item-label { + display: inline-block; + flex-grow: 0; + overflow: hidden; + white-space: nowrap; + text-align: right; + vertical-align: middle; +} +.react16-form-item-label-left { + text-align: left; +} +.react16-form-item-label-wrap { + overflow: unset; + line-height: 1.3215em; + white-space: unset; +} +.react16-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; +} +.react16-form-item-label > label > .anticon { + font-size: 14px; + vertical-align: top; +} +.react16-form-item-label > label.react16-form-item-required:not(.react16-form-item-required-mark-optional)::before { + display: inline-block; + margin-right: 4px; + color: #ff4d4f; + font-size: 14px; + font-family: SimSun, sans-serif; + line-height: 1; + content: '*'; +} +.react16-form-hide-required-mark .react16-form-item-label > label.react16-form-item-required:not(.react16-form-item-required-mark-optional)::before { + display: none; +} +.react16-form-item-label > label .react16-form-item-optional { + display: inline-block; + margin-left: 4px; + color: rgba(0, 0, 0, 0.45); +} +.react16-form-hide-required-mark .react16-form-item-label > label .react16-form-item-optional { + display: none; +} +.react16-form-item-label > label .react16-form-item-tooltip { + color: rgba(0, 0, 0, 0.45); + cursor: help; + writing-mode: horizontal-tb; + margin-inline-start: 4px; +} +.react16-form-item-label > label::after { + content: ':'; + position: relative; + top: -0.5px; + margin: 0 8px 0 2px; +} +.react16-form-item-label > label.react16-form-item-no-colon::after { + content: ' '; +} +.react16-form-item-control { + display: flex; + flex-direction: column; + flex-grow: 1; +} +.react16-form-item-control:first-child:not([class^='react16-col-']):not([class*=' react16-col-']) { + width: 100%; +} +.react16-form-item-control-input { + position: relative; + display: flex; + align-items: center; + min-height: 32px; +} +.react16-form-item-control-input-content { + flex: auto; + max-width: 100%; +} +.react16-form-item-explain, +.react16-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); +} +.react16-form-item-explain-connected { + width: 100%; +} +.react16-form-item-extra { + min-height: 24px; +} +.react16-form-item-with-help .react16-form-item-explain { + height: auto; + opacity: 1; +} +.react16-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; +} +.react16-form-item-feedback-icon-success { + color: var(--react16-success-color); +} +.react16-form-item-feedback-icon-error { + color: var(--react16-error-color); +} +.react16-form-item-feedback-icon-warning { + color: var(--react16-warning-color); +} +.react16-form-item-feedback-icon-validating { + color: var(--react16-primary-color); +} +.react16-show-help { + transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.react16-show-help-appear, +.react16-show-help-enter { + opacity: 0; +} +.react16-show-help-appear-active, +.react16-show-help-enter-active { + opacity: 1; +} +.react16-show-help-leave { + opacity: 1; +} +.react16-show-help-leave-active { + opacity: 0; +} +.react16-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; +} +.react16-show-help-item-appear, +.react16-show-help-item-enter { + transform: translateY(-5px); + opacity: 0; +} +.react16-show-help-item-appear-active, +.react16-show-help-item-enter-active { + transform: translateY(0); + opacity: 1; +} +.react16-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; +} +.react16-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; + } +} +.react16-form-rtl { + direction: rtl; +} +.react16-form-rtl .react16-form-item-label { + text-align: left; +} +.react16-form-rtl .react16-form-item-label > label.react16-form-item-required::before { + margin-right: 0; + margin-left: 4px; +} +.react16-form-rtl .react16-form-item-label > label::after { + margin: 0 2px 0 8px; +} +.react16-form-rtl .react16-form-item-label > label .react16-form-item-optional { + margin-right: 4px; + margin-left: 0; +} +.react16-col-rtl .react16-form-item-control:first-child { + width: 100%; +} +.react16-form-rtl .react16-form-item-has-feedback .react16-input { + padding-right: 11px; + padding-left: 24px; +} +.react16-form-rtl .react16-form-item-has-feedback .react16-input-affix-wrapper .react16-input-suffix { + padding-right: 11px; + padding-left: 18px; +} +.react16-form-rtl .react16-form-item-has-feedback .react16-input-affix-wrapper .react16-input { + padding: 0; +} +.react16-form-rtl .react16-form-item-has-feedback .react16-input-number-affix-wrapper .react16-input-number { + padding: 0; +} +.react16-form-rtl .react16-form-item-has-feedback .react16-input-search:not(.react16-input-search-enter-button) .react16-input-suffix { + right: auto; + left: 28px; +} +.react16-form-rtl .react16-form-item-has-feedback .react16-input-number { + padding-left: 18px; +} +.react16-form-rtl .react16-form-item-has-feedback > .react16-select .react16-select-arrow, +.react16-form-rtl .react16-form-item-has-feedback > .react16-select .react16-select-clear, +.react16-form-rtl .react16-form-item-has-feedback :not(.react16-input-group-addon) > .react16-select .react16-select-arrow, +.react16-form-rtl .react16-form-item-has-feedback :not(.react16-input-group-addon) > .react16-select .react16-select-clear, +.react16-form-rtl .react16-form-item-has-feedback :not(.react16-input-number-group-addon) > .react16-select .react16-select-arrow, +.react16-form-rtl .react16-form-item-has-feedback :not(.react16-input-number-group-addon) > .react16-select .react16-select-clear { + right: auto; + left: 32px; +} +.react16-form-rtl .react16-form-item-has-feedback > .react16-select .react16-select-selection-selected-value, +.react16-form-rtl .react16-form-item-has-feedback :not(.react16-input-group-addon) > .react16-select .react16-select-selection-selected-value, +.react16-form-rtl .react16-form-item-has-feedback :not(.react16-input-number-group-addon) > .react16-select .react16-select-selection-selected-value { + padding-right: 0; + padding-left: 42px; +} +.react16-form-rtl .react16-form-item-has-feedback .react16-cascader-picker-arrow { + margin-right: 0; + margin-left: 19px; +} +.react16-form-rtl .react16-form-item-has-feedback .react16-cascader-picker-clear { + right: auto; + left: 32px; +} +.react16-form-rtl .react16-form-item-has-feedback .react16-picker { + padding-right: 11px; + padding-left: 29.2px; +} +.react16-form-rtl .react16-form-item-has-feedback .react16-picker-large { + padding-right: 11px; + padding-left: 29.2px; +} +.react16-form-rtl .react16-form-item-has-feedback .react16-picker-small { + padding-right: 7px; + padding-left: 25.2px; +} +.react16-form-rtl .react16-form-item-has-feedback.react16-form-item-has-success .react16-form-item-children-icon, +.react16-form-rtl .react16-form-item-has-feedback.react16-form-item-has-warning .react16-form-item-children-icon, +.react16-form-rtl .react16-form-item-has-feedback.react16-form-item-has-error .react16-form-item-children-icon, +.react16-form-rtl .react16-form-item-has-feedback.react16-form-item-is-validating .react16-form-item-children-icon { + right: auto; + left: 0; +} +.react16-form-rtl.react16-form-inline .react16-form-item { + margin-right: 0; + margin-left: 16px; +} +.react16-row { + display: flex; + flex-flow: row wrap; + min-width: 0; +} +.react16-row::before, +.react16-row::after { + display: flex; +} +.react16-row-no-wrap { + flex-wrap: nowrap; +} +.react16-row-start { + justify-content: flex-start; +} +.react16-row-center { + justify-content: center; +} +.react16-row-end { + justify-content: flex-end; +} +.react16-row-space-between { + justify-content: space-between; +} +.react16-row-space-around { + justify-content: space-around; +} +.react16-row-space-evenly { + justify-content: space-evenly; +} +.react16-row-top { + align-items: flex-start; +} +.react16-row-middle { + align-items: center; +} +.react16-row-bottom { + align-items: flex-end; +} +.react16-col { + position: relative; + max-width: 100%; + min-height: 1px; +} +.react16-col-24 { + display: block; + flex: 0 0 100%; + max-width: 100%; +} +.react16-col-push-24 { + left: 100%; +} +.react16-col-pull-24 { + right: 100%; +} +.react16-col-offset-24 { + margin-left: 100%; +} +.react16-col-order-24 { + order: 24; +} +.react16-col-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333%; +} +.react16-col-push-23 { + left: 95.83333333%; +} +.react16-col-pull-23 { + right: 95.83333333%; +} +.react16-col-offset-23 { + margin-left: 95.83333333%; +} +.react16-col-order-23 { + order: 23; +} +.react16-col-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667%; +} +.react16-col-push-22 { + left: 91.66666667%; +} +.react16-col-pull-22 { + right: 91.66666667%; +} +.react16-col-offset-22 { + margin-left: 91.66666667%; +} +.react16-col-order-22 { + order: 22; +} +.react16-col-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; +} +.react16-col-push-21 { + left: 87.5%; +} +.react16-col-pull-21 { + right: 87.5%; +} +.react16-col-offset-21 { + margin-left: 87.5%; +} +.react16-col-order-21 { + order: 21; +} +.react16-col-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333%; +} +.react16-col-push-20 { + left: 83.33333333%; +} +.react16-col-pull-20 { + right: 83.33333333%; +} +.react16-col-offset-20 { + margin-left: 83.33333333%; +} +.react16-col-order-20 { + order: 20; +} +.react16-col-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667%; +} +.react16-col-push-19 { + left: 79.16666667%; +} +.react16-col-pull-19 { + right: 79.16666667%; +} +.react16-col-offset-19 { + margin-left: 79.16666667%; +} +.react16-col-order-19 { + order: 19; +} +.react16-col-18 { + display: block; + flex: 0 0 75%; + max-width: 75%; +} +.react16-col-push-18 { + left: 75%; +} +.react16-col-pull-18 { + right: 75%; +} +.react16-col-offset-18 { + margin-left: 75%; +} +.react16-col-order-18 { + order: 18; +} +.react16-col-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333%; +} +.react16-col-push-17 { + left: 70.83333333%; +} +.react16-col-pull-17 { + right: 70.83333333%; +} +.react16-col-offset-17 { + margin-left: 70.83333333%; +} +.react16-col-order-17 { + order: 17; +} +.react16-col-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667%; +} +.react16-col-push-16 { + left: 66.66666667%; +} +.react16-col-pull-16 { + right: 66.66666667%; +} +.react16-col-offset-16 { + margin-left: 66.66666667%; +} +.react16-col-order-16 { + order: 16; +} +.react16-col-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; +} +.react16-col-push-15 { + left: 62.5%; +} +.react16-col-pull-15 { + right: 62.5%; +} +.react16-col-offset-15 { + margin-left: 62.5%; +} +.react16-col-order-15 { + order: 15; +} +.react16-col-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333%; +} +.react16-col-push-14 { + left: 58.33333333%; +} +.react16-col-pull-14 { + right: 58.33333333%; +} +.react16-col-offset-14 { + margin-left: 58.33333333%; +} +.react16-col-order-14 { + order: 14; +} +.react16-col-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667%; +} +.react16-col-push-13 { + left: 54.16666667%; +} +.react16-col-pull-13 { + right: 54.16666667%; +} +.react16-col-offset-13 { + margin-left: 54.16666667%; +} +.react16-col-order-13 { + order: 13; +} +.react16-col-12 { + display: block; + flex: 0 0 50%; + max-width: 50%; +} +.react16-col-push-12 { + left: 50%; +} +.react16-col-pull-12 { + right: 50%; +} +.react16-col-offset-12 { + margin-left: 50%; +} +.react16-col-order-12 { + order: 12; +} +.react16-col-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333%; +} +.react16-col-push-11 { + left: 45.83333333%; +} +.react16-col-pull-11 { + right: 45.83333333%; +} +.react16-col-offset-11 { + margin-left: 45.83333333%; +} +.react16-col-order-11 { + order: 11; +} +.react16-col-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667%; +} +.react16-col-push-10 { + left: 41.66666667%; +} +.react16-col-pull-10 { + right: 41.66666667%; +} +.react16-col-offset-10 { + margin-left: 41.66666667%; +} +.react16-col-order-10 { + order: 10; +} +.react16-col-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; +} +.react16-col-push-9 { + left: 37.5%; +} +.react16-col-pull-9 { + right: 37.5%; +} +.react16-col-offset-9 { + margin-left: 37.5%; +} +.react16-col-order-9 { + order: 9; +} +.react16-col-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333%; +} +.react16-col-push-8 { + left: 33.33333333%; +} +.react16-col-pull-8 { + right: 33.33333333%; +} +.react16-col-offset-8 { + margin-left: 33.33333333%; +} +.react16-col-order-8 { + order: 8; +} +.react16-col-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667%; +} +.react16-col-push-7 { + left: 29.16666667%; +} +.react16-col-pull-7 { + right: 29.16666667%; +} +.react16-col-offset-7 { + margin-left: 29.16666667%; +} +.react16-col-order-7 { + order: 7; +} +.react16-col-6 { + display: block; + flex: 0 0 25%; + max-width: 25%; +} +.react16-col-push-6 { + left: 25%; +} +.react16-col-pull-6 { + right: 25%; +} +.react16-col-offset-6 { + margin-left: 25%; +} +.react16-col-order-6 { + order: 6; +} +.react16-col-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333%; +} +.react16-col-push-5 { + left: 20.83333333%; +} +.react16-col-pull-5 { + right: 20.83333333%; +} +.react16-col-offset-5 { + margin-left: 20.83333333%; +} +.react16-col-order-5 { + order: 5; +} +.react16-col-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667%; +} +.react16-col-push-4 { + left: 16.66666667%; +} +.react16-col-pull-4 { + right: 16.66666667%; +} +.react16-col-offset-4 { + margin-left: 16.66666667%; +} +.react16-col-order-4 { + order: 4; +} +.react16-col-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; +} +.react16-col-push-3 { + left: 12.5%; +} +.react16-col-pull-3 { + right: 12.5%; +} +.react16-col-offset-3 { + margin-left: 12.5%; +} +.react16-col-order-3 { + order: 3; +} +.react16-col-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333%; +} +.react16-col-push-2 { + left: 8.33333333%; +} +.react16-col-pull-2 { + right: 8.33333333%; +} +.react16-col-offset-2 { + margin-left: 8.33333333%; +} +.react16-col-order-2 { + order: 2; +} +.react16-col-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667%; +} +.react16-col-push-1 { + left: 4.16666667%; +} +.react16-col-pull-1 { + right: 4.16666667%; +} +.react16-col-offset-1 { + margin-left: 4.16666667%; +} +.react16-col-order-1 { + order: 1; +} +.react16-col-0 { + display: none; +} +.react16-col-push-0 { + left: auto; +} +.react16-col-pull-0 { + right: auto; +} +.react16-col-push-0 { + left: auto; +} +.react16-col-pull-0 { + right: auto; +} +.react16-col-offset-0 { + margin-left: 0; +} +.react16-col-order-0 { + order: 0; +} +.react16-col-push-0.react16-col-rtl { + right: auto; +} +.react16-col-pull-0.react16-col-rtl { + left: auto; +} +.react16-col-push-0.react16-col-rtl { + right: auto; +} +.react16-col-pull-0.react16-col-rtl { + left: auto; +} +.react16-col-offset-0.react16-col-rtl { + margin-right: 0; +} +.react16-col-push-1.react16-col-rtl { + right: 4.16666667%; + left: auto; +} +.react16-col-pull-1.react16-col-rtl { + right: auto; + left: 4.16666667%; +} +.react16-col-offset-1.react16-col-rtl { + margin-right: 4.16666667%; + margin-left: 0; +} +.react16-col-push-2.react16-col-rtl { + right: 8.33333333%; + left: auto; +} +.react16-col-pull-2.react16-col-rtl { + right: auto; + left: 8.33333333%; +} +.react16-col-offset-2.react16-col-rtl { + margin-right: 8.33333333%; + margin-left: 0; +} +.react16-col-push-3.react16-col-rtl { + right: 12.5%; + left: auto; +} +.react16-col-pull-3.react16-col-rtl { + right: auto; + left: 12.5%; +} +.react16-col-offset-3.react16-col-rtl { + margin-right: 12.5%; + margin-left: 0; +} +.react16-col-push-4.react16-col-rtl { + right: 16.66666667%; + left: auto; +} +.react16-col-pull-4.react16-col-rtl { + right: auto; + left: 16.66666667%; +} +.react16-col-offset-4.react16-col-rtl { + margin-right: 16.66666667%; + margin-left: 0; +} +.react16-col-push-5.react16-col-rtl { + right: 20.83333333%; + left: auto; +} +.react16-col-pull-5.react16-col-rtl { + right: auto; + left: 20.83333333%; +} +.react16-col-offset-5.react16-col-rtl { + margin-right: 20.83333333%; + margin-left: 0; +} +.react16-col-push-6.react16-col-rtl { + right: 25%; + left: auto; +} +.react16-col-pull-6.react16-col-rtl { + right: auto; + left: 25%; +} +.react16-col-offset-6.react16-col-rtl { + margin-right: 25%; + margin-left: 0; +} +.react16-col-push-7.react16-col-rtl { + right: 29.16666667%; + left: auto; +} +.react16-col-pull-7.react16-col-rtl { + right: auto; + left: 29.16666667%; +} +.react16-col-offset-7.react16-col-rtl { + margin-right: 29.16666667%; + margin-left: 0; +} +.react16-col-push-8.react16-col-rtl { + right: 33.33333333%; + left: auto; +} +.react16-col-pull-8.react16-col-rtl { + right: auto; + left: 33.33333333%; +} +.react16-col-offset-8.react16-col-rtl { + margin-right: 33.33333333%; + margin-left: 0; +} +.react16-col-push-9.react16-col-rtl { + right: 37.5%; + left: auto; +} +.react16-col-pull-9.react16-col-rtl { + right: auto; + left: 37.5%; +} +.react16-col-offset-9.react16-col-rtl { + margin-right: 37.5%; + margin-left: 0; +} +.react16-col-push-10.react16-col-rtl { + right: 41.66666667%; + left: auto; +} +.react16-col-pull-10.react16-col-rtl { + right: auto; + left: 41.66666667%; +} +.react16-col-offset-10.react16-col-rtl { + margin-right: 41.66666667%; + margin-left: 0; +} +.react16-col-push-11.react16-col-rtl { + right: 45.83333333%; + left: auto; +} +.react16-col-pull-11.react16-col-rtl { + right: auto; + left: 45.83333333%; +} +.react16-col-offset-11.react16-col-rtl { + margin-right: 45.83333333%; + margin-left: 0; +} +.react16-col-push-12.react16-col-rtl { + right: 50%; + left: auto; +} +.react16-col-pull-12.react16-col-rtl { + right: auto; + left: 50%; +} +.react16-col-offset-12.react16-col-rtl { + margin-right: 50%; + margin-left: 0; +} +.react16-col-push-13.react16-col-rtl { + right: 54.16666667%; + left: auto; +} +.react16-col-pull-13.react16-col-rtl { + right: auto; + left: 54.16666667%; +} +.react16-col-offset-13.react16-col-rtl { + margin-right: 54.16666667%; + margin-left: 0; +} +.react16-col-push-14.react16-col-rtl { + right: 58.33333333%; + left: auto; +} +.react16-col-pull-14.react16-col-rtl { + right: auto; + left: 58.33333333%; +} +.react16-col-offset-14.react16-col-rtl { + margin-right: 58.33333333%; + margin-left: 0; +} +.react16-col-push-15.react16-col-rtl { + right: 62.5%; + left: auto; +} +.react16-col-pull-15.react16-col-rtl { + right: auto; + left: 62.5%; +} +.react16-col-offset-15.react16-col-rtl { + margin-right: 62.5%; + margin-left: 0; +} +.react16-col-push-16.react16-col-rtl { + right: 66.66666667%; + left: auto; +} +.react16-col-pull-16.react16-col-rtl { + right: auto; + left: 66.66666667%; +} +.react16-col-offset-16.react16-col-rtl { + margin-right: 66.66666667%; + margin-left: 0; +} +.react16-col-push-17.react16-col-rtl { + right: 70.83333333%; + left: auto; +} +.react16-col-pull-17.react16-col-rtl { + right: auto; + left: 70.83333333%; +} +.react16-col-offset-17.react16-col-rtl { + margin-right: 70.83333333%; + margin-left: 0; +} +.react16-col-push-18.react16-col-rtl { + right: 75%; + left: auto; +} +.react16-col-pull-18.react16-col-rtl { + right: auto; + left: 75%; +} +.react16-col-offset-18.react16-col-rtl { + margin-right: 75%; + margin-left: 0; +} +.react16-col-push-19.react16-col-rtl { + right: 79.16666667%; + left: auto; +} +.react16-col-pull-19.react16-col-rtl { + right: auto; + left: 79.16666667%; +} +.react16-col-offset-19.react16-col-rtl { + margin-right: 79.16666667%; + margin-left: 0; +} +.react16-col-push-20.react16-col-rtl { + right: 83.33333333%; + left: auto; +} +.react16-col-pull-20.react16-col-rtl { + right: auto; + left: 83.33333333%; +} +.react16-col-offset-20.react16-col-rtl { + margin-right: 83.33333333%; + margin-left: 0; +} +.react16-col-push-21.react16-col-rtl { + right: 87.5%; + left: auto; +} +.react16-col-pull-21.react16-col-rtl { + right: auto; + left: 87.5%; +} +.react16-col-offset-21.react16-col-rtl { + margin-right: 87.5%; + margin-left: 0; +} +.react16-col-push-22.react16-col-rtl { + right: 91.66666667%; + left: auto; +} +.react16-col-pull-22.react16-col-rtl { + right: auto; + left: 91.66666667%; +} +.react16-col-offset-22.react16-col-rtl { + margin-right: 91.66666667%; + margin-left: 0; +} +.react16-col-push-23.react16-col-rtl { + right: 95.83333333%; + left: auto; +} +.react16-col-pull-23.react16-col-rtl { + right: auto; + left: 95.83333333%; +} +.react16-col-offset-23.react16-col-rtl { + margin-right: 95.83333333%; + margin-left: 0; +} +.react16-col-push-24.react16-col-rtl { + right: 100%; + left: auto; +} +.react16-col-pull-24.react16-col-rtl { + right: auto; + left: 100%; +} +.react16-col-offset-24.react16-col-rtl { + margin-right: 100%; + margin-left: 0; +} +.react16-col-xs-24 { + display: block; + flex: 0 0 100%; + max-width: 100%; +} +.react16-col-xs-push-24 { + left: 100%; +} +.react16-col-xs-pull-24 { + right: 100%; +} +.react16-col-xs-offset-24 { + margin-left: 100%; +} +.react16-col-xs-order-24 { + order: 24; +} +.react16-col-xs-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333%; +} +.react16-col-xs-push-23 { + left: 95.83333333%; +} +.react16-col-xs-pull-23 { + right: 95.83333333%; +} +.react16-col-xs-offset-23 { + margin-left: 95.83333333%; +} +.react16-col-xs-order-23 { + order: 23; +} +.react16-col-xs-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667%; +} +.react16-col-xs-push-22 { + left: 91.66666667%; +} +.react16-col-xs-pull-22 { + right: 91.66666667%; +} +.react16-col-xs-offset-22 { + margin-left: 91.66666667%; +} +.react16-col-xs-order-22 { + order: 22; +} +.react16-col-xs-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; +} +.react16-col-xs-push-21 { + left: 87.5%; +} +.react16-col-xs-pull-21 { + right: 87.5%; +} +.react16-col-xs-offset-21 { + margin-left: 87.5%; +} +.react16-col-xs-order-21 { + order: 21; +} +.react16-col-xs-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333%; +} +.react16-col-xs-push-20 { + left: 83.33333333%; +} +.react16-col-xs-pull-20 { + right: 83.33333333%; +} +.react16-col-xs-offset-20 { + margin-left: 83.33333333%; +} +.react16-col-xs-order-20 { + order: 20; +} +.react16-col-xs-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667%; +} +.react16-col-xs-push-19 { + left: 79.16666667%; +} +.react16-col-xs-pull-19 { + right: 79.16666667%; +} +.react16-col-xs-offset-19 { + margin-left: 79.16666667%; +} +.react16-col-xs-order-19 { + order: 19; +} +.react16-col-xs-18 { + display: block; + flex: 0 0 75%; + max-width: 75%; +} +.react16-col-xs-push-18 { + left: 75%; +} +.react16-col-xs-pull-18 { + right: 75%; +} +.react16-col-xs-offset-18 { + margin-left: 75%; +} +.react16-col-xs-order-18 { + order: 18; +} +.react16-col-xs-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333%; +} +.react16-col-xs-push-17 { + left: 70.83333333%; +} +.react16-col-xs-pull-17 { + right: 70.83333333%; +} +.react16-col-xs-offset-17 { + margin-left: 70.83333333%; +} +.react16-col-xs-order-17 { + order: 17; +} +.react16-col-xs-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667%; +} +.react16-col-xs-push-16 { + left: 66.66666667%; +} +.react16-col-xs-pull-16 { + right: 66.66666667%; +} +.react16-col-xs-offset-16 { + margin-left: 66.66666667%; +} +.react16-col-xs-order-16 { + order: 16; +} +.react16-col-xs-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; +} +.react16-col-xs-push-15 { + left: 62.5%; +} +.react16-col-xs-pull-15 { + right: 62.5%; +} +.react16-col-xs-offset-15 { + margin-left: 62.5%; +} +.react16-col-xs-order-15 { + order: 15; +} +.react16-col-xs-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333%; +} +.react16-col-xs-push-14 { + left: 58.33333333%; +} +.react16-col-xs-pull-14 { + right: 58.33333333%; +} +.react16-col-xs-offset-14 { + margin-left: 58.33333333%; +} +.react16-col-xs-order-14 { + order: 14; +} +.react16-col-xs-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667%; +} +.react16-col-xs-push-13 { + left: 54.16666667%; +} +.react16-col-xs-pull-13 { + right: 54.16666667%; +} +.react16-col-xs-offset-13 { + margin-left: 54.16666667%; +} +.react16-col-xs-order-13 { + order: 13; +} +.react16-col-xs-12 { + display: block; + flex: 0 0 50%; + max-width: 50%; +} +.react16-col-xs-push-12 { + left: 50%; +} +.react16-col-xs-pull-12 { + right: 50%; +} +.react16-col-xs-offset-12 { + margin-left: 50%; +} +.react16-col-xs-order-12 { + order: 12; +} +.react16-col-xs-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333%; +} +.react16-col-xs-push-11 { + left: 45.83333333%; +} +.react16-col-xs-pull-11 { + right: 45.83333333%; +} +.react16-col-xs-offset-11 { + margin-left: 45.83333333%; +} +.react16-col-xs-order-11 { + order: 11; +} +.react16-col-xs-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667%; +} +.react16-col-xs-push-10 { + left: 41.66666667%; +} +.react16-col-xs-pull-10 { + right: 41.66666667%; +} +.react16-col-xs-offset-10 { + margin-left: 41.66666667%; +} +.react16-col-xs-order-10 { + order: 10; +} +.react16-col-xs-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; +} +.react16-col-xs-push-9 { + left: 37.5%; +} +.react16-col-xs-pull-9 { + right: 37.5%; +} +.react16-col-xs-offset-9 { + margin-left: 37.5%; +} +.react16-col-xs-order-9 { + order: 9; +} +.react16-col-xs-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333%; +} +.react16-col-xs-push-8 { + left: 33.33333333%; +} +.react16-col-xs-pull-8 { + right: 33.33333333%; +} +.react16-col-xs-offset-8 { + margin-left: 33.33333333%; +} +.react16-col-xs-order-8 { + order: 8; +} +.react16-col-xs-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667%; +} +.react16-col-xs-push-7 { + left: 29.16666667%; +} +.react16-col-xs-pull-7 { + right: 29.16666667%; +} +.react16-col-xs-offset-7 { + margin-left: 29.16666667%; +} +.react16-col-xs-order-7 { + order: 7; +} +.react16-col-xs-6 { + display: block; + flex: 0 0 25%; + max-width: 25%; +} +.react16-col-xs-push-6 { + left: 25%; +} +.react16-col-xs-pull-6 { + right: 25%; +} +.react16-col-xs-offset-6 { + margin-left: 25%; +} +.react16-col-xs-order-6 { + order: 6; +} +.react16-col-xs-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333%; +} +.react16-col-xs-push-5 { + left: 20.83333333%; +} +.react16-col-xs-pull-5 { + right: 20.83333333%; +} +.react16-col-xs-offset-5 { + margin-left: 20.83333333%; +} +.react16-col-xs-order-5 { + order: 5; +} +.react16-col-xs-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667%; +} +.react16-col-xs-push-4 { + left: 16.66666667%; +} +.react16-col-xs-pull-4 { + right: 16.66666667%; +} +.react16-col-xs-offset-4 { + margin-left: 16.66666667%; +} +.react16-col-xs-order-4 { + order: 4; +} +.react16-col-xs-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; +} +.react16-col-xs-push-3 { + left: 12.5%; +} +.react16-col-xs-pull-3 { + right: 12.5%; +} +.react16-col-xs-offset-3 { + margin-left: 12.5%; +} +.react16-col-xs-order-3 { + order: 3; +} +.react16-col-xs-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333%; +} +.react16-col-xs-push-2 { + left: 8.33333333%; +} +.react16-col-xs-pull-2 { + right: 8.33333333%; +} +.react16-col-xs-offset-2 { + margin-left: 8.33333333%; +} +.react16-col-xs-order-2 { + order: 2; +} +.react16-col-xs-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667%; +} +.react16-col-xs-push-1 { + left: 4.16666667%; +} +.react16-col-xs-pull-1 { + right: 4.16666667%; +} +.react16-col-xs-offset-1 { + margin-left: 4.16666667%; +} +.react16-col-xs-order-1 { + order: 1; +} +.react16-col-xs-0 { + display: none; +} +.react16-col-push-0 { + left: auto; +} +.react16-col-pull-0 { + right: auto; +} +.react16-col-xs-push-0 { + left: auto; +} +.react16-col-xs-pull-0 { + right: auto; +} +.react16-col-xs-offset-0 { + margin-left: 0; +} +.react16-col-xs-order-0 { + order: 0; +} +.react16-col-push-0.react16-col-rtl { + right: auto; +} +.react16-col-pull-0.react16-col-rtl { + left: auto; +} +.react16-col-xs-push-0.react16-col-rtl { + right: auto; +} +.react16-col-xs-pull-0.react16-col-rtl { + left: auto; +} +.react16-col-xs-offset-0.react16-col-rtl { + margin-right: 0; +} +.react16-col-xs-push-1.react16-col-rtl { + right: 4.16666667%; + left: auto; +} +.react16-col-xs-pull-1.react16-col-rtl { + right: auto; + left: 4.16666667%; +} +.react16-col-xs-offset-1.react16-col-rtl { + margin-right: 4.16666667%; + margin-left: 0; +} +.react16-col-xs-push-2.react16-col-rtl { + right: 8.33333333%; + left: auto; +} +.react16-col-xs-pull-2.react16-col-rtl { + right: auto; + left: 8.33333333%; +} +.react16-col-xs-offset-2.react16-col-rtl { + margin-right: 8.33333333%; + margin-left: 0; +} +.react16-col-xs-push-3.react16-col-rtl { + right: 12.5%; + left: auto; +} +.react16-col-xs-pull-3.react16-col-rtl { + right: auto; + left: 12.5%; +} +.react16-col-xs-offset-3.react16-col-rtl { + margin-right: 12.5%; + margin-left: 0; +} +.react16-col-xs-push-4.react16-col-rtl { + right: 16.66666667%; + left: auto; +} +.react16-col-xs-pull-4.react16-col-rtl { + right: auto; + left: 16.66666667%; +} +.react16-col-xs-offset-4.react16-col-rtl { + margin-right: 16.66666667%; + margin-left: 0; +} +.react16-col-xs-push-5.react16-col-rtl { + right: 20.83333333%; + left: auto; +} +.react16-col-xs-pull-5.react16-col-rtl { + right: auto; + left: 20.83333333%; +} +.react16-col-xs-offset-5.react16-col-rtl { + margin-right: 20.83333333%; + margin-left: 0; +} +.react16-col-xs-push-6.react16-col-rtl { + right: 25%; + left: auto; +} +.react16-col-xs-pull-6.react16-col-rtl { + right: auto; + left: 25%; +} +.react16-col-xs-offset-6.react16-col-rtl { + margin-right: 25%; + margin-left: 0; +} +.react16-col-xs-push-7.react16-col-rtl { + right: 29.16666667%; + left: auto; +} +.react16-col-xs-pull-7.react16-col-rtl { + right: auto; + left: 29.16666667%; +} +.react16-col-xs-offset-7.react16-col-rtl { + margin-right: 29.16666667%; + margin-left: 0; +} +.react16-col-xs-push-8.react16-col-rtl { + right: 33.33333333%; + left: auto; +} +.react16-col-xs-pull-8.react16-col-rtl { + right: auto; + left: 33.33333333%; +} +.react16-col-xs-offset-8.react16-col-rtl { + margin-right: 33.33333333%; + margin-left: 0; +} +.react16-col-xs-push-9.react16-col-rtl { + right: 37.5%; + left: auto; +} +.react16-col-xs-pull-9.react16-col-rtl { + right: auto; + left: 37.5%; +} +.react16-col-xs-offset-9.react16-col-rtl { + margin-right: 37.5%; + margin-left: 0; +} +.react16-col-xs-push-10.react16-col-rtl { + right: 41.66666667%; + left: auto; +} +.react16-col-xs-pull-10.react16-col-rtl { + right: auto; + left: 41.66666667%; +} +.react16-col-xs-offset-10.react16-col-rtl { + margin-right: 41.66666667%; + margin-left: 0; +} +.react16-col-xs-push-11.react16-col-rtl { + right: 45.83333333%; + left: auto; +} +.react16-col-xs-pull-11.react16-col-rtl { + right: auto; + left: 45.83333333%; +} +.react16-col-xs-offset-11.react16-col-rtl { + margin-right: 45.83333333%; + margin-left: 0; +} +.react16-col-xs-push-12.react16-col-rtl { + right: 50%; + left: auto; +} +.react16-col-xs-pull-12.react16-col-rtl { + right: auto; + left: 50%; +} +.react16-col-xs-offset-12.react16-col-rtl { + margin-right: 50%; + margin-left: 0; +} +.react16-col-xs-push-13.react16-col-rtl { + right: 54.16666667%; + left: auto; +} +.react16-col-xs-pull-13.react16-col-rtl { + right: auto; + left: 54.16666667%; +} +.react16-col-xs-offset-13.react16-col-rtl { + margin-right: 54.16666667%; + margin-left: 0; +} +.react16-col-xs-push-14.react16-col-rtl { + right: 58.33333333%; + left: auto; +} +.react16-col-xs-pull-14.react16-col-rtl { + right: auto; + left: 58.33333333%; +} +.react16-col-xs-offset-14.react16-col-rtl { + margin-right: 58.33333333%; + margin-left: 0; +} +.react16-col-xs-push-15.react16-col-rtl { + right: 62.5%; + left: auto; +} +.react16-col-xs-pull-15.react16-col-rtl { + right: auto; + left: 62.5%; +} +.react16-col-xs-offset-15.react16-col-rtl { + margin-right: 62.5%; + margin-left: 0; +} +.react16-col-xs-push-16.react16-col-rtl { + right: 66.66666667%; + left: auto; +} +.react16-col-xs-pull-16.react16-col-rtl { + right: auto; + left: 66.66666667%; +} +.react16-col-xs-offset-16.react16-col-rtl { + margin-right: 66.66666667%; + margin-left: 0; +} +.react16-col-xs-push-17.react16-col-rtl { + right: 70.83333333%; + left: auto; +} +.react16-col-xs-pull-17.react16-col-rtl { + right: auto; + left: 70.83333333%; +} +.react16-col-xs-offset-17.react16-col-rtl { + margin-right: 70.83333333%; + margin-left: 0; +} +.react16-col-xs-push-18.react16-col-rtl { + right: 75%; + left: auto; +} +.react16-col-xs-pull-18.react16-col-rtl { + right: auto; + left: 75%; +} +.react16-col-xs-offset-18.react16-col-rtl { + margin-right: 75%; + margin-left: 0; +} +.react16-col-xs-push-19.react16-col-rtl { + right: 79.16666667%; + left: auto; +} +.react16-col-xs-pull-19.react16-col-rtl { + right: auto; + left: 79.16666667%; +} +.react16-col-xs-offset-19.react16-col-rtl { + margin-right: 79.16666667%; + margin-left: 0; +} +.react16-col-xs-push-20.react16-col-rtl { + right: 83.33333333%; + left: auto; +} +.react16-col-xs-pull-20.react16-col-rtl { + right: auto; + left: 83.33333333%; +} +.react16-col-xs-offset-20.react16-col-rtl { + margin-right: 83.33333333%; + margin-left: 0; +} +.react16-col-xs-push-21.react16-col-rtl { + right: 87.5%; + left: auto; +} +.react16-col-xs-pull-21.react16-col-rtl { + right: auto; + left: 87.5%; +} +.react16-col-xs-offset-21.react16-col-rtl { + margin-right: 87.5%; + margin-left: 0; +} +.react16-col-xs-push-22.react16-col-rtl { + right: 91.66666667%; + left: auto; +} +.react16-col-xs-pull-22.react16-col-rtl { + right: auto; + left: 91.66666667%; +} +.react16-col-xs-offset-22.react16-col-rtl { + margin-right: 91.66666667%; + margin-left: 0; +} +.react16-col-xs-push-23.react16-col-rtl { + right: 95.83333333%; + left: auto; +} +.react16-col-xs-pull-23.react16-col-rtl { + right: auto; + left: 95.83333333%; +} +.react16-col-xs-offset-23.react16-col-rtl { + margin-right: 95.83333333%; + margin-left: 0; +} +.react16-col-xs-push-24.react16-col-rtl { + right: 100%; + left: auto; +} +.react16-col-xs-pull-24.react16-col-rtl { + right: auto; + left: 100%; +} +.react16-col-xs-offset-24.react16-col-rtl { + margin-right: 100%; + margin-left: 0; +} +@media (min-width: 576px) { + .react16-col-sm-24 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .react16-col-sm-push-24 { + left: 100%; + } + .react16-col-sm-pull-24 { + right: 100%; + } + .react16-col-sm-offset-24 { + margin-left: 100%; + } + .react16-col-sm-order-24 { + order: 24; + } + .react16-col-sm-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333%; + } + .react16-col-sm-push-23 { + left: 95.83333333%; + } + .react16-col-sm-pull-23 { + right: 95.83333333%; + } + .react16-col-sm-offset-23 { + margin-left: 95.83333333%; + } + .react16-col-sm-order-23 { + order: 23; + } + .react16-col-sm-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + } + .react16-col-sm-push-22 { + left: 91.66666667%; + } + .react16-col-sm-pull-22 { + right: 91.66666667%; + } + .react16-col-sm-offset-22 { + margin-left: 91.66666667%; + } + .react16-col-sm-order-22 { + order: 22; + } + .react16-col-sm-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .react16-col-sm-push-21 { + left: 87.5%; + } + .react16-col-sm-pull-21 { + right: 87.5%; + } + .react16-col-sm-offset-21 { + margin-left: 87.5%; + } + .react16-col-sm-order-21 { + order: 21; + } + .react16-col-sm-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + } + .react16-col-sm-push-20 { + left: 83.33333333%; + } + .react16-col-sm-pull-20 { + right: 83.33333333%; + } + .react16-col-sm-offset-20 { + margin-left: 83.33333333%; + } + .react16-col-sm-order-20 { + order: 20; + } + .react16-col-sm-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667%; + } + .react16-col-sm-push-19 { + left: 79.16666667%; + } + .react16-col-sm-pull-19 { + right: 79.16666667%; + } + .react16-col-sm-offset-19 { + margin-left: 79.16666667%; + } + .react16-col-sm-order-19 { + order: 19; + } + .react16-col-sm-18 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .react16-col-sm-push-18 { + left: 75%; + } + .react16-col-sm-pull-18 { + right: 75%; + } + .react16-col-sm-offset-18 { + margin-left: 75%; + } + .react16-col-sm-order-18 { + order: 18; + } + .react16-col-sm-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333%; + } + .react16-col-sm-push-17 { + left: 70.83333333%; + } + .react16-col-sm-pull-17 { + right: 70.83333333%; + } + .react16-col-sm-offset-17 { + margin-left: 70.83333333%; + } + .react16-col-sm-order-17 { + order: 17; + } + .react16-col-sm-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + } + .react16-col-sm-push-16 { + left: 66.66666667%; + } + .react16-col-sm-pull-16 { + right: 66.66666667%; + } + .react16-col-sm-offset-16 { + margin-left: 66.66666667%; + } + .react16-col-sm-order-16 { + order: 16; + } + .react16-col-sm-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .react16-col-sm-push-15 { + left: 62.5%; + } + .react16-col-sm-pull-15 { + right: 62.5%; + } + .react16-col-sm-offset-15 { + margin-left: 62.5%; + } + .react16-col-sm-order-15 { + order: 15; + } + .react16-col-sm-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + } + .react16-col-sm-push-14 { + left: 58.33333333%; + } + .react16-col-sm-pull-14 { + right: 58.33333333%; + } + .react16-col-sm-offset-14 { + margin-left: 58.33333333%; + } + .react16-col-sm-order-14 { + order: 14; + } + .react16-col-sm-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667%; + } + .react16-col-sm-push-13 { + left: 54.16666667%; + } + .react16-col-sm-pull-13 { + right: 54.16666667%; + } + .react16-col-sm-offset-13 { + margin-left: 54.16666667%; + } + .react16-col-sm-order-13 { + order: 13; + } + .react16-col-sm-12 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .react16-col-sm-push-12 { + left: 50%; + } + .react16-col-sm-pull-12 { + right: 50%; + } + .react16-col-sm-offset-12 { + margin-left: 50%; + } + .react16-col-sm-order-12 { + order: 12; + } + .react16-col-sm-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333%; + } + .react16-col-sm-push-11 { + left: 45.83333333%; + } + .react16-col-sm-pull-11 { + right: 45.83333333%; + } + .react16-col-sm-offset-11 { + margin-left: 45.83333333%; + } + .react16-col-sm-order-11 { + order: 11; + } + .react16-col-sm-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + } + .react16-col-sm-push-10 { + left: 41.66666667%; + } + .react16-col-sm-pull-10 { + right: 41.66666667%; + } + .react16-col-sm-offset-10 { + margin-left: 41.66666667%; + } + .react16-col-sm-order-10 { + order: 10; + } + .react16-col-sm-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .react16-col-sm-push-9 { + left: 37.5%; + } + .react16-col-sm-pull-9 { + right: 37.5%; + } + .react16-col-sm-offset-9 { + margin-left: 37.5%; + } + .react16-col-sm-order-9 { + order: 9; + } + .react16-col-sm-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + } + .react16-col-sm-push-8 { + left: 33.33333333%; + } + .react16-col-sm-pull-8 { + right: 33.33333333%; + } + .react16-col-sm-offset-8 { + margin-left: 33.33333333%; + } + .react16-col-sm-order-8 { + order: 8; + } + .react16-col-sm-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667%; + } + .react16-col-sm-push-7 { + left: 29.16666667%; + } + .react16-col-sm-pull-7 { + right: 29.16666667%; + } + .react16-col-sm-offset-7 { + margin-left: 29.16666667%; + } + .react16-col-sm-order-7 { + order: 7; + } + .react16-col-sm-6 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .react16-col-sm-push-6 { + left: 25%; + } + .react16-col-sm-pull-6 { + right: 25%; + } + .react16-col-sm-offset-6 { + margin-left: 25%; + } + .react16-col-sm-order-6 { + order: 6; + } + .react16-col-sm-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333%; + } + .react16-col-sm-push-5 { + left: 20.83333333%; + } + .react16-col-sm-pull-5 { + right: 20.83333333%; + } + .react16-col-sm-offset-5 { + margin-left: 20.83333333%; + } + .react16-col-sm-order-5 { + order: 5; + } + .react16-col-sm-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + } + .react16-col-sm-push-4 { + left: 16.66666667%; + } + .react16-col-sm-pull-4 { + right: 16.66666667%; + } + .react16-col-sm-offset-4 { + margin-left: 16.66666667%; + } + .react16-col-sm-order-4 { + order: 4; + } + .react16-col-sm-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .react16-col-sm-push-3 { + left: 12.5%; + } + .react16-col-sm-pull-3 { + right: 12.5%; + } + .react16-col-sm-offset-3 { + margin-left: 12.5%; + } + .react16-col-sm-order-3 { + order: 3; + } + .react16-col-sm-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + } + .react16-col-sm-push-2 { + left: 8.33333333%; + } + .react16-col-sm-pull-2 { + right: 8.33333333%; + } + .react16-col-sm-offset-2 { + margin-left: 8.33333333%; + } + .react16-col-sm-order-2 { + order: 2; + } + .react16-col-sm-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667%; + } + .react16-col-sm-push-1 { + left: 4.16666667%; + } + .react16-col-sm-pull-1 { + right: 4.16666667%; + } + .react16-col-sm-offset-1 { + margin-left: 4.16666667%; + } + .react16-col-sm-order-1 { + order: 1; + } + .react16-col-sm-0 { + display: none; + } + .react16-col-push-0 { + left: auto; + } + .react16-col-pull-0 { + right: auto; + } + .react16-col-sm-push-0 { + left: auto; + } + .react16-col-sm-pull-0 { + right: auto; + } + .react16-col-sm-offset-0 { + margin-left: 0; + } + .react16-col-sm-order-0 { + order: 0; + } + .react16-col-push-0.react16-col-rtl { + right: auto; + } + .react16-col-pull-0.react16-col-rtl { + left: auto; + } + .react16-col-sm-push-0.react16-col-rtl { + right: auto; + } + .react16-col-sm-pull-0.react16-col-rtl { + left: auto; + } + .react16-col-sm-offset-0.react16-col-rtl { + margin-right: 0; + } + .react16-col-sm-push-1.react16-col-rtl { + right: 4.16666667%; + left: auto; + } + .react16-col-sm-pull-1.react16-col-rtl { + right: auto; + left: 4.16666667%; + } + .react16-col-sm-offset-1.react16-col-rtl { + margin-right: 4.16666667%; + margin-left: 0; + } + .react16-col-sm-push-2.react16-col-rtl { + right: 8.33333333%; + left: auto; + } + .react16-col-sm-pull-2.react16-col-rtl { + right: auto; + left: 8.33333333%; + } + .react16-col-sm-offset-2.react16-col-rtl { + margin-right: 8.33333333%; + margin-left: 0; + } + .react16-col-sm-push-3.react16-col-rtl { + right: 12.5%; + left: auto; + } + .react16-col-sm-pull-3.react16-col-rtl { + right: auto; + left: 12.5%; + } + .react16-col-sm-offset-3.react16-col-rtl { + margin-right: 12.5%; + margin-left: 0; + } + .react16-col-sm-push-4.react16-col-rtl { + right: 16.66666667%; + left: auto; + } + .react16-col-sm-pull-4.react16-col-rtl { + right: auto; + left: 16.66666667%; + } + .react16-col-sm-offset-4.react16-col-rtl { + margin-right: 16.66666667%; + margin-left: 0; + } + .react16-col-sm-push-5.react16-col-rtl { + right: 20.83333333%; + left: auto; + } + .react16-col-sm-pull-5.react16-col-rtl { + right: auto; + left: 20.83333333%; + } + .react16-col-sm-offset-5.react16-col-rtl { + margin-right: 20.83333333%; + margin-left: 0; + } + .react16-col-sm-push-6.react16-col-rtl { + right: 25%; + left: auto; + } + .react16-col-sm-pull-6.react16-col-rtl { + right: auto; + left: 25%; + } + .react16-col-sm-offset-6.react16-col-rtl { + margin-right: 25%; + margin-left: 0; + } + .react16-col-sm-push-7.react16-col-rtl { + right: 29.16666667%; + left: auto; + } + .react16-col-sm-pull-7.react16-col-rtl { + right: auto; + left: 29.16666667%; + } + .react16-col-sm-offset-7.react16-col-rtl { + margin-right: 29.16666667%; + margin-left: 0; + } + .react16-col-sm-push-8.react16-col-rtl { + right: 33.33333333%; + left: auto; + } + .react16-col-sm-pull-8.react16-col-rtl { + right: auto; + left: 33.33333333%; + } + .react16-col-sm-offset-8.react16-col-rtl { + margin-right: 33.33333333%; + margin-left: 0; + } + .react16-col-sm-push-9.react16-col-rtl { + right: 37.5%; + left: auto; + } + .react16-col-sm-pull-9.react16-col-rtl { + right: auto; + left: 37.5%; + } + .react16-col-sm-offset-9.react16-col-rtl { + margin-right: 37.5%; + margin-left: 0; + } + .react16-col-sm-push-10.react16-col-rtl { + right: 41.66666667%; + left: auto; + } + .react16-col-sm-pull-10.react16-col-rtl { + right: auto; + left: 41.66666667%; + } + .react16-col-sm-offset-10.react16-col-rtl { + margin-right: 41.66666667%; + margin-left: 0; + } + .react16-col-sm-push-11.react16-col-rtl { + right: 45.83333333%; + left: auto; + } + .react16-col-sm-pull-11.react16-col-rtl { + right: auto; + left: 45.83333333%; + } + .react16-col-sm-offset-11.react16-col-rtl { + margin-right: 45.83333333%; + margin-left: 0; + } + .react16-col-sm-push-12.react16-col-rtl { + right: 50%; + left: auto; + } + .react16-col-sm-pull-12.react16-col-rtl { + right: auto; + left: 50%; + } + .react16-col-sm-offset-12.react16-col-rtl { + margin-right: 50%; + margin-left: 0; + } + .react16-col-sm-push-13.react16-col-rtl { + right: 54.16666667%; + left: auto; + } + .react16-col-sm-pull-13.react16-col-rtl { + right: auto; + left: 54.16666667%; + } + .react16-col-sm-offset-13.react16-col-rtl { + margin-right: 54.16666667%; + margin-left: 0; + } + .react16-col-sm-push-14.react16-col-rtl { + right: 58.33333333%; + left: auto; + } + .react16-col-sm-pull-14.react16-col-rtl { + right: auto; + left: 58.33333333%; + } + .react16-col-sm-offset-14.react16-col-rtl { + margin-right: 58.33333333%; + margin-left: 0; + } + .react16-col-sm-push-15.react16-col-rtl { + right: 62.5%; + left: auto; + } + .react16-col-sm-pull-15.react16-col-rtl { + right: auto; + left: 62.5%; + } + .react16-col-sm-offset-15.react16-col-rtl { + margin-right: 62.5%; + margin-left: 0; + } + .react16-col-sm-push-16.react16-col-rtl { + right: 66.66666667%; + left: auto; + } + .react16-col-sm-pull-16.react16-col-rtl { + right: auto; + left: 66.66666667%; + } + .react16-col-sm-offset-16.react16-col-rtl { + margin-right: 66.66666667%; + margin-left: 0; + } + .react16-col-sm-push-17.react16-col-rtl { + right: 70.83333333%; + left: auto; + } + .react16-col-sm-pull-17.react16-col-rtl { + right: auto; + left: 70.83333333%; + } + .react16-col-sm-offset-17.react16-col-rtl { + margin-right: 70.83333333%; + margin-left: 0; + } + .react16-col-sm-push-18.react16-col-rtl { + right: 75%; + left: auto; + } + .react16-col-sm-pull-18.react16-col-rtl { + right: auto; + left: 75%; + } + .react16-col-sm-offset-18.react16-col-rtl { + margin-right: 75%; + margin-left: 0; + } + .react16-col-sm-push-19.react16-col-rtl { + right: 79.16666667%; + left: auto; + } + .react16-col-sm-pull-19.react16-col-rtl { + right: auto; + left: 79.16666667%; + } + .react16-col-sm-offset-19.react16-col-rtl { + margin-right: 79.16666667%; + margin-left: 0; + } + .react16-col-sm-push-20.react16-col-rtl { + right: 83.33333333%; + left: auto; + } + .react16-col-sm-pull-20.react16-col-rtl { + right: auto; + left: 83.33333333%; + } + .react16-col-sm-offset-20.react16-col-rtl { + margin-right: 83.33333333%; + margin-left: 0; + } + .react16-col-sm-push-21.react16-col-rtl { + right: 87.5%; + left: auto; + } + .react16-col-sm-pull-21.react16-col-rtl { + right: auto; + left: 87.5%; + } + .react16-col-sm-offset-21.react16-col-rtl { + margin-right: 87.5%; + margin-left: 0; + } + .react16-col-sm-push-22.react16-col-rtl { + right: 91.66666667%; + left: auto; + } + .react16-col-sm-pull-22.react16-col-rtl { + right: auto; + left: 91.66666667%; + } + .react16-col-sm-offset-22.react16-col-rtl { + margin-right: 91.66666667%; + margin-left: 0; + } + .react16-col-sm-push-23.react16-col-rtl { + right: 95.83333333%; + left: auto; + } + .react16-col-sm-pull-23.react16-col-rtl { + right: auto; + left: 95.83333333%; + } + .react16-col-sm-offset-23.react16-col-rtl { + margin-right: 95.83333333%; + margin-left: 0; + } + .react16-col-sm-push-24.react16-col-rtl { + right: 100%; + left: auto; + } + .react16-col-sm-pull-24.react16-col-rtl { + right: auto; + left: 100%; + } + .react16-col-sm-offset-24.react16-col-rtl { + margin-right: 100%; + margin-left: 0; + } +} +@media (min-width: 768px) { + .react16-col-md-24 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .react16-col-md-push-24 { + left: 100%; + } + .react16-col-md-pull-24 { + right: 100%; + } + .react16-col-md-offset-24 { + margin-left: 100%; + } + .react16-col-md-order-24 { + order: 24; + } + .react16-col-md-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333%; + } + .react16-col-md-push-23 { + left: 95.83333333%; + } + .react16-col-md-pull-23 { + right: 95.83333333%; + } + .react16-col-md-offset-23 { + margin-left: 95.83333333%; + } + .react16-col-md-order-23 { + order: 23; + } + .react16-col-md-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + } + .react16-col-md-push-22 { + left: 91.66666667%; + } + .react16-col-md-pull-22 { + right: 91.66666667%; + } + .react16-col-md-offset-22 { + margin-left: 91.66666667%; + } + .react16-col-md-order-22 { + order: 22; + } + .react16-col-md-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .react16-col-md-push-21 { + left: 87.5%; + } + .react16-col-md-pull-21 { + right: 87.5%; + } + .react16-col-md-offset-21 { + margin-left: 87.5%; + } + .react16-col-md-order-21 { + order: 21; + } + .react16-col-md-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + } + .react16-col-md-push-20 { + left: 83.33333333%; + } + .react16-col-md-pull-20 { + right: 83.33333333%; + } + .react16-col-md-offset-20 { + margin-left: 83.33333333%; + } + .react16-col-md-order-20 { + order: 20; + } + .react16-col-md-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667%; + } + .react16-col-md-push-19 { + left: 79.16666667%; + } + .react16-col-md-pull-19 { + right: 79.16666667%; + } + .react16-col-md-offset-19 { + margin-left: 79.16666667%; + } + .react16-col-md-order-19 { + order: 19; + } + .react16-col-md-18 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .react16-col-md-push-18 { + left: 75%; + } + .react16-col-md-pull-18 { + right: 75%; + } + .react16-col-md-offset-18 { + margin-left: 75%; + } + .react16-col-md-order-18 { + order: 18; + } + .react16-col-md-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333%; + } + .react16-col-md-push-17 { + left: 70.83333333%; + } + .react16-col-md-pull-17 { + right: 70.83333333%; + } + .react16-col-md-offset-17 { + margin-left: 70.83333333%; + } + .react16-col-md-order-17 { + order: 17; + } + .react16-col-md-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + } + .react16-col-md-push-16 { + left: 66.66666667%; + } + .react16-col-md-pull-16 { + right: 66.66666667%; + } + .react16-col-md-offset-16 { + margin-left: 66.66666667%; + } + .react16-col-md-order-16 { + order: 16; + } + .react16-col-md-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .react16-col-md-push-15 { + left: 62.5%; + } + .react16-col-md-pull-15 { + right: 62.5%; + } + .react16-col-md-offset-15 { + margin-left: 62.5%; + } + .react16-col-md-order-15 { + order: 15; + } + .react16-col-md-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + } + .react16-col-md-push-14 { + left: 58.33333333%; + } + .react16-col-md-pull-14 { + right: 58.33333333%; + } + .react16-col-md-offset-14 { + margin-left: 58.33333333%; + } + .react16-col-md-order-14 { + order: 14; + } + .react16-col-md-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667%; + } + .react16-col-md-push-13 { + left: 54.16666667%; + } + .react16-col-md-pull-13 { + right: 54.16666667%; + } + .react16-col-md-offset-13 { + margin-left: 54.16666667%; + } + .react16-col-md-order-13 { + order: 13; + } + .react16-col-md-12 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .react16-col-md-push-12 { + left: 50%; + } + .react16-col-md-pull-12 { + right: 50%; + } + .react16-col-md-offset-12 { + margin-left: 50%; + } + .react16-col-md-order-12 { + order: 12; + } + .react16-col-md-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333%; + } + .react16-col-md-push-11 { + left: 45.83333333%; + } + .react16-col-md-pull-11 { + right: 45.83333333%; + } + .react16-col-md-offset-11 { + margin-left: 45.83333333%; + } + .react16-col-md-order-11 { + order: 11; + } + .react16-col-md-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + } + .react16-col-md-push-10 { + left: 41.66666667%; + } + .react16-col-md-pull-10 { + right: 41.66666667%; + } + .react16-col-md-offset-10 { + margin-left: 41.66666667%; + } + .react16-col-md-order-10 { + order: 10; + } + .react16-col-md-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .react16-col-md-push-9 { + left: 37.5%; + } + .react16-col-md-pull-9 { + right: 37.5%; + } + .react16-col-md-offset-9 { + margin-left: 37.5%; + } + .react16-col-md-order-9 { + order: 9; + } + .react16-col-md-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + } + .react16-col-md-push-8 { + left: 33.33333333%; + } + .react16-col-md-pull-8 { + right: 33.33333333%; + } + .react16-col-md-offset-8 { + margin-left: 33.33333333%; + } + .react16-col-md-order-8 { + order: 8; + } + .react16-col-md-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667%; + } + .react16-col-md-push-7 { + left: 29.16666667%; + } + .react16-col-md-pull-7 { + right: 29.16666667%; + } + .react16-col-md-offset-7 { + margin-left: 29.16666667%; + } + .react16-col-md-order-7 { + order: 7; + } + .react16-col-md-6 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .react16-col-md-push-6 { + left: 25%; + } + .react16-col-md-pull-6 { + right: 25%; + } + .react16-col-md-offset-6 { + margin-left: 25%; + } + .react16-col-md-order-6 { + order: 6; + } + .react16-col-md-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333%; + } + .react16-col-md-push-5 { + left: 20.83333333%; + } + .react16-col-md-pull-5 { + right: 20.83333333%; + } + .react16-col-md-offset-5 { + margin-left: 20.83333333%; + } + .react16-col-md-order-5 { + order: 5; + } + .react16-col-md-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + } + .react16-col-md-push-4 { + left: 16.66666667%; + } + .react16-col-md-pull-4 { + right: 16.66666667%; + } + .react16-col-md-offset-4 { + margin-left: 16.66666667%; + } + .react16-col-md-order-4 { + order: 4; + } + .react16-col-md-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .react16-col-md-push-3 { + left: 12.5%; + } + .react16-col-md-pull-3 { + right: 12.5%; + } + .react16-col-md-offset-3 { + margin-left: 12.5%; + } + .react16-col-md-order-3 { + order: 3; + } + .react16-col-md-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + } + .react16-col-md-push-2 { + left: 8.33333333%; + } + .react16-col-md-pull-2 { + right: 8.33333333%; + } + .react16-col-md-offset-2 { + margin-left: 8.33333333%; + } + .react16-col-md-order-2 { + order: 2; + } + .react16-col-md-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667%; + } + .react16-col-md-push-1 { + left: 4.16666667%; + } + .react16-col-md-pull-1 { + right: 4.16666667%; + } + .react16-col-md-offset-1 { + margin-left: 4.16666667%; + } + .react16-col-md-order-1 { + order: 1; + } + .react16-col-md-0 { + display: none; + } + .react16-col-push-0 { + left: auto; + } + .react16-col-pull-0 { + right: auto; + } + .react16-col-md-push-0 { + left: auto; + } + .react16-col-md-pull-0 { + right: auto; + } + .react16-col-md-offset-0 { + margin-left: 0; + } + .react16-col-md-order-0 { + order: 0; + } + .react16-col-push-0.react16-col-rtl { + right: auto; + } + .react16-col-pull-0.react16-col-rtl { + left: auto; + } + .react16-col-md-push-0.react16-col-rtl { + right: auto; + } + .react16-col-md-pull-0.react16-col-rtl { + left: auto; + } + .react16-col-md-offset-0.react16-col-rtl { + margin-right: 0; + } + .react16-col-md-push-1.react16-col-rtl { + right: 4.16666667%; + left: auto; + } + .react16-col-md-pull-1.react16-col-rtl { + right: auto; + left: 4.16666667%; + } + .react16-col-md-offset-1.react16-col-rtl { + margin-right: 4.16666667%; + margin-left: 0; + } + .react16-col-md-push-2.react16-col-rtl { + right: 8.33333333%; + left: auto; + } + .react16-col-md-pull-2.react16-col-rtl { + right: auto; + left: 8.33333333%; + } + .react16-col-md-offset-2.react16-col-rtl { + margin-right: 8.33333333%; + margin-left: 0; + } + .react16-col-md-push-3.react16-col-rtl { + right: 12.5%; + left: auto; + } + .react16-col-md-pull-3.react16-col-rtl { + right: auto; + left: 12.5%; + } + .react16-col-md-offset-3.react16-col-rtl { + margin-right: 12.5%; + margin-left: 0; + } + .react16-col-md-push-4.react16-col-rtl { + right: 16.66666667%; + left: auto; + } + .react16-col-md-pull-4.react16-col-rtl { + right: auto; + left: 16.66666667%; + } + .react16-col-md-offset-4.react16-col-rtl { + margin-right: 16.66666667%; + margin-left: 0; + } + .react16-col-md-push-5.react16-col-rtl { + right: 20.83333333%; + left: auto; + } + .react16-col-md-pull-5.react16-col-rtl { + right: auto; + left: 20.83333333%; + } + .react16-col-md-offset-5.react16-col-rtl { + margin-right: 20.83333333%; + margin-left: 0; + } + .react16-col-md-push-6.react16-col-rtl { + right: 25%; + left: auto; + } + .react16-col-md-pull-6.react16-col-rtl { + right: auto; + left: 25%; + } + .react16-col-md-offset-6.react16-col-rtl { + margin-right: 25%; + margin-left: 0; + } + .react16-col-md-push-7.react16-col-rtl { + right: 29.16666667%; + left: auto; + } + .react16-col-md-pull-7.react16-col-rtl { + right: auto; + left: 29.16666667%; + } + .react16-col-md-offset-7.react16-col-rtl { + margin-right: 29.16666667%; + margin-left: 0; + } + .react16-col-md-push-8.react16-col-rtl { + right: 33.33333333%; + left: auto; + } + .react16-col-md-pull-8.react16-col-rtl { + right: auto; + left: 33.33333333%; + } + .react16-col-md-offset-8.react16-col-rtl { + margin-right: 33.33333333%; + margin-left: 0; + } + .react16-col-md-push-9.react16-col-rtl { + right: 37.5%; + left: auto; + } + .react16-col-md-pull-9.react16-col-rtl { + right: auto; + left: 37.5%; + } + .react16-col-md-offset-9.react16-col-rtl { + margin-right: 37.5%; + margin-left: 0; + } + .react16-col-md-push-10.react16-col-rtl { + right: 41.66666667%; + left: auto; + } + .react16-col-md-pull-10.react16-col-rtl { + right: auto; + left: 41.66666667%; + } + .react16-col-md-offset-10.react16-col-rtl { + margin-right: 41.66666667%; + margin-left: 0; + } + .react16-col-md-push-11.react16-col-rtl { + right: 45.83333333%; + left: auto; + } + .react16-col-md-pull-11.react16-col-rtl { + right: auto; + left: 45.83333333%; + } + .react16-col-md-offset-11.react16-col-rtl { + margin-right: 45.83333333%; + margin-left: 0; + } + .react16-col-md-push-12.react16-col-rtl { + right: 50%; + left: auto; + } + .react16-col-md-pull-12.react16-col-rtl { + right: auto; + left: 50%; + } + .react16-col-md-offset-12.react16-col-rtl { + margin-right: 50%; + margin-left: 0; + } + .react16-col-md-push-13.react16-col-rtl { + right: 54.16666667%; + left: auto; + } + .react16-col-md-pull-13.react16-col-rtl { + right: auto; + left: 54.16666667%; + } + .react16-col-md-offset-13.react16-col-rtl { + margin-right: 54.16666667%; + margin-left: 0; + } + .react16-col-md-push-14.react16-col-rtl { + right: 58.33333333%; + left: auto; + } + .react16-col-md-pull-14.react16-col-rtl { + right: auto; + left: 58.33333333%; + } + .react16-col-md-offset-14.react16-col-rtl { + margin-right: 58.33333333%; + margin-left: 0; + } + .react16-col-md-push-15.react16-col-rtl { + right: 62.5%; + left: auto; + } + .react16-col-md-pull-15.react16-col-rtl { + right: auto; + left: 62.5%; + } + .react16-col-md-offset-15.react16-col-rtl { + margin-right: 62.5%; + margin-left: 0; + } + .react16-col-md-push-16.react16-col-rtl { + right: 66.66666667%; + left: auto; + } + .react16-col-md-pull-16.react16-col-rtl { + right: auto; + left: 66.66666667%; + } + .react16-col-md-offset-16.react16-col-rtl { + margin-right: 66.66666667%; + margin-left: 0; + } + .react16-col-md-push-17.react16-col-rtl { + right: 70.83333333%; + left: auto; + } + .react16-col-md-pull-17.react16-col-rtl { + right: auto; + left: 70.83333333%; + } + .react16-col-md-offset-17.react16-col-rtl { + margin-right: 70.83333333%; + margin-left: 0; + } + .react16-col-md-push-18.react16-col-rtl { + right: 75%; + left: auto; + } + .react16-col-md-pull-18.react16-col-rtl { + right: auto; + left: 75%; + } + .react16-col-md-offset-18.react16-col-rtl { + margin-right: 75%; + margin-left: 0; + } + .react16-col-md-push-19.react16-col-rtl { + right: 79.16666667%; + left: auto; + } + .react16-col-md-pull-19.react16-col-rtl { + right: auto; + left: 79.16666667%; + } + .react16-col-md-offset-19.react16-col-rtl { + margin-right: 79.16666667%; + margin-left: 0; + } + .react16-col-md-push-20.react16-col-rtl { + right: 83.33333333%; + left: auto; + } + .react16-col-md-pull-20.react16-col-rtl { + right: auto; + left: 83.33333333%; + } + .react16-col-md-offset-20.react16-col-rtl { + margin-right: 83.33333333%; + margin-left: 0; + } + .react16-col-md-push-21.react16-col-rtl { + right: 87.5%; + left: auto; + } + .react16-col-md-pull-21.react16-col-rtl { + right: auto; + left: 87.5%; + } + .react16-col-md-offset-21.react16-col-rtl { + margin-right: 87.5%; + margin-left: 0; + } + .react16-col-md-push-22.react16-col-rtl { + right: 91.66666667%; + left: auto; + } + .react16-col-md-pull-22.react16-col-rtl { + right: auto; + left: 91.66666667%; + } + .react16-col-md-offset-22.react16-col-rtl { + margin-right: 91.66666667%; + margin-left: 0; + } + .react16-col-md-push-23.react16-col-rtl { + right: 95.83333333%; + left: auto; + } + .react16-col-md-pull-23.react16-col-rtl { + right: auto; + left: 95.83333333%; + } + .react16-col-md-offset-23.react16-col-rtl { + margin-right: 95.83333333%; + margin-left: 0; + } + .react16-col-md-push-24.react16-col-rtl { + right: 100%; + left: auto; + } + .react16-col-md-pull-24.react16-col-rtl { + right: auto; + left: 100%; + } + .react16-col-md-offset-24.react16-col-rtl { + margin-right: 100%; + margin-left: 0; + } +} +@media (min-width: 992px) { + .react16-col-lg-24 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .react16-col-lg-push-24 { + left: 100%; + } + .react16-col-lg-pull-24 { + right: 100%; + } + .react16-col-lg-offset-24 { + margin-left: 100%; + } + .react16-col-lg-order-24 { + order: 24; + } + .react16-col-lg-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333%; + } + .react16-col-lg-push-23 { + left: 95.83333333%; + } + .react16-col-lg-pull-23 { + right: 95.83333333%; + } + .react16-col-lg-offset-23 { + margin-left: 95.83333333%; + } + .react16-col-lg-order-23 { + order: 23; + } + .react16-col-lg-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + } + .react16-col-lg-push-22 { + left: 91.66666667%; + } + .react16-col-lg-pull-22 { + right: 91.66666667%; + } + .react16-col-lg-offset-22 { + margin-left: 91.66666667%; + } + .react16-col-lg-order-22 { + order: 22; + } + .react16-col-lg-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .react16-col-lg-push-21 { + left: 87.5%; + } + .react16-col-lg-pull-21 { + right: 87.5%; + } + .react16-col-lg-offset-21 { + margin-left: 87.5%; + } + .react16-col-lg-order-21 { + order: 21; + } + .react16-col-lg-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + } + .react16-col-lg-push-20 { + left: 83.33333333%; + } + .react16-col-lg-pull-20 { + right: 83.33333333%; + } + .react16-col-lg-offset-20 { + margin-left: 83.33333333%; + } + .react16-col-lg-order-20 { + order: 20; + } + .react16-col-lg-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667%; + } + .react16-col-lg-push-19 { + left: 79.16666667%; + } + .react16-col-lg-pull-19 { + right: 79.16666667%; + } + .react16-col-lg-offset-19 { + margin-left: 79.16666667%; + } + .react16-col-lg-order-19 { + order: 19; + } + .react16-col-lg-18 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .react16-col-lg-push-18 { + left: 75%; + } + .react16-col-lg-pull-18 { + right: 75%; + } + .react16-col-lg-offset-18 { + margin-left: 75%; + } + .react16-col-lg-order-18 { + order: 18; + } + .react16-col-lg-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333%; + } + .react16-col-lg-push-17 { + left: 70.83333333%; + } + .react16-col-lg-pull-17 { + right: 70.83333333%; + } + .react16-col-lg-offset-17 { + margin-left: 70.83333333%; + } + .react16-col-lg-order-17 { + order: 17; + } + .react16-col-lg-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + } + .react16-col-lg-push-16 { + left: 66.66666667%; + } + .react16-col-lg-pull-16 { + right: 66.66666667%; + } + .react16-col-lg-offset-16 { + margin-left: 66.66666667%; + } + .react16-col-lg-order-16 { + order: 16; + } + .react16-col-lg-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .react16-col-lg-push-15 { + left: 62.5%; + } + .react16-col-lg-pull-15 { + right: 62.5%; + } + .react16-col-lg-offset-15 { + margin-left: 62.5%; + } + .react16-col-lg-order-15 { + order: 15; + } + .react16-col-lg-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + } + .react16-col-lg-push-14 { + left: 58.33333333%; + } + .react16-col-lg-pull-14 { + right: 58.33333333%; + } + .react16-col-lg-offset-14 { + margin-left: 58.33333333%; + } + .react16-col-lg-order-14 { + order: 14; + } + .react16-col-lg-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667%; + } + .react16-col-lg-push-13 { + left: 54.16666667%; + } + .react16-col-lg-pull-13 { + right: 54.16666667%; + } + .react16-col-lg-offset-13 { + margin-left: 54.16666667%; + } + .react16-col-lg-order-13 { + order: 13; + } + .react16-col-lg-12 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .react16-col-lg-push-12 { + left: 50%; + } + .react16-col-lg-pull-12 { + right: 50%; + } + .react16-col-lg-offset-12 { + margin-left: 50%; + } + .react16-col-lg-order-12 { + order: 12; + } + .react16-col-lg-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333%; + } + .react16-col-lg-push-11 { + left: 45.83333333%; + } + .react16-col-lg-pull-11 { + right: 45.83333333%; + } + .react16-col-lg-offset-11 { + margin-left: 45.83333333%; + } + .react16-col-lg-order-11 { + order: 11; + } + .react16-col-lg-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + } + .react16-col-lg-push-10 { + left: 41.66666667%; + } + .react16-col-lg-pull-10 { + right: 41.66666667%; + } + .react16-col-lg-offset-10 { + margin-left: 41.66666667%; + } + .react16-col-lg-order-10 { + order: 10; + } + .react16-col-lg-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .react16-col-lg-push-9 { + left: 37.5%; + } + .react16-col-lg-pull-9 { + right: 37.5%; + } + .react16-col-lg-offset-9 { + margin-left: 37.5%; + } + .react16-col-lg-order-9 { + order: 9; + } + .react16-col-lg-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + } + .react16-col-lg-push-8 { + left: 33.33333333%; + } + .react16-col-lg-pull-8 { + right: 33.33333333%; + } + .react16-col-lg-offset-8 { + margin-left: 33.33333333%; + } + .react16-col-lg-order-8 { + order: 8; + } + .react16-col-lg-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667%; + } + .react16-col-lg-push-7 { + left: 29.16666667%; + } + .react16-col-lg-pull-7 { + right: 29.16666667%; + } + .react16-col-lg-offset-7 { + margin-left: 29.16666667%; + } + .react16-col-lg-order-7 { + order: 7; + } + .react16-col-lg-6 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .react16-col-lg-push-6 { + left: 25%; + } + .react16-col-lg-pull-6 { + right: 25%; + } + .react16-col-lg-offset-6 { + margin-left: 25%; + } + .react16-col-lg-order-6 { + order: 6; + } + .react16-col-lg-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333%; + } + .react16-col-lg-push-5 { + left: 20.83333333%; + } + .react16-col-lg-pull-5 { + right: 20.83333333%; + } + .react16-col-lg-offset-5 { + margin-left: 20.83333333%; + } + .react16-col-lg-order-5 { + order: 5; + } + .react16-col-lg-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + } + .react16-col-lg-push-4 { + left: 16.66666667%; + } + .react16-col-lg-pull-4 { + right: 16.66666667%; + } + .react16-col-lg-offset-4 { + margin-left: 16.66666667%; + } + .react16-col-lg-order-4 { + order: 4; + } + .react16-col-lg-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .react16-col-lg-push-3 { + left: 12.5%; + } + .react16-col-lg-pull-3 { + right: 12.5%; + } + .react16-col-lg-offset-3 { + margin-left: 12.5%; + } + .react16-col-lg-order-3 { + order: 3; + } + .react16-col-lg-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + } + .react16-col-lg-push-2 { + left: 8.33333333%; + } + .react16-col-lg-pull-2 { + right: 8.33333333%; + } + .react16-col-lg-offset-2 { + margin-left: 8.33333333%; + } + .react16-col-lg-order-2 { + order: 2; + } + .react16-col-lg-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667%; + } + .react16-col-lg-push-1 { + left: 4.16666667%; + } + .react16-col-lg-pull-1 { + right: 4.16666667%; + } + .react16-col-lg-offset-1 { + margin-left: 4.16666667%; + } + .react16-col-lg-order-1 { + order: 1; + } + .react16-col-lg-0 { + display: none; + } + .react16-col-push-0 { + left: auto; + } + .react16-col-pull-0 { + right: auto; + } + .react16-col-lg-push-0 { + left: auto; + } + .react16-col-lg-pull-0 { + right: auto; + } + .react16-col-lg-offset-0 { + margin-left: 0; + } + .react16-col-lg-order-0 { + order: 0; + } + .react16-col-push-0.react16-col-rtl { + right: auto; + } + .react16-col-pull-0.react16-col-rtl { + left: auto; + } + .react16-col-lg-push-0.react16-col-rtl { + right: auto; + } + .react16-col-lg-pull-0.react16-col-rtl { + left: auto; + } + .react16-col-lg-offset-0.react16-col-rtl { + margin-right: 0; + } + .react16-col-lg-push-1.react16-col-rtl { + right: 4.16666667%; + left: auto; + } + .react16-col-lg-pull-1.react16-col-rtl { + right: auto; + left: 4.16666667%; + } + .react16-col-lg-offset-1.react16-col-rtl { + margin-right: 4.16666667%; + margin-left: 0; + } + .react16-col-lg-push-2.react16-col-rtl { + right: 8.33333333%; + left: auto; + } + .react16-col-lg-pull-2.react16-col-rtl { + right: auto; + left: 8.33333333%; + } + .react16-col-lg-offset-2.react16-col-rtl { + margin-right: 8.33333333%; + margin-left: 0; + } + .react16-col-lg-push-3.react16-col-rtl { + right: 12.5%; + left: auto; + } + .react16-col-lg-pull-3.react16-col-rtl { + right: auto; + left: 12.5%; + } + .react16-col-lg-offset-3.react16-col-rtl { + margin-right: 12.5%; + margin-left: 0; + } + .react16-col-lg-push-4.react16-col-rtl { + right: 16.66666667%; + left: auto; + } + .react16-col-lg-pull-4.react16-col-rtl { + right: auto; + left: 16.66666667%; + } + .react16-col-lg-offset-4.react16-col-rtl { + margin-right: 16.66666667%; + margin-left: 0; + } + .react16-col-lg-push-5.react16-col-rtl { + right: 20.83333333%; + left: auto; + } + .react16-col-lg-pull-5.react16-col-rtl { + right: auto; + left: 20.83333333%; + } + .react16-col-lg-offset-5.react16-col-rtl { + margin-right: 20.83333333%; + margin-left: 0; + } + .react16-col-lg-push-6.react16-col-rtl { + right: 25%; + left: auto; + } + .react16-col-lg-pull-6.react16-col-rtl { + right: auto; + left: 25%; + } + .react16-col-lg-offset-6.react16-col-rtl { + margin-right: 25%; + margin-left: 0; + } + .react16-col-lg-push-7.react16-col-rtl { + right: 29.16666667%; + left: auto; + } + .react16-col-lg-pull-7.react16-col-rtl { + right: auto; + left: 29.16666667%; + } + .react16-col-lg-offset-7.react16-col-rtl { + margin-right: 29.16666667%; + margin-left: 0; + } + .react16-col-lg-push-8.react16-col-rtl { + right: 33.33333333%; + left: auto; + } + .react16-col-lg-pull-8.react16-col-rtl { + right: auto; + left: 33.33333333%; + } + .react16-col-lg-offset-8.react16-col-rtl { + margin-right: 33.33333333%; + margin-left: 0; + } + .react16-col-lg-push-9.react16-col-rtl { + right: 37.5%; + left: auto; + } + .react16-col-lg-pull-9.react16-col-rtl { + right: auto; + left: 37.5%; + } + .react16-col-lg-offset-9.react16-col-rtl { + margin-right: 37.5%; + margin-left: 0; + } + .react16-col-lg-push-10.react16-col-rtl { + right: 41.66666667%; + left: auto; + } + .react16-col-lg-pull-10.react16-col-rtl { + right: auto; + left: 41.66666667%; + } + .react16-col-lg-offset-10.react16-col-rtl { + margin-right: 41.66666667%; + margin-left: 0; + } + .react16-col-lg-push-11.react16-col-rtl { + right: 45.83333333%; + left: auto; + } + .react16-col-lg-pull-11.react16-col-rtl { + right: auto; + left: 45.83333333%; + } + .react16-col-lg-offset-11.react16-col-rtl { + margin-right: 45.83333333%; + margin-left: 0; + } + .react16-col-lg-push-12.react16-col-rtl { + right: 50%; + left: auto; + } + .react16-col-lg-pull-12.react16-col-rtl { + right: auto; + left: 50%; + } + .react16-col-lg-offset-12.react16-col-rtl { + margin-right: 50%; + margin-left: 0; + } + .react16-col-lg-push-13.react16-col-rtl { + right: 54.16666667%; + left: auto; + } + .react16-col-lg-pull-13.react16-col-rtl { + right: auto; + left: 54.16666667%; + } + .react16-col-lg-offset-13.react16-col-rtl { + margin-right: 54.16666667%; + margin-left: 0; + } + .react16-col-lg-push-14.react16-col-rtl { + right: 58.33333333%; + left: auto; + } + .react16-col-lg-pull-14.react16-col-rtl { + right: auto; + left: 58.33333333%; + } + .react16-col-lg-offset-14.react16-col-rtl { + margin-right: 58.33333333%; + margin-left: 0; + } + .react16-col-lg-push-15.react16-col-rtl { + right: 62.5%; + left: auto; + } + .react16-col-lg-pull-15.react16-col-rtl { + right: auto; + left: 62.5%; + } + .react16-col-lg-offset-15.react16-col-rtl { + margin-right: 62.5%; + margin-left: 0; + } + .react16-col-lg-push-16.react16-col-rtl { + right: 66.66666667%; + left: auto; + } + .react16-col-lg-pull-16.react16-col-rtl { + right: auto; + left: 66.66666667%; + } + .react16-col-lg-offset-16.react16-col-rtl { + margin-right: 66.66666667%; + margin-left: 0; + } + .react16-col-lg-push-17.react16-col-rtl { + right: 70.83333333%; + left: auto; + } + .react16-col-lg-pull-17.react16-col-rtl { + right: auto; + left: 70.83333333%; + } + .react16-col-lg-offset-17.react16-col-rtl { + margin-right: 70.83333333%; + margin-left: 0; + } + .react16-col-lg-push-18.react16-col-rtl { + right: 75%; + left: auto; + } + .react16-col-lg-pull-18.react16-col-rtl { + right: auto; + left: 75%; + } + .react16-col-lg-offset-18.react16-col-rtl { + margin-right: 75%; + margin-left: 0; + } + .react16-col-lg-push-19.react16-col-rtl { + right: 79.16666667%; + left: auto; + } + .react16-col-lg-pull-19.react16-col-rtl { + right: auto; + left: 79.16666667%; + } + .react16-col-lg-offset-19.react16-col-rtl { + margin-right: 79.16666667%; + margin-left: 0; + } + .react16-col-lg-push-20.react16-col-rtl { + right: 83.33333333%; + left: auto; + } + .react16-col-lg-pull-20.react16-col-rtl { + right: auto; + left: 83.33333333%; + } + .react16-col-lg-offset-20.react16-col-rtl { + margin-right: 83.33333333%; + margin-left: 0; + } + .react16-col-lg-push-21.react16-col-rtl { + right: 87.5%; + left: auto; + } + .react16-col-lg-pull-21.react16-col-rtl { + right: auto; + left: 87.5%; + } + .react16-col-lg-offset-21.react16-col-rtl { + margin-right: 87.5%; + margin-left: 0; + } + .react16-col-lg-push-22.react16-col-rtl { + right: 91.66666667%; + left: auto; + } + .react16-col-lg-pull-22.react16-col-rtl { + right: auto; + left: 91.66666667%; + } + .react16-col-lg-offset-22.react16-col-rtl { + margin-right: 91.66666667%; + margin-left: 0; + } + .react16-col-lg-push-23.react16-col-rtl { + right: 95.83333333%; + left: auto; + } + .react16-col-lg-pull-23.react16-col-rtl { + right: auto; + left: 95.83333333%; + } + .react16-col-lg-offset-23.react16-col-rtl { + margin-right: 95.83333333%; + margin-left: 0; + } + .react16-col-lg-push-24.react16-col-rtl { + right: 100%; + left: auto; + } + .react16-col-lg-pull-24.react16-col-rtl { + right: auto; + left: 100%; + } + .react16-col-lg-offset-24.react16-col-rtl { + margin-right: 100%; + margin-left: 0; + } +} +@media (min-width: 1200px) { + .react16-col-xl-24 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .react16-col-xl-push-24 { + left: 100%; + } + .react16-col-xl-pull-24 { + right: 100%; + } + .react16-col-xl-offset-24 { + margin-left: 100%; + } + .react16-col-xl-order-24 { + order: 24; + } + .react16-col-xl-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333%; + } + .react16-col-xl-push-23 { + left: 95.83333333%; + } + .react16-col-xl-pull-23 { + right: 95.83333333%; + } + .react16-col-xl-offset-23 { + margin-left: 95.83333333%; + } + .react16-col-xl-order-23 { + order: 23; + } + .react16-col-xl-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + } + .react16-col-xl-push-22 { + left: 91.66666667%; + } + .react16-col-xl-pull-22 { + right: 91.66666667%; + } + .react16-col-xl-offset-22 { + margin-left: 91.66666667%; + } + .react16-col-xl-order-22 { + order: 22; + } + .react16-col-xl-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .react16-col-xl-push-21 { + left: 87.5%; + } + .react16-col-xl-pull-21 { + right: 87.5%; + } + .react16-col-xl-offset-21 { + margin-left: 87.5%; + } + .react16-col-xl-order-21 { + order: 21; + } + .react16-col-xl-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + } + .react16-col-xl-push-20 { + left: 83.33333333%; + } + .react16-col-xl-pull-20 { + right: 83.33333333%; + } + .react16-col-xl-offset-20 { + margin-left: 83.33333333%; + } + .react16-col-xl-order-20 { + order: 20; + } + .react16-col-xl-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667%; + } + .react16-col-xl-push-19 { + left: 79.16666667%; + } + .react16-col-xl-pull-19 { + right: 79.16666667%; + } + .react16-col-xl-offset-19 { + margin-left: 79.16666667%; + } + .react16-col-xl-order-19 { + order: 19; + } + .react16-col-xl-18 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .react16-col-xl-push-18 { + left: 75%; + } + .react16-col-xl-pull-18 { + right: 75%; + } + .react16-col-xl-offset-18 { + margin-left: 75%; + } + .react16-col-xl-order-18 { + order: 18; + } + .react16-col-xl-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333%; + } + .react16-col-xl-push-17 { + left: 70.83333333%; + } + .react16-col-xl-pull-17 { + right: 70.83333333%; + } + .react16-col-xl-offset-17 { + margin-left: 70.83333333%; + } + .react16-col-xl-order-17 { + order: 17; + } + .react16-col-xl-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + } + .react16-col-xl-push-16 { + left: 66.66666667%; + } + .react16-col-xl-pull-16 { + right: 66.66666667%; + } + .react16-col-xl-offset-16 { + margin-left: 66.66666667%; + } + .react16-col-xl-order-16 { + order: 16; + } + .react16-col-xl-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .react16-col-xl-push-15 { + left: 62.5%; + } + .react16-col-xl-pull-15 { + right: 62.5%; + } + .react16-col-xl-offset-15 { + margin-left: 62.5%; + } + .react16-col-xl-order-15 { + order: 15; + } + .react16-col-xl-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + } + .react16-col-xl-push-14 { + left: 58.33333333%; + } + .react16-col-xl-pull-14 { + right: 58.33333333%; + } + .react16-col-xl-offset-14 { + margin-left: 58.33333333%; + } + .react16-col-xl-order-14 { + order: 14; + } + .react16-col-xl-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667%; + } + .react16-col-xl-push-13 { + left: 54.16666667%; + } + .react16-col-xl-pull-13 { + right: 54.16666667%; + } + .react16-col-xl-offset-13 { + margin-left: 54.16666667%; + } + .react16-col-xl-order-13 { + order: 13; + } + .react16-col-xl-12 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .react16-col-xl-push-12 { + left: 50%; + } + .react16-col-xl-pull-12 { + right: 50%; + } + .react16-col-xl-offset-12 { + margin-left: 50%; + } + .react16-col-xl-order-12 { + order: 12; + } + .react16-col-xl-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333%; + } + .react16-col-xl-push-11 { + left: 45.83333333%; + } + .react16-col-xl-pull-11 { + right: 45.83333333%; + } + .react16-col-xl-offset-11 { + margin-left: 45.83333333%; + } + .react16-col-xl-order-11 { + order: 11; + } + .react16-col-xl-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + } + .react16-col-xl-push-10 { + left: 41.66666667%; + } + .react16-col-xl-pull-10 { + right: 41.66666667%; + } + .react16-col-xl-offset-10 { + margin-left: 41.66666667%; + } + .react16-col-xl-order-10 { + order: 10; + } + .react16-col-xl-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .react16-col-xl-push-9 { + left: 37.5%; + } + .react16-col-xl-pull-9 { + right: 37.5%; + } + .react16-col-xl-offset-9 { + margin-left: 37.5%; + } + .react16-col-xl-order-9 { + order: 9; + } + .react16-col-xl-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + } + .react16-col-xl-push-8 { + left: 33.33333333%; + } + .react16-col-xl-pull-8 { + right: 33.33333333%; + } + .react16-col-xl-offset-8 { + margin-left: 33.33333333%; + } + .react16-col-xl-order-8 { + order: 8; + } + .react16-col-xl-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667%; + } + .react16-col-xl-push-7 { + left: 29.16666667%; + } + .react16-col-xl-pull-7 { + right: 29.16666667%; + } + .react16-col-xl-offset-7 { + margin-left: 29.16666667%; + } + .react16-col-xl-order-7 { + order: 7; + } + .react16-col-xl-6 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .react16-col-xl-push-6 { + left: 25%; + } + .react16-col-xl-pull-6 { + right: 25%; + } + .react16-col-xl-offset-6 { + margin-left: 25%; + } + .react16-col-xl-order-6 { + order: 6; + } + .react16-col-xl-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333%; + } + .react16-col-xl-push-5 { + left: 20.83333333%; + } + .react16-col-xl-pull-5 { + right: 20.83333333%; + } + .react16-col-xl-offset-5 { + margin-left: 20.83333333%; + } + .react16-col-xl-order-5 { + order: 5; + } + .react16-col-xl-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + } + .react16-col-xl-push-4 { + left: 16.66666667%; + } + .react16-col-xl-pull-4 { + right: 16.66666667%; + } + .react16-col-xl-offset-4 { + margin-left: 16.66666667%; + } + .react16-col-xl-order-4 { + order: 4; + } + .react16-col-xl-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .react16-col-xl-push-3 { + left: 12.5%; + } + .react16-col-xl-pull-3 { + right: 12.5%; + } + .react16-col-xl-offset-3 { + margin-left: 12.5%; + } + .react16-col-xl-order-3 { + order: 3; + } + .react16-col-xl-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + } + .react16-col-xl-push-2 { + left: 8.33333333%; + } + .react16-col-xl-pull-2 { + right: 8.33333333%; + } + .react16-col-xl-offset-2 { + margin-left: 8.33333333%; + } + .react16-col-xl-order-2 { + order: 2; + } + .react16-col-xl-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667%; + } + .react16-col-xl-push-1 { + left: 4.16666667%; + } + .react16-col-xl-pull-1 { + right: 4.16666667%; + } + .react16-col-xl-offset-1 { + margin-left: 4.16666667%; + } + .react16-col-xl-order-1 { + order: 1; + } + .react16-col-xl-0 { + display: none; + } + .react16-col-push-0 { + left: auto; + } + .react16-col-pull-0 { + right: auto; + } + .react16-col-xl-push-0 { + left: auto; + } + .react16-col-xl-pull-0 { + right: auto; + } + .react16-col-xl-offset-0 { + margin-left: 0; + } + .react16-col-xl-order-0 { + order: 0; + } + .react16-col-push-0.react16-col-rtl { + right: auto; + } + .react16-col-pull-0.react16-col-rtl { + left: auto; + } + .react16-col-xl-push-0.react16-col-rtl { + right: auto; + } + .react16-col-xl-pull-0.react16-col-rtl { + left: auto; + } + .react16-col-xl-offset-0.react16-col-rtl { + margin-right: 0; + } + .react16-col-xl-push-1.react16-col-rtl { + right: 4.16666667%; + left: auto; + } + .react16-col-xl-pull-1.react16-col-rtl { + right: auto; + left: 4.16666667%; + } + .react16-col-xl-offset-1.react16-col-rtl { + margin-right: 4.16666667%; + margin-left: 0; + } + .react16-col-xl-push-2.react16-col-rtl { + right: 8.33333333%; + left: auto; + } + .react16-col-xl-pull-2.react16-col-rtl { + right: auto; + left: 8.33333333%; + } + .react16-col-xl-offset-2.react16-col-rtl { + margin-right: 8.33333333%; + margin-left: 0; + } + .react16-col-xl-push-3.react16-col-rtl { + right: 12.5%; + left: auto; + } + .react16-col-xl-pull-3.react16-col-rtl { + right: auto; + left: 12.5%; + } + .react16-col-xl-offset-3.react16-col-rtl { + margin-right: 12.5%; + margin-left: 0; + } + .react16-col-xl-push-4.react16-col-rtl { + right: 16.66666667%; + left: auto; + } + .react16-col-xl-pull-4.react16-col-rtl { + right: auto; + left: 16.66666667%; + } + .react16-col-xl-offset-4.react16-col-rtl { + margin-right: 16.66666667%; + margin-left: 0; + } + .react16-col-xl-push-5.react16-col-rtl { + right: 20.83333333%; + left: auto; + } + .react16-col-xl-pull-5.react16-col-rtl { + right: auto; + left: 20.83333333%; + } + .react16-col-xl-offset-5.react16-col-rtl { + margin-right: 20.83333333%; + margin-left: 0; + } + .react16-col-xl-push-6.react16-col-rtl { + right: 25%; + left: auto; + } + .react16-col-xl-pull-6.react16-col-rtl { + right: auto; + left: 25%; + } + .react16-col-xl-offset-6.react16-col-rtl { + margin-right: 25%; + margin-left: 0; + } + .react16-col-xl-push-7.react16-col-rtl { + right: 29.16666667%; + left: auto; + } + .react16-col-xl-pull-7.react16-col-rtl { + right: auto; + left: 29.16666667%; + } + .react16-col-xl-offset-7.react16-col-rtl { + margin-right: 29.16666667%; + margin-left: 0; + } + .react16-col-xl-push-8.react16-col-rtl { + right: 33.33333333%; + left: auto; + } + .react16-col-xl-pull-8.react16-col-rtl { + right: auto; + left: 33.33333333%; + } + .react16-col-xl-offset-8.react16-col-rtl { + margin-right: 33.33333333%; + margin-left: 0; + } + .react16-col-xl-push-9.react16-col-rtl { + right: 37.5%; + left: auto; + } + .react16-col-xl-pull-9.react16-col-rtl { + right: auto; + left: 37.5%; + } + .react16-col-xl-offset-9.react16-col-rtl { + margin-right: 37.5%; + margin-left: 0; + } + .react16-col-xl-push-10.react16-col-rtl { + right: 41.66666667%; + left: auto; + } + .react16-col-xl-pull-10.react16-col-rtl { + right: auto; + left: 41.66666667%; + } + .react16-col-xl-offset-10.react16-col-rtl { + margin-right: 41.66666667%; + margin-left: 0; + } + .react16-col-xl-push-11.react16-col-rtl { + right: 45.83333333%; + left: auto; + } + .react16-col-xl-pull-11.react16-col-rtl { + right: auto; + left: 45.83333333%; + } + .react16-col-xl-offset-11.react16-col-rtl { + margin-right: 45.83333333%; + margin-left: 0; + } + .react16-col-xl-push-12.react16-col-rtl { + right: 50%; + left: auto; + } + .react16-col-xl-pull-12.react16-col-rtl { + right: auto; + left: 50%; + } + .react16-col-xl-offset-12.react16-col-rtl { + margin-right: 50%; + margin-left: 0; + } + .react16-col-xl-push-13.react16-col-rtl { + right: 54.16666667%; + left: auto; + } + .react16-col-xl-pull-13.react16-col-rtl { + right: auto; + left: 54.16666667%; + } + .react16-col-xl-offset-13.react16-col-rtl { + margin-right: 54.16666667%; + margin-left: 0; + } + .react16-col-xl-push-14.react16-col-rtl { + right: 58.33333333%; + left: auto; + } + .react16-col-xl-pull-14.react16-col-rtl { + right: auto; + left: 58.33333333%; + } + .react16-col-xl-offset-14.react16-col-rtl { + margin-right: 58.33333333%; + margin-left: 0; + } + .react16-col-xl-push-15.react16-col-rtl { + right: 62.5%; + left: auto; + } + .react16-col-xl-pull-15.react16-col-rtl { + right: auto; + left: 62.5%; + } + .react16-col-xl-offset-15.react16-col-rtl { + margin-right: 62.5%; + margin-left: 0; + } + .react16-col-xl-push-16.react16-col-rtl { + right: 66.66666667%; + left: auto; + } + .react16-col-xl-pull-16.react16-col-rtl { + right: auto; + left: 66.66666667%; + } + .react16-col-xl-offset-16.react16-col-rtl { + margin-right: 66.66666667%; + margin-left: 0; + } + .react16-col-xl-push-17.react16-col-rtl { + right: 70.83333333%; + left: auto; + } + .react16-col-xl-pull-17.react16-col-rtl { + right: auto; + left: 70.83333333%; + } + .react16-col-xl-offset-17.react16-col-rtl { + margin-right: 70.83333333%; + margin-left: 0; + } + .react16-col-xl-push-18.react16-col-rtl { + right: 75%; + left: auto; + } + .react16-col-xl-pull-18.react16-col-rtl { + right: auto; + left: 75%; + } + .react16-col-xl-offset-18.react16-col-rtl { + margin-right: 75%; + margin-left: 0; + } + .react16-col-xl-push-19.react16-col-rtl { + right: 79.16666667%; + left: auto; + } + .react16-col-xl-pull-19.react16-col-rtl { + right: auto; + left: 79.16666667%; + } + .react16-col-xl-offset-19.react16-col-rtl { + margin-right: 79.16666667%; + margin-left: 0; + } + .react16-col-xl-push-20.react16-col-rtl { + right: 83.33333333%; + left: auto; + } + .react16-col-xl-pull-20.react16-col-rtl { + right: auto; + left: 83.33333333%; + } + .react16-col-xl-offset-20.react16-col-rtl { + margin-right: 83.33333333%; + margin-left: 0; + } + .react16-col-xl-push-21.react16-col-rtl { + right: 87.5%; + left: auto; + } + .react16-col-xl-pull-21.react16-col-rtl { + right: auto; + left: 87.5%; + } + .react16-col-xl-offset-21.react16-col-rtl { + margin-right: 87.5%; + margin-left: 0; + } + .react16-col-xl-push-22.react16-col-rtl { + right: 91.66666667%; + left: auto; + } + .react16-col-xl-pull-22.react16-col-rtl { + right: auto; + left: 91.66666667%; + } + .react16-col-xl-offset-22.react16-col-rtl { + margin-right: 91.66666667%; + margin-left: 0; + } + .react16-col-xl-push-23.react16-col-rtl { + right: 95.83333333%; + left: auto; + } + .react16-col-xl-pull-23.react16-col-rtl { + right: auto; + left: 95.83333333%; + } + .react16-col-xl-offset-23.react16-col-rtl { + margin-right: 95.83333333%; + margin-left: 0; + } + .react16-col-xl-push-24.react16-col-rtl { + right: 100%; + left: auto; + } + .react16-col-xl-pull-24.react16-col-rtl { + right: auto; + left: 100%; + } + .react16-col-xl-offset-24.react16-col-rtl { + margin-right: 100%; + margin-left: 0; + } +} +@media (min-width: 1600px) { + .react16-col-xxl-24 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .react16-col-xxl-push-24 { + left: 100%; + } + .react16-col-xxl-pull-24 { + right: 100%; + } + .react16-col-xxl-offset-24 { + margin-left: 100%; + } + .react16-col-xxl-order-24 { + order: 24; + } + .react16-col-xxl-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333%; + } + .react16-col-xxl-push-23 { + left: 95.83333333%; + } + .react16-col-xxl-pull-23 { + right: 95.83333333%; + } + .react16-col-xxl-offset-23 { + margin-left: 95.83333333%; + } + .react16-col-xxl-order-23 { + order: 23; + } + .react16-col-xxl-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + } + .react16-col-xxl-push-22 { + left: 91.66666667%; + } + .react16-col-xxl-pull-22 { + right: 91.66666667%; + } + .react16-col-xxl-offset-22 { + margin-left: 91.66666667%; + } + .react16-col-xxl-order-22 { + order: 22; + } + .react16-col-xxl-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .react16-col-xxl-push-21 { + left: 87.5%; + } + .react16-col-xxl-pull-21 { + right: 87.5%; + } + .react16-col-xxl-offset-21 { + margin-left: 87.5%; + } + .react16-col-xxl-order-21 { + order: 21; + } + .react16-col-xxl-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + } + .react16-col-xxl-push-20 { + left: 83.33333333%; + } + .react16-col-xxl-pull-20 { + right: 83.33333333%; + } + .react16-col-xxl-offset-20 { + margin-left: 83.33333333%; + } + .react16-col-xxl-order-20 { + order: 20; + } + .react16-col-xxl-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667%; + } + .react16-col-xxl-push-19 { + left: 79.16666667%; + } + .react16-col-xxl-pull-19 { + right: 79.16666667%; + } + .react16-col-xxl-offset-19 { + margin-left: 79.16666667%; + } + .react16-col-xxl-order-19 { + order: 19; + } + .react16-col-xxl-18 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .react16-col-xxl-push-18 { + left: 75%; + } + .react16-col-xxl-pull-18 { + right: 75%; + } + .react16-col-xxl-offset-18 { + margin-left: 75%; + } + .react16-col-xxl-order-18 { + order: 18; + } + .react16-col-xxl-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333%; + } + .react16-col-xxl-push-17 { + left: 70.83333333%; + } + .react16-col-xxl-pull-17 { + right: 70.83333333%; + } + .react16-col-xxl-offset-17 { + margin-left: 70.83333333%; + } + .react16-col-xxl-order-17 { + order: 17; + } + .react16-col-xxl-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + } + .react16-col-xxl-push-16 { + left: 66.66666667%; + } + .react16-col-xxl-pull-16 { + right: 66.66666667%; + } + .react16-col-xxl-offset-16 { + margin-left: 66.66666667%; + } + .react16-col-xxl-order-16 { + order: 16; + } + .react16-col-xxl-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .react16-col-xxl-push-15 { + left: 62.5%; + } + .react16-col-xxl-pull-15 { + right: 62.5%; + } + .react16-col-xxl-offset-15 { + margin-left: 62.5%; + } + .react16-col-xxl-order-15 { + order: 15; + } + .react16-col-xxl-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + } + .react16-col-xxl-push-14 { + left: 58.33333333%; + } + .react16-col-xxl-pull-14 { + right: 58.33333333%; + } + .react16-col-xxl-offset-14 { + margin-left: 58.33333333%; + } + .react16-col-xxl-order-14 { + order: 14; + } + .react16-col-xxl-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667%; + } + .react16-col-xxl-push-13 { + left: 54.16666667%; + } + .react16-col-xxl-pull-13 { + right: 54.16666667%; + } + .react16-col-xxl-offset-13 { + margin-left: 54.16666667%; + } + .react16-col-xxl-order-13 { + order: 13; + } + .react16-col-xxl-12 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .react16-col-xxl-push-12 { + left: 50%; + } + .react16-col-xxl-pull-12 { + right: 50%; + } + .react16-col-xxl-offset-12 { + margin-left: 50%; + } + .react16-col-xxl-order-12 { + order: 12; + } + .react16-col-xxl-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333%; + } + .react16-col-xxl-push-11 { + left: 45.83333333%; + } + .react16-col-xxl-pull-11 { + right: 45.83333333%; + } + .react16-col-xxl-offset-11 { + margin-left: 45.83333333%; + } + .react16-col-xxl-order-11 { + order: 11; + } + .react16-col-xxl-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + } + .react16-col-xxl-push-10 { + left: 41.66666667%; + } + .react16-col-xxl-pull-10 { + right: 41.66666667%; + } + .react16-col-xxl-offset-10 { + margin-left: 41.66666667%; + } + .react16-col-xxl-order-10 { + order: 10; + } + .react16-col-xxl-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .react16-col-xxl-push-9 { + left: 37.5%; + } + .react16-col-xxl-pull-9 { + right: 37.5%; + } + .react16-col-xxl-offset-9 { + margin-left: 37.5%; + } + .react16-col-xxl-order-9 { + order: 9; + } + .react16-col-xxl-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + } + .react16-col-xxl-push-8 { + left: 33.33333333%; + } + .react16-col-xxl-pull-8 { + right: 33.33333333%; + } + .react16-col-xxl-offset-8 { + margin-left: 33.33333333%; + } + .react16-col-xxl-order-8 { + order: 8; + } + .react16-col-xxl-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667%; + } + .react16-col-xxl-push-7 { + left: 29.16666667%; + } + .react16-col-xxl-pull-7 { + right: 29.16666667%; + } + .react16-col-xxl-offset-7 { + margin-left: 29.16666667%; + } + .react16-col-xxl-order-7 { + order: 7; + } + .react16-col-xxl-6 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .react16-col-xxl-push-6 { + left: 25%; + } + .react16-col-xxl-pull-6 { + right: 25%; + } + .react16-col-xxl-offset-6 { + margin-left: 25%; + } + .react16-col-xxl-order-6 { + order: 6; + } + .react16-col-xxl-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333%; + } + .react16-col-xxl-push-5 { + left: 20.83333333%; + } + .react16-col-xxl-pull-5 { + right: 20.83333333%; + } + .react16-col-xxl-offset-5 { + margin-left: 20.83333333%; + } + .react16-col-xxl-order-5 { + order: 5; + } + .react16-col-xxl-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + } + .react16-col-xxl-push-4 { + left: 16.66666667%; + } + .react16-col-xxl-pull-4 { + right: 16.66666667%; + } + .react16-col-xxl-offset-4 { + margin-left: 16.66666667%; + } + .react16-col-xxl-order-4 { + order: 4; + } + .react16-col-xxl-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .react16-col-xxl-push-3 { + left: 12.5%; + } + .react16-col-xxl-pull-3 { + right: 12.5%; + } + .react16-col-xxl-offset-3 { + margin-left: 12.5%; + } + .react16-col-xxl-order-3 { + order: 3; + } + .react16-col-xxl-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + } + .react16-col-xxl-push-2 { + left: 8.33333333%; + } + .react16-col-xxl-pull-2 { + right: 8.33333333%; + } + .react16-col-xxl-offset-2 { + margin-left: 8.33333333%; + } + .react16-col-xxl-order-2 { + order: 2; + } + .react16-col-xxl-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667%; + } + .react16-col-xxl-push-1 { + left: 4.16666667%; + } + .react16-col-xxl-pull-1 { + right: 4.16666667%; + } + .react16-col-xxl-offset-1 { + margin-left: 4.16666667%; + } + .react16-col-xxl-order-1 { + order: 1; + } + .react16-col-xxl-0 { + display: none; + } + .react16-col-push-0 { + left: auto; + } + .react16-col-pull-0 { + right: auto; + } + .react16-col-xxl-push-0 { + left: auto; + } + .react16-col-xxl-pull-0 { + right: auto; + } + .react16-col-xxl-offset-0 { + margin-left: 0; + } + .react16-col-xxl-order-0 { + order: 0; + } + .react16-col-push-0.react16-col-rtl { + right: auto; + } + .react16-col-pull-0.react16-col-rtl { + left: auto; + } + .react16-col-xxl-push-0.react16-col-rtl { + right: auto; + } + .react16-col-xxl-pull-0.react16-col-rtl { + left: auto; + } + .react16-col-xxl-offset-0.react16-col-rtl { + margin-right: 0; + } + .react16-col-xxl-push-1.react16-col-rtl { + right: 4.16666667%; + left: auto; + } + .react16-col-xxl-pull-1.react16-col-rtl { + right: auto; + left: 4.16666667%; + } + .react16-col-xxl-offset-1.react16-col-rtl { + margin-right: 4.16666667%; + margin-left: 0; + } + .react16-col-xxl-push-2.react16-col-rtl { + right: 8.33333333%; + left: auto; + } + .react16-col-xxl-pull-2.react16-col-rtl { + right: auto; + left: 8.33333333%; + } + .react16-col-xxl-offset-2.react16-col-rtl { + margin-right: 8.33333333%; + margin-left: 0; + } + .react16-col-xxl-push-3.react16-col-rtl { + right: 12.5%; + left: auto; + } + .react16-col-xxl-pull-3.react16-col-rtl { + right: auto; + left: 12.5%; + } + .react16-col-xxl-offset-3.react16-col-rtl { + margin-right: 12.5%; + margin-left: 0; + } + .react16-col-xxl-push-4.react16-col-rtl { + right: 16.66666667%; + left: auto; + } + .react16-col-xxl-pull-4.react16-col-rtl { + right: auto; + left: 16.66666667%; + } + .react16-col-xxl-offset-4.react16-col-rtl { + margin-right: 16.66666667%; + margin-left: 0; + } + .react16-col-xxl-push-5.react16-col-rtl { + right: 20.83333333%; + left: auto; + } + .react16-col-xxl-pull-5.react16-col-rtl { + right: auto; + left: 20.83333333%; + } + .react16-col-xxl-offset-5.react16-col-rtl { + margin-right: 20.83333333%; + margin-left: 0; + } + .react16-col-xxl-push-6.react16-col-rtl { + right: 25%; + left: auto; + } + .react16-col-xxl-pull-6.react16-col-rtl { + right: auto; + left: 25%; + } + .react16-col-xxl-offset-6.react16-col-rtl { + margin-right: 25%; + margin-left: 0; + } + .react16-col-xxl-push-7.react16-col-rtl { + right: 29.16666667%; + left: auto; + } + .react16-col-xxl-pull-7.react16-col-rtl { + right: auto; + left: 29.16666667%; + } + .react16-col-xxl-offset-7.react16-col-rtl { + margin-right: 29.16666667%; + margin-left: 0; + } + .react16-col-xxl-push-8.react16-col-rtl { + right: 33.33333333%; + left: auto; + } + .react16-col-xxl-pull-8.react16-col-rtl { + right: auto; + left: 33.33333333%; + } + .react16-col-xxl-offset-8.react16-col-rtl { + margin-right: 33.33333333%; + margin-left: 0; + } + .react16-col-xxl-push-9.react16-col-rtl { + right: 37.5%; + left: auto; + } + .react16-col-xxl-pull-9.react16-col-rtl { + right: auto; + left: 37.5%; + } + .react16-col-xxl-offset-9.react16-col-rtl { + margin-right: 37.5%; + margin-left: 0; + } + .react16-col-xxl-push-10.react16-col-rtl { + right: 41.66666667%; + left: auto; + } + .react16-col-xxl-pull-10.react16-col-rtl { + right: auto; + left: 41.66666667%; + } + .react16-col-xxl-offset-10.react16-col-rtl { + margin-right: 41.66666667%; + margin-left: 0; + } + .react16-col-xxl-push-11.react16-col-rtl { + right: 45.83333333%; + left: auto; + } + .react16-col-xxl-pull-11.react16-col-rtl { + right: auto; + left: 45.83333333%; + } + .react16-col-xxl-offset-11.react16-col-rtl { + margin-right: 45.83333333%; + margin-left: 0; + } + .react16-col-xxl-push-12.react16-col-rtl { + right: 50%; + left: auto; + } + .react16-col-xxl-pull-12.react16-col-rtl { + right: auto; + left: 50%; + } + .react16-col-xxl-offset-12.react16-col-rtl { + margin-right: 50%; + margin-left: 0; + } + .react16-col-xxl-push-13.react16-col-rtl { + right: 54.16666667%; + left: auto; + } + .react16-col-xxl-pull-13.react16-col-rtl { + right: auto; + left: 54.16666667%; + } + .react16-col-xxl-offset-13.react16-col-rtl { + margin-right: 54.16666667%; + margin-left: 0; + } + .react16-col-xxl-push-14.react16-col-rtl { + right: 58.33333333%; + left: auto; + } + .react16-col-xxl-pull-14.react16-col-rtl { + right: auto; + left: 58.33333333%; + } + .react16-col-xxl-offset-14.react16-col-rtl { + margin-right: 58.33333333%; + margin-left: 0; + } + .react16-col-xxl-push-15.react16-col-rtl { + right: 62.5%; + left: auto; + } + .react16-col-xxl-pull-15.react16-col-rtl { + right: auto; + left: 62.5%; + } + .react16-col-xxl-offset-15.react16-col-rtl { + margin-right: 62.5%; + margin-left: 0; + } + .react16-col-xxl-push-16.react16-col-rtl { + right: 66.66666667%; + left: auto; + } + .react16-col-xxl-pull-16.react16-col-rtl { + right: auto; + left: 66.66666667%; + } + .react16-col-xxl-offset-16.react16-col-rtl { + margin-right: 66.66666667%; + margin-left: 0; + } + .react16-col-xxl-push-17.react16-col-rtl { + right: 70.83333333%; + left: auto; + } + .react16-col-xxl-pull-17.react16-col-rtl { + right: auto; + left: 70.83333333%; + } + .react16-col-xxl-offset-17.react16-col-rtl { + margin-right: 70.83333333%; + margin-left: 0; + } + .react16-col-xxl-push-18.react16-col-rtl { + right: 75%; + left: auto; + } + .react16-col-xxl-pull-18.react16-col-rtl { + right: auto; + left: 75%; + } + .react16-col-xxl-offset-18.react16-col-rtl { + margin-right: 75%; + margin-left: 0; + } + .react16-col-xxl-push-19.react16-col-rtl { + right: 79.16666667%; + left: auto; + } + .react16-col-xxl-pull-19.react16-col-rtl { + right: auto; + left: 79.16666667%; + } + .react16-col-xxl-offset-19.react16-col-rtl { + margin-right: 79.16666667%; + margin-left: 0; + } + .react16-col-xxl-push-20.react16-col-rtl { + right: 83.33333333%; + left: auto; + } + .react16-col-xxl-pull-20.react16-col-rtl { + right: auto; + left: 83.33333333%; + } + .react16-col-xxl-offset-20.react16-col-rtl { + margin-right: 83.33333333%; + margin-left: 0; + } + .react16-col-xxl-push-21.react16-col-rtl { + right: 87.5%; + left: auto; + } + .react16-col-xxl-pull-21.react16-col-rtl { + right: auto; + left: 87.5%; + } + .react16-col-xxl-offset-21.react16-col-rtl { + margin-right: 87.5%; + margin-left: 0; + } + .react16-col-xxl-push-22.react16-col-rtl { + right: 91.66666667%; + left: auto; + } + .react16-col-xxl-pull-22.react16-col-rtl { + right: auto; + left: 91.66666667%; + } + .react16-col-xxl-offset-22.react16-col-rtl { + margin-right: 91.66666667%; + margin-left: 0; + } + .react16-col-xxl-push-23.react16-col-rtl { + right: 95.83333333%; + left: auto; + } + .react16-col-xxl-pull-23.react16-col-rtl { + right: auto; + left: 95.83333333%; + } + .react16-col-xxl-offset-23.react16-col-rtl { + margin-right: 95.83333333%; + margin-left: 0; + } + .react16-col-xxl-push-24.react16-col-rtl { + right: 100%; + left: auto; + } + .react16-col-xxl-pull-24.react16-col-rtl { + right: auto; + left: 100%; + } + .react16-col-xxl-offset-24.react16-col-rtl { + margin-right: 100%; + margin-left: 0; + } +} +.react16-row-rtl { + direction: rtl; +} +.react16-image { + position: relative; + display: inline-block; +} +.react16-image-img { + width: 100%; + height: auto; + vertical-align: middle; +} +.react16-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%; +} +.react16-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; +} +.react16-image-mask-info { + padding: 0 4px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.react16-image-mask-info .anticon { + margin-inline-end: 4px; +} +.react16-image-mask:hover { + opacity: 1; +} +.react16-image-placeholder { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.react16-image-preview { + pointer-events: none; + height: 100%; + text-align: center; +} +.react16-image-preview.react16-zoom-enter, +.react16-image-preview.react16-zoom-appear { + transform: none; + opacity: 0; + animation-duration: 0.3s; + user-select: none; +} +.react16-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); +} +.react16-image-preview-mask-hidden { + display: none; +} +.react16-image-preview-wrap { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: auto; + outline: 0; +} +.react16-image-preview-body { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: hidden; +} +.react16-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; + user-select: none; + pointer-events: auto; +} +.react16-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; +} +.react16-image-preview-img-wrapper::before { + display: inline-block; + width: 1px; + height: 50%; + margin-right: -1px; + content: ''; +} +.react16-image-preview-moving .react16-image-preview-img { + cursor: grabbing; +} +.react16-image-preview-moving .react16-image-preview-img-wrapper { + transition-duration: 0s; +} +.react16-image-preview-wrap { + z-index: 1080; +} +.react16-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'; + position: absolute; + top: 0; + right: 0; + z-index: 1; + display: flex; + flex-direction: row-reverse; + align-items: center; + width: 100%; + color: rgba(255, 255, 255, 0.85); + list-style: none; + background: rgba(0, 0, 0, 0.1); + pointer-events: auto; +} +.react16-image-preview-operations-operation { + margin-left: 12px; + padding: 12px; + cursor: pointer; +} +.react16-image-preview-operations-operation-disabled { + color: rgba(255, 255, 255, 0.25); + pointer-events: none; +} +.react16-image-preview-operations-operation:last-of-type { + margin-left: 0; +} +.react16-image-preview-operations-progress { + position: absolute; + left: 50%; + transform: translateX(-50%); +} +.react16-image-preview-operations-icon { + font-size: 18px; +} +.react16-image-preview-switch-left, +.react16-image-preview-switch-right { + position: absolute; + top: 50%; + right: 10px; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 44px; + height: 44px; + margin-top: -22px; + color: rgba(255, 255, 255, 0.85); + background: rgba(0, 0, 0, 0.1); + border-radius: 50%; + cursor: pointer; + pointer-events: auto; +} +.react16-image-preview-switch-left-disabled, +.react16-image-preview-switch-right-disabled { + color: rgba(255, 255, 255, 0.25); + cursor: not-allowed; +} +.react16-image-preview-switch-left-disabled > .anticon, +.react16-image-preview-switch-right-disabled > .anticon { + cursor: not-allowed; +} +.react16-image-preview-switch-left > .anticon, +.react16-image-preview-switch-right > .anticon { + font-size: 18px; +} +.react16-image-preview-switch-left { + left: 10px; +} +.react16-image-preview-switch-right { + right: 10px; +} +.react16-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; +} +.react16-input-affix-wrapper::placeholder { + color: #bfbfbf; + user-select: none; +} +.react16-input-affix-wrapper:placeholder-shown { + text-overflow: ellipsis; +} +.react16-input-affix-wrapper:hover { + border-color: var(--react16-primary-5); + border-right-width: 1px; +} +.react16-input-rtl .react16-input-affix-wrapper:hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-input-affix-wrapper:focus, +.react16-input-affix-wrapper-focused { + border-color: var(--react16-primary-color-hover); + box-shadow: 0 0 0 2px var(--react16-primary-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-rtl .react16-input-affix-wrapper:focus, +.react16-input-rtl .react16-input-affix-wrapper-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-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; +} +.react16-input-affix-wrapper-disabled:hover { + border-color: #d9d9d9; + border-right-width: 1px; +} +.react16-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; +} +.react16-input-affix-wrapper[disabled]:hover { + border-color: #d9d9d9; + border-right-width: 1px; +} +.react16-input-affix-wrapper-borderless, +.react16-input-affix-wrapper-borderless:hover, +.react16-input-affix-wrapper-borderless:focus, +.react16-input-affix-wrapper-borderless-focused, +.react16-input-affix-wrapper-borderless-disabled, +.react16-input-affix-wrapper-borderless[disabled] { + background-color: transparent; + border: none; + box-shadow: none; +} +textarea.react16-input-affix-wrapper { + max-width: 100%; + height: auto; + min-height: 32px; + line-height: 1.5715; + vertical-align: bottom; + transition: all 0.3s, height 0s; +} +.react16-input-affix-wrapper-lg { + padding: 6.5px 11px; + font-size: 16px; +} +.react16-input-affix-wrapper-sm { + padding: 0px 7px; +} +.react16-input-affix-wrapper-rtl { + direction: rtl; +} +.react16-input-affix-wrapper:not(.react16-input-affix-wrapper-disabled):hover { + border-color: var(--react16-primary-5); + border-right-width: 1px; + z-index: 1; +} +.react16-input-rtl .react16-input-affix-wrapper:not(.react16-input-affix-wrapper-disabled):hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-input-search-with-button .react16-input-affix-wrapper:not(.react16-input-affix-wrapper-disabled):hover { + z-index: 0; +} +.react16-input-affix-wrapper-focused, +.react16-input-affix-wrapper:focus { + z-index: 1; +} +.react16-input-affix-wrapper-disabled .react16-input[disabled] { + background: transparent; +} +.react16-input-affix-wrapper > input.react16-input { + padding: 0; + border: none; + outline: none; +} +.react16-input-affix-wrapper > input.react16-input:focus { + box-shadow: none !important; +} +.react16-input-affix-wrapper::before { + width: 0; + visibility: hidden; + content: '\a0'; +} +.react16-input-prefix, +.react16-input-suffix { + display: flex; + flex: none; + align-items: center; +} +.react16-input-prefix > *:not(:last-child), +.react16-input-suffix > *:not(:last-child) { + margin-right: 8px; +} +.react16-input-show-count-suffix { + color: rgba(0, 0, 0, 0.45); +} +.react16-input-show-count-has-suffix { + margin-right: 2px; +} +.react16-input-prefix { + margin-right: 4px; +} +.react16-input-suffix { + margin-left: 4px; +} +.anticon.react16-input-clear-icon, +.react16-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.react16-input-clear-icon:hover, +.react16-input-clear-icon:hover { + color: rgba(0, 0, 0, 0.45); +} +.anticon.react16-input-clear-icon:active, +.react16-input-clear-icon:active { + color: rgba(0, 0, 0, 0.85); +} +.anticon.react16-input-clear-icon-hidden, +.react16-input-clear-icon-hidden { + visibility: hidden; +} +.anticon.react16-input-clear-icon-has-suffix, +.react16-input-clear-icon-has-suffix { + margin: 0 4px; +} +.react16-input-affix-wrapper-textarea-with-clear-btn { + padding: 0 !important; + border: 0 !important; +} +.react16-input-affix-wrapper-textarea-with-clear-btn .react16-input-clear-icon { + position: absolute; + top: 8px; + right: 8px; + z-index: 1; +} +.react16-input-status-error:not(.react16-input-disabled):not(.react16-input-borderless).react16-input, +.react16-input-status-error:not(.react16-input-disabled):not(.react16-input-borderless).react16-input:hover { + background: #fff; + border-color: var(--react16-error-color); +} +.react16-input-status-error:not(.react16-input-disabled):not(.react16-input-borderless).react16-input:focus, +.react16-input-status-error:not(.react16-input-disabled):not(.react16-input-borderless).react16-input-focused { + border-color: var(--react16-error-color-hover); + box-shadow: 0 0 0 2px var(--react16-error-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-status-error .react16-input-prefix { + color: var(--react16-error-color); +} +.react16-input-status-warning:not(.react16-input-disabled):not(.react16-input-borderless).react16-input, +.react16-input-status-warning:not(.react16-input-disabled):not(.react16-input-borderless).react16-input:hover { + background: #fff; + border-color: var(--react16-warning-color); +} +.react16-input-status-warning:not(.react16-input-disabled):not(.react16-input-borderless).react16-input:focus, +.react16-input-status-warning:not(.react16-input-disabled):not(.react16-input-borderless).react16-input-focused { + border-color: var(--react16-warning-color-hover); + box-shadow: 0 0 0 2px var(--react16-warning-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-status-warning .react16-input-prefix { + color: var(--react16-warning-color); +} +.react16-input-affix-wrapper-status-error:not(.react16-input-affix-wrapper-disabled):not(.react16-input-affix-wrapper-borderless).react16-input-affix-wrapper, +.react16-input-affix-wrapper-status-error:not(.react16-input-affix-wrapper-disabled):not(.react16-input-affix-wrapper-borderless).react16-input-affix-wrapper:hover { + background: #fff; + border-color: var(--react16-error-color); +} +.react16-input-affix-wrapper-status-error:not(.react16-input-affix-wrapper-disabled):not(.react16-input-affix-wrapper-borderless).react16-input-affix-wrapper:focus, +.react16-input-affix-wrapper-status-error:not(.react16-input-affix-wrapper-disabled):not(.react16-input-affix-wrapper-borderless).react16-input-affix-wrapper-focused { + border-color: var(--react16-error-color-hover); + box-shadow: 0 0 0 2px var(--react16-error-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-affix-wrapper-status-error .react16-input-prefix { + color: var(--react16-error-color); +} +.react16-input-affix-wrapper-status-warning:not(.react16-input-affix-wrapper-disabled):not(.react16-input-affix-wrapper-borderless).react16-input-affix-wrapper, +.react16-input-affix-wrapper-status-warning:not(.react16-input-affix-wrapper-disabled):not(.react16-input-affix-wrapper-borderless).react16-input-affix-wrapper:hover { + background: #fff; + border-color: var(--react16-warning-color); +} +.react16-input-affix-wrapper-status-warning:not(.react16-input-affix-wrapper-disabled):not(.react16-input-affix-wrapper-borderless).react16-input-affix-wrapper:focus, +.react16-input-affix-wrapper-status-warning:not(.react16-input-affix-wrapper-disabled):not(.react16-input-affix-wrapper-borderless).react16-input-affix-wrapper-focused { + border-color: var(--react16-warning-color-hover); + box-shadow: 0 0 0 2px var(--react16-warning-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-affix-wrapper-status-warning .react16-input-prefix { + color: var(--react16-warning-color); +} +.react16-input-textarea-status-error.react16-input-textarea-has-feedback .react16-input, +.react16-input-textarea-status-warning.react16-input-textarea-has-feedback .react16-input, +.react16-input-textarea-status-success.react16-input-textarea-has-feedback .react16-input, +.react16-input-textarea-status-validating.react16-input-textarea-has-feedback .react16-input { + padding-right: 24px; +} +.react16-input-group-wrapper-status-error .react16-input-group-addon { + color: var(--react16-error-color); + border-color: var(--react16-error-color); +} +.react16-input-group-wrapper-status-warning .react16-input-group-addon { + color: var(--react16-warning-color); + border-color: var(--react16-warning-color); +} +.react16-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; +} +.react16-input::placeholder { + color: #bfbfbf; + user-select: none; +} +.react16-input:placeholder-shown { + text-overflow: ellipsis; +} +.react16-input:hover { + border-color: var(--react16-primary-5); + border-right-width: 1px; +} +.react16-input-rtl .react16-input:hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-input:focus, +.react16-input-focused { + border-color: var(--react16-primary-color-hover); + box-shadow: 0 0 0 2px var(--react16-primary-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-rtl .react16-input:focus, +.react16-input-rtl .react16-input-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-input-disabled { + color: rgba(0, 0, 0, 0.25); + background-color: #f5f5f5; + border-color: #d9d9d9; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.react16-input-disabled:hover { + border-color: #d9d9d9; + border-right-width: 1px; +} +.react16-input[disabled] { + color: rgba(0, 0, 0, 0.25); + background-color: #f5f5f5; + border-color: #d9d9d9; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.react16-input[disabled]:hover { + border-color: #d9d9d9; + border-right-width: 1px; +} +.react16-input-borderless, +.react16-input-borderless:hover, +.react16-input-borderless:focus, +.react16-input-borderless-focused, +.react16-input-borderless-disabled, +.react16-input-borderless[disabled] { + background-color: transparent; + border: none; + box-shadow: none; +} +textarea.react16-input { + max-width: 100%; + height: auto; + min-height: 32px; + line-height: 1.5715; + vertical-align: bottom; + transition: all 0.3s, height 0s; +} +.react16-input-lg { + padding: 6.5px 11px; + font-size: 16px; +} +.react16-input-sm { + padding: 0px 7px; +} +.react16-input-rtl { + direction: rtl; +} +.react16-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; +} +.react16-input-group[class*='col-'] { + float: none; + padding-right: 0; + padding-left: 0; +} +.react16-input-group > [class*='col-'] { + padding-right: 8px; +} +.react16-input-group > [class*='col-']:last-child { + padding-right: 0; +} +.react16-input-group-addon, +.react16-input-group-wrap, +.react16-input-group > .react16-input { + display: table-cell; +} +.react16-input-group-addon:not(:first-child):not(:last-child), +.react16-input-group-wrap:not(:first-child):not(:last-child), +.react16-input-group > .react16-input:not(:first-child):not(:last-child) { + border-radius: 0; +} +.react16-input-group-addon, +.react16-input-group-wrap { + width: 1px; + white-space: nowrap; + vertical-align: middle; +} +.react16-input-group-wrap > * { + display: block !important; +} +.react16-input-group .react16-input { + float: left; + width: 100%; + margin-bottom: 0; + text-align: inherit; +} +.react16-input-group .react16-input:focus { + z-index: 1; + border-right-width: 1px; +} +.react16-input-group .react16-input:hover { + z-index: 1; + border-right-width: 1px; +} +.react16-input-search-with-button .react16-input-group .react16-input:hover { + z-index: 0; +} +.react16-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; +} +.react16-input-group-addon .react16-select { + margin: -5px -11px; +} +.react16-input-group-addon .react16-select.react16-select-single:not(.react16-select-customize-input) .react16-select-selector { + background-color: inherit; + border: 1px solid transparent; + box-shadow: none; +} +.react16-input-group-addon .react16-select-open .react16-select-selector, +.react16-input-group-addon .react16-select-focused .react16-select-selector { + color: var(--react16-primary-color); +} +.react16-input-group-addon .react16-cascader-picker { + margin: -9px -12px; + background-color: transparent; +} +.react16-input-group-addon .react16-cascader-picker .react16-cascader-input { + text-align: left; + border: 0; + box-shadow: none; +} +.react16-input-group > .react16-input:first-child, +.react16-input-group-addon:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.react16-input-group > .react16-input:first-child .react16-select .react16-select-selector, +.react16-input-group-addon:first-child .react16-select .react16-select-selector { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.react16-input-group > .react16-input-affix-wrapper:not(:first-child) .react16-input { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.react16-input-group > .react16-input-affix-wrapper:not(:last-child) .react16-input { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.react16-input-group-addon:first-child { + border-right: 0; +} +.react16-input-group-addon:last-child { + border-left: 0; +} +.react16-input-group > .react16-input:last-child, +.react16-input-group-addon:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.react16-input-group > .react16-input:last-child .react16-select .react16-select-selector, +.react16-input-group-addon:last-child .react16-select .react16-select-selector { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.react16-input-group-lg .react16-input, +.react16-input-group-lg > .react16-input-group-addon { + padding: 6.5px 11px; + font-size: 16px; +} +.react16-input-group-sm .react16-input, +.react16-input-group-sm > .react16-input-group-addon { + padding: 0px 7px; +} +.react16-input-group-lg .react16-select-single .react16-select-selector { + height: 40px; +} +.react16-input-group-sm .react16-select-single .react16-select-selector { + height: 24px; +} +.react16-input-group .react16-input-affix-wrapper:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.react16-input-search .react16-input-group .react16-input-affix-wrapper:not(:last-child) { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.react16-input-group .react16-input-affix-wrapper:not(:first-child), +.react16-input-search .react16-input-group .react16-input-affix-wrapper:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.react16-input-group.react16-input-group-compact { + display: block; +} +.react16-input-group.react16-input-group-compact::before { + display: table; + content: ''; +} +.react16-input-group.react16-input-group-compact::after { + display: table; + clear: both; + content: ''; +} +.react16-input-group.react16-input-group-compact::before { + display: table; + content: ''; +} +.react16-input-group.react16-input-group-compact::after { + display: table; + clear: both; + content: ''; +} +.react16-input-group.react16-input-group-compact-addon:not(:first-child):not(:last-child), +.react16-input-group.react16-input-group-compact-wrap:not(:first-child):not(:last-child), +.react16-input-group.react16-input-group-compact > .react16-input:not(:first-child):not(:last-child) { + border-right-width: 1px; +} +.react16-input-group.react16-input-group-compact-addon:not(:first-child):not(:last-child):hover, +.react16-input-group.react16-input-group-compact-wrap:not(:first-child):not(:last-child):hover, +.react16-input-group.react16-input-group-compact > .react16-input:not(:first-child):not(:last-child):hover { + z-index: 1; +} +.react16-input-group.react16-input-group-compact-addon:not(:first-child):not(:last-child):focus, +.react16-input-group.react16-input-group-compact-wrap:not(:first-child):not(:last-child):focus, +.react16-input-group.react16-input-group-compact > .react16-input:not(:first-child):not(:last-child):focus { + z-index: 1; +} +.react16-input-group.react16-input-group-compact > * { + display: inline-block; + float: none; + vertical-align: top; + border-radius: 0; +} +.react16-input-group.react16-input-group-compact > .react16-input-affix-wrapper { + display: inline-flex; +} +.react16-input-group.react16-input-group-compact > .react16-picker-range { + display: inline-flex; +} +.react16-input-group.react16-input-group-compact > *:not(:last-child) { + margin-right: -1px; + border-right-width: 1px; +} +.react16-input-group.react16-input-group-compact .react16-input { + float: none; +} +.react16-input-group.react16-input-group-compact > .react16-select > .react16-select-selector, +.react16-input-group.react16-input-group-compact > .react16-select-auto-complete .react16-input, +.react16-input-group.react16-input-group-compact > .react16-cascader-picker .react16-input, +.react16-input-group.react16-input-group-compact > .react16-input-group-wrapper .react16-input { + border-right-width: 1px; + border-radius: 0; +} +.react16-input-group.react16-input-group-compact > .react16-select > .react16-select-selector:hover, +.react16-input-group.react16-input-group-compact > .react16-select-auto-complete .react16-input:hover, +.react16-input-group.react16-input-group-compact > .react16-cascader-picker .react16-input:hover, +.react16-input-group.react16-input-group-compact > .react16-input-group-wrapper .react16-input:hover { + z-index: 1; +} +.react16-input-group.react16-input-group-compact > .react16-select > .react16-select-selector:focus, +.react16-input-group.react16-input-group-compact > .react16-select-auto-complete .react16-input:focus, +.react16-input-group.react16-input-group-compact > .react16-cascader-picker .react16-input:focus, +.react16-input-group.react16-input-group-compact > .react16-input-group-wrapper .react16-input:focus { + z-index: 1; +} +.react16-input-group.react16-input-group-compact > .react16-select-focused { + z-index: 1; +} +.react16-input-group.react16-input-group-compact > .react16-select > .react16-select-arrow { + z-index: 1; +} +.react16-input-group.react16-input-group-compact > *:first-child, +.react16-input-group.react16-input-group-compact > .react16-select:first-child > .react16-select-selector, +.react16-input-group.react16-input-group-compact > .react16-select-auto-complete:first-child .react16-input, +.react16-input-group.react16-input-group-compact > .react16-cascader-picker:first-child .react16-input { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.react16-input-group.react16-input-group-compact > *:last-child, +.react16-input-group.react16-input-group-compact > .react16-select:last-child > .react16-select-selector, +.react16-input-group.react16-input-group-compact > .react16-cascader-picker:last-child .react16-input, +.react16-input-group.react16-input-group-compact > .react16-cascader-picker-focused:last-child .react16-input { + border-right-width: 1px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.react16-input-group.react16-input-group-compact > .react16-select-auto-complete .react16-input { + vertical-align: top; +} +.react16-input-group.react16-input-group-compact .react16-input-group-wrapper + .react16-input-group-wrapper { + margin-left: -1px; +} +.react16-input-group.react16-input-group-compact .react16-input-group-wrapper + .react16-input-group-wrapper .react16-input-affix-wrapper { + border-radius: 0; +} +.react16-input-group.react16-input-group-compact .react16-input-group-wrapper:not(:last-child).react16-input-search > .react16-input-group > .react16-input-group-addon > .react16-input-search-button { + border-radius: 0; +} +.react16-input-group.react16-input-group-compact .react16-input-group-wrapper:not(:last-child).react16-input-search > .react16-input-group > .react16-input { + border-radius: 2px 0 0 2px; +} +.react16-input-group > .react16-input-rtl:first-child, +.react16-input-group-rtl .react16-input-group-addon:first-child { + border-radius: 0 2px 2px 0; +} +.react16-input-group-rtl .react16-input-group-addon:first-child { + border-right: 1px solid #d9d9d9; + border-left: 0; +} +.react16-input-group-rtl .react16-input-group-addon:last-child { + border-right: 0; + border-left: 1px solid #d9d9d9; + border-radius: 2px 0 0 2px; +} +.react16-input-group-rtl.react16-input-group > .react16-input:last-child, +.react16-input-group-rtl.react16-input-group-addon:last-child { + border-radius: 2px 0 0 2px; +} +.react16-input-group-rtl.react16-input-group .react16-input-affix-wrapper:not(:first-child) { + border-radius: 2px 0 0 2px; +} +.react16-input-group-rtl.react16-input-group .react16-input-affix-wrapper:not(:last-child) { + border-radius: 0 2px 2px 0; +} +.react16-input-group-rtl.react16-input-group.react16-input-group-compact > *:not(:last-child) { + margin-right: 0; + margin-left: -1px; + border-left-width: 1px; +} +.react16-input-group-rtl.react16-input-group.react16-input-group-compact > *:first-child, +.react16-input-group-rtl.react16-input-group.react16-input-group-compact > .react16-select:first-child > .react16-select-selector, +.react16-input-group-rtl.react16-input-group.react16-input-group-compact > .react16-select-auto-complete:first-child .react16-input, +.react16-input-group-rtl.react16-input-group.react16-input-group-compact > .react16-cascader-picker:first-child .react16-input { + border-radius: 0 2px 2px 0; +} +.react16-input-group-rtl.react16-input-group.react16-input-group-compact > *:last-child, +.react16-input-group-rtl.react16-input-group.react16-input-group-compact > .react16-select:last-child > .react16-select-selector, +.react16-input-group-rtl.react16-input-group.react16-input-group-compact > .react16-select-auto-complete:last-child .react16-input, +.react16-input-group-rtl.react16-input-group.react16-input-group-compact > .react16-cascader-picker:last-child .react16-input, +.react16-input-group-rtl.react16-input-group.react16-input-group-compact > .react16-cascader-picker-focused:last-child .react16-input { + border-left-width: 1px; + border-radius: 2px 0 0 2px; +} +.react16-input-group.react16-input-group-compact .react16-input-group-wrapper-rtl + .react16-input-group-wrapper-rtl { + margin-right: -1px; + margin-left: 0; +} +.react16-input-group.react16-input-group-compact .react16-input-group-wrapper-rtl:not(:last-child).react16-input-search > .react16-input-group > .react16-input { + border-radius: 0 2px 2px 0; +} +.react16-input-group > .react16-input-rtl:first-child { + border-radius: 0 2px 2px 0; +} +.react16-input-group > .react16-input-rtl:last-child { + border-radius: 2px 0 0 2px; +} +.react16-input-group-rtl .react16-input-group-addon:first-child { + border-right: 1px solid #d9d9d9; + border-left: 0; + border-radius: 0 2px 2px 0; +} +.react16-input-group-rtl .react16-input-group-addon:last-child { + border-right: 0; + border-left: 1px solid #d9d9d9; + border-radius: 2px 0 0 2px; +} +.react16-input-group-wrapper { + display: inline-block; + width: 100%; + text-align: start; + vertical-align: top; +} +.react16-input-password-icon.anticon { + color: rgba(0, 0, 0, 0.45); + cursor: pointer; + transition: all 0.3s; +} +.react16-input-password-icon.anticon:hover { + color: rgba(0, 0, 0, 0.85); +} +.react16-input[type='color'] { + height: 32px; +} +.react16-input[type='color'].react16-input-lg { + height: 40px; +} +.react16-input[type='color'].react16-input-sm { + height: 24px; + padding-top: 3px; + padding-bottom: 3px; +} +.react16-input-textarea-show-count > .react16-input { + height: 100%; +} +.react16-input-textarea-show-count::after { + float: right; + color: rgba(0, 0, 0, 0.45); + white-space: nowrap; + content: attr(data-count); + pointer-events: none; +} +.react16-input-textarea-show-count.react16-input-textarea-in-form-item::after { + margin-bottom: -22px; +} +.react16-input-textarea-suffix { + position: absolute; + top: 0; + right: 11px; + bottom: 0; + z-index: 1; + display: inline-flex; + align-items: center; + margin: auto; +} +.react16-input-search .react16-input:hover, +.react16-input-search .react16-input:focus { + border-color: var(--react16-primary-5); +} +.react16-input-search .react16-input:hover + .react16-input-group-addon .react16-input-search-button:not(.react16-btn-primary), +.react16-input-search .react16-input:focus + .react16-input-group-addon .react16-input-search-button:not(.react16-btn-primary) { + border-left-color: var(--react16-primary-5); +} +.react16-input-search .react16-input-affix-wrapper { + border-radius: 0; +} +.react16-input-search .react16-input-lg { + line-height: 1.5713; +} +.react16-input-search > .react16-input-group > .react16-input-group-addon:last-child { + left: -1px; + padding: 0; + border: 0; +} +.react16-input-search > .react16-input-group > .react16-input-group-addon:last-child .react16-input-search-button { + padding-top: 0; + padding-bottom: 0; + border-radius: 0 2px 2px 0; +} +.react16-input-search > .react16-input-group > .react16-input-group-addon:last-child .react16-input-search-button:not(.react16-btn-primary) { + color: rgba(0, 0, 0, 0.45); +} +.react16-input-search > .react16-input-group > .react16-input-group-addon:last-child .react16-input-search-button:not(.react16-btn-primary).react16-btn-loading::before { + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.react16-input-search-button { + height: 32px; +} +.react16-input-search-button:hover, +.react16-input-search-button:focus { + z-index: 1; +} +.react16-input-search-large .react16-input-search-button { + height: 40px; +} +.react16-input-search-small .react16-input-search-button { + height: 24px; +} +.react16-input-group-wrapper-rtl { + direction: rtl; +} +.react16-input-group-rtl { + direction: rtl; +} +.react16-input-affix-wrapper.react16-input-affix-wrapper-rtl > input.react16-input { + border: none; + outline: none; +} +.react16-input-affix-wrapper-rtl .react16-input-prefix { + margin: 0 0 0 4px; +} +.react16-input-affix-wrapper-rtl .react16-input-suffix { + margin: 0 4px 0 0; +} +.react16-input-textarea-rtl { + direction: rtl; +} +.react16-input-textarea-rtl.react16-input-textarea-show-count::after { + text-align: left; +} +.react16-input-affix-wrapper-rtl .react16-input-clear-icon-has-suffix { + margin-right: 0; + margin-left: 4px; +} +.react16-input-affix-wrapper-rtl .react16-input-clear-icon { + right: auto; + left: 8px; +} +.react16-input-search-rtl { + direction: rtl; +} +.react16-input-search-rtl .react16-input:hover + .react16-input-group-addon .react16-input-search-button:not(.react16-btn-primary), +.react16-input-search-rtl .react16-input:focus + .react16-input-group-addon .react16-input-search-button:not(.react16-btn-primary) { + border-right-color: var(--react16-primary-5); + border-left-color: #d9d9d9; +} +.react16-input-search-rtl > .react16-input-group > .react16-input-affix-wrapper:hover, +.react16-input-search-rtl > .react16-input-group > .react16-input-affix-wrapper-focused { + border-right-color: var(--react16-primary-5); +} +.react16-input-search-rtl > .react16-input-group > .react16-input-group-addon { + right: -1px; + left: auto; +} +.react16-input-search-rtl > .react16-input-group > .react16-input-group-addon .react16-input-search-button { + border-radius: 2px 0 0 2px; +} +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .react16-input { + height: 32px; + } + .react16-input-lg { + height: 40px; + } + .react16-input-sm { + height: 24px; + } + .react16-input-affix-wrapper > input.react16-input { + height: auto; + } +} +.react16-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; +} +.react16-input-number-affix-wrapper::placeholder { + color: #bfbfbf; + user-select: none; +} +.react16-input-number-affix-wrapper:placeholder-shown { + text-overflow: ellipsis; +} +.react16-input-number-affix-wrapper:hover { + border-color: var(--react16-primary-5); + border-right-width: 1px; +} +.react16-input-rtl .react16-input-number-affix-wrapper:hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-input-number-affix-wrapper:focus, +.react16-input-number-affix-wrapper-focused { + border-color: var(--react16-primary-color-hover); + box-shadow: 0 0 0 2px var(--react16-primary-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-rtl .react16-input-number-affix-wrapper:focus, +.react16-input-rtl .react16-input-number-affix-wrapper-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-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; +} +.react16-input-number-affix-wrapper-disabled:hover { + border-color: #d9d9d9; + border-right-width: 1px; +} +.react16-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; +} +.react16-input-number-affix-wrapper[disabled]:hover { + border-color: #d9d9d9; + border-right-width: 1px; +} +.react16-input-number-affix-wrapper-borderless, +.react16-input-number-affix-wrapper-borderless:hover, +.react16-input-number-affix-wrapper-borderless:focus, +.react16-input-number-affix-wrapper-borderless-focused, +.react16-input-number-affix-wrapper-borderless-disabled, +.react16-input-number-affix-wrapper-borderless[disabled] { + background-color: transparent; + border: none; + box-shadow: none; +} +textarea.react16-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; +} +.react16-input-number-affix-wrapper-lg { + padding: 6.5px 11px; + font-size: 16px; +} +.react16-input-number-affix-wrapper-sm { + padding: 0px 7px; +} +.react16-input-number-affix-wrapper-rtl { + direction: rtl; +} +.react16-input-number-affix-wrapper:not(.react16-input-number-affix-wrapper-disabled):hover { + border-color: var(--react16-primary-5); + border-right-width: 1px; + z-index: 1; +} +.react16-input-rtl .react16-input-number-affix-wrapper:not(.react16-input-number-affix-wrapper-disabled):hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-input-number-affix-wrapper-focused, +.react16-input-number-affix-wrapper:focus { + z-index: 1; +} +.react16-input-number-affix-wrapper-disabled .react16-input-number[disabled] { + background: transparent; +} +.react16-input-number-affix-wrapper > div.react16-input-number { + width: 100%; + border: none; + outline: none; +} +.react16-input-number-affix-wrapper > div.react16-input-number.react16-input-number-focused { + box-shadow: none !important; +} +.react16-input-number-affix-wrapper input.react16-input-number-input { + padding: 0; +} +.react16-input-number-affix-wrapper::before { + width: 0; + visibility: hidden; + content: '\a0'; +} +.react16-input-number-affix-wrapper .react16-input-number-handler-wrap { + z-index: 2; +} +.react16-input-number-prefix, +.react16-input-number-suffix { + display: flex; + flex: none; + align-items: center; + pointer-events: none; +} +.react16-input-number-prefix { + margin-inline-end: 4px; +} +.react16-input-number-suffix { + position: absolute; + top: 0; + right: 0; + z-index: 1; + height: 100%; + margin-right: 11px; + margin-left: 4px; +} +.react16-input-number-group-wrapper .react16-input-number-affix-wrapper { + width: 100%; +} +.react16-input-number-status-error:not(.react16-input-number-disabled):not(.react16-input-number-borderless).react16-input-number, +.react16-input-number-status-error:not(.react16-input-number-disabled):not(.react16-input-number-borderless).react16-input-number:hover { + background: #fff; + border-color: var(--react16-error-color); +} +.react16-input-number-status-error:not(.react16-input-number-disabled):not(.react16-input-number-borderless).react16-input-number:focus, +.react16-input-number-status-error:not(.react16-input-number-disabled):not(.react16-input-number-borderless).react16-input-number-focused { + border-color: var(--react16-error-color-hover); + box-shadow: 0 0 0 2px var(--react16-error-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-number-status-error .react16-input-number-prefix { + color: var(--react16-error-color); +} +.react16-input-number-status-warning:not(.react16-input-number-disabled):not(.react16-input-number-borderless).react16-input-number, +.react16-input-number-status-warning:not(.react16-input-number-disabled):not(.react16-input-number-borderless).react16-input-number:hover { + background: #fff; + border-color: var(--react16-warning-color); +} +.react16-input-number-status-warning:not(.react16-input-number-disabled):not(.react16-input-number-borderless).react16-input-number:focus, +.react16-input-number-status-warning:not(.react16-input-number-disabled):not(.react16-input-number-borderless).react16-input-number-focused { + border-color: var(--react16-warning-color-hover); + box-shadow: 0 0 0 2px var(--react16-warning-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-number-status-warning .react16-input-number-prefix { + color: var(--react16-warning-color); +} +.react16-input-number-affix-wrapper-status-error:not(.react16-input-number-affix-wrapper-disabled):not(.react16-input-number-affix-wrapper-borderless).react16-input-number-affix-wrapper, +.react16-input-number-affix-wrapper-status-error:not(.react16-input-number-affix-wrapper-disabled):not(.react16-input-number-affix-wrapper-borderless).react16-input-number-affix-wrapper:hover { + background: #fff; + border-color: var(--react16-error-color); +} +.react16-input-number-affix-wrapper-status-error:not(.react16-input-number-affix-wrapper-disabled):not(.react16-input-number-affix-wrapper-borderless).react16-input-number-affix-wrapper:focus, +.react16-input-number-affix-wrapper-status-error:not(.react16-input-number-affix-wrapper-disabled):not(.react16-input-number-affix-wrapper-borderless).react16-input-number-affix-wrapper-focused { + border-color: var(--react16-error-color-hover); + box-shadow: 0 0 0 2px var(--react16-error-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-number-affix-wrapper-status-error .react16-input-number-prefix { + color: var(--react16-error-color); +} +.react16-input-number-affix-wrapper-status-warning:not(.react16-input-number-affix-wrapper-disabled):not(.react16-input-number-affix-wrapper-borderless).react16-input-number-affix-wrapper, +.react16-input-number-affix-wrapper-status-warning:not(.react16-input-number-affix-wrapper-disabled):not(.react16-input-number-affix-wrapper-borderless).react16-input-number-affix-wrapper:hover { + background: #fff; + border-color: var(--react16-warning-color); +} +.react16-input-number-affix-wrapper-status-warning:not(.react16-input-number-affix-wrapper-disabled):not(.react16-input-number-affix-wrapper-borderless).react16-input-number-affix-wrapper:focus, +.react16-input-number-affix-wrapper-status-warning:not(.react16-input-number-affix-wrapper-disabled):not(.react16-input-number-affix-wrapper-borderless).react16-input-number-affix-wrapper-focused { + border-color: var(--react16-warning-color-hover); + box-shadow: 0 0 0 2px var(--react16-warning-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-number-affix-wrapper-status-warning .react16-input-number-prefix { + color: var(--react16-warning-color); +} +.react16-input-number-group-wrapper-status-error .react16-input-number-group-addon { + color: var(--react16-error-color); + border-color: var(--react16-error-color); +} +.react16-input-number-group-wrapper-status-warning .react16-input-number-group-addon { + color: var(--react16-warning-color); + border-color: var(--react16-warning-color); +} +.react16-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; +} +.react16-input-number::placeholder { + color: #bfbfbf; + user-select: none; +} +.react16-input-number:placeholder-shown { + text-overflow: ellipsis; +} +.react16-input-number:hover { + border-color: var(--react16-primary-5); + border-right-width: 1px; +} +.react16-input-rtl .react16-input-number:hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-input-number:focus, +.react16-input-number-focused { + border-color: var(--react16-primary-color-hover); + box-shadow: 0 0 0 2px var(--react16-primary-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-rtl .react16-input-number:focus, +.react16-input-rtl .react16-input-number-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-input-number-disabled { + color: rgba(0, 0, 0, 0.25); + background-color: #f5f5f5; + border-color: #d9d9d9; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.react16-input-number-disabled:hover { + border-color: #d9d9d9; + border-right-width: 1px; +} +.react16-input-number[disabled] { + color: rgba(0, 0, 0, 0.25); + background-color: #f5f5f5; + border-color: #d9d9d9; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.react16-input-number[disabled]:hover { + border-color: #d9d9d9; + border-right-width: 1px; +} +.react16-input-number-borderless, +.react16-input-number-borderless:hover, +.react16-input-number-borderless:focus, +.react16-input-number-borderless-focused, +.react16-input-number-borderless-disabled, +.react16-input-number-borderless[disabled] { + background-color: transparent; + border: none; + box-shadow: none; +} +textarea.react16-input-number { + max-width: 100%; + height: auto; + min-height: 32px; + line-height: 1.5715; + vertical-align: bottom; + transition: all 0.3s, height 0s; +} +.react16-input-number-lg { + padding: 6.5px 11px; + font-size: 16px; +} +.react16-input-number-sm { + padding: 0px 7px; +} +.react16-input-number-rtl { + direction: rtl; +} +.react16-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; +} +.react16-input-number-group[class*='col-'] { + float: none; + padding-right: 0; + padding-left: 0; +} +.react16-input-number-group > [class*='col-'] { + padding-right: 8px; +} +.react16-input-number-group > [class*='col-']:last-child { + padding-right: 0; +} +.react16-input-number-group-addon, +.react16-input-number-group-wrap, +.react16-input-number-group > .react16-input-number { + display: table-cell; +} +.react16-input-number-group-addon:not(:first-child):not(:last-child), +.react16-input-number-group-wrap:not(:first-child):not(:last-child), +.react16-input-number-group > .react16-input-number:not(:first-child):not(:last-child) { + border-radius: 0; +} +.react16-input-number-group-addon, +.react16-input-number-group-wrap { + width: 1px; + white-space: nowrap; + vertical-align: middle; +} +.react16-input-number-group-wrap > * { + display: block !important; +} +.react16-input-number-group .react16-input-number { + float: left; + width: 100%; + margin-bottom: 0; + text-align: inherit; +} +.react16-input-number-group .react16-input-number:focus { + z-index: 1; + border-right-width: 1px; +} +.react16-input-number-group .react16-input-number:hover { + z-index: 1; + border-right-width: 1px; +} +.react16-input-search-with-button .react16-input-number-group .react16-input-number:hover { + z-index: 0; +} +.react16-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; +} +.react16-input-number-group-addon .react16-select { + margin: -5px -11px; +} +.react16-input-number-group-addon .react16-select.react16-select-single:not(.react16-select-customize-input) .react16-select-selector { + background-color: inherit; + border: 1px solid transparent; + box-shadow: none; +} +.react16-input-number-group-addon .react16-select-open .react16-select-selector, +.react16-input-number-group-addon .react16-select-focused .react16-select-selector { + color: var(--react16-primary-color); +} +.react16-input-number-group-addon .react16-cascader-picker { + margin: -9px -12px; + background-color: transparent; +} +.react16-input-number-group-addon .react16-cascader-picker .react16-cascader-input { + text-align: left; + border: 0; + box-shadow: none; +} +.react16-input-number-group > .react16-input-number:first-child, +.react16-input-number-group-addon:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.react16-input-number-group > .react16-input-number:first-child .react16-select .react16-select-selector, +.react16-input-number-group-addon:first-child .react16-select .react16-select-selector { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.react16-input-number-group > .react16-input-number-affix-wrapper:not(:first-child) .react16-input-number { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.react16-input-number-group > .react16-input-number-affix-wrapper:not(:last-child) .react16-input-number { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.react16-input-number-group-addon:first-child { + border-right: 0; +} +.react16-input-number-group-addon:last-child { + border-left: 0; +} +.react16-input-number-group > .react16-input-number:last-child, +.react16-input-number-group-addon:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.react16-input-number-group > .react16-input-number:last-child .react16-select .react16-select-selector, +.react16-input-number-group-addon:last-child .react16-select .react16-select-selector { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.react16-input-number-group-lg .react16-input-number, +.react16-input-number-group-lg > .react16-input-number-group-addon { + padding: 6.5px 11px; + font-size: 16px; +} +.react16-input-number-group-sm .react16-input-number, +.react16-input-number-group-sm > .react16-input-number-group-addon { + padding: 0px 7px; +} +.react16-input-number-group-lg .react16-select-single .react16-select-selector { + height: 40px; +} +.react16-input-number-group-sm .react16-select-single .react16-select-selector { + height: 24px; +} +.react16-input-number-group .react16-input-number-affix-wrapper:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.react16-input-search .react16-input-number-group .react16-input-number-affix-wrapper:not(:last-child) { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.react16-input-number-group .react16-input-number-affix-wrapper:not(:first-child), +.react16-input-search .react16-input-number-group .react16-input-number-affix-wrapper:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.react16-input-number-group.react16-input-number-group-compact { + display: block; +} +.react16-input-number-group.react16-input-number-group-compact::before { + display: table; + content: ''; +} +.react16-input-number-group.react16-input-number-group-compact::after { + display: table; + clear: both; + content: ''; +} +.react16-input-number-group.react16-input-number-group-compact::before { + display: table; + content: ''; +} +.react16-input-number-group.react16-input-number-group-compact::after { + display: table; + clear: both; + content: ''; +} +.react16-input-number-group.react16-input-number-group-compact-addon:not(:first-child):not(:last-child), +.react16-input-number-group.react16-input-number-group-compact-wrap:not(:first-child):not(:last-child), +.react16-input-number-group.react16-input-number-group-compact > .react16-input-number:not(:first-child):not(:last-child) { + border-right-width: 1px; +} +.react16-input-number-group.react16-input-number-group-compact-addon:not(:first-child):not(:last-child):hover, +.react16-input-number-group.react16-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover, +.react16-input-number-group.react16-input-number-group-compact > .react16-input-number:not(:first-child):not(:last-child):hover { + z-index: 1; +} +.react16-input-number-group.react16-input-number-group-compact-addon:not(:first-child):not(:last-child):focus, +.react16-input-number-group.react16-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus, +.react16-input-number-group.react16-input-number-group-compact > .react16-input-number:not(:first-child):not(:last-child):focus { + z-index: 1; +} +.react16-input-number-group.react16-input-number-group-compact > * { + display: inline-block; + float: none; + vertical-align: top; + border-radius: 0; +} +.react16-input-number-group.react16-input-number-group-compact > .react16-input-number-affix-wrapper { + display: inline-flex; +} +.react16-input-number-group.react16-input-number-group-compact > .react16-picker-range { + display: inline-flex; +} +.react16-input-number-group.react16-input-number-group-compact > *:not(:last-child) { + margin-right: -1px; + border-right-width: 1px; +} +.react16-input-number-group.react16-input-number-group-compact .react16-input-number { + float: none; +} +.react16-input-number-group.react16-input-number-group-compact > .react16-select > .react16-select-selector, +.react16-input-number-group.react16-input-number-group-compact > .react16-select-auto-complete .react16-input, +.react16-input-number-group.react16-input-number-group-compact > .react16-cascader-picker .react16-input, +.react16-input-number-group.react16-input-number-group-compact > .react16-input-group-wrapper .react16-input { + border-right-width: 1px; + border-radius: 0; +} +.react16-input-number-group.react16-input-number-group-compact > .react16-select > .react16-select-selector:hover, +.react16-input-number-group.react16-input-number-group-compact > .react16-select-auto-complete .react16-input:hover, +.react16-input-number-group.react16-input-number-group-compact > .react16-cascader-picker .react16-input:hover, +.react16-input-number-group.react16-input-number-group-compact > .react16-input-group-wrapper .react16-input:hover { + z-index: 1; +} +.react16-input-number-group.react16-input-number-group-compact > .react16-select > .react16-select-selector:focus, +.react16-input-number-group.react16-input-number-group-compact > .react16-select-auto-complete .react16-input:focus, +.react16-input-number-group.react16-input-number-group-compact > .react16-cascader-picker .react16-input:focus, +.react16-input-number-group.react16-input-number-group-compact > .react16-input-group-wrapper .react16-input:focus { + z-index: 1; +} +.react16-input-number-group.react16-input-number-group-compact > .react16-select-focused { + z-index: 1; +} +.react16-input-number-group.react16-input-number-group-compact > .react16-select > .react16-select-arrow { + z-index: 1; +} +.react16-input-number-group.react16-input-number-group-compact > *:first-child, +.react16-input-number-group.react16-input-number-group-compact > .react16-select:first-child > .react16-select-selector, +.react16-input-number-group.react16-input-number-group-compact > .react16-select-auto-complete:first-child .react16-input, +.react16-input-number-group.react16-input-number-group-compact > .react16-cascader-picker:first-child .react16-input { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.react16-input-number-group.react16-input-number-group-compact > *:last-child, +.react16-input-number-group.react16-input-number-group-compact > .react16-select:last-child > .react16-select-selector, +.react16-input-number-group.react16-input-number-group-compact > .react16-cascader-picker:last-child .react16-input, +.react16-input-number-group.react16-input-number-group-compact > .react16-cascader-picker-focused:last-child .react16-input { + border-right-width: 1px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.react16-input-number-group.react16-input-number-group-compact > .react16-select-auto-complete .react16-input { + vertical-align: top; +} +.react16-input-number-group.react16-input-number-group-compact .react16-input-group-wrapper + .react16-input-group-wrapper { + margin-left: -1px; +} +.react16-input-number-group.react16-input-number-group-compact .react16-input-group-wrapper + .react16-input-group-wrapper .react16-input-affix-wrapper { + border-radius: 0; +} +.react16-input-number-group.react16-input-number-group-compact .react16-input-group-wrapper:not(:last-child).react16-input-search > .react16-input-group > .react16-input-group-addon > .react16-input-search-button { + border-radius: 0; +} +.react16-input-number-group.react16-input-number-group-compact .react16-input-group-wrapper:not(:last-child).react16-input-search > .react16-input-group > .react16-input { + border-radius: 2px 0 0 2px; +} +.react16-input-number-group > .react16-input-number-rtl:first-child, +.react16-input-number-group-rtl .react16-input-number-group-addon:first-child { + border-radius: 0 2px 2px 0; +} +.react16-input-number-group-rtl .react16-input-number-group-addon:first-child { + border-right: 1px solid #d9d9d9; + border-left: 0; +} +.react16-input-number-group-rtl .react16-input-number-group-addon:last-child { + border-right: 0; + border-left: 1px solid #d9d9d9; + border-radius: 2px 0 0 2px; +} +.react16-input-number-group-rtl.react16-input-number-group > .react16-input-number:last-child, +.react16-input-number-group-rtl.react16-input-number-group-addon:last-child { + border-radius: 2px 0 0 2px; +} +.react16-input-number-group-rtl.react16-input-number-group .react16-input-number-affix-wrapper:not(:first-child) { + border-radius: 2px 0 0 2px; +} +.react16-input-number-group-rtl.react16-input-number-group .react16-input-number-affix-wrapper:not(:last-child) { + border-radius: 0 2px 2px 0; +} +.react16-input-number-group-rtl.react16-input-number-group.react16-input-number-group-compact > *:not(:last-child) { + margin-right: 0; + margin-left: -1px; + border-left-width: 1px; +} +.react16-input-number-group-rtl.react16-input-number-group.react16-input-number-group-compact > *:first-child, +.react16-input-number-group-rtl.react16-input-number-group.react16-input-number-group-compact > .react16-select:first-child > .react16-select-selector, +.react16-input-number-group-rtl.react16-input-number-group.react16-input-number-group-compact > .react16-select-auto-complete:first-child .react16-input, +.react16-input-number-group-rtl.react16-input-number-group.react16-input-number-group-compact > .react16-cascader-picker:first-child .react16-input { + border-radius: 0 2px 2px 0; +} +.react16-input-number-group-rtl.react16-input-number-group.react16-input-number-group-compact > *:last-child, +.react16-input-number-group-rtl.react16-input-number-group.react16-input-number-group-compact > .react16-select:last-child > .react16-select-selector, +.react16-input-number-group-rtl.react16-input-number-group.react16-input-number-group-compact > .react16-select-auto-complete:last-child .react16-input, +.react16-input-number-group-rtl.react16-input-number-group.react16-input-number-group-compact > .react16-cascader-picker:last-child .react16-input, +.react16-input-number-group-rtl.react16-input-number-group.react16-input-number-group-compact > .react16-cascader-picker-focused:last-child .react16-input { + border-left-width: 1px; + border-radius: 2px 0 0 2px; +} +.react16-input-number-group.react16-input-number-group-compact .react16-input-group-wrapper-rtl + .react16-input-group-wrapper-rtl { + margin-right: -1px; + margin-left: 0; +} +.react16-input-number-group.react16-input-number-group-compact .react16-input-group-wrapper-rtl:not(:last-child).react16-input-search > .react16-input-group > .react16-input { + border-radius: 0 2px 2px 0; +} +.react16-input-number-group > .react16-input-number-rtl:first-child { + border-radius: 0 2px 2px 0; +} +.react16-input-number-group > .react16-input-number-rtl:last-child { + border-radius: 2px 0 0 2px; +} +.react16-input-number-group-rtl .react16-input-number-group-addon:first-child { + border-right: 1px solid #d9d9d9; + border-left: 0; + border-radius: 0 2px 2px 0; +} +.react16-input-number-group-rtl .react16-input-number-group-addon:last-child { + border-right: 0; + border-left: 1px solid #d9d9d9; + border-radius: 2px 0 0 2px; +} +.react16-input-number-group-wrapper { + display: inline-block; + text-align: start; + vertical-align: top; +} +.react16-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; +} +.react16-input-number-handler:active { + background: #f4f4f4; +} +.react16-input-number-handler:hover .react16-input-number-handler-up-inner, +.react16-input-number-handler:hover .react16-input-number-handler-down-inner { + color: var(--react16-primary-5); +} +.react16-input-number-handler-up-inner, +.react16-input-number-handler-down-inner { + display: inline-block; + color: inherit; + font-style: normal; + line-height: 0; + text-align: center; + text-transform: none; + vertical-align: -0.125em; + text-rendering: optimizelegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + position: absolute; + right: 4px; + width: 12px; + height: 12px; + color: rgba(0, 0, 0, 0.45); + line-height: 12px; + transition: all 0.1s linear; + user-select: none; +} +.react16-input-number-handler-up-inner > *, +.react16-input-number-handler-down-inner > * { + line-height: 1; +} +.react16-input-number-handler-up-inner svg, +.react16-input-number-handler-down-inner svg { + display: inline-block; +} +.react16-input-number-handler-up-inner::before, +.react16-input-number-handler-down-inner::before { + display: none; +} +.react16-input-number-handler-up-inner .react16-input-number-handler-up-inner-icon, +.react16-input-number-handler-up-inner .react16-input-number-handler-down-inner-icon, +.react16-input-number-handler-down-inner .react16-input-number-handler-up-inner-icon, +.react16-input-number-handler-down-inner .react16-input-number-handler-down-inner-icon { + display: block; +} +.react16-input-number:hover { + border-color: var(--react16-primary-5); + border-right-width: 1px; +} +.react16-input-number:hover + .react16-form-item-children-icon { + opacity: 0; + transition: opacity 0.24s linear 0.24s; +} +.react16-input-number-focused { + border-color: var(--react16-primary-color-hover); + box-shadow: 0 0 0 2px var(--react16-primary-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-rtl .react16-input-number-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-input-number-disabled { + color: rgba(0, 0, 0, 0.25); + background-color: #f5f5f5; + border-color: #d9d9d9; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.react16-input-number-disabled:hover { + border-color: #d9d9d9; + border-right-width: 1px; +} +.react16-input-number-disabled .react16-input-number-input { + cursor: not-allowed; +} +.react16-input-number-disabled .react16-input-number-handler-wrap { + display: none; +} +.react16-input-number-readonly .react16-input-number-handler-wrap { + display: none; +} +.react16-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; +} +.react16-input-number-input::placeholder { + color: #bfbfbf; + user-select: none; +} +.react16-input-number-input:placeholder-shown { + text-overflow: ellipsis; +} +.react16-input-number-input[type='number']::-webkit-inner-spin-button, +.react16-input-number-input[type='number']::-webkit-outer-spin-button { + margin: 0; + /* stylelint-disable-next-line property-no-vendor-prefix */ + -webkit-appearance: none; + appearance: none; +} +.react16-input-number-lg { + padding: 0; + font-size: 16px; +} +.react16-input-number-lg input { + height: 38px; +} +.react16-input-number-sm { + padding: 0; +} +.react16-input-number-sm input { + height: 22px; + padding: 0 7px; +} +.react16-input-number-handler-wrap { + position: absolute; + top: 0; + right: 0; + width: 22px; + height: 100%; + background: #fff; + border-radius: 0 2px 2px 0; + opacity: 0; + transition: opacity 0.24s linear 0.1s; +} +.react16-input-number-handler-wrap .react16-input-number-handler .react16-input-number-handler-up-inner, +.react16-input-number-handler-wrap .react16-input-number-handler .react16-input-number-handler-down-inner { + display: flex; + align-items: center; + justify-content: center; + min-width: auto; + margin-right: 0; + font-size: 7px; +} +.react16-input-number-borderless .react16-input-number-handler-wrap { + border-left-width: 0; +} +.react16-input-number-handler-wrap:hover .react16-input-number-handler { + height: 40%; +} +.react16-input-number:hover .react16-input-number-handler-wrap, +.react16-input-number-focused .react16-input-number-handler-wrap { + opacity: 1; +} +.react16-input-number-handler-up { + border-top-right-radius: 2px; + cursor: pointer; +} +.react16-input-number-handler-up-inner { + top: 50%; + margin-top: -5px; + text-align: center; +} +.react16-input-number-handler-up:hover { + height: 60% !important; +} +.react16-input-number-handler-down { + top: 0; + border-top: 1px solid #d9d9d9; + border-bottom-right-radius: 2px; + cursor: pointer; +} +.react16-input-number-handler-down-inner { + top: 50%; + text-align: center; + transform: translateY(-50%); +} +.react16-input-number-handler-down:hover { + height: 60% !important; +} +.react16-input-number-borderless .react16-input-number-handler-down { + border-top-width: 0; +} +.react16-input-number:hover:not(.react16-input-number-borderless) .react16-input-number-handler-down, +.react16-input-number-focused:not(.react16-input-number-borderless) .react16-input-number-handler-down { + border-top: 1px solid #d9d9d9; +} +.react16-input-number-handler-up-disabled, +.react16-input-number-handler-down-disabled { + cursor: not-allowed; +} +.react16-input-number-handler-up-disabled:hover .react16-input-number-handler-up-inner, +.react16-input-number-handler-down-disabled:hover .react16-input-number-handler-down-inner { + color: rgba(0, 0, 0, 0.25); +} +.react16-input-number-borderless { + box-shadow: none; +} +.react16-input-number-out-of-range input { + color: var(--react16-error-color); +} +.react16-input-number-rtl { + direction: rtl; +} +.react16-input-number-rtl .react16-input-number-handler { + border-right: 1px solid #d9d9d9; + border-left: 0; +} +.react16-input-number-rtl .react16-input-number-handler-wrap { + right: auto; + left: 0; +} +.react16-input-number-rtl.react16-input-number-borderless .react16-input-number-handler-wrap { + border-right-width: 0; +} +.react16-input-number-rtl .react16-input-number-handler-up { + border-top-right-radius: 0; +} +.react16-input-number-rtl .react16-input-number-handler-down { + border-bottom-right-radius: 0; +} +.react16-input-number-rtl .react16-input-number-input { + direction: ltr; + text-align: right; +} +.react16-layout { + display: flex; + flex: auto; + flex-direction: column; + /* fix firefox can't set height smaller than content on flex item */ + min-height: 0; + background: #f0f2f5; +} +.react16-layout, +.react16-layout * { + box-sizing: border-box; +} +.react16-layout.react16-layout-has-sider { + flex-direction: row; +} +.react16-layout.react16-layout-has-sider > .react16-layout, +.react16-layout.react16-layout-has-sider > .react16-layout-content { + width: 0; +} +.react16-layout-header, +.react16-layout-footer { + flex: 0 0 auto; +} +.react16-layout-header { + height: 64px; + padding: 0 50px; + color: rgba(0, 0, 0, 0.85); + line-height: 64px; + background: #001529; +} +.react16-layout-footer { + padding: 24px 50px; + color: rgba(0, 0, 0, 0.85); + font-size: 14px; + background: #f0f2f5; +} +.react16-layout-content { + flex: auto; + /* fix firefox can't set height smaller than content on flex item */ + min-height: 0; +} +.react16-layout-sider { + position: relative; + /* fix firefox can't set width smaller than content on flex item */ + min-width: 0; + background: #001529; + transition: all 0.2s; +} +.react16-layout-sider-children { + height: 100%; + margin-top: -0.1px; + padding-top: 0.1px; +} +.react16-layout-sider-children .react16-menu.react16-menu-inline-collapsed { + width: auto; +} +.react16-layout-sider-has-trigger { + padding-bottom: 48px; +} +.react16-layout-sider-right { + order: 1; +} +.react16-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; +} +.react16-layout-sider-zero-width > * { + overflow: hidden; +} +.react16-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; +} +.react16-layout-sider-zero-width-trigger::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + transition: all 0.3s; + content: ''; +} +.react16-layout-sider-zero-width-trigger:hover::after { + background: rgba(255, 255, 255, 0.1); +} +.react16-layout-sider-zero-width-trigger-right { + left: -36px; + border-radius: 2px 0 0 2px; +} +.react16-layout-sider-light { + background: #fff; +} +.react16-layout-sider-light .react16-layout-sider-trigger { + color: rgba(0, 0, 0, 0.85); + background: #fff; +} +.react16-layout-sider-light .react16-layout-sider-zero-width-trigger { + color: rgba(0, 0, 0, 0.85); + background: #fff; +} +.react16-layout-rtl { + direction: rtl; +} +.react16-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; +} +.react16-list * { + outline: none; +} +.react16-list-pagination { + margin-top: 24px; + text-align: right; +} +.react16-list-pagination .react16-pagination-options { + text-align: left; +} +.react16-list-more { + margin-top: 12px; + text-align: center; +} +.react16-list-more button { + padding-right: 32px; + padding-left: 32px; +} +.react16-list-spin { + min-height: 40px; + text-align: center; +} +.react16-list-empty-text { + padding: 16px; + color: rgba(0, 0, 0, 0.25); + font-size: 14px; + text-align: center; +} +.react16-list-items { + margin: 0; + padding: 0; + list-style: none; +} +.react16-list-item { + display: flex; + align-items: center; + justify-content: space-between; + padding: 12px 0; + color: rgba(0, 0, 0, 0.85); +} +.react16-list-item-meta { + display: flex; + flex: 1; + align-items: flex-start; + max-width: 100%; +} +.react16-list-item-meta-avatar { + margin-right: 16px; +} +.react16-list-item-meta-content { + flex: 1 0; + width: 0; + color: rgba(0, 0, 0, 0.85); +} +.react16-list-item-meta-title { + margin-bottom: 4px; + color: rgba(0, 0, 0, 0.85); + font-size: 14px; + line-height: 1.5715; +} +.react16-list-item-meta-title > a { + color: rgba(0, 0, 0, 0.85); + transition: all 0.3s; +} +.react16-list-item-meta-title > a:hover { + color: var(--react16-primary-color); +} +.react16-list-item-meta-description { + color: rgba(0, 0, 0, 0.45); + font-size: 14px; + line-height: 1.5715; +} +.react16-list-item-action { + flex: 0 0 auto; + margin-left: 48px; + padding: 0; + font-size: 0; + list-style: none; +} +.react16-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; +} +.react16-list-item-action > li:first-child { + padding-left: 0; +} +.react16-list-item-action-split { + position: absolute; + top: 50%; + right: 0; + width: 1px; + height: 14px; + margin-top: -7px; + background-color: rgba(0, 0, 0, 0.06); +} +.react16-list-header { + background: transparent; +} +.react16-list-footer { + background: transparent; +} +.react16-list-header, +.react16-list-footer { + padding-top: 12px; + padding-bottom: 12px; +} +.react16-list-empty { + padding: 16px 0; + color: rgba(0, 0, 0, 0.45); + font-size: 12px; + text-align: center; +} +.react16-list-split .react16-list-item { + border-bottom: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-list-split .react16-list-item:last-child { + border-bottom: none; +} +.react16-list-split .react16-list-header { + border-bottom: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-list-split.react16-list-empty .react16-list-footer { + border-top: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-list-loading .react16-list-spin-nested-loading { + min-height: 32px; +} +.react16-list-split.react16-list-something-after-last-item .react16-spin-container > .react16-list-items > .react16-list-item:last-child { + border-bottom: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-list-lg .react16-list-item { + padding: 16px 24px; +} +.react16-list-sm .react16-list-item { + padding: 8px 16px; +} +.react16-list-vertical .react16-list-item { + align-items: initial; +} +.react16-list-vertical .react16-list-item-main { + display: block; + flex: 1; +} +.react16-list-vertical .react16-list-item-extra { + margin-left: 40px; +} +.react16-list-vertical .react16-list-item-meta { + margin-bottom: 16px; +} +.react16-list-vertical .react16-list-item-meta-title { + margin-bottom: 12px; + color: rgba(0, 0, 0, 0.85); + font-size: 16px; + line-height: 24px; +} +.react16-list-vertical .react16-list-item-action { + margin-top: 16px; + margin-left: auto; +} +.react16-list-vertical .react16-list-item-action > li { + padding: 0 16px; +} +.react16-list-vertical .react16-list-item-action > li:first-child { + padding-left: 0; +} +.react16-list-grid .react16-col > .react16-list-item { + display: block; + max-width: 100%; + margin-bottom: 16px; + padding-top: 0; + padding-bottom: 0; + border-bottom: none; +} +.react16-list-item-no-flex { + display: block; +} +.react16-list:not(.react16-list-vertical) .react16-list-item-no-flex .react16-list-item-action { + float: right; +} +.react16-list-bordered { + border: 1px solid #d9d9d9; + border-radius: 2px; +} +.react16-list-bordered .react16-list-header { + padding-right: 24px; + padding-left: 24px; +} +.react16-list-bordered .react16-list-footer { + padding-right: 24px; + padding-left: 24px; +} +.react16-list-bordered .react16-list-item { + padding-right: 24px; + padding-left: 24px; +} +.react16-list-bordered .react16-list-pagination { + margin: 16px 24px; +} +.react16-list-bordered.react16-list-sm .react16-list-item { + padding: 8px 16px; +} +.react16-list-bordered.react16-list-sm .react16-list-header, +.react16-list-bordered.react16-list-sm .react16-list-footer { + padding: 8px 16px; +} +.react16-list-bordered.react16-list-lg .react16-list-item { + padding: 16px 24px; +} +.react16-list-bordered.react16-list-lg .react16-list-header, +.react16-list-bordered.react16-list-lg .react16-list-footer { + padding: 16px 24px; +} +@media screen and (max-width: 768px) { + .react16-list-item-action { + margin-left: 24px; + } + .react16-list-vertical .react16-list-item-extra { + margin-left: 24px; + } +} +@media screen and (max-width: 576px) { + .react16-list-item { + flex-wrap: wrap; + } + .react16-list-item-action { + margin-left: 12px; + } + .react16-list-vertical .react16-list-item { + flex-wrap: wrap-reverse; + } + .react16-list-vertical .react16-list-item-main { + min-width: 220px; + } + .react16-list-vertical .react16-list-item-extra { + margin: auto auto 16px; + } +} +.react16-list-rtl { + direction: rtl; + text-align: right; +} +.react16-list-rtl .ReactVirtualized__List .react16-list-item { + direction: rtl; +} +.react16-list-rtl .react16-list-pagination { + text-align: left; +} +.react16-list-rtl .react16-list-item-meta-avatar { + margin-right: 0; + margin-left: 16px; +} +.react16-list-rtl .react16-list-item-action { + margin-right: 48px; + margin-left: 0; +} +.react16-list.react16-list-rtl .react16-list-item-action > li:first-child { + padding-right: 0; + padding-left: 16px; +} +.react16-list-rtl .react16-list-item-action-split { + right: auto; + left: 0; +} +.react16-list-rtl.react16-list-vertical .react16-list-item-extra { + margin-right: 40px; + margin-left: 0; +} +.react16-list-rtl.react16-list-vertical .react16-list-item-action { + margin-right: auto; +} +.react16-list-rtl .react16-list-vertical .react16-list-item-action > li:first-child { + padding-right: 0; + padding-left: 16px; +} +.react16-list-rtl .react16-list:not(.react16-list-vertical) .react16-list-item-no-flex .react16-list-item-action { + float: left; +} +@media screen and (max-width: 768px) { + .react16-list-rtl .react16-list-item-action { + margin-right: 24px; + margin-left: 0; + } + .react16-list-rtl .react16-list-vertical .react16-list-item-extra { + margin-right: 24px; + margin-left: 0; + } +} +@media screen and (max-width: 576px) { + .react16-list-rtl .react16-list-item-action { + margin-right: 22px; + margin-left: 0; + } + .react16-list-rtl.react16-list-vertical .react16-list-item-extra { + margin: auto auto 16px; + } +} +.react16-mentions-status-error:not(.react16-mentions-disabled):not(.react16-mentions-borderless).react16-mentions, +.react16-mentions-status-error:not(.react16-mentions-disabled):not(.react16-mentions-borderless).react16-mentions:hover { + background: #fff; + border-color: var(--react16-error-color); +} +.react16-mentions-status-error:not(.react16-mentions-disabled):not(.react16-mentions-borderless).react16-mentions:focus, +.react16-mentions-status-error:not(.react16-mentions-disabled):not(.react16-mentions-borderless).react16-mentions-focused { + border-color: var(--react16-error-color-hover); + box-shadow: 0 0 0 2px var(--react16-error-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-mentions-status-error .react16-input-prefix { + color: var(--react16-error-color); +} +.react16-mentions-status-warning:not(.react16-mentions-disabled):not(.react16-mentions-borderless).react16-mentions, +.react16-mentions-status-warning:not(.react16-mentions-disabled):not(.react16-mentions-borderless).react16-mentions:hover { + background: #fff; + border-color: var(--react16-warning-color); +} +.react16-mentions-status-warning:not(.react16-mentions-disabled):not(.react16-mentions-borderless).react16-mentions:focus, +.react16-mentions-status-warning:not(.react16-mentions-disabled):not(.react16-mentions-borderless).react16-mentions-focused { + border-color: var(--react16-warning-color-hover); + box-shadow: 0 0 0 2px var(--react16-warning-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-mentions-status-warning .react16-input-prefix { + color: var(--react16-warning-color); +} +.react16-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; +} +.react16-mentions::placeholder { + color: #bfbfbf; + user-select: none; +} +.react16-mentions:placeholder-shown { + text-overflow: ellipsis; +} +.react16-mentions:hover { + border-color: var(--react16-primary-5); + border-right-width: 1px; +} +.react16-input-rtl .react16-mentions:hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-mentions:focus, +.react16-mentions-focused { + border-color: var(--react16-primary-color-hover); + box-shadow: 0 0 0 2px var(--react16-primary-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-rtl .react16-mentions:focus, +.react16-input-rtl .react16-mentions-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-mentions-disabled { + color: rgba(0, 0, 0, 0.25); + background-color: #f5f5f5; + border-color: #d9d9d9; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.react16-mentions-disabled:hover { + border-color: #d9d9d9; + border-right-width: 1px; +} +.react16-mentions[disabled] { + color: rgba(0, 0, 0, 0.25); + background-color: #f5f5f5; + border-color: #d9d9d9; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.react16-mentions[disabled]:hover { + border-color: #d9d9d9; + border-right-width: 1px; +} +.react16-mentions-borderless, +.react16-mentions-borderless:hover, +.react16-mentions-borderless:focus, +.react16-mentions-borderless-focused, +.react16-mentions-borderless-disabled, +.react16-mentions-borderless[disabled] { + background-color: transparent; + border: none; + box-shadow: none; +} +textarea.react16-mentions { + max-width: 100%; + height: auto; + min-height: 32px; + line-height: 1.5715; + vertical-align: bottom; + transition: all 0.3s, height 0s; +} +.react16-mentions-lg { + padding: 6.5px 11px; + font-size: 16px; +} +.react16-mentions-sm { + padding: 0px 7px; +} +.react16-mentions-rtl { + direction: rtl; +} +.react16-mentions-disabled > textarea { + color: rgba(0, 0, 0, 0.25); + background-color: #f5f5f5; + border-color: #d9d9d9; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.react16-mentions-disabled > textarea:hover { + border-color: #d9d9d9; + border-right-width: 1px; +} +.react16-mentions-focused { + border-color: var(--react16-primary-color-hover); + box-shadow: 0 0 0 2px var(--react16-primary-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-rtl .react16-mentions-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-mentions > textarea, +.react16-mentions-measure { + min-height: 30px; + margin: 0; + padding: 4px 11px; + overflow: inherit; + overflow-x: hidden; + overflow-y: auto; + /* stylelint-disable declaration-block-no-redundant-longhand-properties */ + 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; + /* stylelint-enable declaration-block-no-redundant-longhand-properties */ + direction: inherit; + letter-spacing: inherit; + white-space: inherit; + text-align: inherit; + vertical-align: top; + word-wrap: break-word; + word-break: inherit; + tab-size: inherit; +} +.react16-mentions > textarea { + width: 100%; + border: none; + outline: none; + resize: none; +} +.react16-mentions > textarea::placeholder { + color: #bfbfbf; + user-select: none; +} +.react16-mentions > textarea:placeholder-shown { + text-overflow: ellipsis; +} +.react16-mentions-measure { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: -1; + color: transparent; + pointer-events: none; +} +.react16-mentions-measure > span { + display: inline-block; + min-height: 1em; +} +.react16-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); +} +.react16-mentions-dropdown-hidden { + display: none; +} +.react16-mentions-dropdown-menu { + max-height: 250px; + margin-bottom: 0; + padding-left: 0; + overflow: auto; + list-style: none; + outline: none; +} +.react16-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; +} +.react16-mentions-dropdown-menu-item:hover { + background-color: #f5f5f5; +} +.react16-mentions-dropdown-menu-item:first-child { + border-radius: 2px 2px 0 0; +} +.react16-mentions-dropdown-menu-item:last-child { + border-radius: 0 0 2px 2px; +} +.react16-mentions-dropdown-menu-item-disabled { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +.react16-mentions-dropdown-menu-item-disabled:hover { + color: rgba(0, 0, 0, 0.25); + background-color: #fff; + cursor: not-allowed; +} +.react16-mentions-dropdown-menu-item-selected { + color: rgba(0, 0, 0, 0.85); + font-weight: 600; + background-color: #fafafa; +} +.react16-mentions-dropdown-menu-item-active { + background-color: #f5f5f5; +} +.react16-mentions-suffix { + position: absolute; + top: 0; + right: 11px; + bottom: 0; + z-index: 1; + display: inline-flex; + align-items: center; + margin: auto; +} +.react16-mentions-rtl { + direction: rtl; +} +.react16-menu-item-danger.react16-menu-item { + color: var(--react16-error-color); +} +.react16-menu-item-danger.react16-menu-item:hover, +.react16-menu-item-danger.react16-menu-item-active { + color: var(--react16-error-color); +} +.react16-menu-item-danger.react16-menu-item:active { + background: #fff1f0; +} +.react16-menu-item-danger.react16-menu-item-selected { + color: var(--react16-error-color); +} +.react16-menu-item-danger.react16-menu-item-selected > a, +.react16-menu-item-danger.react16-menu-item-selected > a:hover { + color: var(--react16-error-color); +} +.react16-menu:not(.react16-menu-horizontal) .react16-menu-item-danger.react16-menu-item-selected { + background-color: #fff1f0; +} +.react16-menu-inline .react16-menu-item-danger.react16-menu-item::after { + border-right-color: var(--react16-error-color); +} +.react16-menu-dark .react16-menu-item-danger.react16-menu-item, +.react16-menu-dark .react16-menu-item-danger.react16-menu-item:hover, +.react16-menu-dark .react16-menu-item-danger.react16-menu-item > a { + color: var(--react16-error-color); +} +.react16-menu-dark.react16-menu-dark:not(.react16-menu-horizontal) .react16-menu-item-danger.react16-menu-item-selected { + color: #fff; + background-color: var(--react16-error-color); +} +.react16-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; +} +.react16-menu::before { + display: table; + content: ''; +} +.react16-menu::after { + display: table; + clear: both; + content: ''; +} +.react16-menu::before { + display: table; + content: ''; +} +.react16-menu::after { + display: table; + clear: both; + content: ''; +} +.react16-menu.react16-menu-root:focus-visible { + box-shadow: 0 0 0 2px var(--react16-primary-2); +} +.react16-menu ul, +.react16-menu ol { + margin: 0; + padding: 0; + list-style: none; +} +.react16-menu-overflow { + display: flex; +} +.react16-menu-overflow-item { + flex: none; +} +.react16-menu-hidden, +.react16-menu-submenu-hidden { + display: none; +} +.react16-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; +} +.react16-menu-horizontal .react16-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); +} +.react16-menu-submenu, +.react16-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); +} +.react16-menu-submenu-selected { + color: var(--react16-primary-color); +} +.react16-menu-item:active, +.react16-menu-submenu-title:active { + background: var(--react16-primary-1); +} +.react16-menu-submenu .react16-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); +} +.react16-menu-title-content { + transition: color 0.3s; +} +.react16-menu-item a { + color: rgba(0, 0, 0, 0.85); +} +.react16-menu-item a:hover { + color: var(--react16-primary-color); +} +.react16-menu-item a::before { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: transparent; + content: ''; +} +.react16-menu-item > .react16-badge a { + color: rgba(0, 0, 0, 0.85); +} +.react16-menu-item > .react16-badge a:hover { + color: var(--react16-primary-color); +} +.react16-menu-item-divider { + overflow: hidden; + line-height: 0; + border-color: rgba(0, 0, 0, 0.06); + border-style: solid; + border-width: 1px 0 0; +} +.react16-menu-item-divider-dashed { + border-style: dashed; +} +.react16-menu-horizontal .react16-menu-item, +.react16-menu-horizontal .react16-menu-submenu { + margin-top: -1px; +} +.react16-menu-horizontal > .react16-menu-item:hover, +.react16-menu-horizontal > .react16-menu-item-active, +.react16-menu-horizontal > .react16-menu-submenu .react16-menu-submenu-title:hover { + background-color: transparent; +} +.react16-menu-item-selected { + color: var(--react16-primary-color); +} +.react16-menu-item-selected a, +.react16-menu-item-selected a:hover { + color: var(--react16-primary-color); +} +.react16-menu:not(.react16-menu-horizontal) .react16-menu-item-selected { + background-color: var(--react16-primary-1); +} +.react16-menu-inline, +.react16-menu-vertical, +.react16-menu-vertical-left { + border-right: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-menu-vertical-right { + border-left: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-menu-vertical.react16-menu-sub, +.react16-menu-vertical-left.react16-menu-sub, +.react16-menu-vertical-right.react16-menu-sub { + min-width: 160px; + max-height: calc(100vh - 100px); + padding: 0; + overflow: hidden; + border-right: 0; +} +.react16-menu-vertical.react16-menu-sub:not([class*='-active']), +.react16-menu-vertical-left.react16-menu-sub:not([class*='-active']), +.react16-menu-vertical-right.react16-menu-sub:not([class*='-active']) { + overflow-x: hidden; + overflow-y: auto; +} +.react16-menu-vertical.react16-menu-sub .react16-menu-item, +.react16-menu-vertical-left.react16-menu-sub .react16-menu-item, +.react16-menu-vertical-right.react16-menu-sub .react16-menu-item { + left: 0; + margin-left: 0; + border-right: 0; +} +.react16-menu-vertical.react16-menu-sub .react16-menu-item::after, +.react16-menu-vertical-left.react16-menu-sub .react16-menu-item::after, +.react16-menu-vertical-right.react16-menu-sub .react16-menu-item::after { + border-right: 0; +} +.react16-menu-vertical.react16-menu-sub > .react16-menu-item, +.react16-menu-vertical-left.react16-menu-sub > .react16-menu-item, +.react16-menu-vertical-right.react16-menu-sub > .react16-menu-item, +.react16-menu-vertical.react16-menu-sub > .react16-menu-submenu, +.react16-menu-vertical-left.react16-menu-sub > .react16-menu-submenu, +.react16-menu-vertical-right.react16-menu-sub > .react16-menu-submenu { + transform-origin: 0 0; +} +.react16-menu-horizontal.react16-menu-sub { + min-width: 114px; +} +.react16-menu-horizontal .react16-menu-item, +.react16-menu-horizontal .react16-menu-submenu-title { + transition: border-color 0.3s, background 0.3s; +} +.react16-menu-item, +.react16-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); +} +.react16-menu-item .react16-menu-item-icon, +.react16-menu-submenu-title .react16-menu-item-icon, +.react16-menu-item .anticon, +.react16-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; +} +.react16-menu-item .react16-menu-item-icon + span, +.react16-menu-submenu-title .react16-menu-item-icon + span, +.react16-menu-item .anticon + span, +.react16-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; +} +.react16-menu-item .react16-menu-item-icon.svg, +.react16-menu-submenu-title .react16-menu-item-icon.svg { + vertical-align: -0.125em; +} +.react16-menu-item.react16-menu-item-only-child > .anticon, +.react16-menu-submenu-title.react16-menu-item-only-child > .anticon, +.react16-menu-item.react16-menu-item-only-child > .react16-menu-item-icon, +.react16-menu-submenu-title.react16-menu-item-only-child > .react16-menu-item-icon { + margin-right: 0; +} +.react16-menu-item:not(.react16-menu-item-disabled):focus-visible, +.react16-menu-submenu-title:not(.react16-menu-item-disabled):focus-visible { + box-shadow: 0 0 0 2px var(--react16-primary-2); +} +.react16-menu > .react16-menu-item-divider { + margin: 1px 0; + padding: 0; +} +.react16-menu-submenu-popup { + position: absolute; + z-index: 1050; + background: transparent; + border-radius: 2px; + box-shadow: none; + transform-origin: 0 0; +} +.react16-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: ' '; +} +.react16-menu-submenu-placement-rightTop::before { + top: 0; + left: -7px; +} +.react16-menu-submenu > .react16-menu { + background-color: #fff; + border-radius: 2px; +} +.react16-menu-submenu > .react16-menu-submenu-title::after { + transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.react16-menu-submenu-popup > .react16-menu { + background-color: #fff; +} +.react16-menu-submenu-expand-icon, +.react16-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); +} +.react16-menu-submenu-arrow::before, +.react16-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: ''; +} +.react16-menu-submenu-arrow::before { + transform: rotate(45deg) translateY(-2.5px); +} +.react16-menu-submenu-arrow::after { + transform: rotate(-45deg) translateY(2.5px); +} +.react16-menu-submenu:hover > .react16-menu-submenu-title > .react16-menu-submenu-expand-icon, +.react16-menu-submenu:hover > .react16-menu-submenu-title > .react16-menu-submenu-arrow { + color: var(--react16-primary-color); +} +.react16-menu-inline-collapsed .react16-menu-submenu-arrow::before, +.react16-menu-submenu-inline .react16-menu-submenu-arrow::before { + transform: rotate(-45deg) translateX(2.5px); +} +.react16-menu-inline-collapsed .react16-menu-submenu-arrow::after, +.react16-menu-submenu-inline .react16-menu-submenu-arrow::after { + transform: rotate(45deg) translateX(-2.5px); +} +.react16-menu-submenu-horizontal .react16-menu-submenu-arrow { + display: none; +} +.react16-menu-submenu-open.react16-menu-submenu-inline > .react16-menu-submenu-title > .react16-menu-submenu-arrow { + transform: translateY(-2px); +} +.react16-menu-submenu-open.react16-menu-submenu-inline > .react16-menu-submenu-title > .react16-menu-submenu-arrow::after { + transform: rotate(-45deg) translateX(-2.5px); +} +.react16-menu-submenu-open.react16-menu-submenu-inline > .react16-menu-submenu-title > .react16-menu-submenu-arrow::before { + transform: rotate(45deg) translateX(2.5px); +} +.react16-menu-vertical .react16-menu-submenu-selected, +.react16-menu-vertical-left .react16-menu-submenu-selected, +.react16-menu-vertical-right .react16-menu-submenu-selected { + color: var(--react16-primary-color); +} +.react16-menu-horizontal { + line-height: 46px; + border: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.06); + box-shadow: none; +} +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-item, +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-submenu { + margin-top: -1px; + margin-bottom: 0; + padding: 0 20px; +} +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-item:hover, +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-submenu:hover, +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-item-active, +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-submenu-active, +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-item-open, +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-submenu-open, +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-item-selected, +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-submenu-selected { + color: var(--react16-primary-color); +} +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-item:hover::after, +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-submenu:hover::after, +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-item-active::after, +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-submenu-active::after, +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-item-open::after, +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-submenu-open::after, +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-item-selected::after, +.react16-menu-horizontal:not(.react16-menu-dark) > .react16-menu-submenu-selected::after { + border-bottom: 2px solid var(--react16-primary-color); +} +.react16-menu-horizontal > .react16-menu-item, +.react16-menu-horizontal > .react16-menu-submenu { + position: relative; + top: 1px; + display: inline-block; + vertical-align: bottom; +} +.react16-menu-horizontal > .react16-menu-item::after, +.react16-menu-horizontal > .react16-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: ''; +} +.react16-menu-horizontal > .react16-menu-submenu > .react16-menu-submenu-title { + padding: 0; +} +.react16-menu-horizontal > .react16-menu-item a { + color: rgba(0, 0, 0, 0.85); +} +.react16-menu-horizontal > .react16-menu-item a:hover { + color: var(--react16-primary-color); +} +.react16-menu-horizontal > .react16-menu-item a::before { + bottom: -2px; +} +.react16-menu-horizontal > .react16-menu-item-selected a { + color: var(--react16-primary-color); +} +.react16-menu-horizontal::after { + display: block; + clear: both; + height: 0; + content: '\20'; +} +.react16-menu-vertical .react16-menu-item, +.react16-menu-vertical-left .react16-menu-item, +.react16-menu-vertical-right .react16-menu-item, +.react16-menu-inline .react16-menu-item { + position: relative; +} +.react16-menu-vertical .react16-menu-item::after, +.react16-menu-vertical-left .react16-menu-item::after, +.react16-menu-vertical-right .react16-menu-item::after, +.react16-menu-inline .react16-menu-item::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + border-right: 3px solid var(--react16-primary-color); + 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: ''; +} +.react16-menu-vertical .react16-menu-item, +.react16-menu-vertical-left .react16-menu-item, +.react16-menu-vertical-right .react16-menu-item, +.react16-menu-inline .react16-menu-item, +.react16-menu-vertical .react16-menu-submenu-title, +.react16-menu-vertical-left .react16-menu-submenu-title, +.react16-menu-vertical-right .react16-menu-submenu-title, +.react16-menu-inline .react16-menu-submenu-title { + height: 40px; + margin-top: 4px; + margin-bottom: 4px; + padding: 0 16px; + overflow: hidden; + line-height: 40px; + text-overflow: ellipsis; +} +.react16-menu-vertical .react16-menu-submenu, +.react16-menu-vertical-left .react16-menu-submenu, +.react16-menu-vertical-right .react16-menu-submenu, +.react16-menu-inline .react16-menu-submenu { + padding-bottom: 0.02px; +} +.react16-menu-vertical .react16-menu-item:not(:last-child), +.react16-menu-vertical-left .react16-menu-item:not(:last-child), +.react16-menu-vertical-right .react16-menu-item:not(:last-child), +.react16-menu-inline .react16-menu-item:not(:last-child) { + margin-bottom: 8px; +} +.react16-menu-vertical > .react16-menu-item, +.react16-menu-vertical-left > .react16-menu-item, +.react16-menu-vertical-right > .react16-menu-item, +.react16-menu-inline > .react16-menu-item, +.react16-menu-vertical > .react16-menu-submenu > .react16-menu-submenu-title, +.react16-menu-vertical-left > .react16-menu-submenu > .react16-menu-submenu-title, +.react16-menu-vertical-right > .react16-menu-submenu > .react16-menu-submenu-title, +.react16-menu-inline > .react16-menu-submenu > .react16-menu-submenu-title { + height: 40px; + line-height: 40px; +} +.react16-menu-vertical .react16-menu-item-group-list .react16-menu-submenu-title, +.react16-menu-vertical .react16-menu-submenu-title { + padding-right: 34px; +} +.react16-menu-inline { + width: 100%; +} +.react16-menu-inline .react16-menu-selected::after, +.react16-menu-inline .react16-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); +} +.react16-menu-inline .react16-menu-item, +.react16-menu-inline .react16-menu-submenu-title { + width: calc(100% + 1px); +} +.react16-menu-inline .react16-menu-item-group-list .react16-menu-submenu-title, +.react16-menu-inline .react16-menu-submenu-title { + padding-right: 34px; +} +.react16-menu-inline.react16-menu-root .react16-menu-item, +.react16-menu-inline.react16-menu-root .react16-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); +} +.react16-menu-inline.react16-menu-root .react16-menu-item > .react16-menu-title-content, +.react16-menu-inline.react16-menu-root .react16-menu-submenu-title > .react16-menu-title-content { + flex: auto; + min-width: 0; + overflow: hidden; + text-overflow: ellipsis; +} +.react16-menu-inline.react16-menu-root .react16-menu-item > *, +.react16-menu-inline.react16-menu-root .react16-menu-submenu-title > * { + flex: none; +} +.react16-menu.react16-menu-inline-collapsed { + width: 80px; +} +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item-group > .react16-menu-item-group-list > .react16-menu-item, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item-group > .react16-menu-item-group-list > .react16-menu-submenu > .react16-menu-submenu-title, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-submenu > .react16-menu-submenu-title { + left: 0; + padding: 0 calc(50% - 16px / 2); + text-overflow: clip; +} +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item .react16-menu-submenu-arrow, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item-group > .react16-menu-item-group-list > .react16-menu-item .react16-menu-submenu-arrow, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item-group > .react16-menu-item-group-list > .react16-menu-submenu > .react16-menu-submenu-title .react16-menu-submenu-arrow, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-submenu > .react16-menu-submenu-title .react16-menu-submenu-arrow { + opacity: 0; +} +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item .react16-menu-item-icon, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item-group > .react16-menu-item-group-list > .react16-menu-item .react16-menu-item-icon, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item-group > .react16-menu-item-group-list > .react16-menu-submenu > .react16-menu-submenu-title .react16-menu-item-icon, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-submenu > .react16-menu-submenu-title .react16-menu-item-icon, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item .anticon, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item-group > .react16-menu-item-group-list > .react16-menu-item .anticon, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item-group > .react16-menu-item-group-list > .react16-menu-submenu > .react16-menu-submenu-title .anticon, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-submenu > .react16-menu-submenu-title .anticon { + margin: 0; + font-size: 16px; + line-height: 40px; +} +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item .react16-menu-item-icon + span, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item-group > .react16-menu-item-group-list > .react16-menu-item .react16-menu-item-icon + span, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item-group > .react16-menu-item-group-list > .react16-menu-submenu > .react16-menu-submenu-title .react16-menu-item-icon + span, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-submenu > .react16-menu-submenu-title .react16-menu-item-icon + span, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item .anticon + span, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item-group > .react16-menu-item-group-list > .react16-menu-item .anticon + span, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-item-group > .react16-menu-item-group-list > .react16-menu-submenu > .react16-menu-submenu-title .anticon + span, +.react16-menu.react16-menu-inline-collapsed > .react16-menu-submenu > .react16-menu-submenu-title .anticon + span { + display: inline-block; + opacity: 0; +} +.react16-menu.react16-menu-inline-collapsed .react16-menu-item-icon, +.react16-menu.react16-menu-inline-collapsed .anticon { + display: inline-block; +} +.react16-menu.react16-menu-inline-collapsed-tooltip { + pointer-events: none; +} +.react16-menu.react16-menu-inline-collapsed-tooltip .react16-menu-item-icon, +.react16-menu.react16-menu-inline-collapsed-tooltip .anticon { + display: none; +} +.react16-menu.react16-menu-inline-collapsed-tooltip a { + color: rgba(255, 255, 255, 0.85); +} +.react16-menu.react16-menu-inline-collapsed .react16-menu-item-group-title { + padding-right: 4px; + padding-left: 4px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.react16-menu-item-group-list { + margin: 0; + padding: 0; +} +.react16-menu-item-group-list .react16-menu-item, +.react16-menu-item-group-list .react16-menu-submenu-title { + padding: 0 16px 0 28px; +} +.react16-menu-root.react16-menu-vertical, +.react16-menu-root.react16-menu-vertical-left, +.react16-menu-root.react16-menu-vertical-right, +.react16-menu-root.react16-menu-inline { + box-shadow: none; +} +.react16-menu-root.react16-menu-inline-collapsed .react16-menu-item > .react16-menu-inline-collapsed-noicon, +.react16-menu-root.react16-menu-inline-collapsed .react16-menu-submenu .react16-menu-submenu-title > .react16-menu-inline-collapsed-noicon { + font-size: 16px; + text-align: center; +} +.react16-menu-sub.react16-menu-inline { + padding: 0; + background: #fafafa; + border: 0; + border-radius: 0; + box-shadow: none; +} +.react16-menu-sub.react16-menu-inline > .react16-menu-item, +.react16-menu-sub.react16-menu-inline > .react16-menu-submenu > .react16-menu-submenu-title { + height: 40px; + line-height: 40px; + list-style-position: inside; + list-style-type: disc; +} +.react16-menu-sub.react16-menu-inline .react16-menu-item-group-title { + padding-left: 32px; +} +.react16-menu-item-disabled, +.react16-menu-submenu-disabled { + color: rgba(0, 0, 0, 0.25) !important; + background: none; + cursor: not-allowed; +} +.react16-menu-item-disabled::after, +.react16-menu-submenu-disabled::after { + border-color: transparent !important; +} +.react16-menu-item-disabled a, +.react16-menu-submenu-disabled a { + color: rgba(0, 0, 0, 0.25) !important; + pointer-events: none; +} +.react16-menu-item-disabled > .react16-menu-submenu-title, +.react16-menu-submenu-disabled > .react16-menu-submenu-title { + color: rgba(0, 0, 0, 0.25) !important; + cursor: not-allowed; +} +.react16-menu-item-disabled > .react16-menu-submenu-title > .react16-menu-submenu-arrow::before, +.react16-menu-submenu-disabled > .react16-menu-submenu-title > .react16-menu-submenu-arrow::before, +.react16-menu-item-disabled > .react16-menu-submenu-title > .react16-menu-submenu-arrow::after, +.react16-menu-submenu-disabled > .react16-menu-submenu-title > .react16-menu-submenu-arrow::after { + background: rgba(0, 0, 0, 0.25) !important; +} +.react16-layout-header .react16-menu { + line-height: inherit; +} +.react16-menu-inline-collapsed-tooltip a, +.react16-menu-inline-collapsed-tooltip a:hover { + color: #fff; +} +.react16-menu-light .react16-menu-item:hover, +.react16-menu-light .react16-menu-item-active, +.react16-menu-light .react16-menu:not(.react16-menu-inline) .react16-menu-submenu-open, +.react16-menu-light .react16-menu-submenu-active, +.react16-menu-light .react16-menu-submenu-title:hover { + color: var(--react16-primary-color); +} +.react16-menu.react16-menu-root:focus-visible { + box-shadow: 0 0 0 2px var(--react16-primary-7); +} +.react16-menu-dark .react16-menu-item:focus-visible, +.react16-menu-dark .react16-menu-submenu-title:focus-visible { + box-shadow: 0 0 0 2px var(--react16-primary-7); +} +.react16-menu.react16-menu-dark, +.react16-menu-dark .react16-menu-sub, +.react16-menu.react16-menu-dark .react16-menu-sub { + color: rgba(255, 255, 255, 0.65); + background: #001529; +} +.react16-menu.react16-menu-dark .react16-menu-submenu-title .react16-menu-submenu-arrow, +.react16-menu-dark .react16-menu-sub .react16-menu-submenu-title .react16-menu-submenu-arrow, +.react16-menu.react16-menu-dark .react16-menu-sub .react16-menu-submenu-title .react16-menu-submenu-arrow { + opacity: 0.45; + transition: all 0.3s; +} +.react16-menu.react16-menu-dark .react16-menu-submenu-title .react16-menu-submenu-arrow::after, +.react16-menu-dark .react16-menu-sub .react16-menu-submenu-title .react16-menu-submenu-arrow::after, +.react16-menu.react16-menu-dark .react16-menu-sub .react16-menu-submenu-title .react16-menu-submenu-arrow::after, +.react16-menu.react16-menu-dark .react16-menu-submenu-title .react16-menu-submenu-arrow::before, +.react16-menu-dark .react16-menu-sub .react16-menu-submenu-title .react16-menu-submenu-arrow::before, +.react16-menu.react16-menu-dark .react16-menu-sub .react16-menu-submenu-title .react16-menu-submenu-arrow::before { + background: #fff; +} +.react16-menu-dark.react16-menu-submenu-popup { + background: transparent; +} +.react16-menu-dark .react16-menu-inline.react16-menu-sub { + background: #000c17; +} +.react16-menu-dark.react16-menu-horizontal { + border-bottom: 0; +} +.react16-menu-dark.react16-menu-horizontal > .react16-menu-item, +.react16-menu-dark.react16-menu-horizontal > .react16-menu-submenu { + top: 0; + margin-top: 0; + padding: 0 20px; + border-color: #001529; + border-bottom: 0; +} +.react16-menu-dark.react16-menu-horizontal > .react16-menu-item:hover { + background-color: var(--react16-primary-color); +} +.react16-menu-dark.react16-menu-horizontal > .react16-menu-item > a::before { + bottom: 0; +} +.react16-menu-dark .react16-menu-item, +.react16-menu-dark .react16-menu-item-group-title, +.react16-menu-dark .react16-menu-item > a, +.react16-menu-dark .react16-menu-item > span > a { + color: rgba(255, 255, 255, 0.65); +} +.react16-menu-dark.react16-menu-inline, +.react16-menu-dark.react16-menu-vertical, +.react16-menu-dark.react16-menu-vertical-left, +.react16-menu-dark.react16-menu-vertical-right { + border-right: 0; +} +.react16-menu-dark.react16-menu-inline .react16-menu-item, +.react16-menu-dark.react16-menu-vertical .react16-menu-item, +.react16-menu-dark.react16-menu-vertical-left .react16-menu-item, +.react16-menu-dark.react16-menu-vertical-right .react16-menu-item { + left: 0; + margin-left: 0; + border-right: 0; +} +.react16-menu-dark.react16-menu-inline .react16-menu-item::after, +.react16-menu-dark.react16-menu-vertical .react16-menu-item::after, +.react16-menu-dark.react16-menu-vertical-left .react16-menu-item::after, +.react16-menu-dark.react16-menu-vertical-right .react16-menu-item::after { + border-right: 0; +} +.react16-menu-dark.react16-menu-inline .react16-menu-item, +.react16-menu-dark.react16-menu-inline .react16-menu-submenu-title { + width: 100%; +} +.react16-menu-dark .react16-menu-item:hover, +.react16-menu-dark .react16-menu-item-active, +.react16-menu-dark .react16-menu-submenu-active, +.react16-menu-dark .react16-menu-submenu-open, +.react16-menu-dark .react16-menu-submenu-selected, +.react16-menu-dark .react16-menu-submenu-title:hover { + color: #fff; + background-color: transparent; +} +.react16-menu-dark .react16-menu-item:hover > a, +.react16-menu-dark .react16-menu-item-active > a, +.react16-menu-dark .react16-menu-submenu-active > a, +.react16-menu-dark .react16-menu-submenu-open > a, +.react16-menu-dark .react16-menu-submenu-selected > a, +.react16-menu-dark .react16-menu-submenu-title:hover > a, +.react16-menu-dark .react16-menu-item:hover > span > a, +.react16-menu-dark .react16-menu-item-active > span > a, +.react16-menu-dark .react16-menu-submenu-active > span > a, +.react16-menu-dark .react16-menu-submenu-open > span > a, +.react16-menu-dark .react16-menu-submenu-selected > span > a, +.react16-menu-dark .react16-menu-submenu-title:hover > span > a { + color: #fff; +} +.react16-menu-dark .react16-menu-item:hover > .react16-menu-submenu-title > .react16-menu-submenu-arrow, +.react16-menu-dark .react16-menu-item-active > .react16-menu-submenu-title > .react16-menu-submenu-arrow, +.react16-menu-dark .react16-menu-submenu-active > .react16-menu-submenu-title > .react16-menu-submenu-arrow, +.react16-menu-dark .react16-menu-submenu-open > .react16-menu-submenu-title > .react16-menu-submenu-arrow, +.react16-menu-dark .react16-menu-submenu-selected > .react16-menu-submenu-title > .react16-menu-submenu-arrow, +.react16-menu-dark .react16-menu-submenu-title:hover > .react16-menu-submenu-title > .react16-menu-submenu-arrow { + opacity: 1; +} +.react16-menu-dark .react16-menu-item:hover > .react16-menu-submenu-title > .react16-menu-submenu-arrow::after, +.react16-menu-dark .react16-menu-item-active > .react16-menu-submenu-title > .react16-menu-submenu-arrow::after, +.react16-menu-dark .react16-menu-submenu-active > .react16-menu-submenu-title > .react16-menu-submenu-arrow::after, +.react16-menu-dark .react16-menu-submenu-open > .react16-menu-submenu-title > .react16-menu-submenu-arrow::after, +.react16-menu-dark .react16-menu-submenu-selected > .react16-menu-submenu-title > .react16-menu-submenu-arrow::after, +.react16-menu-dark .react16-menu-submenu-title:hover > .react16-menu-submenu-title > .react16-menu-submenu-arrow::after, +.react16-menu-dark .react16-menu-item:hover > .react16-menu-submenu-title > .react16-menu-submenu-arrow::before, +.react16-menu-dark .react16-menu-item-active > .react16-menu-submenu-title > .react16-menu-submenu-arrow::before, +.react16-menu-dark .react16-menu-submenu-active > .react16-menu-submenu-title > .react16-menu-submenu-arrow::before, +.react16-menu-dark .react16-menu-submenu-open > .react16-menu-submenu-title > .react16-menu-submenu-arrow::before, +.react16-menu-dark .react16-menu-submenu-selected > .react16-menu-submenu-title > .react16-menu-submenu-arrow::before, +.react16-menu-dark .react16-menu-submenu-title:hover > .react16-menu-submenu-title > .react16-menu-submenu-arrow::before { + background: #fff; +} +.react16-menu-dark .react16-menu-item:hover { + background-color: transparent; +} +.react16-menu-dark.react16-menu-dark:not(.react16-menu-horizontal) .react16-menu-item-selected { + background-color: var(--react16-primary-color); +} +.react16-menu-dark .react16-menu-item-selected { + color: #fff; + border-right: 0; +} +.react16-menu-dark .react16-menu-item-selected::after { + border-right: 0; +} +.react16-menu-dark .react16-menu-item-selected > a, +.react16-menu-dark .react16-menu-item-selected > span > a, +.react16-menu-dark .react16-menu-item-selected > a:hover, +.react16-menu-dark .react16-menu-item-selected > span > a:hover { + color: #fff; +} +.react16-menu-dark .react16-menu-item-selected .react16-menu-item-icon, +.react16-menu-dark .react16-menu-item-selected .anticon { + color: #fff; +} +.react16-menu-dark .react16-menu-item-selected .react16-menu-item-icon + span, +.react16-menu-dark .react16-menu-item-selected .anticon + span { + color: #fff; +} +.react16-menu.react16-menu-dark .react16-menu-item-selected, +.react16-menu-submenu-popup.react16-menu-dark .react16-menu-item-selected { + background-color: var(--react16-primary-color); +} +.react16-menu-dark .react16-menu-item-disabled, +.react16-menu-dark .react16-menu-submenu-disabled, +.react16-menu-dark .react16-menu-item-disabled > a, +.react16-menu-dark .react16-menu-submenu-disabled > a, +.react16-menu-dark .react16-menu-item-disabled > span > a, +.react16-menu-dark .react16-menu-submenu-disabled > span > a { + color: rgba(255, 255, 255, 0.35) !important; + opacity: 0.8; +} +.react16-menu-dark .react16-menu-item-disabled > .react16-menu-submenu-title, +.react16-menu-dark .react16-menu-submenu-disabled > .react16-menu-submenu-title { + color: rgba(255, 255, 255, 0.35) !important; +} +.react16-menu-dark .react16-menu-item-disabled > .react16-menu-submenu-title > .react16-menu-submenu-arrow::before, +.react16-menu-dark .react16-menu-submenu-disabled > .react16-menu-submenu-title > .react16-menu-submenu-arrow::before, +.react16-menu-dark .react16-menu-item-disabled > .react16-menu-submenu-title > .react16-menu-submenu-arrow::after, +.react16-menu-dark .react16-menu-submenu-disabled > .react16-menu-submenu-title > .react16-menu-submenu-arrow::after { + background: rgba(255, 255, 255, 0.35) !important; +} +.react16-menu.react16-menu-rtl { + direction: rtl; + text-align: right; +} +.react16-menu-rtl .react16-menu-item-group-title { + text-align: right; +} +.react16-menu-rtl.react16-menu-inline, +.react16-menu-rtl.react16-menu-vertical { + border-right: none; + border-left: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-menu-rtl.react16-menu-dark.react16-menu-inline, +.react16-menu-rtl.react16-menu-dark.react16-menu-vertical { + border-left: none; +} +.react16-menu-rtl.react16-menu-vertical.react16-menu-sub > .react16-menu-item, +.react16-menu-rtl.react16-menu-vertical-left.react16-menu-sub > .react16-menu-item, +.react16-menu-rtl.react16-menu-vertical-right.react16-menu-sub > .react16-menu-item, +.react16-menu-rtl.react16-menu-vertical.react16-menu-sub > .react16-menu-submenu, +.react16-menu-rtl.react16-menu-vertical-left.react16-menu-sub > .react16-menu-submenu, +.react16-menu-rtl.react16-menu-vertical-right.react16-menu-sub > .react16-menu-submenu { + transform-origin: top right; +} +.react16-menu-rtl .react16-menu-item .react16-menu-item-icon, +.react16-menu-rtl .react16-menu-submenu-title .react16-menu-item-icon, +.react16-menu-rtl .react16-menu-item .anticon, +.react16-menu-rtl .react16-menu-submenu-title .anticon { + margin-right: auto; + margin-left: 10px; +} +.react16-menu-rtl .react16-menu-item.react16-menu-item-only-child > .react16-menu-item-icon, +.react16-menu-rtl .react16-menu-submenu-title.react16-menu-item-only-child > .react16-menu-item-icon, +.react16-menu-rtl .react16-menu-item.react16-menu-item-only-child > .anticon, +.react16-menu-rtl .react16-menu-submenu-title.react16-menu-item-only-child > .anticon { + margin-left: 0; +} +.react16-menu-submenu-rtl.react16-menu-submenu-popup { + transform-origin: 100% 0; +} +.react16-menu-rtl .react16-menu-submenu-vertical > .react16-menu-submenu-title .react16-menu-submenu-arrow, +.react16-menu-rtl .react16-menu-submenu-vertical-left > .react16-menu-submenu-title .react16-menu-submenu-arrow, +.react16-menu-rtl .react16-menu-submenu-vertical-right > .react16-menu-submenu-title .react16-menu-submenu-arrow, +.react16-menu-rtl .react16-menu-submenu-inline > .react16-menu-submenu-title .react16-menu-submenu-arrow { + right: auto; + left: 16px; +} +.react16-menu-rtl .react16-menu-submenu-vertical > .react16-menu-submenu-title .react16-menu-submenu-arrow::before, +.react16-menu-rtl .react16-menu-submenu-vertical-left > .react16-menu-submenu-title .react16-menu-submenu-arrow::before, +.react16-menu-rtl .react16-menu-submenu-vertical-right > .react16-menu-submenu-title .react16-menu-submenu-arrow::before { + transform: rotate(-45deg) translateY(-2px); +} +.react16-menu-rtl .react16-menu-submenu-vertical > .react16-menu-submenu-title .react16-menu-submenu-arrow::after, +.react16-menu-rtl .react16-menu-submenu-vertical-left > .react16-menu-submenu-title .react16-menu-submenu-arrow::after, +.react16-menu-rtl .react16-menu-submenu-vertical-right > .react16-menu-submenu-title .react16-menu-submenu-arrow::after { + transform: rotate(45deg) translateY(2px); +} +.react16-menu-rtl.react16-menu-vertical .react16-menu-item::after, +.react16-menu-rtl.react16-menu-vertical-left .react16-menu-item::after, +.react16-menu-rtl.react16-menu-vertical-right .react16-menu-item::after, +.react16-menu-rtl.react16-menu-inline .react16-menu-item::after { + right: auto; + left: 0; +} +.react16-menu-rtl.react16-menu-vertical .react16-menu-item, +.react16-menu-rtl.react16-menu-vertical-left .react16-menu-item, +.react16-menu-rtl.react16-menu-vertical-right .react16-menu-item, +.react16-menu-rtl.react16-menu-inline .react16-menu-item, +.react16-menu-rtl.react16-menu-vertical .react16-menu-submenu-title, +.react16-menu-rtl.react16-menu-vertical-left .react16-menu-submenu-title, +.react16-menu-rtl.react16-menu-vertical-right .react16-menu-submenu-title, +.react16-menu-rtl.react16-menu-inline .react16-menu-submenu-title { + text-align: right; +} +.react16-menu-rtl.react16-menu-inline .react16-menu-submenu-title { + padding-right: 0; + padding-left: 34px; +} +.react16-menu-rtl.react16-menu-vertical .react16-menu-submenu-title { + padding-right: 16px; + padding-left: 34px; +} +.react16-menu-rtl.react16-menu-inline-collapsed.react16-menu-vertical .react16-menu-submenu-title { + padding: 0 calc(50% - 16px / 2); +} +.react16-menu-rtl .react16-menu-item-group-list .react16-menu-item, +.react16-menu-rtl .react16-menu-item-group-list .react16-menu-submenu-title { + padding: 0 28px 0 16px; +} +.react16-menu-sub.react16-menu-inline { + border: 0; +} +.react16-menu-rtl.react16-menu-sub.react16-menu-inline .react16-menu-item-group-title { + padding-right: 32px; + padding-left: 0; +} +.react16-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; +} +.react16-message-notice { + padding: 8px; + text-align: center; +} +.react16-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; +} +.react16-message-success .anticon { + color: var(--react16-success-color); +} +.react16-message-error .anticon { + color: var(--react16-error-color); +} +.react16-message-warning .anticon { + color: var(--react16-warning-color); +} +.react16-message-info .anticon, +.react16-message-loading .anticon { + color: var(--react16-info-color); +} +.react16-message .anticon { + position: relative; + top: 1px; + margin-right: 8px; + font-size: 16px; +} +.react16-message-notice.react16-move-up-leave.react16-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; + } +} +.react16-message-rtl { + direction: rtl; +} +.react16-message-rtl span { + direction: rtl; +} +.react16-message-rtl .anticon { + margin-right: 0; + margin-left: 8px; +} +.react16-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; +} +.react16-modal.react16-zoom-enter, +.react16-modal.react16-zoom-appear { + transform: none; + opacity: 0; + animation-duration: 0.3s; + user-select: none; +} +.react16-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); +} +.react16-modal-mask-hidden { + display: none; +} +.react16-modal-wrap { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: auto; + outline: 0; +} +.react16-modal-wrap { + z-index: 1000; +} +.react16-modal-title { + margin: 0; + color: rgba(0, 0, 0, 0.85); + font-weight: 500; + font-size: 16px; + line-height: 22px; + word-wrap: break-word; +} +.react16-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; +} +.react16-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; +} +.react16-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; +} +.react16-modal-close:focus, +.react16-modal-close:hover { + color: rgba(0, 0, 0, 0.75); + text-decoration: none; +} +.react16-modal-header { + padding: 16px 24px; + color: rgba(0, 0, 0, 0.85); + background: #fff; + border-bottom: 1px solid rgba(0, 0, 0, 0.06); + border-radius: 2px 2px 0 0; +} +.react16-modal-body { + padding: 24px; + font-size: 14px; + line-height: 1.5715; + word-wrap: break-word; +} +.react16-modal-footer { + padding: 10px 16px; + text-align: right; + background: transparent; + border-top: 1px solid rgba(0, 0, 0, 0.06); + border-radius: 0 0 2px 2px; +} +.react16-modal-footer .react16-btn + .react16-btn:not(.react16-dropdown-trigger) { + margin-bottom: 0; + margin-left: 8px; +} +.react16-modal-open { + overflow: hidden; +} +.react16-modal-centered { + text-align: center; +} +.react16-modal-centered::before { + display: inline-block; + width: 0; + height: 100%; + vertical-align: middle; + content: ''; +} +.react16-modal-centered .react16-modal { + top: 0; + display: inline-block; + padding-bottom: 0; + text-align: left; + vertical-align: middle; +} +@media (max-width: 767px) { + .react16-modal { + max-width: calc(100vw - 16px); + margin: 8px auto; + } + .react16-modal-centered .react16-modal { + flex: 1; + } +} +.react16-modal-confirm .react16-modal-header { + display: none; +} +.react16-modal-confirm .react16-modal-body { + padding: 32px 32px 24px; +} +.react16-modal-confirm-body-wrapper::before { + display: table; + content: ''; +} +.react16-modal-confirm-body-wrapper::after { + display: table; + clear: both; + content: ''; +} +.react16-modal-confirm-body-wrapper::before { + display: table; + content: ''; +} +.react16-modal-confirm-body-wrapper::after { + display: table; + clear: both; + content: ''; +} +.react16-modal-confirm-body .react16-modal-confirm-title { + display: block; + overflow: hidden; + color: rgba(0, 0, 0, 0.85); + font-weight: 500; + font-size: 16px; + line-height: 1.4; +} +.react16-modal-confirm-body .react16-modal-confirm-content { + margin-top: 8px; + color: rgba(0, 0, 0, 0.85); + font-size: 14px; +} +.react16-modal-confirm-body > .anticon { + float: left; + margin-right: 16px; + font-size: 22px; +} +.react16-modal-confirm-body > .anticon + .react16-modal-confirm-title + .react16-modal-confirm-content { + margin-left: 38px; +} +.react16-modal-confirm .react16-modal-confirm-btns { + margin-top: 24px; + text-align: right; +} +.react16-modal-confirm .react16-modal-confirm-btns .react16-btn + .react16-btn { + margin-bottom: 0; + margin-left: 8px; +} +.react16-modal-confirm-error .react16-modal-confirm-body > .anticon { + color: var(--react16-error-color); +} +.react16-modal-confirm-warning .react16-modal-confirm-body > .anticon, +.react16-modal-confirm-confirm .react16-modal-confirm-body > .anticon { + color: var(--react16-warning-color); +} +.react16-modal-confirm-info .react16-modal-confirm-body > .anticon { + color: var(--react16-info-color); +} +.react16-modal-confirm-success .react16-modal-confirm-body > .anticon { + color: var(--react16-success-color); +} +.react16-modal-wrap-rtl { + direction: rtl; +} +.react16-modal-wrap-rtl .react16-modal-close { + right: initial; + left: 0; +} +.react16-modal-wrap-rtl .react16-modal-footer { + text-align: left; +} +.react16-modal-wrap-rtl .react16-modal-footer .react16-btn + .react16-btn { + margin-right: 8px; + margin-left: 0; +} +.react16-modal-wrap-rtl .react16-modal-confirm-body { + direction: rtl; +} +.react16-modal-wrap-rtl .react16-modal-confirm-body > .anticon { + float: right; + margin-right: 0; + margin-left: 16px; +} +.react16-modal-wrap-rtl .react16-modal-confirm-body > .anticon + .react16-modal-confirm-title + .react16-modal-confirm-content { + margin-right: 38px; + margin-left: 0; +} +.react16-modal-wrap-rtl .react16-modal-confirm-btns { + text-align: left; +} +.react16-modal-wrap-rtl .react16-modal-confirm-btns .react16-btn + .react16-btn { + margin-right: 8px; + margin-left: 0; +} +.react16-modal-wrap-rtl.react16-modal-centered .react16-modal { + text-align: right; +} +.react16-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; +} +.react16-notification-close-icon { + font-size: 14px; + cursor: pointer; +} +.react16-notification-hook-holder { + position: relative; +} +.react16-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); +} +.react16-notification-top .react16-notification-notice, +.react16-notification-bottom .react16-notification-notice { + margin-right: auto; + margin-left: auto; +} +.react16-notification-topLeft .react16-notification-notice, +.react16-notification-bottomLeft .react16-notification-notice { + margin-right: auto; + margin-left: 0; +} +.react16-notification-notice-message { + margin-bottom: 8px; + color: rgba(0, 0, 0, 0.85); + font-size: 16px; + line-height: 24px; +} +.react16-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; +} +.react16-notification-notice-message-single-line-auto-margin::before { + display: block; + content: ''; +} +.react16-notification-notice-description { + font-size: 14px; +} +.react16-notification-notice-closable .react16-notification-notice-message { + padding-right: 24px; +} +.react16-notification-notice-with-icon .react16-notification-notice-message { + margin-bottom: 4px; + margin-left: 48px; + font-size: 16px; +} +.react16-notification-notice-with-icon .react16-notification-notice-description { + margin-left: 48px; + font-size: 14px; +} +.react16-notification-notice-icon { + position: absolute; + margin-left: 4px; + font-size: 24px; + line-height: 24px; +} +.anticon.react16-notification-notice-icon-success { + color: var(--react16-success-color); +} +.anticon.react16-notification-notice-icon-info { + color: var(--react16-info-color); +} +.anticon.react16-notification-notice-icon-warning { + color: var(--react16-warning-color); +} +.anticon.react16-notification-notice-icon-error { + color: var(--react16-error-color); +} +.react16-notification-notice-close { + position: absolute; + top: 16px; + right: 22px; + color: rgba(0, 0, 0, 0.45); + outline: none; +} +.react16-notification-notice-close:hover { + color: rgba(0, 0, 0, 0.67); +} +.react16-notification-notice-btn { + float: right; + margin-top: 16px; +} +.react16-notification .notification-fade-effect { + animation-duration: 0.24s; + animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); + animation-fill-mode: both; +} +.react16-notification-fade-enter, +.react16-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; +} +.react16-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; +} +.react16-notification-fade-enter.react16-notification-fade-enter-active, +.react16-notification-fade-appear.react16-notification-fade-appear-active { + animation-name: NotificationFadeIn; + animation-play-state: running; +} +.react16-notification-fade-leave.react16-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; + } +} +.react16-notification-rtl { + direction: rtl; +} +.react16-notification-rtl .react16-notification-notice-closable .react16-notification-notice-message { + padding-right: 0; + padding-left: 24px; +} +.react16-notification-rtl .react16-notification-notice-with-icon .react16-notification-notice-message { + margin-right: 48px; + margin-left: 0; +} +.react16-notification-rtl .react16-notification-notice-with-icon .react16-notification-notice-description { + margin-right: 48px; + margin-left: 0; +} +.react16-notification-rtl .react16-notification-notice-icon { + margin-right: 4px; + margin-left: 0; +} +.react16-notification-rtl .react16-notification-notice-close { + right: auto; + left: 22px; +} +.react16-notification-rtl .react16-notification-notice-btn { + float: left; +} +.react16-notification-top, +.react16-notification-bottom { + margin-right: 0; + margin-left: 0; +} +.react16-notification-top .react16-notification-fade-enter.react16-notification-fade-enter-active, +.react16-notification-top .react16-notification-fade-appear.react16-notification-fade-appear-active { + animation-name: NotificationTopFadeIn; +} +.react16-notification-bottom .react16-notification-fade-enter.react16-notification-fade-enter-active, +.react16-notification-bottom .react16-notification-fade-appear.react16-notification-fade-appear-active { + animation-name: NotificationBottomFadeIn; +} +.react16-notification-topLeft, +.react16-notification-bottomLeft { + margin-right: 0; + margin-left: 24px; +} +.react16-notification-topLeft .react16-notification-fade-enter.react16-notification-fade-enter-active, +.react16-notification-bottomLeft .react16-notification-fade-enter.react16-notification-fade-enter-active, +.react16-notification-topLeft .react16-notification-fade-appear.react16-notification-fade-appear-active, +.react16-notification-bottomLeft .react16-notification-fade-appear.react16-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; + } +} +.react16-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; +} +.react16-page-header-ghost { + background-color: inherit; +} +.react16-page-header.has-breadcrumb { + padding-top: 12px; +} +.react16-page-header.has-footer { + padding-bottom: 0; +} +.react16-page-header-back { + margin-right: 16px; + font-size: 16px; + line-height: 1; +} +.react16-page-header-back-button { + color: var(--react16-primary-color); + outline: none; + cursor: pointer; + transition: color 0.3s; + color: #000; +} +.react16-page-header-back-button:focus-visible, +.react16-page-header-back-button:hover { + color: var(--react16-primary-color-hover); +} +.react16-page-header-back-button:active { + color: var(--react16-primary-color-active); +} +.react16-page-header .react16-divider-vertical { + height: 14px; + margin: 0 12px; + vertical-align: middle; +} +.react16-breadcrumb + .react16-page-header-heading { + margin-top: 8px; +} +.react16-page-header-heading { + display: flex; + justify-content: space-between; +} +.react16-page-header-heading-left { + display: flex; + align-items: center; + margin: 4px 0; + overflow: hidden; +} +.react16-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; +} +.react16-page-header-heading .react16-avatar { + margin-right: 12px; +} +.react16-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; +} +.react16-page-header-heading-extra { + margin: 4px 0; + white-space: nowrap; +} +.react16-page-header-heading-extra > * { + white-space: unset; +} +.react16-page-header-content { + padding-top: 12px; +} +.react16-page-header-footer { + margin-top: 16px; +} +.react16-page-header-footer .react16-tabs > .react16-tabs-nav { + margin: 0; +} +.react16-page-header-footer .react16-tabs > .react16-tabs-nav::before { + border: none; +} +.react16-page-header-footer .react16-tabs .react16-tabs-tab { + padding-top: 8px; + padding-bottom: 8px; + font-size: 16px; +} +.react16-page-header-compact .react16-page-header-heading { + flex-wrap: wrap; +} +.react16-page-header-rtl { + direction: rtl; +} +.react16-page-header-rtl .react16-page-header-back { + float: right; + margin-right: 0; + margin-left: 16px; +} +.react16-page-header-rtl .react16-page-header-heading-title { + margin-right: 0; + margin-left: 12px; +} +.react16-page-header-rtl .react16-page-header-heading .react16-avatar { + margin-right: 0; + margin-left: 12px; +} +.react16-page-header-rtl .react16-page-header-heading-sub-title { + float: right; + margin-right: 0; + margin-left: 12px; +} +.react16-page-header-rtl .react16-page-header-heading-tags { + float: right; +} +.react16-page-header-rtl .react16-page-header-heading-extra { + float: left; +} +.react16-page-header-rtl .react16-page-header-heading-extra > * { + margin-right: 12px; + margin-left: 0; +} +.react16-page-header-rtl .react16-page-header-heading-extra > *:first-child { + margin-right: 0; +} +.react16-page-header-rtl .react16-page-header-footer .react16-tabs-bar .react16-tabs-nav { + float: right; +} +.react16-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'; +} +.react16-pagination ul, +.react16-pagination ol { + margin: 0; + padding: 0; + list-style: none; +} +.react16-pagination::after { + display: block; + clear: both; + height: 0; + overflow: hidden; + visibility: hidden; + content: ' '; +} +.react16-pagination-total-text { + display: inline-block; + height: 32px; + margin-right: 8px; + line-height: 30px; + vertical-align: middle; +} +.react16-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; + user-select: none; +} +.react16-pagination-item a { + display: block; + padding: 0 6px; + color: rgba(0, 0, 0, 0.85); + transition: none; +} +.react16-pagination-item a:hover { + text-decoration: none; +} +.react16-pagination-item:hover { + border-color: var(--react16-primary-color); + transition: all 0.3s; +} +.react16-pagination-item:hover a { + color: var(--react16-primary-color); +} +.react16-pagination-item:focus-visible { + border-color: var(--react16-primary-color); + transition: all 0.3s; +} +.react16-pagination-item:focus-visible a { + color: var(--react16-primary-color); +} +.react16-pagination-item-active { + font-weight: 500; + background: #fff; + border-color: var(--react16-primary-color); +} +.react16-pagination-item-active a { + color: var(--react16-primary-color); +} +.react16-pagination-item-active:hover { + border-color: var(--react16-primary-5); +} +.react16-pagination-item-active:focus-visible { + border-color: var(--react16-primary-5); +} +.react16-pagination-item-active:hover a { + color: var(--react16-primary-5); +} +.react16-pagination-item-active:focus-visible a { + color: var(--react16-primary-5); +} +.react16-pagination-jump-prev, +.react16-pagination-jump-next { + outline: 0; +} +.react16-pagination-jump-prev .react16-pagination-item-container, +.react16-pagination-jump-next .react16-pagination-item-container { + position: relative; +} +.react16-pagination-jump-prev .react16-pagination-item-container .react16-pagination-item-link-icon, +.react16-pagination-jump-next .react16-pagination-item-container .react16-pagination-item-link-icon { + color: var(--react16-primary-color); + font-size: 12px; + letter-spacing: -1px; + opacity: 0; + transition: all 0.2s; +} +.react16-pagination-jump-prev .react16-pagination-item-container .react16-pagination-item-link-icon-svg, +.react16-pagination-jump-next .react16-pagination-item-container .react16-pagination-item-link-icon-svg { + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; +} +.react16-pagination-jump-prev .react16-pagination-item-container .react16-pagination-item-ellipsis, +.react16-pagination-jump-next .react16-pagination-item-container .react16-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; +} +.react16-pagination-jump-prev:hover .react16-pagination-item-link-icon, +.react16-pagination-jump-next:hover .react16-pagination-item-link-icon { + opacity: 1; +} +.react16-pagination-jump-prev:hover .react16-pagination-item-ellipsis, +.react16-pagination-jump-next:hover .react16-pagination-item-ellipsis { + opacity: 0; +} +.react16-pagination-jump-prev:focus-visible .react16-pagination-item-link-icon, +.react16-pagination-jump-next:focus-visible .react16-pagination-item-link-icon { + opacity: 1; +} +.react16-pagination-jump-prev:focus-visible .react16-pagination-item-ellipsis, +.react16-pagination-jump-next:focus-visible .react16-pagination-item-ellipsis { + opacity: 0; +} +.react16-pagination-prev, +.react16-pagination-jump-prev, +.react16-pagination-jump-next { + margin-right: 8px; +} +.react16-pagination-prev, +.react16-pagination-next, +.react16-pagination-jump-prev, +.react16-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; +} +.react16-pagination-prev, +.react16-pagination-next { + font-family: Arial, Helvetica, sans-serif; + outline: 0; +} +.react16-pagination-prev button, +.react16-pagination-next button { + color: rgba(0, 0, 0, 0.85); + cursor: pointer; + user-select: none; +} +.react16-pagination-prev:hover button, +.react16-pagination-next:hover button { + border-color: var(--react16-primary-5); +} +.react16-pagination-prev .react16-pagination-item-link, +.react16-pagination-next .react16-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; +} +.react16-pagination-prev:focus-visible .react16-pagination-item-link, +.react16-pagination-next:focus-visible .react16-pagination-item-link { + color: var(--react16-primary-color); + border-color: var(--react16-primary-color); +} +.react16-pagination-prev:hover .react16-pagination-item-link, +.react16-pagination-next:hover .react16-pagination-item-link { + color: var(--react16-primary-color); + border-color: var(--react16-primary-color); +} +.react16-pagination-disabled, +.react16-pagination-disabled:hover { + cursor: not-allowed; +} +.react16-pagination-disabled .react16-pagination-item-link, +.react16-pagination-disabled:hover .react16-pagination-item-link { + color: rgba(0, 0, 0, 0.25); + border-color: #d9d9d9; + cursor: not-allowed; +} +.react16-pagination-disabled:focus-visible { + cursor: not-allowed; +} +.react16-pagination-disabled:focus-visible .react16-pagination-item-link { + color: rgba(0, 0, 0, 0.25); + border-color: #d9d9d9; + cursor: not-allowed; +} +.react16-pagination-slash { + margin: 0 10px 0 5px; +} +.react16-pagination-options { + display: inline-block; + margin-left: 16px; + vertical-align: middle; +} +@media all and (-ms-high-contrast: none) { + .react16-pagination-options *::-ms-backdrop, + .react16-pagination-options { + vertical-align: top; + } +} +.react16-pagination-options-size-changer.react16-select { + display: inline-block; + width: auto; +} +.react16-pagination-options-quick-jumper { + display: inline-block; + height: 32px; + margin-left: 8px; + line-height: 32px; + vertical-align: top; +} +.react16-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; +} +.react16-pagination-options-quick-jumper input::placeholder { + color: #bfbfbf; + user-select: none; +} +.react16-pagination-options-quick-jumper input:placeholder-shown { + text-overflow: ellipsis; +} +.react16-pagination-options-quick-jumper input:hover { + border-color: var(--react16-primary-5); + border-right-width: 1px; +} +.react16-input-rtl .react16-pagination-options-quick-jumper input:hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-pagination-options-quick-jumper input:focus, +.react16-pagination-options-quick-jumper input-focused { + border-color: var(--react16-primary-color-hover); + box-shadow: 0 0 0 2px var(--react16-primary-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-rtl .react16-pagination-options-quick-jumper input:focus, +.react16-input-rtl .react16-pagination-options-quick-jumper input-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-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; +} +.react16-pagination-options-quick-jumper input-disabled:hover { + border-color: #d9d9d9; + border-right-width: 1px; +} +.react16-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; +} +.react16-pagination-options-quick-jumper input[disabled]:hover { + border-color: #d9d9d9; + border-right-width: 1px; +} +.react16-pagination-options-quick-jumper input-borderless, +.react16-pagination-options-quick-jumper input-borderless:hover, +.react16-pagination-options-quick-jumper input-borderless:focus, +.react16-pagination-options-quick-jumper input-borderless-focused, +.react16-pagination-options-quick-jumper input-borderless-disabled, +.react16-pagination-options-quick-jumper input-borderless[disabled] { + background-color: transparent; + border: none; + box-shadow: none; +} +textarea.react16-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; +} +.react16-pagination-options-quick-jumper input-lg { + padding: 6.5px 11px; + font-size: 16px; +} +.react16-pagination-options-quick-jumper input-sm { + padding: 0px 7px; +} +.react16-pagination-options-quick-jumper input-rtl { + direction: rtl; +} +.react16-pagination-simple .react16-pagination-prev, +.react16-pagination-simple .react16-pagination-next { + height: 24px; + line-height: 24px; + vertical-align: top; +} +.react16-pagination-simple .react16-pagination-prev .react16-pagination-item-link, +.react16-pagination-simple .react16-pagination-next .react16-pagination-item-link { + height: 24px; + background-color: transparent; + border: 0; +} +.react16-pagination-simple .react16-pagination-prev .react16-pagination-item-link::after, +.react16-pagination-simple .react16-pagination-next .react16-pagination-item-link::after { + height: 24px; + line-height: 24px; +} +.react16-pagination-simple .react16-pagination-simple-pager { + display: inline-block; + height: 24px; + margin-right: 8px; +} +.react16-pagination-simple .react16-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; +} +.react16-pagination-simple .react16-pagination-simple-pager input:hover { + border-color: var(--react16-primary-color); +} +.react16-pagination-simple .react16-pagination-simple-pager input:focus { + border-color: var(--react16-primary-color-hover); + box-shadow: 0 0 0 2px var(--react16-primary-color-outline); +} +.react16-pagination-simple .react16-pagination-simple-pager input[disabled] { + color: rgba(0, 0, 0, 0.25); + background: #f5f5f5; + border-color: #d9d9d9; + cursor: not-allowed; +} +.react16-pagination.react16-pagination-mini .react16-pagination-total-text, +.react16-pagination.react16-pagination-mini .react16-pagination-simple-pager { + height: 24px; + line-height: 24px; +} +.react16-pagination.react16-pagination-mini .react16-pagination-item { + min-width: 24px; + height: 24px; + margin: 0; + line-height: 22px; +} +.react16-pagination.react16-pagination-mini .react16-pagination-item:not(.react16-pagination-item-active) { + background: transparent; + border-color: transparent; +} +.react16-pagination.react16-pagination-mini .react16-pagination-prev, +.react16-pagination.react16-pagination-mini .react16-pagination-next { + min-width: 24px; + height: 24px; + margin: 0; + line-height: 24px; +} +.react16-pagination.react16-pagination-mini .react16-pagination-prev .react16-pagination-item-link, +.react16-pagination.react16-pagination-mini .react16-pagination-next .react16-pagination-item-link { + background: transparent; + border-color: transparent; +} +.react16-pagination.react16-pagination-mini .react16-pagination-prev .react16-pagination-item-link::after, +.react16-pagination.react16-pagination-mini .react16-pagination-next .react16-pagination-item-link::after { + height: 24px; + line-height: 24px; +} +.react16-pagination.react16-pagination-mini .react16-pagination-jump-prev, +.react16-pagination.react16-pagination-mini .react16-pagination-jump-next { + height: 24px; + margin-right: 0; + line-height: 24px; +} +.react16-pagination.react16-pagination-mini .react16-pagination-options { + margin-left: 2px; +} +.react16-pagination.react16-pagination-mini .react16-pagination-options-size-changer { + top: 0px; +} +.react16-pagination.react16-pagination-mini .react16-pagination-options-quick-jumper { + height: 24px; + line-height: 24px; +} +.react16-pagination.react16-pagination-mini .react16-pagination-options-quick-jumper input { + padding: 0px 7px; + width: 44px; + height: 24px; +} +.react16-pagination.react16-pagination-disabled { + cursor: not-allowed; +} +.react16-pagination.react16-pagination-disabled .react16-pagination-item { + background: #f5f5f5; + border-color: #d9d9d9; + cursor: not-allowed; +} +.react16-pagination.react16-pagination-disabled .react16-pagination-item a { + color: rgba(0, 0, 0, 0.25); + background: transparent; + border: none; + cursor: not-allowed; +} +.react16-pagination.react16-pagination-disabled .react16-pagination-item-active { + background: #e6e6e6; +} +.react16-pagination.react16-pagination-disabled .react16-pagination-item-active a { + color: rgba(0, 0, 0, 0.25); +} +.react16-pagination.react16-pagination-disabled .react16-pagination-item-link { + color: rgba(0, 0, 0, 0.25); + background: #f5f5f5; + border-color: #d9d9d9; + cursor: not-allowed; +} +.react16-pagination-simple.react16-pagination.react16-pagination-disabled .react16-pagination-item-link { + background: transparent; +} +.react16-pagination.react16-pagination-disabled .react16-pagination-item-link-icon { + opacity: 0; +} +.react16-pagination.react16-pagination-disabled .react16-pagination-item-ellipsis { + opacity: 1; +} +.react16-pagination.react16-pagination-disabled .react16-pagination-simple-pager { + color: rgba(0, 0, 0, 0.25); +} +@media only screen and (max-width: 992px) { + .react16-pagination-item-after-jump-prev, + .react16-pagination-item-before-jump-next { + display: none; + } +} +@media only screen and (max-width: 576px) { + .react16-pagination-options { + display: none; + } +} +.react16-pagination-rtl .react16-pagination-total-text { + margin-right: 0; + margin-left: 8px; +} +.react16-pagination-rtl .react16-pagination-item, +.react16-pagination-rtl .react16-pagination-prev, +.react16-pagination-rtl .react16-pagination-jump-prev, +.react16-pagination-rtl .react16-pagination-jump-next { + margin-right: 0; + margin-left: 8px; +} +.react16-pagination-rtl .react16-pagination-slash { + margin: 0 5px 0 10px; +} +.react16-pagination-rtl .react16-pagination-options { + margin-right: 16px; + margin-left: 0; +} +.react16-pagination-rtl .react16-pagination-options .react16-pagination-options-size-changer.react16-select { + margin-right: 0; + margin-left: 8px; +} +.react16-pagination-rtl .react16-pagination-options .react16-pagination-options-quick-jumper { + margin-left: 0; +} +.react16-pagination-rtl.react16-pagination-simple .react16-pagination-simple-pager { + margin-right: 0; + margin-left: 8px; +} +.react16-pagination-rtl.react16-pagination-simple .react16-pagination-simple-pager input { + margin-right: 0; + margin-left: 8px; +} +.react16-pagination-rtl.react16-pagination.mini .react16-pagination-options { + margin-right: 2px; + margin-left: 0; +} +.react16-popconfirm { + z-index: 1060; +} +.react16-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'; + position: absolute; + top: 0; + left: 0; + z-index: 1030; + font-weight: normal; + white-space: normal; + text-align: left; + cursor: auto; + user-select: text; +} +.react16-popover-content { + position: relative; +} +.react16-popover::after { + position: absolute; + background: rgba(255, 255, 255, 0.01); + content: ''; +} +.react16-popover-hidden { + display: none; +} +.react16-popover-placement-top, +.react16-popover-placement-topLeft, +.react16-popover-placement-topRight { + padding-bottom: 15.3137085px; +} +.react16-popover-placement-right, +.react16-popover-placement-rightTop, +.react16-popover-placement-rightBottom { + padding-left: 15.3137085px; +} +.react16-popover-placement-bottom, +.react16-popover-placement-bottomLeft, +.react16-popover-placement-bottomRight { + padding-top: 15.3137085px; +} +.react16-popover-placement-left, +.react16-popover-placement-leftTop, +.react16-popover-placement-leftBottom { + padding-right: 15.3137085px; +} +.react16-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) { + .react16-popover { + /* IE10+ */ + } + .react16-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); + } +} +.react16-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 rgba(0, 0, 0, 0.06); +} +.react16-popover-inner-content { + padding: 12px 16px; + color: rgba(0, 0, 0, 0.85); +} +.react16-popover-message { + position: relative; + padding: 4px 0 12px; + color: rgba(0, 0, 0, 0.85); + font-size: 14px; +} +.react16-popover-message > .anticon { + position: absolute; + top: 8.0005px; + color: var(--react16-warning-color); + font-size: 14px; +} +.react16-popover-message-title { + padding-left: 22px; +} +.react16-popover-buttons { + margin-bottom: 4px; + text-align: right; +} +.react16-popover-buttons button:not(:first-child) { + margin-left: 8px; +} +.react16-popover-arrow { + position: absolute; + display: block; + width: 22px; + height: 22px; + overflow: hidden; + background: transparent; + pointer-events: none; +} +.react16-popover-arrow-content { + --antd-arrow-background-color: #fff; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: block; + width: 11.3137085px; + height: 11.3137085px; + margin: auto; + content: ''; + pointer-events: auto; + border-radius: 0 0 2px; + pointer-events: none; +} +.react16-popover-arrow-content::before { + position: absolute; + top: -11.3137085px; + left: -11.3137085px; + width: 33.9411255px; + height: 33.9411255px; + background: var(--antd-arrow-background-color); + background-repeat: no-repeat; + background-position: -10px -10px; + content: ''; + clip-path: inset(33% 33%); + clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); +} +.react16-popover-placement-top .react16-popover-arrow, +.react16-popover-placement-topLeft .react16-popover-arrow, +.react16-popover-placement-topRight .react16-popover-arrow { + bottom: 0; + transform: translateY(100%); +} +.react16-popover-placement-top .react16-popover-arrow-content, +.react16-popover-placement-topLeft .react16-popover-arrow-content, +.react16-popover-placement-topRight .react16-popover-arrow-content { + box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); + transform: translateY(-11px) rotate(45deg); +} +.react16-popover-placement-top .react16-popover-arrow { + left: 50%; + transform: translateY(100%) translateX(-50%); +} +.react16-popover-placement-topLeft .react16-popover-arrow { + left: 16px; +} +.react16-popover-placement-topRight .react16-popover-arrow { + right: 16px; +} +.react16-popover-placement-right .react16-popover-arrow, +.react16-popover-placement-rightTop .react16-popover-arrow, +.react16-popover-placement-rightBottom .react16-popover-arrow { + left: 0; + transform: translateX(-100%); +} +.react16-popover-placement-right .react16-popover-arrow-content, +.react16-popover-placement-rightTop .react16-popover-arrow-content, +.react16-popover-placement-rightBottom .react16-popover-arrow-content { + box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); + transform: translateX(11px) rotate(135deg); +} +.react16-popover-placement-right .react16-popover-arrow { + top: 50%; + transform: translateX(-100%) translateY(-50%); +} +.react16-popover-placement-rightTop .react16-popover-arrow { + top: 12px; +} +.react16-popover-placement-rightBottom .react16-popover-arrow { + bottom: 12px; +} +.react16-popover-placement-bottom .react16-popover-arrow, +.react16-popover-placement-bottomLeft .react16-popover-arrow, +.react16-popover-placement-bottomRight .react16-popover-arrow { + top: 0; + transform: translateY(-100%); +} +.react16-popover-placement-bottom .react16-popover-arrow-content, +.react16-popover-placement-bottomLeft .react16-popover-arrow-content, +.react16-popover-placement-bottomRight .react16-popover-arrow-content { + box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06); + transform: translateY(11px) rotate(-135deg); +} +.react16-popover-placement-bottom .react16-popover-arrow { + left: 50%; + transform: translateY(-100%) translateX(-50%); +} +.react16-popover-placement-bottomLeft .react16-popover-arrow { + left: 16px; +} +.react16-popover-placement-bottomRight .react16-popover-arrow { + right: 16px; +} +.react16-popover-placement-left .react16-popover-arrow, +.react16-popover-placement-leftTop .react16-popover-arrow, +.react16-popover-placement-leftBottom .react16-popover-arrow { + right: 0; + transform: translateX(100%); +} +.react16-popover-placement-left .react16-popover-arrow-content, +.react16-popover-placement-leftTop .react16-popover-arrow-content, +.react16-popover-placement-leftBottom .react16-popover-arrow-content { + box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); + transform: translateX(-11px) rotate(-45deg); +} +.react16-popover-placement-left .react16-popover-arrow { + top: 50%; + transform: translateX(100%) translateY(-50%); +} +.react16-popover-placement-leftTop .react16-popover-arrow { + top: 12px; +} +.react16-popover-placement-leftBottom .react16-popover-arrow { + bottom: 12px; +} +.react16-popover-pink .react16-popover-inner { + background-color: #eb2f96; +} +.react16-popover-pink .react16-popover-arrow-content { + background-color: #eb2f96; +} +.react16-popover-magenta .react16-popover-inner { + background-color: #eb2f96; +} +.react16-popover-magenta .react16-popover-arrow-content { + background-color: #eb2f96; +} +.react16-popover-red .react16-popover-inner { + background-color: #f5222d; +} +.react16-popover-red .react16-popover-arrow-content { + background-color: #f5222d; +} +.react16-popover-volcano .react16-popover-inner { + background-color: #fa541c; +} +.react16-popover-volcano .react16-popover-arrow-content { + background-color: #fa541c; +} +.react16-popover-orange .react16-popover-inner { + background-color: #fa8c16; +} +.react16-popover-orange .react16-popover-arrow-content { + background-color: #fa8c16; +} +.react16-popover-yellow .react16-popover-inner { + background-color: #fadb14; +} +.react16-popover-yellow .react16-popover-arrow-content { + background-color: #fadb14; +} +.react16-popover-gold .react16-popover-inner { + background-color: #faad14; +} +.react16-popover-gold .react16-popover-arrow-content { + background-color: #faad14; +} +.react16-popover-cyan .react16-popover-inner { + background-color: #13c2c2; +} +.react16-popover-cyan .react16-popover-arrow-content { + background-color: #13c2c2; +} +.react16-popover-lime .react16-popover-inner { + background-color: #a0d911; +} +.react16-popover-lime .react16-popover-arrow-content { + background-color: #a0d911; +} +.react16-popover-green .react16-popover-inner { + background-color: #52c41a; +} +.react16-popover-green .react16-popover-arrow-content { + background-color: #52c41a; +} +.react16-popover-blue .react16-popover-inner { + background-color: #1890ff; +} +.react16-popover-blue .react16-popover-arrow-content { + background-color: #1890ff; +} +.react16-popover-geekblue .react16-popover-inner { + background-color: #2f54eb; +} +.react16-popover-geekblue .react16-popover-arrow-content { + background-color: #2f54eb; +} +.react16-popover-purple .react16-popover-inner { + background-color: #722ed1; +} +.react16-popover-purple .react16-popover-arrow-content { + background-color: #722ed1; +} +.react16-popover-rtl { + direction: rtl; + text-align: right; +} +.react16-popover-rtl .react16-popover-message-title { + padding-right: 22px; + padding-left: 16px; +} +.react16-popover-rtl .react16-popover-buttons { + text-align: left; +} +.react16-popover-rtl .react16-popover-buttons button { + margin-right: 8px; + margin-left: 0; +} +.react16-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; +} +.react16-progress-line { + position: relative; + width: 100%; + font-size: 14px; +} +.react16-progress-steps { + display: inline-block; +} +.react16-progress-steps-outer { + display: flex; + flex-direction: row; + align-items: center; +} +.react16-progress-steps-item { + flex-shrink: 0; + min-width: 2px; + margin-right: 2px; + background: #f3f3f3; + transition: all 0.3s; +} +.react16-progress-steps-item-active { + background: var(--react16-primary-color); +} +.react16-progress-small.react16-progress-line, +.react16-progress-small.react16-progress-line .react16-progress-text .anticon { + font-size: 12px; +} +.react16-progress-outer { + display: inline-block; + width: 100%; + margin-right: 0; + padding-right: 0; +} +.react16-progress-show-info .react16-progress-outer { + margin-right: calc(-2em - 8px); + padding-right: calc(2em + 8px); +} +.react16-progress-inner { + position: relative; + display: inline-block; + width: 100%; + overflow: hidden; + vertical-align: middle; + background-color: rgba(0, 0, 0, 0.04); + border-radius: 100px; +} +.react16-progress-circle-trail { + stroke: rgba(0, 0, 0, 0.04); +} +.react16-progress-circle-path { + animation: react16-progress-appear 0.3s; +} +.react16-progress-inner:not(.react16-progress-circle-gradient) .react16-progress-circle-path { + stroke: var(--react16-primary-color); +} +.react16-progress-success-bg, +.react16-progress-bg { + position: relative; + background-color: var(--react16-primary-color); + border-radius: 100px; + transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s; +} +.react16-progress-success-bg { + position: absolute; + top: 0; + left: 0; + background-color: var(--react16-success-color); +} +.react16-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; +} +.react16-progress-text .anticon { + font-size: 14px; +} +.react16-progress-status-active .react16-progress-bg::before { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: #fff; + border-radius: 10px; + opacity: 0; + animation: react16-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite; + content: ''; +} +.react16-progress-status-exception .react16-progress-bg { + background-color: var(--react16-error-color); +} +.react16-progress-status-exception .react16-progress-text { + color: var(--react16-error-color); +} +.react16-progress-status-exception .react16-progress-inner:not(.react16-progress-circle-gradient) .react16-progress-circle-path { + stroke: var(--react16-error-color); +} +.react16-progress-status-success .react16-progress-bg { + background-color: var(--react16-success-color); +} +.react16-progress-status-success .react16-progress-text { + color: var(--react16-success-color); +} +.react16-progress-status-success .react16-progress-inner:not(.react16-progress-circle-gradient) .react16-progress-circle-path { + stroke: var(--react16-success-color); +} +.react16-progress-circle .react16-progress-inner { + position: relative; + line-height: 1; + background-color: transparent; +} +.react16-progress-circle .react16-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%); +} +.react16-progress-circle .react16-progress-text .anticon { + font-size: 1.16666667em; +} +.react16-progress-circle.react16-progress-status-exception .react16-progress-text { + color: var(--react16-error-color); +} +.react16-progress-circle.react16-progress-status-success .react16-progress-text { + color: var(--react16-success-color); +} +@keyframes react16-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; + } +} +.react16-progress-rtl { + direction: rtl; +} +.react16-progress-rtl.react16-progress-show-info .react16-progress-outer { + margin-right: 0; + margin-left: calc(-2em - 8px); + padding-right: 0; + padding-left: calc(2em + 8px); +} +.react16-progress-rtl .react16-progress-success-bg { + right: 0; + left: auto; +} +.react16-progress-rtl.react16-progress-line .react16-progress-text, +.react16-progress-rtl.react16-progress-steps .react16-progress-text { + margin-right: 8px; + margin-left: 0; + text-align: right; +} +.react16-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; +} +.react16-radio-group .react16-badge-count { + z-index: 1; +} +.react16-radio-group > .react16-badge:not(:first-child) > .react16-radio-button-wrapper { + border-left: none; +} +.react16-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; +} +.react16-radio-wrapper-disabled { + cursor: not-allowed; +} +.react16-radio-wrapper::after { + display: inline-block; + width: 0; + overflow: hidden; + content: '\a0'; +} +.react16-radio-wrapper.react16-radio-wrapper-in-form-item input[type='radio'] { + width: 14px; + height: 14px; +} +.react16-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; +} +.react16-radio-wrapper:hover .react16-radio, +.react16-radio:hover .react16-radio-inner, +.react16-radio-input:focus + .react16-radio-inner { + border-color: var(--react16-primary-color); +} +.react16-radio-input:focus + .react16-radio-inner { + box-shadow: 0 0 0 3px var(--react16-primary-color-deprecated-f-12); +} +.react16-radio-checked::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 1px solid var(--react16-primary-color); + border-radius: 50%; + visibility: hidden; + animation: antRadioEffect 0.36s ease-in-out; + animation-fill-mode: both; + content: ''; +} +.react16-radio:hover::after, +.react16-radio-wrapper:hover .react16-radio::after { + visibility: visible; +} +.react16-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; +} +.react16-radio-inner::after { + position: absolute; + top: 50%; + left: 50%; + display: block; + width: 16px; + height: 16px; + margin-top: -8px; + margin-left: -8px; + background-color: var(--react16-primary-color); + 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: ' '; +} +.react16-radio-input { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + cursor: pointer; + opacity: 0; +} +.react16-radio.react16-radio-disabled .react16-radio-inner { + border-color: #d9d9d9; +} +.react16-radio-checked .react16-radio-inner { + border-color: var(--react16-primary-color); +} +.react16-radio-checked .react16-radio-inner::after { + transform: scale(0.5); + opacity: 1; + transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.react16-radio-disabled { + cursor: not-allowed; +} +.react16-radio-disabled .react16-radio-inner { + background-color: #f5f5f5; + cursor: not-allowed; +} +.react16-radio-disabled .react16-radio-inner::after { + background-color: rgba(0, 0, 0, 0.2); +} +.react16-radio-disabled .react16-radio-input { + cursor: not-allowed; +} +.react16-radio-disabled + span { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +span.react16-radio + * { + padding-right: 8px; + padding-left: 8px; +} +.react16-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; +} +.react16-radio-button-wrapper a { + color: rgba(0, 0, 0, 0.85); +} +.react16-radio-button-wrapper > .react16-radio-button { + position: absolute; + top: 0; + left: 0; + z-index: -1; + width: 100%; + height: 100%; +} +.react16-radio-group-large .react16-radio-button-wrapper { + height: 40px; + font-size: 16px; + line-height: 38px; +} +.react16-radio-group-small .react16-radio-button-wrapper { + height: 24px; + padding: 0 7px; + line-height: 22px; +} +.react16-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: ''; +} +.react16-radio-button-wrapper:first-child { + border-left: 1px solid #d9d9d9; + border-radius: 2px 0 0 2px; +} +.react16-radio-button-wrapper:last-child { + border-radius: 0 2px 2px 0; +} +.react16-radio-button-wrapper:first-child:last-child { + border-radius: 2px; +} +.react16-radio-button-wrapper:hover { + position: relative; + color: var(--react16-primary-color); +} +.react16-radio-button-wrapper:focus-within { + box-shadow: 0 0 0 3px var(--react16-primary-color-deprecated-f-12); +} +.react16-radio-button-wrapper .react16-radio-inner, +.react16-radio-button-wrapper input[type='checkbox'], +.react16-radio-button-wrapper input[type='radio'] { + width: 0; + height: 0; + opacity: 0; + pointer-events: none; +} +.react16-radio-button-wrapper-checked:not(.react16-radio-button-wrapper-disabled) { + z-index: 1; + color: var(--react16-primary-color); + background: #fff; + border-color: var(--react16-primary-color); +} +.react16-radio-button-wrapper-checked:not(.react16-radio-button-wrapper-disabled)::before { + background-color: var(--react16-primary-color); +} +.react16-radio-button-wrapper-checked:not(.react16-radio-button-wrapper-disabled):first-child { + border-color: var(--react16-primary-color); +} +.react16-radio-button-wrapper-checked:not(.react16-radio-button-wrapper-disabled):hover { + color: var(--react16-primary-5); + border-color: var(--react16-primary-5); +} +.react16-radio-button-wrapper-checked:not(.react16-radio-button-wrapper-disabled):hover::before { + background-color: var(--react16-primary-5); +} +.react16-radio-button-wrapper-checked:not(.react16-radio-button-wrapper-disabled):active { + color: var(--react16-primary-7); + border-color: var(--react16-primary-7); +} +.react16-radio-button-wrapper-checked:not(.react16-radio-button-wrapper-disabled):active::before { + background-color: var(--react16-primary-7); +} +.react16-radio-button-wrapper-checked:not(.react16-radio-button-wrapper-disabled):focus-within { + box-shadow: 0 0 0 3px var(--react16-primary-color-deprecated-f-12); +} +.react16-radio-group-solid .react16-radio-button-wrapper-checked:not(.react16-radio-button-wrapper-disabled) { + color: #fff; + background: var(--react16-primary-color); + border-color: var(--react16-primary-color); +} +.react16-radio-group-solid .react16-radio-button-wrapper-checked:not(.react16-radio-button-wrapper-disabled):hover { + color: #fff; + background: var(--react16-primary-5); + border-color: var(--react16-primary-5); +} +.react16-radio-group-solid .react16-radio-button-wrapper-checked:not(.react16-radio-button-wrapper-disabled):active { + color: #fff; + background: var(--react16-primary-7); + border-color: var(--react16-primary-7); +} +.react16-radio-group-solid .react16-radio-button-wrapper-checked:not(.react16-radio-button-wrapper-disabled):focus-within { + box-shadow: 0 0 0 3px var(--react16-primary-color-deprecated-f-12); +} +.react16-radio-button-wrapper-disabled { + color: rgba(0, 0, 0, 0.25); + background-color: #f5f5f5; + border-color: #d9d9d9; + cursor: not-allowed; +} +.react16-radio-button-wrapper-disabled:first-child, +.react16-radio-button-wrapper-disabled:hover { + color: rgba(0, 0, 0, 0.25); + background-color: #f5f5f5; + border-color: #d9d9d9; +} +.react16-radio-button-wrapper-disabled:first-child { + border-left-color: #d9d9d9; +} +.react16-radio-button-wrapper-disabled.react16-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; + } +} +.react16-radio-group.react16-radio-group-rtl { + direction: rtl; +} +.react16-radio-wrapper.react16-radio-wrapper-rtl { + margin-right: 0; + margin-left: 8px; + direction: rtl; +} +.react16-radio-button-wrapper.react16-radio-button-wrapper-rtl { + border-right-width: 0; + border-left-width: 1px; +} +.react16-radio-button-wrapper.react16-radio-button-wrapper-rtl.react16-radio-button-wrapper:not(:first-child)::before { + right: -1px; + left: 0; +} +.react16-radio-button-wrapper.react16-radio-button-wrapper-rtl.react16-radio-button-wrapper:first-child { + border-right: 1px solid #d9d9d9; + border-radius: 0 2px 2px 0; +} +.react16-radio-button-wrapper-checked:not([class*=' react16-radio-button-wrapper-disabled']).react16-radio-button-wrapper:first-child { + border-right-color: var(--react16-primary-5); +} +.react16-radio-button-wrapper.react16-radio-button-wrapper-rtl.react16-radio-button-wrapper:last-child { + border-radius: 2px 0 0 2px; +} +.react16-radio-button-wrapper.react16-radio-button-wrapper-rtl.react16-radio-button-wrapper-disabled:first-child { + border-right-color: #d9d9d9; +} +.react16-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; +} +.react16-rate-disabled .react16-rate-star { + cursor: default; +} +.react16-rate-disabled .react16-rate-star > div:hover { + transform: scale(1); +} +.react16-rate-star { + position: relative; + display: inline-block; + color: inherit; + cursor: pointer; +} +.react16-rate-star:not(:last-child) { + margin-right: 8px; +} +.react16-rate-star > div { + transition: all 0.3s, outline 0s; +} +.react16-rate-star > div:hover { + transform: scale(1.1); +} +.react16-rate-star > div:focus { + outline: 0; +} +.react16-rate-star > div:focus-visible { + outline: 1px dashed #fadb14; + transform: scale(1.1); +} +.react16-rate-star-first, +.react16-rate-star-second { + color: rgba(0, 0, 0, 0.06); + transition: all 0.3s; + user-select: none; +} +.react16-rate-star-first .anticon, +.react16-rate-star-second .anticon { + vertical-align: middle; +} +.react16-rate-star-first { + position: absolute; + top: 0; + left: 0; + width: 50%; + height: 100%; + overflow: hidden; + opacity: 0; +} +.react16-rate-star-half .react16-rate-star-first, +.react16-rate-star-half .react16-rate-star-second { + opacity: 1; +} +.react16-rate-star-half .react16-rate-star-first, +.react16-rate-star-full .react16-rate-star-second { + color: inherit; +} +.react16-rate-text { + display: inline-block; + margin: 0 8px; + font-size: 14px; +} +.react16-rate-rtl { + direction: rtl; +} +.react16-rate-rtl .react16-rate-star:not(:last-child) { + margin-right: 0; + margin-left: 8px; +} +.react16-rate-rtl .react16-rate-star-first { + right: 0; + left: auto; +} +.react16-result { + padding: 48px 32px; +} +.react16-result-success .react16-result-icon > .anticon { + color: var(--react16-success-color); +} +.react16-result-error .react16-result-icon > .anticon { + color: var(--react16-error-color); +} +.react16-result-info .react16-result-icon > .anticon { + color: var(--react16-info-color); +} +.react16-result-warning .react16-result-icon > .anticon { + color: var(--react16-warning-color); +} +.react16-result-image { + width: 250px; + height: 295px; + margin: auto; +} +.react16-result-icon { + margin-bottom: 24px; + text-align: center; +} +.react16-result-icon > .anticon { + font-size: 72px; +} +.react16-result-title { + color: rgba(0, 0, 0, 0.85); + font-size: 24px; + line-height: 1.8; + text-align: center; +} +.react16-result-subtitle { + color: rgba(0, 0, 0, 0.45); + font-size: 14px; + line-height: 1.6; + text-align: center; +} +.react16-result-extra { + margin: 24px 0 0 0; + text-align: center; +} +.react16-result-extra > * { + margin-right: 8px; +} +.react16-result-extra > *:last-child { + margin-right: 0; +} +.react16-result-content { + margin-top: 24px; + padding: 24px 40px; + background-color: #fafafa; +} +.react16-result-rtl { + direction: rtl; +} +.react16-result-rtl .react16-result-extra > * { + margin-right: 0; + margin-left: 8px; +} +.react16-result-rtl .react16-result-extra > *:last-child { + margin-left: 0; +} +.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; +} +.react16-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); +} +.react16-segmented-group { + position: relative; + display: flex; + align-items: stretch; + justify-items: flex-start; + width: 100%; +} +.react16-segmented.react16-segmented-block { + display: flex; +} +.react16-segmented.react16-segmented-block .react16-segmented-item { + flex: 1; + min-width: 0; +} +.react16-segmented:not(.react16-segmented-disabled):hover, +.react16-segmented:not(.react16-segmented-disabled):focus { + background-color: rgba(0, 0, 0, 0.06); +} +.react16-segmented-item { + position: relative; + text-align: center; + cursor: pointer; + transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.react16-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; +} +.react16-segmented-item:hover, +.react16-segmented-item:focus { + color: #262626; +} +.react16-segmented-item-label { + min-height: 28px; + padding: 0 11px; + line-height: 28px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + word-break: keep-all; +} +.react16-segmented-item-icon + * { + margin-left: 6px; +} +.react16-segmented-item-input { + position: absolute; + top: 0; + left: 0; + width: 0; + height: 0; + opacity: 0; + pointer-events: none; +} +.react16-segmented.react16-segmented-lg .react16-segmented-item-label { + min-height: 36px; + padding: 0 11px; + font-size: 16px; + line-height: 36px; +} +.react16-segmented.react16-segmented-sm .react16-segmented-item-label { + min-height: 20px; + padding: 0 7px; + line-height: 20px; +} +.react16-segmented-item-disabled, +.react16-segmented-item-disabled:hover, +.react16-segmented-item-disabled:focus { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +.react16-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; +} +.react16-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; +} +.react16-segmented.react16-segmented-rtl { + direction: rtl; +} +.react16-segmented.react16-segmented-rtl .react16-segmented-item-icon { + margin-right: 0; + margin-left: 6px; +} +.react16-select-single .react16-select-selector { + display: flex; +} +.react16-select-single .react16-select-selector .react16-select-selection-search { + position: absolute; + top: 0; + right: 11px; + bottom: 0; + left: 11px; +} +.react16-select-single .react16-select-selector .react16-select-selection-search-input { + width: 100%; +} +.react16-select-single .react16-select-selector .react16-select-selection-item, +.react16-select-single .react16-select-selector .react16-select-selection-placeholder { + padding: 0; + line-height: 30px; + transition: all 0.3s; +} +.react16-select-single .react16-select-selector .react16-select-selection-item { + position: relative; + user-select: none; +} +.react16-select-single .react16-select-selector .react16-select-selection-placeholder { + transition: none; + pointer-events: none; +} +.react16-select-single .react16-select-selector::after, +.react16-select-single .react16-select-selector .react16-select-selection-item::after, +.react16-select-single .react16-select-selector .react16-select-selection-placeholder::after { + display: inline-block; + width: 0; + visibility: hidden; + content: '\a0'; +} +.react16-select-single.react16-select-show-arrow .react16-select-selection-search { + right: 25px; +} +.react16-select-single.react16-select-show-arrow .react16-select-selection-item, +.react16-select-single.react16-select-show-arrow .react16-select-selection-placeholder { + padding-right: 18px; +} +.react16-select-single.react16-select-open .react16-select-selection-item { + color: #bfbfbf; +} +.react16-select-single:not(.react16-select-customize-input) .react16-select-selector { + width: 100%; + height: 32px; + padding: 0 11px; +} +.react16-select-single:not(.react16-select-customize-input) .react16-select-selector .react16-select-selection-search-input { + height: 30px; +} +.react16-select-single:not(.react16-select-customize-input) .react16-select-selector::after { + line-height: 30px; +} +.react16-select-single.react16-select-customize-input .react16-select-selector::after { + display: none; +} +.react16-select-single.react16-select-customize-input .react16-select-selector .react16-select-selection-search { + position: static; + width: 100%; +} +.react16-select-single.react16-select-customize-input .react16-select-selector .react16-select-selection-placeholder { + position: absolute; + right: 0; + left: 0; + padding: 0 11px; +} +.react16-select-single.react16-select-customize-input .react16-select-selector .react16-select-selection-placeholder::after { + display: none; +} +.react16-select-single.react16-select-lg:not(.react16-select-customize-input) .react16-select-selector { + height: 40px; +} +.react16-select-single.react16-select-lg:not(.react16-select-customize-input) .react16-select-selector::after, +.react16-select-single.react16-select-lg:not(.react16-select-customize-input) .react16-select-selector .react16-select-selection-item, +.react16-select-single.react16-select-lg:not(.react16-select-customize-input) .react16-select-selector .react16-select-selection-placeholder { + line-height: 38px; +} +.react16-select-single.react16-select-lg:not(.react16-select-customize-input):not(.react16-select-customize-input) .react16-select-selection-search-input { + height: 38px; +} +.react16-select-single.react16-select-sm:not(.react16-select-customize-input) .react16-select-selector { + height: 24px; +} +.react16-select-single.react16-select-sm:not(.react16-select-customize-input) .react16-select-selector::after, +.react16-select-single.react16-select-sm:not(.react16-select-customize-input) .react16-select-selector .react16-select-selection-item, +.react16-select-single.react16-select-sm:not(.react16-select-customize-input) .react16-select-selector .react16-select-selection-placeholder { + line-height: 22px; +} +.react16-select-single.react16-select-sm:not(.react16-select-customize-input):not(.react16-select-customize-input) .react16-select-selection-search-input { + height: 22px; +} +.react16-select-single.react16-select-sm:not(.react16-select-customize-input) .react16-select-selection-search { + right: 7px; + left: 7px; +} +.react16-select-single.react16-select-sm:not(.react16-select-customize-input) .react16-select-selector { + padding: 0 7px; +} +.react16-select-single.react16-select-sm:not(.react16-select-customize-input).react16-select-show-arrow .react16-select-selection-search { + right: 28px; +} +.react16-select-single.react16-select-sm:not(.react16-select-customize-input).react16-select-show-arrow .react16-select-selection-item, +.react16-select-single.react16-select-sm:not(.react16-select-customize-input).react16-select-show-arrow .react16-select-selection-placeholder { + padding-right: 21px; +} +.react16-select-single.react16-select-lg:not(.react16-select-customize-input) .react16-select-selector { + padding: 0 11px; +} +/** + * Do not merge `height` & `line-height` under style with `selection` & `search`, + * since chrome may update to redesign with its align logic. + */ +.react16-select-selection-overflow { + position: relative; + display: flex; + flex: auto; + flex-wrap: wrap; + max-width: 100%; +} +.react16-select-selection-overflow-item { + flex: none; + align-self: center; + max-width: 100%; +} +.react16-select-multiple .react16-select-selector { + display: flex; + flex-wrap: wrap; + align-items: center; + padding: 1px 4px; +} +.react16-select-show-search.react16-select-multiple .react16-select-selector { + cursor: text; +} +.react16-select-disabled.react16-select-multiple .react16-select-selector { + background: #f5f5f5; + cursor: not-allowed; +} +.react16-select-multiple .react16-select-selector::after { + display: inline-block; + width: 0; + margin: 2px 0; + line-height: 24px; + content: '\a0'; +} +.react16-select-multiple.react16-select-show-arrow .react16-select-selector, +.react16-select-multiple.react16-select-allow-clear .react16-select-selector { + padding-right: 24px; +} +.react16-select-multiple .react16-select-selection-item { + position: relative; + display: flex; + flex: none; + box-sizing: border-box; + max-width: 100%; + height: 24px; + margin-top: 2px; + margin-bottom: 2px; + line-height: 22px; + background: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.06); + border-radius: 2px; + cursor: default; + transition: font-size 0.3s, line-height 0.3s, height 0.3s; + user-select: none; + margin-inline-end: 4px; + padding-inline-start: 8px; + padding-inline-end: 4px; +} +.react16-select-disabled.react16-select-multiple .react16-select-selection-item { + color: #bfbfbf; + border-color: #d9d9d9; + cursor: not-allowed; +} +.react16-select-multiple .react16-select-selection-item-content { + display: inline-block; + margin-right: 4px; + overflow: hidden; + white-space: pre; + text-overflow: ellipsis; +} +.react16-select-multiple .react16-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-block; + color: rgba(0, 0, 0, 0.45); + font-weight: bold; + font-size: 10px; + line-height: inherit; + cursor: pointer; +} +.react16-select-multiple .react16-select-selection-item-remove > * { + line-height: 1; +} +.react16-select-multiple .react16-select-selection-item-remove svg { + display: inline-block; +} +.react16-select-multiple .react16-select-selection-item-remove::before { + display: none; +} +.react16-select-multiple .react16-select-selection-item-remove .react16-select-multiple .react16-select-selection-item-remove-icon { + display: block; +} +.react16-select-multiple .react16-select-selection-item-remove > .anticon { + vertical-align: middle; +} +.react16-select-multiple .react16-select-selection-item-remove:hover { + color: rgba(0, 0, 0, 0.75); +} +.react16-select-multiple .react16-select-selection-overflow-item + .react16-select-selection-overflow-item .react16-select-selection-search { + margin-inline-start: 0; +} +.react16-select-multiple .react16-select-selection-search { + position: relative; + max-width: 100%; + margin-inline-start: 7px; +} +.react16-select-multiple .react16-select-selection-search-input, +.react16-select-multiple .react16-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; +} +.react16-select-multiple .react16-select-selection-search-input { + width: 100%; + min-width: 4.1px; +} +.react16-select-multiple .react16-select-selection-search-mirror { + position: absolute; + top: 0; + left: 0; + z-index: 999; + white-space: pre; + visibility: hidden; +} +.react16-select-multiple .react16-select-selection-placeholder { + position: absolute; + top: 50%; + right: 11px; + left: 11px; + transform: translateY(-50%); + transition: all 0.3s; +} +.react16-select-multiple.react16-select-lg .react16-select-selector::after { + line-height: 32px; +} +.react16-select-multiple.react16-select-lg .react16-select-selection-item { + height: 32px; + line-height: 30px; +} +.react16-select-multiple.react16-select-lg .react16-select-selection-search { + height: 32px; + line-height: 32px; +} +.react16-select-multiple.react16-select-lg .react16-select-selection-search-input, +.react16-select-multiple.react16-select-lg .react16-select-selection-search-mirror { + height: 32px; + line-height: 30px; +} +.react16-select-multiple.react16-select-sm .react16-select-selector::after { + line-height: 16px; +} +.react16-select-multiple.react16-select-sm .react16-select-selection-item { + height: 16px; + line-height: 14px; +} +.react16-select-multiple.react16-select-sm .react16-select-selection-search { + height: 16px; + line-height: 16px; +} +.react16-select-multiple.react16-select-sm .react16-select-selection-search-input, +.react16-select-multiple.react16-select-sm .react16-select-selection-search-mirror { + height: 16px; + line-height: 14px; +} +.react16-select-multiple.react16-select-sm .react16-select-selection-placeholder { + left: 7px; +} +.react16-select-multiple.react16-select-sm .react16-select-selection-search { + margin-inline-start: 3px; +} +.react16-select-multiple.react16-select-lg .react16-select-selection-item { + height: 32px; + line-height: 32px; +} +.react16-select-disabled .react16-select-selection-item-remove { + display: none; +} +.react16-select-status-error.react16-select:not(.react16-select-disabled):not(.react16-select-customize-input):not(.react16-pagination-size-changer) .react16-select-selector { + background-color: #fff; + border-color: var(--react16-error-color) !important; +} +.react16-select-status-error.react16-select:not(.react16-select-disabled):not(.react16-select-customize-input):not(.react16-pagination-size-changer).react16-select-open .react16-select-selector, +.react16-select-status-error.react16-select:not(.react16-select-disabled):not(.react16-select-customize-input):not(.react16-pagination-size-changer).react16-select-focused .react16-select-selector { + border-color: var(--react16-error-color-hover); + box-shadow: 0 0 0 2px var(--react16-error-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-select-status-warning.react16-select:not(.react16-select-disabled):not(.react16-select-customize-input):not(.react16-pagination-size-changer) .react16-select-selector { + background-color: #fff; + border-color: var(--react16-warning-color) !important; +} +.react16-select-status-warning.react16-select:not(.react16-select-disabled):not(.react16-select-customize-input):not(.react16-pagination-size-changer).react16-select-open .react16-select-selector, +.react16-select-status-warning.react16-select:not(.react16-select-disabled):not(.react16-select-customize-input):not(.react16-pagination-size-changer).react16-select-focused .react16-select-selector { + border-color: var(--react16-warning-color-hover); + box-shadow: 0 0 0 2px var(--react16-warning-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-select-status-error.react16-select-has-feedback .react16-select-clear, +.react16-select-status-warning.react16-select-has-feedback .react16-select-clear, +.react16-select-status-success.react16-select-has-feedback .react16-select-clear, +.react16-select-status-validating.react16-select-has-feedback .react16-select-clear { + right: 32px; +} +.react16-select-status-error.react16-select-has-feedback .react16-select-selection-selected-value, +.react16-select-status-warning.react16-select-has-feedback .react16-select-selection-selected-value, +.react16-select-status-success.react16-select-has-feedback .react16-select-selection-selected-value, +.react16-select-status-validating.react16-select-has-feedback .react16-select-selection-selected-value { + padding-right: 42px; +} +/* Reset search input style */ +.react16-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-block; + cursor: pointer; +} +.react16-select:not(.react16-select-customize-input) .react16-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); +} +.react16-select:not(.react16-select-customize-input) .react16-select-selector input { + cursor: pointer; +} +.react16-select-show-search.react16-select:not(.react16-select-customize-input) .react16-select-selector { + cursor: text; +} +.react16-select-show-search.react16-select:not(.react16-select-customize-input) .react16-select-selector input { + cursor: auto; +} +.react16-select-focused:not(.react16-select-disabled).react16-select:not(.react16-select-customize-input) .react16-select-selector { + border-color: var(--react16-primary-color-hover); + box-shadow: 0 0 0 2px var(--react16-primary-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-rtl .react16-select-focused:not(.react16-select-disabled).react16-select:not(.react16-select-customize-input) .react16-select-selector { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-select-disabled.react16-select:not(.react16-select-customize-input) .react16-select-selector { + color: rgba(0, 0, 0, 0.25); + background: #f5f5f5; + cursor: not-allowed; +} +.react16-select-multiple.react16-select-disabled.react16-select:not(.react16-select-customize-input) .react16-select-selector { + background: #f5f5f5; +} +.react16-select-disabled.react16-select:not(.react16-select-customize-input) .react16-select-selector input { + cursor: not-allowed; +} +.react16-select:not(.react16-select-customize-input) .react16-select-selector .react16-select-selection-search-input { + margin: 0; + padding: 0; + background: transparent; + border: none; + outline: none; + appearance: none; +} +.react16-select:not(.react16-select-customize-input) .react16-select-selector .react16-select-selection-search-input::-webkit-search-cancel-button { + display: none; + /* stylelint-disable-next-line property-no-vendor-prefix */ + -webkit-appearance: none; +} +.react16-select:not(.react16-select-disabled):hover .react16-select-selector { + border-color: var(--react16-primary-5); + border-right-width: 1px; +} +.react16-input-rtl .react16-select:not(.react16-select-disabled):hover .react16-select-selector { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-select-selection-item { + flex: 1; + overflow: hidden; + font-weight: normal; + white-space: nowrap; + text-overflow: ellipsis; +} +@media all and (-ms-high-contrast: none) { + .react16-select-selection-item *::-ms-backdrop, + .react16-select-selection-item { + flex: auto; + } +} +.react16-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) { + .react16-select-selection-placeholder *::-ms-backdrop, + .react16-select-selection-placeholder { + flex: auto; + } +} +.react16-select-arrow { + display: inline-block; + 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%; + right: 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; +} +.react16-select-arrow > * { + line-height: 1; +} +.react16-select-arrow svg { + display: inline-block; +} +.react16-select-arrow::before { + display: none; +} +.react16-select-arrow .react16-select-arrow-icon { + display: block; +} +.react16-select-arrow .anticon { + vertical-align: top; + transition: transform 0.3s; +} +.react16-select-arrow .anticon > svg { + vertical-align: top; +} +.react16-select-arrow .anticon:not(.react16-select-suffix) { + pointer-events: auto; +} +.react16-select-disabled .react16-select-arrow { + cursor: not-allowed; +} +.react16-select-arrow > *:not(:last-child) { + margin-inline-end: 8px; +} +.react16-select-clear { + position: absolute; + top: 50%; + right: 11px; + 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; + cursor: pointer; + opacity: 0; + transition: color 0.3s ease, opacity 0.15s ease; + text-rendering: auto; +} +.react16-select-clear::before { + display: block; +} +.react16-select-clear:hover { + color: rgba(0, 0, 0, 0.45); +} +.react16-select:hover .react16-select-clear { + opacity: 1; +} +.react16-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; + left: -9999px; + z-index: 1050; + box-sizing: border-box; + padding: 4px 0; + 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); +} +.react16-select-dropdown.react16-slide-up-enter.react16-slide-up-enter-active.react16-select-dropdown-placement-bottomLeft, +.react16-select-dropdown.react16-slide-up-appear.react16-slide-up-appear-active.react16-select-dropdown-placement-bottomLeft { + animation-name: antSlideUpIn; +} +.react16-select-dropdown.react16-slide-up-enter.react16-slide-up-enter-active.react16-select-dropdown-placement-topLeft, +.react16-select-dropdown.react16-slide-up-appear.react16-slide-up-appear-active.react16-select-dropdown-placement-topLeft { + animation-name: antSlideDownIn; +} +.react16-select-dropdown.react16-slide-up-leave.react16-slide-up-leave-active.react16-select-dropdown-placement-bottomLeft { + animation-name: antSlideUpOut; +} +.react16-select-dropdown.react16-slide-up-leave.react16-slide-up-leave-active.react16-select-dropdown-placement-topLeft { + animation-name: antSlideDownOut; +} +.react16-select-dropdown-hidden { + display: none; +} +.react16-select-dropdown-empty { + color: rgba(0, 0, 0, 0.25); +} +.react16-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); +} +.react16-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; +} +.react16-select-item-group { + color: rgba(0, 0, 0, 0.45); + font-size: 12px; + cursor: default; +} +.react16-select-item-option { + display: flex; +} +.react16-select-item-option-content { + flex: auto; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.react16-select-item-option-state { + flex: none; +} +.react16-select-item-option-active:not(.react16-select-item-option-disabled) { + background-color: #f5f5f5; +} +.react16-select-item-option-selected:not(.react16-select-item-option-disabled) { + color: rgba(0, 0, 0, 0.85); + font-weight: 600; + background-color: var(--react16-primary-1); +} +.react16-select-item-option-selected:not(.react16-select-item-option-disabled) .react16-select-item-option-state { + color: var(--react16-primary-color); +} +.react16-select-item-option-disabled { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +.react16-select-item-option-disabled.react16-select-item-option-selected { + background-color: #f5f5f5; +} +.react16-select-item-option-grouped { + padding-left: 24px; +} +.react16-select-lg { + font-size: 16px; +} +.react16-select-borderless .react16-select-selector { + background-color: transparent !important; + border-color: transparent !important; + box-shadow: none !important; +} +.react16-select.react16-select-in-form-item { + width: 100%; +} +.react16-select-rtl { + direction: rtl; +} +.react16-select-rtl .react16-select-arrow { + right: initial; + left: 11px; +} +.react16-select-rtl .react16-select-clear { + right: initial; + left: 11px; +} +.react16-select-dropdown-rtl { + direction: rtl; +} +.react16-select-dropdown-rtl .react16-select-item-option-grouped { + padding-right: 24px; + padding-left: 12px; +} +.react16-select-rtl.react16-select-multiple.react16-select-show-arrow .react16-select-selector, +.react16-select-rtl.react16-select-multiple.react16-select-allow-clear .react16-select-selector { + padding-right: 4px; + padding-left: 24px; +} +.react16-select-rtl.react16-select-multiple .react16-select-selection-item { + text-align: right; +} +.react16-select-rtl.react16-select-multiple .react16-select-selection-item-content { + margin-right: 0; + margin-left: 4px; + text-align: right; +} +.react16-select-rtl.react16-select-multiple .react16-select-selection-search-mirror { + right: 0; + left: auto; +} +.react16-select-rtl.react16-select-multiple .react16-select-selection-placeholder { + right: 11px; + left: auto; +} +.react16-select-rtl.react16-select-multiple.react16-select-sm .react16-select-selection-placeholder { + right: 7px; +} +.react16-select-rtl.react16-select-single .react16-select-selector .react16-select-selection-item, +.react16-select-rtl.react16-select-single .react16-select-selector .react16-select-selection-placeholder { + right: 0; + left: 9px; + text-align: right; +} +.react16-select-rtl.react16-select-single.react16-select-show-arrow .react16-select-selection-search { + right: 11px; + left: 25px; +} +.react16-select-rtl.react16-select-single.react16-select-show-arrow .react16-select-selection-item, +.react16-select-rtl.react16-select-single.react16-select-show-arrow .react16-select-selection-placeholder { + padding-right: 0; + padding-left: 18px; +} +.react16-select-rtl.react16-select-single.react16-select-sm:not(.react16-select-customize-input).react16-select-show-arrow .react16-select-selection-search { + right: 6px; +} +.react16-select-rtl.react16-select-single.react16-select-sm:not(.react16-select-customize-input).react16-select-show-arrow .react16-select-selection-item, +.react16-select-rtl.react16-select-single.react16-select-sm:not(.react16-select-customize-input).react16-select-show-arrow .react16-select-selection-placeholder { + padding-right: 0; + padding-left: 21px; +} +.react16-skeleton { + display: table; + width: 100%; +} +.react16-skeleton-header { + display: table-cell; + padding-right: 16px; + vertical-align: top; +} +.react16-skeleton-header .react16-skeleton-avatar { + display: inline-block; + vertical-align: top; + background: rgba(190, 190, 190, 0.2); + width: 32px; + height: 32px; + line-height: 32px; +} +.react16-skeleton-header .react16-skeleton-avatar.react16-skeleton-avatar-circle { + border-radius: 50%; +} +.react16-skeleton-header .react16-skeleton-avatar-lg { + width: 40px; + height: 40px; + line-height: 40px; +} +.react16-skeleton-header .react16-skeleton-avatar-lg.react16-skeleton-avatar-circle { + border-radius: 50%; +} +.react16-skeleton-header .react16-skeleton-avatar-sm { + width: 24px; + height: 24px; + line-height: 24px; +} +.react16-skeleton-header .react16-skeleton-avatar-sm.react16-skeleton-avatar-circle { + border-radius: 50%; +} +.react16-skeleton-content { + display: table-cell; + width: 100%; + vertical-align: top; +} +.react16-skeleton-content .react16-skeleton-title { + width: 100%; + height: 16px; + background: rgba(190, 190, 190, 0.2); + border-radius: 2px; +} +.react16-skeleton-content .react16-skeleton-title + .react16-skeleton-paragraph { + margin-top: 24px; +} +.react16-skeleton-content .react16-skeleton-paragraph { + padding: 0; +} +.react16-skeleton-content .react16-skeleton-paragraph > li { + width: 100%; + height: 16px; + list-style: none; + background: rgba(190, 190, 190, 0.2); + border-radius: 2px; +} +.react16-skeleton-content .react16-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) { + width: 61%; +} +.react16-skeleton-content .react16-skeleton-paragraph > li + li { + margin-top: 16px; +} +.react16-skeleton-with-avatar .react16-skeleton-content .react16-skeleton-title { + margin-top: 12px; +} +.react16-skeleton-with-avatar .react16-skeleton-content .react16-skeleton-title + .react16-skeleton-paragraph { + margin-top: 28px; +} +.react16-skeleton-round .react16-skeleton-content .react16-skeleton-title, +.react16-skeleton-round .react16-skeleton-content .react16-skeleton-paragraph > li { + border-radius: 100px; +} +.react16-skeleton-active .react16-skeleton-title, +.react16-skeleton-active .react16-skeleton-paragraph > li, +.react16-skeleton-active .react16-skeleton-avatar, +.react16-skeleton-active .react16-skeleton-button, +.react16-skeleton-active .react16-skeleton-input, +.react16-skeleton-active .react16-skeleton-image { + position: relative; + /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */ + z-index: 0; + overflow: hidden; + background: transparent; +} +.react16-skeleton-active .react16-skeleton-title::after, +.react16-skeleton-active .react16-skeleton-paragraph > li::after, +.react16-skeleton-active .react16-skeleton-avatar::after, +.react16-skeleton-active .react16-skeleton-button::after, +.react16-skeleton-active .react16-skeleton-input::after, +.react16-skeleton-active .react16-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: react16-skeleton-loading 1.4s ease infinite; + content: ''; +} +.react16-skeleton.react16-skeleton-block { + width: 100%; +} +.react16-skeleton.react16-skeleton-block .react16-skeleton-button { + width: 100%; +} +.react16-skeleton.react16-skeleton-block .react16-skeleton-input { + width: 100%; +} +.react16-skeleton-element { + display: inline-block; + width: auto; +} +.react16-skeleton-element .react16-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; +} +.react16-skeleton-element .react16-skeleton-button.react16-skeleton-button-square { + width: 32px; + min-width: 32px; +} +.react16-skeleton-element .react16-skeleton-button.react16-skeleton-button-circle { + width: 32px; + min-width: 32px; + border-radius: 50%; +} +.react16-skeleton-element .react16-skeleton-button.react16-skeleton-button-round { + border-radius: 32px; +} +.react16-skeleton-element .react16-skeleton-button-lg { + width: 80px; + min-width: 80px; + height: 40px; + line-height: 40px; +} +.react16-skeleton-element .react16-skeleton-button-lg.react16-skeleton-button-square { + width: 40px; + min-width: 40px; +} +.react16-skeleton-element .react16-skeleton-button-lg.react16-skeleton-button-circle { + width: 40px; + min-width: 40px; + border-radius: 50%; +} +.react16-skeleton-element .react16-skeleton-button-lg.react16-skeleton-button-round { + border-radius: 40px; +} +.react16-skeleton-element .react16-skeleton-button-sm { + width: 48px; + min-width: 48px; + height: 24px; + line-height: 24px; +} +.react16-skeleton-element .react16-skeleton-button-sm.react16-skeleton-button-square { + width: 24px; + min-width: 24px; +} +.react16-skeleton-element .react16-skeleton-button-sm.react16-skeleton-button-circle { + width: 24px; + min-width: 24px; + border-radius: 50%; +} +.react16-skeleton-element .react16-skeleton-button-sm.react16-skeleton-button-round { + border-radius: 24px; +} +.react16-skeleton-element .react16-skeleton-avatar { + display: inline-block; + vertical-align: top; + background: rgba(190, 190, 190, 0.2); + width: 32px; + height: 32px; + line-height: 32px; +} +.react16-skeleton-element .react16-skeleton-avatar.react16-skeleton-avatar-circle { + border-radius: 50%; +} +.react16-skeleton-element .react16-skeleton-avatar-lg { + width: 40px; + height: 40px; + line-height: 40px; +} +.react16-skeleton-element .react16-skeleton-avatar-lg.react16-skeleton-avatar-circle { + border-radius: 50%; +} +.react16-skeleton-element .react16-skeleton-avatar-sm { + width: 24px; + height: 24px; + line-height: 24px; +} +.react16-skeleton-element .react16-skeleton-avatar-sm.react16-skeleton-avatar-circle { + border-radius: 50%; +} +.react16-skeleton-element .react16-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; +} +.react16-skeleton-element .react16-skeleton-input-lg { + width: 200px; + min-width: 200px; + height: 40px; + line-height: 40px; +} +.react16-skeleton-element .react16-skeleton-input-sm { + width: 120px; + min-width: 120px; + height: 24px; + line-height: 24px; +} +.react16-skeleton-element .react16-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; +} +.react16-skeleton-element .react16-skeleton-image.react16-skeleton-image-circle { + border-radius: 50%; +} +.react16-skeleton-element .react16-skeleton-image-path { + fill: #bfbfbf; +} +.react16-skeleton-element .react16-skeleton-image-svg { + width: 48px; + height: 48px; + line-height: 48px; + max-width: 192px; + max-height: 192px; +} +.react16-skeleton-element .react16-skeleton-image-svg.react16-skeleton-image-circle { + border-radius: 50%; +} +@keyframes react16-skeleton-loading { + 0% { + transform: translateX(-37.5%); + } + 100% { + transform: translateX(37.5%); + } +} +.react16-skeleton-rtl { + direction: rtl; +} +.react16-skeleton-rtl .react16-skeleton-header { + padding-right: 0; + padding-left: 16px; +} +.react16-skeleton-rtl.react16-skeleton.react16-skeleton-active .react16-skeleton-content .react16-skeleton-title, +.react16-skeleton-rtl.react16-skeleton.react16-skeleton-active .react16-skeleton-content .react16-skeleton-paragraph > li { + animation-name: react16-skeleton-loading-rtl; +} +.react16-skeleton-rtl.react16-skeleton.react16-skeleton-active .react16-skeleton-avatar { + animation-name: react16-skeleton-loading-rtl; +} +@keyframes react16-skeleton-loading-rtl { + 0% { + background-position: 0% 50%; + } + 100% { + background-position: 100% 50%; + } +} +.react16-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; +} +.react16-slider-vertical { + width: 12px; + height: 100%; + margin: 6px 10px; + padding: 0 4px; +} +.react16-slider-vertical .react16-slider-rail { + width: 4px; + height: 100%; +} +.react16-slider-vertical .react16-slider-track { + width: 4px; +} +.react16-slider-vertical .react16-slider-handle { + margin-top: -6px; + margin-left: -5px; +} +.react16-slider-vertical .react16-slider-mark { + top: 0; + left: 12px; + width: 18px; + height: 100%; +} +.react16-slider-vertical .react16-slider-mark-text { + left: 4px; + white-space: nowrap; +} +.react16-slider-vertical .react16-slider-step { + width: 4px; + height: 100%; +} +.react16-slider-vertical .react16-slider-dot { + top: auto; + margin-left: -2px; +} +.react16-slider-tooltip .react16-tooltip-inner { + min-width: unset; +} +.react16-slider-rtl.react16-slider-vertical .react16-slider-handle { + margin-right: -5px; + margin-left: 0; +} +.react16-slider-rtl.react16-slider-vertical .react16-slider-mark { + right: 12px; + left: auto; +} +.react16-slider-rtl.react16-slider-vertical .react16-slider-mark-text { + right: 4px; + left: auto; +} +.react16-slider-rtl.react16-slider-vertical .react16-slider-dot { + right: 2px; + left: auto; +} +.react16-slider-with-marks { + margin-bottom: 28px; +} +.react16-slider-rail { + position: absolute; + width: 100%; + height: 4px; + background-color: #f5f5f5; + border-radius: 2px; + transition: background-color 0.3s; +} +.react16-slider-track { + position: absolute; + height: 4px; + background-color: var(--react16-primary-3); + border-radius: 2px; + transition: background-color 0.3s; +} +.react16-slider-handle { + position: absolute; + width: 14px; + height: 14px; + margin-top: -5px; + background-color: #fff; + border: solid 2px var(--react16-primary-3); + 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); +} +.react16-slider-handle-dragging { + z-index: 1; +} +.react16-slider-handle:focus { + border-color: var(--react16-primary-color-deprecated-t-20); + outline: none; + box-shadow: 0 0 0 5px var(--react16-primary-color-deprecated-f-12); +} +.react16-slider-handle.react16-tooltip-open { + border-color: var(--react16-primary-color); +} +.react16-slider-handle::after { + position: absolute; + top: -6px; + right: -6px; + bottom: -6px; + left: -6px; + content: ''; +} +.react16-slider:hover .react16-slider-rail { + background-color: #e1e1e1; +} +.react16-slider:hover .react16-slider-track { + background-color: var(--react16-primary-4); +} +.react16-slider:hover .react16-slider-handle:not(.react16-tooltip-open) { + border-color: var(--react16-primary-4); +} +.react16-slider-mark { + position: absolute; + top: 14px; + left: 0; + width: 100%; + font-size: 14px; +} +.react16-slider-mark-text { + position: absolute; + display: inline-block; + color: rgba(0, 0, 0, 0.45); + text-align: center; + word-break: keep-all; + cursor: pointer; + user-select: none; +} +.react16-slider-mark-text-active { + color: rgba(0, 0, 0, 0.85); +} +.react16-slider-step { + position: absolute; + width: 100%; + height: 4px; + background: transparent; + pointer-events: none; +} +.react16-slider-dot { + position: absolute; + top: -2px; + width: 8px; + height: 8px; + background-color: #fff; + border: 2px solid rgba(0, 0, 0, 0.06); + border-radius: 50%; + cursor: pointer; +} +.react16-slider-dot-active { + border-color: var(--react16-primary-color-deprecated-t-50); +} +.react16-slider-disabled { + cursor: not-allowed; +} +.react16-slider-disabled .react16-slider-rail { + background-color: #f5f5f5 !important; +} +.react16-slider-disabled .react16-slider-track { + background-color: rgba(0, 0, 0, 0.25) !important; +} +.react16-slider-disabled .react16-slider-handle, +.react16-slider-disabled .react16-slider-dot { + background-color: #fff; + border-color: rgba(0, 0, 0, 0.25) !important; + box-shadow: none; + cursor: not-allowed; +} +.react16-slider-disabled .react16-slider-mark-text, +.react16-slider-disabled .react16-slider-dot { + cursor: not-allowed !important; +} +.react16-slider-rtl { + direction: rtl; +} +.react16-slider-rtl .react16-slider-mark { + right: 0; + left: auto; +} +.react16-space { + display: inline-flex; +} +.react16-space-vertical { + flex-direction: column; +} +.react16-space-align-center { + align-items: center; +} +.react16-space-align-start { + align-items: flex-start; +} +.react16-space-align-end { + align-items: flex-end; +} +.react16-space-align-baseline { + align-items: baseline; +} +.react16-space-item:empty { + display: none; +} +.react16-space-rtl { + direction: rtl; +} +.react16-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: var(--react16-primary-color); + text-align: center; + vertical-align: middle; + opacity: 0; + transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.react16-spin-spinning { + position: static; + display: inline-block; + opacity: 1; +} +.react16-spin-nested-loading { + position: relative; +} +.react16-spin-nested-loading > div > .react16-spin { + position: absolute; + top: 0; + left: 0; + z-index: 4; + display: block; + width: 100%; + height: 100%; + max-height: 400px; +} +.react16-spin-nested-loading > div > .react16-spin .react16-spin-dot { + position: absolute; + top: 50%; + left: 50%; + margin: -10px; +} +.react16-spin-nested-loading > div > .react16-spin .react16-spin-text { + position: absolute; + top: 50%; + width: 100%; + padding-top: 5px; + text-shadow: 0 1px 2px #fff; +} +.react16-spin-nested-loading > div > .react16-spin.react16-spin-show-text .react16-spin-dot { + margin-top: -20px; +} +.react16-spin-nested-loading > div > .react16-spin-sm .react16-spin-dot { + margin: -7px; +} +.react16-spin-nested-loading > div > .react16-spin-sm .react16-spin-text { + padding-top: 2px; +} +.react16-spin-nested-loading > div > .react16-spin-sm.react16-spin-show-text .react16-spin-dot { + margin-top: -17px; +} +.react16-spin-nested-loading > div > .react16-spin-lg .react16-spin-dot { + margin: -16px; +} +.react16-spin-nested-loading > div > .react16-spin-lg .react16-spin-text { + padding-top: 11px; +} +.react16-spin-nested-loading > div > .react16-spin-lg.react16-spin-show-text .react16-spin-dot { + margin-top: -26px; +} +.react16-spin-container { + position: relative; + transition: opacity 0.3s; +} +.react16-spin-container::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 10; + display: none \9; + width: 100%; + height: 100%; + background: #fff; + opacity: 0; + transition: all 0.3s; + content: ''; + pointer-events: none; +} +.react16-spin-blur { + clear: both; + opacity: 0.5; + user-select: none; + pointer-events: none; +} +.react16-spin-blur::after { + opacity: 0.4; + pointer-events: auto; +} +.react16-spin-tip { + color: rgba(0, 0, 0, 0.45); +} +.react16-spin-dot { + position: relative; + display: inline-block; + font-size: 20px; + width: 1em; + height: 1em; +} +.react16-spin-dot-item { + position: absolute; + display: block; + width: 9px; + height: 9px; + background-color: var(--react16-primary-color); + border-radius: 100%; + transform: scale(0.75); + transform-origin: 50% 50%; + opacity: 0.3; + animation: antSpinMove 1s infinite linear alternate; +} +.react16-spin-dot-item:nth-child(1) { + top: 0; + left: 0; +} +.react16-spin-dot-item:nth-child(2) { + top: 0; + right: 0; + animation-delay: 0.4s; +} +.react16-spin-dot-item:nth-child(3) { + right: 0; + bottom: 0; + animation-delay: 0.8s; +} +.react16-spin-dot-item:nth-child(4) { + bottom: 0; + left: 0; + animation-delay: 1.2s; +} +.react16-spin-dot-spin { + transform: rotate(0deg); + animation: antRotate 1.2s infinite linear; +} +.react16-spin-sm .react16-spin-dot { + font-size: 14px; +} +.react16-spin-sm .react16-spin-dot i { + width: 6px; + height: 6px; +} +.react16-spin-lg .react16-spin-dot { + font-size: 32px; +} +.react16-spin-lg .react16-spin-dot i { + width: 14px; + height: 14px; +} +.react16-spin.react16-spin-show-text .react16-spin-text { + display: block; +} +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + /* IE10+ */ + .react16-spin-blur { + background: #fff; + opacity: 0.5; + } +} +@keyframes antSpinMove { + to { + opacity: 1; + } +} +@keyframes antRotate { + to { + transform: rotate(360deg); + } +} +.react16-spin-rtl { + direction: rtl; +} +.react16-spin-rtl .react16-spin-dot-spin { + transform: rotate(-45deg); + animation-name: antRotateRtl; +} +@keyframes antRotateRtl { + to { + transform: rotate(-405deg); + } +} +.react16-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'; +} +.react16-statistic-title { + margin-bottom: 4px; + color: rgba(0, 0, 0, 0.45); + font-size: 14px; +} +.react16-statistic-skeleton { + padding-top: 16px; +} +.react16-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'; +} +.react16-statistic-content-value { + display: inline-block; + direction: ltr; +} +.react16-statistic-content-prefix, +.react16-statistic-content-suffix { + display: inline-block; +} +.react16-statistic-content-prefix { + margin-right: 4px; +} +.react16-statistic-content-suffix { + margin-left: 4px; +} +.react16-statistic-rtl { + direction: rtl; +} +.react16-statistic-rtl .react16-statistic-content-prefix { + margin-right: 0; + margin-left: 4px; +} +.react16-statistic-rtl .react16-statistic-content-suffix { + margin-right: 4px; + margin-left: 0; +} +.react16-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; +} +.react16-steps-item { + position: relative; + display: inline-block; + flex: 1; + overflow: hidden; + vertical-align: top; +} +.react16-steps-item-container { + outline: none; +} +.react16-steps-item:last-child { + flex: none; +} +.react16-steps-item:last-child > .react16-steps-item-container > .react16-steps-item-tail, +.react16-steps-item:last-child > .react16-steps-item-container > .react16-steps-item-content > .react16-steps-item-title::after { + display: none; +} +.react16-steps-item-icon, +.react16-steps-item-content { + display: inline-block; + vertical-align: top; +} +.react16-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; +} +.react16-steps-item-icon .react16-steps-icon { + position: relative; + top: -0.5px; + color: var(--react16-primary-color); + line-height: 1; +} +.react16-steps-item-tail { + position: absolute; + top: 12px; + left: 0; + width: 100%; + padding: 0 10px; +} +.react16-steps-item-tail::after { + display: inline-block; + width: 100%; + height: 1px; + background: rgba(0, 0, 0, 0.06); + border-radius: 1px; + transition: background 0.3s; + content: ''; +} +.react16-steps-item-title { + position: relative; + display: inline-block; + padding-right: 16px; + color: rgba(0, 0, 0, 0.85); + font-size: 16px; + line-height: 32px; +} +.react16-steps-item-title::after { + position: absolute; + top: 16px; + left: 100%; + display: block; + width: 9999px; + height: 1px; + background: rgba(0, 0, 0, 0.06); + content: ''; +} +.react16-steps-item-subtitle { + display: inline; + margin-left: 8px; + color: rgba(0, 0, 0, 0.45); + font-weight: normal; + font-size: 14px; +} +.react16-steps-item-description { + color: rgba(0, 0, 0, 0.45); + font-size: 14px; +} +.react16-steps-item-wait .react16-steps-item-icon { + background-color: #fff; + border-color: rgba(0, 0, 0, 0.25); +} +.react16-steps-item-wait .react16-steps-item-icon > .react16-steps-icon { + color: rgba(0, 0, 0, 0.25); +} +.react16-steps-item-wait .react16-steps-item-icon > .react16-steps-icon .react16-steps-icon-dot { + background: rgba(0, 0, 0, 0.25); +} +.react16-steps-item-wait > .react16-steps-item-container > .react16-steps-item-content > .react16-steps-item-title { + color: rgba(0, 0, 0, 0.45); +} +.react16-steps-item-wait > .react16-steps-item-container > .react16-steps-item-content > .react16-steps-item-title::after { + background-color: rgba(0, 0, 0, 0.06); +} +.react16-steps-item-wait > .react16-steps-item-container > .react16-steps-item-content > .react16-steps-item-description { + color: rgba(0, 0, 0, 0.45); +} +.react16-steps-item-wait > .react16-steps-item-container > .react16-steps-item-tail::after { + background-color: rgba(0, 0, 0, 0.06); +} +.react16-steps-item-process .react16-steps-item-icon { + background-color: #fff; + border-color: var(--react16-primary-color); +} +.react16-steps-item-process .react16-steps-item-icon > .react16-steps-icon { + color: var(--react16-primary-color); +} +.react16-steps-item-process .react16-steps-item-icon > .react16-steps-icon .react16-steps-icon-dot { + background: var(--react16-primary-color); +} +.react16-steps-item-process > .react16-steps-item-container > .react16-steps-item-content > .react16-steps-item-title { + color: rgba(0, 0, 0, 0.85); +} +.react16-steps-item-process > .react16-steps-item-container > .react16-steps-item-content > .react16-steps-item-title::after { + background-color: rgba(0, 0, 0, 0.06); +} +.react16-steps-item-process > .react16-steps-item-container > .react16-steps-item-content > .react16-steps-item-description { + color: rgba(0, 0, 0, 0.85); +} +.react16-steps-item-process > .react16-steps-item-container > .react16-steps-item-tail::after { + background-color: rgba(0, 0, 0, 0.06); +} +.react16-steps-item-process > .react16-steps-item-container > .react16-steps-item-icon { + background: var(--react16-primary-color); +} +.react16-steps-item-process > .react16-steps-item-container > .react16-steps-item-icon .react16-steps-icon { + color: #fff; +} +.react16-steps-item-process > .react16-steps-item-container > .react16-steps-item-title { + font-weight: 500; +} +.react16-steps-item-finish .react16-steps-item-icon { + background-color: #fff; + border-color: var(--react16-primary-color); +} +.react16-steps-item-finish .react16-steps-item-icon > .react16-steps-icon { + color: var(--react16-primary-color); +} +.react16-steps-item-finish .react16-steps-item-icon > .react16-steps-icon .react16-steps-icon-dot { + background: var(--react16-primary-color); +} +.react16-steps-item-finish > .react16-steps-item-container > .react16-steps-item-content > .react16-steps-item-title { + color: rgba(0, 0, 0, 0.85); +} +.react16-steps-item-finish > .react16-steps-item-container > .react16-steps-item-content > .react16-steps-item-title::after { + background-color: var(--react16-primary-color); +} +.react16-steps-item-finish > .react16-steps-item-container > .react16-steps-item-content > .react16-steps-item-description { + color: rgba(0, 0, 0, 0.45); +} +.react16-steps-item-finish > .react16-steps-item-container > .react16-steps-item-tail::after { + background-color: var(--react16-primary-color); +} +.react16-steps-item-error .react16-steps-item-icon { + background-color: #fff; + border-color: var(--react16-error-color); +} +.react16-steps-item-error .react16-steps-item-icon > .react16-steps-icon { + color: var(--react16-error-color); +} +.react16-steps-item-error .react16-steps-item-icon > .react16-steps-icon .react16-steps-icon-dot { + background: var(--react16-error-color); +} +.react16-steps-item-error > .react16-steps-item-container > .react16-steps-item-content > .react16-steps-item-title { + color: var(--react16-error-color); +} +.react16-steps-item-error > .react16-steps-item-container > .react16-steps-item-content > .react16-steps-item-title::after { + background-color: rgba(0, 0, 0, 0.06); +} +.react16-steps-item-error > .react16-steps-item-container > .react16-steps-item-content > .react16-steps-item-description { + color: var(--react16-error-color); +} +.react16-steps-item-error > .react16-steps-item-container > .react16-steps-item-tail::after { + background-color: rgba(0, 0, 0, 0.06); +} +.react16-steps-item.react16-steps-next-error .react16-steps-item-title::after { + background: var(--react16-error-color); +} +.react16-steps-item-disabled { + cursor: not-allowed; +} +.react16-steps .react16-steps-item:not(.react16-steps-item-active) > .react16-steps-item-container[role='button'] { + cursor: pointer; +} +.react16-steps .react16-steps-item:not(.react16-steps-item-active) > .react16-steps-item-container[role='button'] .react16-steps-item-title, +.react16-steps .react16-steps-item:not(.react16-steps-item-active) > .react16-steps-item-container[role='button'] .react16-steps-item-subtitle, +.react16-steps .react16-steps-item:not(.react16-steps-item-active) > .react16-steps-item-container[role='button'] .react16-steps-item-description, +.react16-steps .react16-steps-item:not(.react16-steps-item-active) > .react16-steps-item-container[role='button'] .react16-steps-item-icon .react16-steps-icon { + transition: color 0.3s; +} +.react16-steps .react16-steps-item:not(.react16-steps-item-active) > .react16-steps-item-container[role='button']:hover .react16-steps-item-title, +.react16-steps .react16-steps-item:not(.react16-steps-item-active) > .react16-steps-item-container[role='button']:hover .react16-steps-item-subtitle, +.react16-steps .react16-steps-item:not(.react16-steps-item-active) > .react16-steps-item-container[role='button']:hover .react16-steps-item-description { + color: var(--react16-primary-color); +} +.react16-steps .react16-steps-item:not(.react16-steps-item-active):not(.react16-steps-item-process) > .react16-steps-item-container[role='button']:hover .react16-steps-item-icon { + border-color: var(--react16-primary-color); +} +.react16-steps .react16-steps-item:not(.react16-steps-item-active):not(.react16-steps-item-process) > .react16-steps-item-container[role='button']:hover .react16-steps-item-icon .react16-steps-icon { + color: var(--react16-primary-color); +} +.react16-steps-horizontal:not(.react16-steps-label-vertical) .react16-steps-item { + padding-left: 16px; + white-space: nowrap; +} +.react16-steps-horizontal:not(.react16-steps-label-vertical) .react16-steps-item:first-child { + padding-left: 0; +} +.react16-steps-horizontal:not(.react16-steps-label-vertical) .react16-steps-item:last-child .react16-steps-item-title { + padding-right: 0; +} +.react16-steps-horizontal:not(.react16-steps-label-vertical) .react16-steps-item-tail { + display: none; +} +.react16-steps-horizontal:not(.react16-steps-label-vertical) .react16-steps-item-description { + max-width: 140px; + white-space: normal; +} +.react16-steps-item-custom > .react16-steps-item-container > .react16-steps-item-icon { + height: auto; + background: none; + border: 0; +} +.react16-steps-item-custom > .react16-steps-item-container > .react16-steps-item-icon > .react16-steps-icon { + top: 0px; + left: 0.5px; + width: 32px; + height: 32px; + font-size: 24px; + line-height: 32px; +} +.react16-steps-item-custom.react16-steps-item-process .react16-steps-item-icon > .react16-steps-icon { + color: var(--react16-primary-color); +} +.react16-steps:not(.react16-steps-vertical) .react16-steps-item-custom .react16-steps-item-icon { + width: auto; + background: none; +} +.react16-steps-small.react16-steps-horizontal:not(.react16-steps-label-vertical) .react16-steps-item { + padding-left: 12px; +} +.react16-steps-small.react16-steps-horizontal:not(.react16-steps-label-vertical) .react16-steps-item:first-child { + padding-left: 0; +} +.react16-steps-small .react16-steps-item-icon { + width: 24px; + height: 24px; + margin: 0 8px 0 0; + font-size: 12px; + line-height: 24px; + text-align: center; + border-radius: 24px; +} +.react16-steps-small .react16-steps-item-title { + padding-right: 12px; + font-size: 14px; + line-height: 24px; +} +.react16-steps-small .react16-steps-item-title::after { + top: 12px; +} +.react16-steps-small .react16-steps-item-description { + color: rgba(0, 0, 0, 0.45); + font-size: 14px; +} +.react16-steps-small .react16-steps-item-tail { + top: 8px; +} +.react16-steps-small .react16-steps-item-custom .react16-steps-item-icon { + width: inherit; + height: inherit; + line-height: inherit; + background: none; + border: 0; + border-radius: 0; +} +.react16-steps-small .react16-steps-item-custom .react16-steps-item-icon > .react16-steps-icon { + font-size: 24px; + line-height: 24px; + transform: none; +} +.react16-steps-vertical { + display: flex; + flex-direction: column; +} +.react16-steps-vertical > .react16-steps-item { + display: block; + flex: 1 0 auto; + padding-left: 0; + overflow: visible; +} +.react16-steps-vertical > .react16-steps-item .react16-steps-item-icon { + float: left; + margin-right: 16px; +} +.react16-steps-vertical > .react16-steps-item .react16-steps-item-content { + display: block; + min-height: 48px; + overflow: hidden; +} +.react16-steps-vertical > .react16-steps-item .react16-steps-item-title { + line-height: 32px; +} +.react16-steps-vertical > .react16-steps-item .react16-steps-item-description { + padding-bottom: 12px; +} +.react16-steps-vertical > .react16-steps-item > .react16-steps-item-container > .react16-steps-item-tail { + position: absolute; + top: 0; + left: 16px; + width: 1px; + height: 100%; + padding: 38px 0 6px; +} +.react16-steps-vertical > .react16-steps-item > .react16-steps-item-container > .react16-steps-item-tail::after { + width: 1px; + height: 100%; +} +.react16-steps-vertical > .react16-steps-item:not(:last-child) > .react16-steps-item-container > .react16-steps-item-tail { + display: block; +} +.react16-steps-vertical > .react16-steps-item > .react16-steps-item-container > .react16-steps-item-content > .react16-steps-item-title::after { + display: none; +} +.react16-steps-vertical.react16-steps-small .react16-steps-item-container .react16-steps-item-tail { + position: absolute; + top: 0; + left: 12px; + padding: 30px 0 6px; +} +.react16-steps-vertical.react16-steps-small .react16-steps-item-container .react16-steps-item-title { + line-height: 24px; +} +.react16-steps-label-vertical .react16-steps-item { + overflow: visible; +} +.react16-steps-label-vertical .react16-steps-item-tail { + margin-left: 58px; + padding: 3.5px 24px; +} +.react16-steps-label-vertical .react16-steps-item-content { + display: block; + width: 116px; + margin-top: 8px; + text-align: center; +} +.react16-steps-label-vertical .react16-steps-item-icon { + display: inline-block; + margin-left: 42px; +} +.react16-steps-label-vertical .react16-steps-item-title { + padding-right: 0; + padding-left: 0; +} +.react16-steps-label-vertical .react16-steps-item-title::after { + display: none; +} +.react16-steps-label-vertical .react16-steps-item-subtitle { + display: block; + margin-bottom: 4px; + margin-left: 0; + line-height: 1.5715; +} +.react16-steps-label-vertical.react16-steps-small:not(.react16-steps-dot) .react16-steps-item-icon { + margin-left: 46px; +} +.react16-steps-dot .react16-steps-item-title, +.react16-steps-dot.react16-steps-small .react16-steps-item-title { + line-height: 1.5715; +} +.react16-steps-dot .react16-steps-item-tail, +.react16-steps-dot.react16-steps-small .react16-steps-item-tail { + top: 2px; + width: 100%; + margin: 0 0 0 70px; + padding: 0; +} +.react16-steps-dot .react16-steps-item-tail::after, +.react16-steps-dot.react16-steps-small .react16-steps-item-tail::after { + width: calc(100% - 20px); + height: 3px; + margin-left: 12px; +} +.react16-steps-dot .react16-steps-item:first-child .react16-steps-icon-dot, +.react16-steps-dot.react16-steps-small .react16-steps-item:first-child .react16-steps-icon-dot { + left: 2px; +} +.react16-steps-dot .react16-steps-item-icon, +.react16-steps-dot.react16-steps-small .react16-steps-item-icon { + width: 8px; + height: 8px; + margin-left: 67px; + padding-right: 0; + line-height: 8px; + background: transparent; + border: 0; +} +.react16-steps-dot .react16-steps-item-icon .react16-steps-icon-dot, +.react16-steps-dot.react16-steps-small .react16-steps-item-icon .react16-steps-icon-dot { + position: relative; + float: left; + width: 100%; + height: 100%; + border-radius: 100px; + transition: all 0.3s; + /* expand hover area */ +} +.react16-steps-dot .react16-steps-item-icon .react16-steps-icon-dot::after, +.react16-steps-dot.react16-steps-small .react16-steps-item-icon .react16-steps-icon-dot::after { + position: absolute; + top: -12px; + left: -26px; + width: 60px; + height: 32px; + background: rgba(0, 0, 0, 0.001); + content: ''; +} +.react16-steps-dot .react16-steps-item-content, +.react16-steps-dot.react16-steps-small .react16-steps-item-content { + width: 140px; +} +.react16-steps-dot .react16-steps-item-process .react16-steps-item-icon, +.react16-steps-dot.react16-steps-small .react16-steps-item-process .react16-steps-item-icon { + position: relative; + top: -1px; + width: 10px; + height: 10px; + line-height: 10px; + background: none; +} +.react16-steps-dot .react16-steps-item-process .react16-steps-icon:first-child .react16-steps-icon-dot, +.react16-steps-dot.react16-steps-small .react16-steps-item-process .react16-steps-icon:first-child .react16-steps-icon-dot { + left: 0; +} +.react16-steps-vertical.react16-steps-dot .react16-steps-item-icon { + margin-top: 13px; + margin-left: 0; + background: none; +} +.react16-steps-vertical.react16-steps-dot .react16-steps-item > .react16-steps-item-container > .react16-steps-item-tail { + top: 6.5px; + left: -9px; + margin: 0; + padding: 22px 0 4px; +} +.react16-steps-vertical.react16-steps-dot.react16-steps-small .react16-steps-item-icon { + margin-top: 10px; +} +.react16-steps-vertical.react16-steps-dot.react16-steps-small .react16-steps-item > .react16-steps-item-container > .react16-steps-item-tail { + top: 3.5px; +} +.react16-steps-vertical.react16-steps-dot .react16-steps-item:first-child .react16-steps-icon-dot { + left: 0; +} +.react16-steps-vertical.react16-steps-dot .react16-steps-item-content { + width: inherit; +} +.react16-steps-vertical.react16-steps-dot .react16-steps-item-process .react16-steps-item-container .react16-steps-item-icon .react16-steps-icon-dot { + top: -1px; + left: -1px; +} +.react16-steps-navigation { + padding-top: 12px; +} +.react16-steps-navigation.react16-steps-small .react16-steps-item-container { + margin-left: -12px; +} +.react16-steps-navigation .react16-steps-item { + overflow: visible; + text-align: center; +} +.react16-steps-navigation .react16-steps-item-container { + display: inline-block; + height: 100%; + margin-left: -16px; + padding-bottom: 12px; + text-align: left; + transition: opacity 0.3s; +} +.react16-steps-navigation .react16-steps-item-container .react16-steps-item-content { + max-width: auto; +} +.react16-steps-navigation .react16-steps-item-container .react16-steps-item-title { + max-width: 100%; + padding-right: 0; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.react16-steps-navigation .react16-steps-item-container .react16-steps-item-title::after { + display: none; +} +.react16-steps-navigation .react16-steps-item:not(.react16-steps-item-active) .react16-steps-item-container[role='button'] { + cursor: pointer; +} +.react16-steps-navigation .react16-steps-item:not(.react16-steps-item-active) .react16-steps-item-container[role='button']:hover { + opacity: 0.85; +} +.react16-steps-navigation .react16-steps-item:last-child { + flex: 1; +} +.react16-steps-navigation .react16-steps-item:last-child::after { + display: none; +} +.react16-steps-navigation .react16-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: ''; +} +.react16-steps-navigation .react16-steps-item::before { + position: absolute; + bottom: 0; + left: 50%; + display: inline-block; + width: 0; + height: 2px; + background-color: var(--react16-primary-color); + transition: width 0.3s, left 0.3s; + transition-timing-function: ease-out; + content: ''; +} +.react16-steps-navigation .react16-steps-item.react16-steps-item-active::before { + left: 0; + width: 100%; +} +.react16-steps-navigation.react16-steps-vertical > .react16-steps-item { + margin-right: 0 !important; +} +.react16-steps-navigation.react16-steps-vertical > .react16-steps-item::before { + display: none; +} +.react16-steps-navigation.react16-steps-vertical > .react16-steps-item.react16-steps-item-active::before { + top: 0; + right: 0; + left: unset; + display: block; + width: 3px; + height: calc(100% - 24px); +} +.react16-steps-navigation.react16-steps-vertical > .react16-steps-item::after { + position: relative; + top: -2px; + left: 50%; + display: block; + width: 8px; + height: 8px; + margin-bottom: 8px; + text-align: center; + transform: rotate(135deg); +} +.react16-steps-navigation.react16-steps-vertical > .react16-steps-item > .react16-steps-item-container > .react16-steps-item-tail { + visibility: hidden; +} +.react16-steps-navigation.react16-steps-horizontal > .react16-steps-item > .react16-steps-item-container > .react16-steps-item-tail { + visibility: hidden; +} +.react16-steps-rtl { + direction: rtl; +} +.react16-steps.react16-steps-rtl .react16-steps-item-icon { + margin-right: 0; + margin-left: 8px; +} +.react16-steps-rtl .react16-steps-item-tail { + right: 0; + left: auto; +} +.react16-steps-rtl .react16-steps-item-title { + padding-right: 0; + padding-left: 16px; +} +.react16-steps-rtl .react16-steps-item-title .react16-steps-item-subtitle { + float: left; + margin-right: 8px; + margin-left: 0; +} +.react16-steps-rtl .react16-steps-item-title::after { + right: 100%; + left: auto; +} +.react16-steps-rtl.react16-steps-horizontal:not(.react16-steps-label-vertical) .react16-steps-item { + padding-right: 16px; + padding-left: 0; +} +.react16-steps-rtl.react16-steps-horizontal:not(.react16-steps-label-vertical) .react16-steps-item:first-child { + padding-right: 0; +} +.react16-steps-rtl.react16-steps-horizontal:not(.react16-steps-label-vertical) .react16-steps-item:last-child .react16-steps-item-title { + padding-left: 0; +} +.react16-steps-rtl .react16-steps-item-custom .react16-steps-item-icon > .react16-steps-icon { + right: 0.5px; + left: auto; +} +.react16-steps-rtl.react16-steps-navigation.react16-steps-small .react16-steps-item-container { + margin-right: -12px; + margin-left: 0; +} +.react16-steps-rtl.react16-steps-navigation .react16-steps-item-container { + margin-right: -16px; + margin-left: 0; + text-align: right; +} +.react16-steps-rtl.react16-steps-navigation .react16-steps-item-container .react16-steps-item-title { + padding-left: 0; +} +.react16-steps-rtl.react16-steps-navigation .react16-steps-item::after { + right: 100%; + left: auto; + margin-right: -2px; + margin-left: 0; + transform: rotate(225deg); +} +.react16-steps-rtl.react16-steps-small.react16-steps-horizontal:not(.react16-steps-label-vertical) .react16-steps-item { + padding-right: 12px; + padding-left: 0; +} +.react16-steps-rtl.react16-steps-small.react16-steps-horizontal:not(.react16-steps-label-vertical) .react16-steps-item:first-child { + padding-right: 0; +} +.react16-steps-rtl.react16-steps-small .react16-steps-item-title { + padding-right: 0; + padding-left: 12px; +} +.react16-steps-rtl.react16-steps-vertical > .react16-steps-item .react16-steps-item-icon { + float: right; + margin-right: 0; + margin-left: 16px; +} +.react16-steps-rtl.react16-steps-vertical > .react16-steps-item > .react16-steps-item-container > .react16-steps-item-tail { + right: 16px; + left: auto; +} +.react16-steps-rtl.react16-steps-vertical.react16-steps-small .react16-steps-item-container .react16-steps-item-tail { + right: 12px; + left: auto; +} +.react16-steps-rtl.react16-steps-label-vertical .react16-steps-item-title { + padding-left: 0; +} +.react16-steps-rtl.react16-steps-dot .react16-steps-item-tail, +.react16-steps-rtl.react16-steps-dot.react16-steps-small .react16-steps-item-tail { + margin: 0 70px 0 0; +} +.react16-steps-rtl.react16-steps-dot .react16-steps-item-tail::after, +.react16-steps-rtl.react16-steps-dot.react16-steps-small .react16-steps-item-tail::after { + margin-right: 12px; + margin-left: 0; +} +.react16-steps-rtl.react16-steps-dot .react16-steps-item:first-child .react16-steps-icon-dot, +.react16-steps-rtl.react16-steps-dot.react16-steps-small .react16-steps-item:first-child .react16-steps-icon-dot { + right: 2px; + left: auto; +} +.react16-steps-rtl.react16-steps-dot .react16-steps-item-icon, +.react16-steps-rtl.react16-steps-dot.react16-steps-small .react16-steps-item-icon { + margin-right: 67px; + margin-left: 0; +} +.react16-steps-dot .react16-steps-item-icon .react16-steps-icon-dot, +.react16-steps-dot.react16-steps-small .react16-steps-item-icon .react16-steps-icon-dot { + /* expand hover area */ +} +.react16-steps-rtl.react16-steps-dot .react16-steps-item-icon .react16-steps-icon-dot, +.react16-steps-rtl.react16-steps-dot.react16-steps-small .react16-steps-item-icon .react16-steps-icon-dot { + float: right; +} +.react16-steps-rtl.react16-steps-dot .react16-steps-item-icon .react16-steps-icon-dot::after, +.react16-steps-rtl.react16-steps-dot.react16-steps-small .react16-steps-item-icon .react16-steps-icon-dot::after { + right: -26px; + left: auto; +} +.react16-steps-rtl.react16-steps-vertical.react16-steps-dot .react16-steps-item-icon { + margin-right: 0; + margin-left: 16px; +} +.react16-steps-rtl.react16-steps-vertical.react16-steps-dot .react16-steps-item > .react16-steps-item-container > .react16-steps-item-tail { + right: -9px; + left: auto; +} +.react16-steps-rtl.react16-steps-vertical.react16-steps-dot .react16-steps-item:first-child .react16-steps-icon-dot { + right: 0; + left: auto; +} +.react16-steps-rtl.react16-steps-vertical.react16-steps-dot .react16-steps-item-process .react16-steps-icon-dot { + right: -2px; + left: auto; +} +.react16-steps-rtl.react16-steps-with-progress.react16-steps-horizontal.react16-steps-label-horizontal .react16-steps-item:first-child { + padding-right: 4px; + padding-left: 0; +} +.react16-steps-rtl.react16-steps-with-progress.react16-steps-horizontal.react16-steps-label-horizontal .react16-steps-item:first-child.react16-steps-item-active { + padding-right: 4px; +} +.react16-steps-with-progress .react16-steps-item { + padding-top: 4px; +} +.react16-steps-with-progress .react16-steps-item .react16-steps-item-tail { + top: 4px !important; +} +.react16-steps-with-progress.react16-steps-horizontal .react16-steps-item:first-child { + padding-bottom: 4px; + padding-left: 4px; +} +.react16-steps-with-progress.react16-steps-label-vertical .react16-steps-item .react16-steps-item-tail { + top: 14px !important; +} +.react16-steps-with-progress .react16-steps-item-icon { + position: relative; +} +.react16-steps-with-progress .react16-steps-item-icon .react16-progress { + position: absolute; + top: -5px; + right: -5px; + bottom: -5px; + left: -5px; +} +.react16-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; + user-select: none; +} +.react16-switch:focus { + outline: 0; + box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1); +} +.react16-switch-checked:focus { + box-shadow: 0 0 0 2px var(--react16-primary-1); +} +.react16-switch:focus:hover { + box-shadow: none; +} +.react16-switch-checked { + background-color: var(--react16-primary-color); +} +.react16-switch-loading, +.react16-switch-disabled { + cursor: not-allowed; + opacity: 0.4; +} +.react16-switch-loading *, +.react16-switch-disabled * { + box-shadow: none; + cursor: not-allowed; +} +.react16-switch-inner { + display: block; + margin: 0 7px 0 25px; + color: #fff; + font-size: 12px; + transition: margin 0.2s; +} +.react16-switch-checked .react16-switch-inner { + margin: 0 25px 0 7px; +} +.react16-switch-handle { + position: absolute; + top: 2px; + left: 2px; + width: 18px; + height: 18px; + transition: all 0.2s ease-in-out; +} +.react16-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: ''; +} +.react16-switch-checked .react16-switch-handle { + left: calc(100% - 18px - 2px); +} +.react16-switch:not(.react16-switch-disabled):active .react16-switch-handle::before { + right: -30%; + left: 0; +} +.react16-switch:not(.react16-switch-disabled):active.react16-switch-checked .react16-switch-handle::before { + right: 0; + left: -30%; +} +.react16-switch-loading-icon.anticon { + position: relative; + top: 2px; + color: rgba(0, 0, 0, 0.65); + vertical-align: top; +} +.react16-switch-checked .react16-switch-loading-icon { + color: var(--react16-primary-color); +} +.react16-switch-small { + min-width: 28px; + height: 16px; + line-height: 16px; +} +.react16-switch-small .react16-switch-inner { + margin: 0 5px 0 18px; + font-size: 12px; +} +.react16-switch-small .react16-switch-handle { + width: 12px; + height: 12px; +} +.react16-switch-small .react16-switch-loading-icon { + top: 1.5px; + font-size: 9px; +} +.react16-switch-small.react16-switch-checked .react16-switch-inner { + margin: 0 18px 0 5px; +} +.react16-switch-small.react16-switch-checked .react16-switch-handle { + left: calc(100% - 12px - 2px); +} +.react16-switch-rtl { + direction: rtl; +} +.react16-switch-rtl .react16-switch-inner { + margin: 0 25px 0 7px; +} +.react16-switch-rtl .react16-switch-handle { + right: 2px; + left: auto; +} +.react16-switch-rtl:not(.react16-switch-rtl-disabled):active .react16-switch-handle::before { + right: 0; + left: -30%; +} +.react16-switch-rtl:not(.react16-switch-rtl-disabled):active.react16-switch-checked .react16-switch-handle::before { + right: -30%; + left: 0; +} +.react16-switch-rtl.react16-switch-checked .react16-switch-inner { + margin: 0 7px 0 25px; +} +.react16-switch-rtl.react16-switch-checked .react16-switch-handle { + right: calc(100% - 18px - 2px); +} +.react16-switch-rtl.react16-switch-small.react16-switch-checked .react16-switch-handle { + right: calc(100% - 12px - 2px); +} +.react16-table.react16-table-middle { + font-size: 14px; +} +.react16-table.react16-table-middle .react16-table-title, +.react16-table.react16-table-middle .react16-table-footer, +.react16-table.react16-table-middle .react16-table-thead > tr > th, +.react16-table.react16-table-middle .react16-table-tbody > tr > td, +.react16-table.react16-table-middle tfoot > tr > th, +.react16-table.react16-table-middle tfoot > tr > td { + padding: 12px 8px; +} +.react16-table.react16-table-middle .react16-table-filter-trigger { + margin-right: -4px; +} +.react16-table.react16-table-middle .react16-table-expanded-row-fixed { + margin: -12px -8px; +} +.react16-table.react16-table-middle .react16-table-tbody .react16-table-wrapper:only-child .react16-table { + margin: -12px -8px -12px 40px; +} +.react16-table.react16-table-middle .react16-table-selection-column { + padding-inline-start: 2px; +} +.react16-table.react16-table-small { + font-size: 14px; +} +.react16-table.react16-table-small .react16-table-title, +.react16-table.react16-table-small .react16-table-footer, +.react16-table.react16-table-small .react16-table-thead > tr > th, +.react16-table.react16-table-small .react16-table-tbody > tr > td, +.react16-table.react16-table-small tfoot > tr > th, +.react16-table.react16-table-small tfoot > tr > td { + padding: 8px 8px; +} +.react16-table.react16-table-small .react16-table-filter-trigger { + margin-right: -4px; +} +.react16-table.react16-table-small .react16-table-expanded-row-fixed { + margin: -8px -8px; +} +.react16-table.react16-table-small .react16-table-tbody .react16-table-wrapper:only-child .react16-table { + margin: -8px -8px -8px 40px; +} +.react16-table.react16-table-small .react16-table-selection-column { + padding-inline-start: 2px; +} +.react16-table.react16-table-bordered > .react16-table-title { + border: 1px solid rgba(0, 0, 0, 0.06); + border-bottom: 0; +} +.react16-table.react16-table-bordered > .react16-table-container { + border-left: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-content > table > thead > tr > th, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-header > table > thead > tr > th, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-body > table > thead > tr > th, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-summary > table > thead > tr > th, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-content > table > tbody > tr > td, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-header > table > tbody > tr > td, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-body > table > tbody > tr > td, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-summary > table > tbody > tr > td, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-content > table > tfoot > tr > th, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-header > table > tfoot > tr > th, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-body > table > tfoot > tr > th, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-summary > table > tfoot > tr > th, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-content > table > tfoot > tr > td, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-header > table > tfoot > tr > td, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-body > table > tfoot > tr > td, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-summary > table > tfoot > tr > td { + border-right: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-content > table > thead > tr:not(:last-child) > th, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-header > table > thead > tr:not(:last-child) > th, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-body > table > thead > tr:not(:last-child) > th, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-summary > table > thead > tr:not(:last-child) > th { + border-bottom: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-content > table > thead > tr > th::before, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-header > table > thead > tr > th::before, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-body > table > thead > tr > th::before, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-summary > table > thead > tr > th::before { + background-color: transparent !important; +} +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-content > table > thead > tr > .react16-table-cell-fix-right-first::after, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-header > table > thead > tr > .react16-table-cell-fix-right-first::after, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-body > table > thead > tr > .react16-table-cell-fix-right-first::after, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-summary > table > thead > tr > .react16-table-cell-fix-right-first::after, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-content > table > tbody > tr > .react16-table-cell-fix-right-first::after, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-header > table > tbody > tr > .react16-table-cell-fix-right-first::after, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-body > table > tbody > tr > .react16-table-cell-fix-right-first::after, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-summary > table > tbody > tr > .react16-table-cell-fix-right-first::after, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-content > table > tfoot > tr > .react16-table-cell-fix-right-first::after, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-header > table > tfoot > tr > .react16-table-cell-fix-right-first::after, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-body > table > tfoot > tr > .react16-table-cell-fix-right-first::after, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-summary > table > tfoot > tr > .react16-table-cell-fix-right-first::after { + border-right: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-content > table > tbody > tr > td > .react16-table-expanded-row-fixed, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-header > table > tbody > tr > td > .react16-table-expanded-row-fixed, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-body > table > tbody > tr > td > .react16-table-expanded-row-fixed, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-summary > table > tbody > tr > td > .react16-table-expanded-row-fixed { + margin: -16px -17px; +} +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-content > table > tbody > tr > td > .react16-table-expanded-row-fixed::after, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-header > table > tbody > tr > td > .react16-table-expanded-row-fixed::after, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-body > table > tbody > tr > td > .react16-table-expanded-row-fixed::after, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-summary > table > tbody > tr > td > .react16-table-expanded-row-fixed::after { + position: absolute; + top: 0; + right: 1px; + bottom: 0; + border-right: 1px solid rgba(0, 0, 0, 0.06); + content: ''; +} +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-content > table, +.react16-table.react16-table-bordered > .react16-table-container > .react16-table-header > table { + border-top: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-table.react16-table-bordered.react16-table-scroll-horizontal > .react16-table-container > .react16-table-body > table > tbody > tr.react16-table-expanded-row > td, +.react16-table.react16-table-bordered.react16-table-scroll-horizontal > .react16-table-container > .react16-table-body > table > tbody > tr.react16-table-placeholder > td { + border-right: 0; +} +.react16-table.react16-table-bordered.react16-table-middle > .react16-table-container > .react16-table-content > table > tbody > tr > td > .react16-table-expanded-row-fixed, +.react16-table.react16-table-bordered.react16-table-middle > .react16-table-container > .react16-table-body > table > tbody > tr > td > .react16-table-expanded-row-fixed { + margin: -12px -9px; +} +.react16-table.react16-table-bordered.react16-table-small > .react16-table-container > .react16-table-content > table > tbody > tr > td > .react16-table-expanded-row-fixed, +.react16-table.react16-table-bordered.react16-table-small > .react16-table-container > .react16-table-body > table > tbody > tr > td > .react16-table-expanded-row-fixed { + margin: -8px -9px; +} +.react16-table.react16-table-bordered > .react16-table-footer { + border: 1px solid rgba(0, 0, 0, 0.06); + border-top: 0; +} +.react16-table-cell .react16-table-container:first-child { + border-top: 0; +} +.react16-table-cell-scrollbar:not([rowspan]) { + box-shadow: 0 1px 0 1px #fafafa; +} +.react16-table-wrapper { + clear: both; + max-width: 100%; +} +.react16-table-wrapper::before { + display: table; + content: ''; +} +.react16-table-wrapper::after { + display: table; + clear: both; + content: ''; +} +.react16-table-wrapper::before { + display: table; + content: ''; +} +.react16-table-wrapper::after { + display: table; + clear: both; + content: ''; +} +.react16-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; +} +.react16-table table { + width: 100%; + text-align: left; + border-radius: 2px 2px 0 0; + border-collapse: separate; + border-spacing: 0; +} +.react16-table-thead > tr > th, +.react16-table-tbody > tr > td, +.react16-table tfoot > tr > th, +.react16-table tfoot > tr > td { + position: relative; + padding: 16px 16px; + overflow-wrap: break-word; +} +.react16-table-cell-ellipsis { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + word-break: keep-all; +} +.react16-table-cell-ellipsis.react16-table-cell-fix-left-last, +.react16-table-cell-ellipsis.react16-table-cell-fix-right-first { + overflow: visible; +} +.react16-table-cell-ellipsis.react16-table-cell-fix-left-last .react16-table-cell-content, +.react16-table-cell-ellipsis.react16-table-cell-fix-right-first .react16-table-cell-content { + display: block; + overflow: hidden; + text-overflow: ellipsis; +} +.react16-table-cell-ellipsis .react16-table-column-title { + overflow: hidden; + text-overflow: ellipsis; + word-break: keep-all; +} +.react16-table-title { + padding: 16px 16px; +} +.react16-table-footer { + padding: 16px 16px; + color: rgba(0, 0, 0, 0.85); + background: #fafafa; +} +.react16-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 rgba(0, 0, 0, 0.06); + transition: background 0.3s ease; +} +.react16-table-thead > tr > th[colspan]:not([colspan='1']) { + text-align: center; +} +.react16-table-thead > tr > th:not(:last-child):not(.react16-table-selection-column):not(.react16-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: ''; +} +.react16-table-thead > tr:not(:last-child) > th[colspan] { + border-bottom: 0; +} +.react16-table-tbody > tr > td { + border-bottom: 1px solid rgba(0, 0, 0, 0.06); + transition: background 0.3s; +} +.react16-table-tbody > tr > td > .react16-table-wrapper:only-child .react16-table, +.react16-table-tbody > tr > td > .react16-table-expanded-row-fixed > .react16-table-wrapper:only-child .react16-table { + margin: -16px -16px -16px 32px; +} +.react16-table-tbody > tr > td > .react16-table-wrapper:only-child .react16-table-tbody > tr:last-child > td, +.react16-table-tbody > tr > td > .react16-table-expanded-row-fixed > .react16-table-wrapper:only-child .react16-table-tbody > tr:last-child > td { + border-bottom: 0; +} +.react16-table-tbody > tr > td > .react16-table-wrapper:only-child .react16-table-tbody > tr:last-child > td:first-child, +.react16-table-tbody > tr > td > .react16-table-expanded-row-fixed > .react16-table-wrapper:only-child .react16-table-tbody > tr:last-child > td:first-child, +.react16-table-tbody > tr > td > .react16-table-wrapper:only-child .react16-table-tbody > tr:last-child > td:last-child, +.react16-table-tbody > tr > td > .react16-table-expanded-row-fixed > .react16-table-wrapper:only-child .react16-table-tbody > tr:last-child > td:last-child { + border-radius: 0; +} +.react16-table-tbody > tr.react16-table-row:hover > td, +.react16-table-tbody > tr > td.react16-table-cell-row-hover { + background: #fafafa; +} +.react16-table-tbody > tr.react16-table-row-selected > td { + background: var(--react16-primary-1); + border-color: rgba(0, 0, 0, 0.03); +} +.react16-table-tbody > tr.react16-table-row-selected:hover > td { + background: var(--react16-primary-color-active-deprecated-d-02); +} +.react16-table-summary { + position: relative; + z-index: 2; + background: #fff; +} +div.react16-table-summary { + box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06); +} +.react16-table-summary > tr > th, +.react16-table-summary > tr > td { + border-bottom: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-table-pagination.react16-pagination { + margin: 16px 0; +} +.react16-table-pagination { + display: flex; + flex-wrap: wrap; + row-gap: 8px; +} +.react16-table-pagination > * { + flex: none; +} +.react16-table-pagination-left { + justify-content: flex-start; +} +.react16-table-pagination-center { + justify-content: center; +} +.react16-table-pagination-right { + justify-content: flex-end; +} +.react16-table-thead th.react16-table-column-has-sorters { + outline: none; + cursor: pointer; + transition: all 0.3s; +} +.react16-table-thead th.react16-table-column-has-sorters:hover { + background: rgba(0, 0, 0, 0.04); +} +.react16-table-thead th.react16-table-column-has-sorters:hover::before { + background-color: transparent !important; +} +.react16-table-thead th.react16-table-column-has-sorters:focus-visible { + color: var(--react16-primary-color); +} +.react16-table-thead th.react16-table-column-has-sorters.react16-table-cell-fix-left:hover, +.react16-table-thead th.react16-table-column-has-sorters.react16-table-cell-fix-right:hover { + background: #f5f5f5; +} +.react16-table-thead th.react16-table-column-sort { + background: #f5f5f5; +} +.react16-table-thead th.react16-table-column-sort::before { + background-color: transparent !important; +} +td.react16-table-column-sort { + background: #fafafa; +} +.react16-table-column-title { + position: relative; + z-index: 1; + flex: 1; +} +.react16-table-column-sorters { + display: flex; + flex: auto; + align-items: center; + justify-content: space-between; +} +.react16-table-column-sorters::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + content: ''; +} +.react16-table-column-sorter { + margin-left: 4px; + color: #bfbfbf; + font-size: 0; + transition: color 0.3s; +} +.react16-table-column-sorter-inner { + display: inline-flex; + flex-direction: column; + align-items: center; +} +.react16-table-column-sorter-up, +.react16-table-column-sorter-down { + font-size: 11px; +} +.react16-table-column-sorter-up.active, +.react16-table-column-sorter-down.active { + color: var(--react16-primary-color); +} +.react16-table-column-sorter-up + .react16-table-column-sorter-down { + margin-top: -0.3em; +} +.react16-table-column-sorters:hover .react16-table-column-sorter { + color: #a6a6a6; +} +.react16-table-filter-column { + display: flex; + justify-content: space-between; +} +.react16-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; +} +.react16-table-filter-trigger:hover { + color: rgba(0, 0, 0, 0.45); + background: rgba(0, 0, 0, 0.04); +} +.react16-table-filter-trigger.active { + color: var(--react16-primary-color); +} +.react16-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); +} +.react16-table-filter-dropdown .react16-dropdown-menu { + max-height: 264px; + overflow-x: hidden; + border: 0; + box-shadow: none; +} +.react16-table-filter-dropdown .react16-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'; +} +.react16-table-filter-dropdown-tree { + padding: 8px 8px 0; +} +.react16-table-filter-dropdown-tree .react16-tree-treenode .react16-tree-node-content-wrapper:hover { + background-color: #f5f5f5; +} +.react16-table-filter-dropdown-tree .react16-tree-treenode-checkbox-checked .react16-tree-node-content-wrapper, +.react16-table-filter-dropdown-tree .react16-tree-treenode-checkbox-checked .react16-tree-node-content-wrapper:hover { + background-color: var(--react16-primary-2); +} +.react16-table-filter-dropdown-search { + padding: 8px; + border-bottom: 1px rgba(0, 0, 0, 0.06) solid; +} +.react16-table-filter-dropdown-search-input input { + min-width: 140px; +} +.react16-table-filter-dropdown-search-input .anticon { + color: rgba(0, 0, 0, 0.25); +} +.react16-table-filter-dropdown-checkall { + width: 100%; + margin-bottom: 4px; + margin-left: 4px; +} +.react16-table-filter-dropdown-submenu > ul { + max-height: calc(100vh - 130px); + overflow-x: hidden; + overflow-y: auto; +} +.react16-table-filter-dropdown .react16-checkbox-wrapper + span, +.react16-table-filter-dropdown-submenu .react16-checkbox-wrapper + span { + padding-left: 8px; +} +.react16-table-filter-dropdown-btns { + display: flex; + justify-content: space-between; + padding: 7px 8px; + overflow: hidden; + background-color: inherit; + border-top: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-table-selection-col { + width: 32px; +} +.react16-table-bordered .react16-table-selection-col { + width: 50px; +} +table tr th.react16-table-selection-column, +table tr td.react16-table-selection-column { + padding-right: 8px; + padding-left: 8px; + text-align: center; +} +table tr th.react16-table-selection-column .react16-radio-wrapper, +table tr td.react16-table-selection-column .react16-radio-wrapper { + margin-right: 0; +} +table tr th.react16-table-selection-column.react16-table-cell-fix-left { + z-index: 3; +} +table tr th.react16-table-selection-column::after { + background-color: transparent !important; +} +.react16-table-selection { + position: relative; + display: inline-flex; + flex-direction: column; +} +.react16-table-selection-extra { + position: absolute; + top: 0; + z-index: 1; + cursor: pointer; + transition: all 0.3s; + margin-inline-start: 100%; + padding-inline-start: 4px; +} +.react16-table-selection-extra .anticon { + color: #bfbfbf; + font-size: 10px; +} +.react16-table-selection-extra .anticon:hover { + color: #a6a6a6; +} +.react16-table-expand-icon-col { + width: 48px; +} +.react16-table-row-expand-icon-cell { + text-align: center; +} +.react16-table-row-expand-icon-cell .react16-table-row-expand-icon { + display: inline-flex; + float: none; + vertical-align: sub; +} +.react16-table-row-indent { + float: left; + height: 1px; +} +.react16-table-row-expand-icon { + color: var(--react16-primary-color); + 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 rgba(0, 0, 0, 0.06); + border-radius: 2px; + transform: scale(0.94117647); + transition: all 0.3s; + user-select: none; +} +.react16-table-row-expand-icon:focus-visible, +.react16-table-row-expand-icon:hover { + color: var(--react16-primary-color-hover); +} +.react16-table-row-expand-icon:active { + color: var(--react16-primary-color-active); +} +.react16-table-row-expand-icon:focus, +.react16-table-row-expand-icon:hover, +.react16-table-row-expand-icon:active { + border-color: currentcolor; +} +.react16-table-row-expand-icon::before, +.react16-table-row-expand-icon::after { + position: absolute; + background: currentcolor; + transition: transform 0.3s ease-out; + content: ''; +} +.react16-table-row-expand-icon::before { + top: 7px; + right: 3px; + left: 3px; + height: 1px; +} +.react16-table-row-expand-icon::after { + top: 3px; + bottom: 3px; + left: 7px; + width: 1px; + transform: rotate(90deg); +} +.react16-table-row-expand-icon-collapsed::before { + transform: rotate(-180deg); +} +.react16-table-row-expand-icon-collapsed::after { + transform: rotate(0deg); +} +.react16-table-row-expand-icon-spaced { + background: transparent; + border: 0; + visibility: hidden; +} +.react16-table-row-expand-icon-spaced::before, +.react16-table-row-expand-icon-spaced::after { + display: none; + content: none; +} +.react16-table-row-indent + .react16-table-row-expand-icon { + margin-top: 2.5005px; + margin-right: 8px; +} +tr.react16-table-expanded-row > td, +tr.react16-table-expanded-row:hover > td { + background: #fbfbfb; +} +tr.react16-table-expanded-row .react16-descriptions-view { + display: flex; +} +tr.react16-table-expanded-row .react16-descriptions-view table { + flex: auto; + width: auto; +} +.react16-table .react16-table-expanded-row-fixed { + position: relative; + margin: -16px -16px; + padding: 16px 16px; +} +.react16-table-tbody > tr.react16-table-placeholder { + text-align: center; +} +.react16-table-empty .react16-table-tbody > tr.react16-table-placeholder { + color: rgba(0, 0, 0, 0.25); +} +.react16-table-tbody > tr.react16-table-placeholder:hover > td { + background: #fff; +} +.react16-table-cell-fix-left, +.react16-table-cell-fix-right { + position: sticky !important; + z-index: 2; + background: #fff; +} +.react16-table-cell-fix-left-first::after, +.react16-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; +} +.react16-table-cell-fix-left-all::after { + display: none; +} +.react16-table-cell-fix-right-first::after, +.react16-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; +} +.react16-table .react16-table-container::before, +.react16-table .react16-table-container::after { + position: absolute; + top: 0; + bottom: 0; + z-index: 2; + width: 30px; + transition: box-shadow 0.3s; + content: ''; + pointer-events: none; +} +.react16-table .react16-table-container::before { + left: 0; +} +.react16-table .react16-table-container::after { + right: 0; +} +.react16-table-ping-left:not(.react16-table-has-fix-left) > .react16-table-container { + position: relative; +} +.react16-table-ping-left:not(.react16-table-has-fix-left) > .react16-table-container::before { + box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); +} +.react16-table-ping-left .react16-table-cell-fix-left-first::after, +.react16-table-ping-left .react16-table-cell-fix-left-last::after { + box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); +} +.react16-table-ping-left .react16-table-cell-fix-left-last::before { + background-color: transparent !important; +} +.react16-table-ping-right:not(.react16-table-has-fix-right) > .react16-table-container { + position: relative; +} +.react16-table-ping-right:not(.react16-table-has-fix-right) > .react16-table-container::after { + box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); +} +.react16-table-ping-right .react16-table-cell-fix-right-first::after, +.react16-table-ping-right .react16-table-cell-fix-right-last::after { + box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); +} +.react16-table-sticky-holder { + position: sticky; + z-index: calc(2 + 1); + background: #fff; +} +.react16-table-sticky-scroll { + position: sticky; + bottom: 0; + z-index: calc(2 + 1); + display: flex; + align-items: center; + background: rgba(204, 204, 204, 0.06); + border-top: 1px solid rgba(0, 0, 0, 0.06); + opacity: 0.6; +} +.react16-table-sticky-scroll:hover { + transform-origin: center bottom; +} +.react16-table-sticky-scroll-bar { + height: 8px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 4px; +} +.react16-table-sticky-scroll-bar:hover { + background-color: rgba(0, 0, 0, 0.8); +} +.react16-table-sticky-scroll-bar-active { + background-color: rgba(0, 0, 0, 0.8); +} +@media all and (-ms-high-contrast: none) { + .react16-table-ping-left .react16-table-cell-fix-left-last::after { + box-shadow: none !important; + } + .react16-table-ping-right .react16-table-cell-fix-right-first::after { + box-shadow: none !important; + } +} +.react16-table { + /* title + table */ + /* table */ + /* table + footer */ +} +.react16-table-title { + border-radius: 2px 2px 0 0; +} +.react16-table-title + .react16-table-container { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.react16-table-title + .react16-table-container table { + border-radius: 0; +} +.react16-table-title + .react16-table-container table > thead > tr:first-child th:first-child { + border-radius: 0; +} +.react16-table-title + .react16-table-container table > thead > tr:first-child th:last-child { + border-radius: 0; +} +.react16-table-container { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} +.react16-table-container table > thead > tr:first-child th:first-child { + border-top-left-radius: 2px; +} +.react16-table-container table > thead > tr:first-child th:last-child { + border-top-right-radius: 2px; +} +.react16-table-footer { + border-radius: 0 0 2px 2px; +} +.react16-table-wrapper-rtl { + direction: rtl; +} +.react16-table-rtl { + direction: rtl; +} +.react16-table-wrapper-rtl .react16-table table { + text-align: right; +} +.react16-table-wrapper-rtl .react16-table-thead > tr > th[colspan]:not([colspan='1']) { + text-align: center; +} +.react16-table-wrapper-rtl .react16-table-thead > tr > th:not(:last-child):not(.react16-table-selection-column):not(.react16-table-row-expand-icon-cell):not([colspan])::before { + right: auto; + left: 0; +} +.react16-table-wrapper-rtl .react16-table-thead > tr > th { + text-align: right; +} +.react16-table-tbody > tr .react16-table-wrapper:only-child .react16-table.react16-table-rtl { + margin: -16px 33px -16px -16px; +} +.react16-table-wrapper.react16-table-wrapper-rtl .react16-table-pagination-left { + justify-content: flex-end; +} +.react16-table-wrapper.react16-table-wrapper-rtl .react16-table-pagination-right { + justify-content: flex-start; +} +.react16-table-wrapper-rtl .react16-table-column-sorter { + margin-right: 4px; + margin-left: 0; +} +.react16-table-wrapper-rtl .react16-table-filter-column-title { + padding: 16px 16px 16px 2.3em; +} +.react16-table-rtl .react16-table-thead tr th.react16-table-column-has-sorters .react16-table-filter-column-title { + padding: 0 0 0 2.3em; +} +.react16-table-wrapper-rtl .react16-table-filter-trigger { + margin: -4px 4px -4px -8px; +} +.react16-dropdown-rtl .react16-table-filter-dropdown .react16-checkbox-wrapper + span, +.react16-dropdown-rtl .react16-table-filter-dropdown-submenu .react16-checkbox-wrapper + span, +.react16-dropdown-menu-submenu-rtl.react16-table-filter-dropdown .react16-checkbox-wrapper + span, +.react16-dropdown-menu-submenu-rtl.react16-table-filter-dropdown-submenu .react16-checkbox-wrapper + span { + padding-right: 8px; + padding-left: 0; +} +.react16-table-wrapper-rtl .react16-table-selection { + text-align: center; +} +.react16-table-wrapper-rtl .react16-table-row-indent { + float: right; +} +.react16-table-wrapper-rtl .react16-table-row-expand-icon { + float: right; +} +.react16-table-wrapper-rtl .react16-table-row-indent + .react16-table-row-expand-icon { + margin-right: 0; + margin-left: 8px; +} +.react16-table-wrapper-rtl .react16-table-row-expand-icon::after { + transform: rotate(-90deg); +} +.react16-table-wrapper-rtl .react16-table-row-expand-icon-collapsed::before { + transform: rotate(180deg); +} +.react16-table-wrapper-rtl .react16-table-row-expand-icon-collapsed::after { + transform: rotate(0deg); +} +.react16-tabs-small > .react16-tabs-nav .react16-tabs-tab { + padding: 8px 0; + font-size: 14px; +} +.react16-tabs-large > .react16-tabs-nav .react16-tabs-tab { + padding: 16px 0; + font-size: 16px; +} +.react16-tabs-card.react16-tabs-small > .react16-tabs-nav .react16-tabs-tab { + padding: 6px 16px; +} +.react16-tabs-card.react16-tabs-large > .react16-tabs-nav .react16-tabs-tab { + padding: 7px 16px 6px; +} +.react16-tabs-rtl { + direction: rtl; +} +.react16-tabs-rtl .react16-tabs-nav .react16-tabs-tab { + margin: 0 0 0 32px; +} +.react16-tabs-rtl .react16-tabs-nav .react16-tabs-tab:last-of-type { + margin-left: 0; +} +.react16-tabs-rtl .react16-tabs-nav .react16-tabs-tab .anticon { + margin-right: 0; + margin-left: 12px; +} +.react16-tabs-rtl .react16-tabs-nav .react16-tabs-tab .react16-tabs-tab-remove { + margin-right: 8px; + margin-left: -4px; +} +.react16-tabs-rtl .react16-tabs-nav .react16-tabs-tab .react16-tabs-tab-remove .anticon { + margin: 0; +} +.react16-tabs-rtl.react16-tabs-left > .react16-tabs-nav { + order: 1; +} +.react16-tabs-rtl.react16-tabs-left > .react16-tabs-content-holder { + order: 0; +} +.react16-tabs-rtl.react16-tabs-right > .react16-tabs-nav { + order: 0; +} +.react16-tabs-rtl.react16-tabs-right > .react16-tabs-content-holder { + order: 1; +} +.react16-tabs-rtl.react16-tabs-card.react16-tabs-top > .react16-tabs-nav .react16-tabs-tab + .react16-tabs-tab, +.react16-tabs-rtl.react16-tabs-card.react16-tabs-bottom > .react16-tabs-nav .react16-tabs-tab + .react16-tabs-tab, +.react16-tabs-rtl.react16-tabs-card.react16-tabs-top > div > .react16-tabs-nav .react16-tabs-tab + .react16-tabs-tab, +.react16-tabs-rtl.react16-tabs-card.react16-tabs-bottom > div > .react16-tabs-nav .react16-tabs-tab + .react16-tabs-tab { + margin-right: 2px; + margin-left: 0; +} +.react16-tabs-rtl.react16-tabs-card.react16-tabs-top > .react16-tabs-nav .react16-tabs-nav-add, +.react16-tabs-rtl.react16-tabs-card.react16-tabs-bottom > .react16-tabs-nav .react16-tabs-nav-add, +.react16-tabs-rtl.react16-tabs-card.react16-tabs-top > div > .react16-tabs-nav .react16-tabs-nav-add, +.react16-tabs-rtl.react16-tabs-card.react16-tabs-bottom > div > .react16-tabs-nav .react16-tabs-nav-add { + margin-right: 2px; + margin-left: 0; +} +.react16-tabs-dropdown-rtl { + direction: rtl; +} +.react16-tabs-dropdown-rtl .react16-tabs-dropdown-menu-item { + text-align: right; +} +.react16-tabs-top, +.react16-tabs-bottom { + flex-direction: column; +} +.react16-tabs-top > .react16-tabs-nav, +.react16-tabs-bottom > .react16-tabs-nav, +.react16-tabs-top > div > .react16-tabs-nav, +.react16-tabs-bottom > div > .react16-tabs-nav { + margin: 0 0 16px 0; +} +.react16-tabs-top > .react16-tabs-nav::before, +.react16-tabs-bottom > .react16-tabs-nav::before, +.react16-tabs-top > div > .react16-tabs-nav::before, +.react16-tabs-bottom > div > .react16-tabs-nav::before { + position: absolute; + right: 0; + left: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.06); + content: ''; +} +.react16-tabs-top > .react16-tabs-nav .react16-tabs-ink-bar, +.react16-tabs-bottom > .react16-tabs-nav .react16-tabs-ink-bar, +.react16-tabs-top > div > .react16-tabs-nav .react16-tabs-ink-bar, +.react16-tabs-bottom > div > .react16-tabs-nav .react16-tabs-ink-bar { + height: 2px; +} +.react16-tabs-top > .react16-tabs-nav .react16-tabs-ink-bar-animated, +.react16-tabs-bottom > .react16-tabs-nav .react16-tabs-ink-bar-animated, +.react16-tabs-top > div > .react16-tabs-nav .react16-tabs-ink-bar-animated, +.react16-tabs-bottom > div > .react16-tabs-nav .react16-tabs-ink-bar-animated { + transition: width 0.3s, left 0.3s, right 0.3s; +} +.react16-tabs-top > .react16-tabs-nav .react16-tabs-nav-wrap::before, +.react16-tabs-bottom > .react16-tabs-nav .react16-tabs-nav-wrap::before, +.react16-tabs-top > div > .react16-tabs-nav .react16-tabs-nav-wrap::before, +.react16-tabs-bottom > div > .react16-tabs-nav .react16-tabs-nav-wrap::before, +.react16-tabs-top > .react16-tabs-nav .react16-tabs-nav-wrap::after, +.react16-tabs-bottom > .react16-tabs-nav .react16-tabs-nav-wrap::after, +.react16-tabs-top > div > .react16-tabs-nav .react16-tabs-nav-wrap::after, +.react16-tabs-bottom > div > .react16-tabs-nav .react16-tabs-nav-wrap::after { + top: 0; + bottom: 0; + width: 30px; +} +.react16-tabs-top > .react16-tabs-nav .react16-tabs-nav-wrap::before, +.react16-tabs-bottom > .react16-tabs-nav .react16-tabs-nav-wrap::before, +.react16-tabs-top > div > .react16-tabs-nav .react16-tabs-nav-wrap::before, +.react16-tabs-bottom > div > .react16-tabs-nav .react16-tabs-nav-wrap::before { + left: 0; + box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08); +} +.react16-tabs-top > .react16-tabs-nav .react16-tabs-nav-wrap::after, +.react16-tabs-bottom > .react16-tabs-nav .react16-tabs-nav-wrap::after, +.react16-tabs-top > div > .react16-tabs-nav .react16-tabs-nav-wrap::after, +.react16-tabs-bottom > div > .react16-tabs-nav .react16-tabs-nav-wrap::after { + right: 0; + box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08); +} +.react16-tabs-top > .react16-tabs-nav .react16-tabs-nav-wrap.react16-tabs-nav-wrap-ping-left::before, +.react16-tabs-bottom > .react16-tabs-nav .react16-tabs-nav-wrap.react16-tabs-nav-wrap-ping-left::before, +.react16-tabs-top > div > .react16-tabs-nav .react16-tabs-nav-wrap.react16-tabs-nav-wrap-ping-left::before, +.react16-tabs-bottom > div > .react16-tabs-nav .react16-tabs-nav-wrap.react16-tabs-nav-wrap-ping-left::before { + opacity: 1; +} +.react16-tabs-top > .react16-tabs-nav .react16-tabs-nav-wrap.react16-tabs-nav-wrap-ping-right::after, +.react16-tabs-bottom > .react16-tabs-nav .react16-tabs-nav-wrap.react16-tabs-nav-wrap-ping-right::after, +.react16-tabs-top > div > .react16-tabs-nav .react16-tabs-nav-wrap.react16-tabs-nav-wrap-ping-right::after, +.react16-tabs-bottom > div > .react16-tabs-nav .react16-tabs-nav-wrap.react16-tabs-nav-wrap-ping-right::after { + opacity: 1; +} +.react16-tabs-top > .react16-tabs-nav::before, +.react16-tabs-top > div > .react16-tabs-nav::before { + bottom: 0; +} +.react16-tabs-top > .react16-tabs-nav .react16-tabs-ink-bar, +.react16-tabs-top > div > .react16-tabs-nav .react16-tabs-ink-bar { + bottom: 0; +} +.react16-tabs-bottom > .react16-tabs-nav, +.react16-tabs-bottom > div > .react16-tabs-nav { + order: 1; + margin-top: 16px; + margin-bottom: 0; +} +.react16-tabs-bottom > .react16-tabs-nav::before, +.react16-tabs-bottom > div > .react16-tabs-nav::before { + top: 0; +} +.react16-tabs-bottom > .react16-tabs-nav .react16-tabs-ink-bar, +.react16-tabs-bottom > div > .react16-tabs-nav .react16-tabs-ink-bar { + top: 0; +} +.react16-tabs-bottom > .react16-tabs-content-holder, +.react16-tabs-bottom > div > .react16-tabs-content-holder { + order: 0; +} +.react16-tabs-left > .react16-tabs-nav, +.react16-tabs-right > .react16-tabs-nav, +.react16-tabs-left > div > .react16-tabs-nav, +.react16-tabs-right > div > .react16-tabs-nav { + flex-direction: column; + min-width: 50px; +} +.react16-tabs-left > .react16-tabs-nav .react16-tabs-tab, +.react16-tabs-right > .react16-tabs-nav .react16-tabs-tab, +.react16-tabs-left > div > .react16-tabs-nav .react16-tabs-tab, +.react16-tabs-right > div > .react16-tabs-nav .react16-tabs-tab { + padding: 8px 24px; + text-align: center; +} +.react16-tabs-left > .react16-tabs-nav .react16-tabs-tab + .react16-tabs-tab, +.react16-tabs-right > .react16-tabs-nav .react16-tabs-tab + .react16-tabs-tab, +.react16-tabs-left > div > .react16-tabs-nav .react16-tabs-tab + .react16-tabs-tab, +.react16-tabs-right > div > .react16-tabs-nav .react16-tabs-tab + .react16-tabs-tab { + margin: 16px 0 0 0; +} +.react16-tabs-left > .react16-tabs-nav .react16-tabs-nav-wrap, +.react16-tabs-right > .react16-tabs-nav .react16-tabs-nav-wrap, +.react16-tabs-left > div > .react16-tabs-nav .react16-tabs-nav-wrap, +.react16-tabs-right > div > .react16-tabs-nav .react16-tabs-nav-wrap { + flex-direction: column; +} +.react16-tabs-left > .react16-tabs-nav .react16-tabs-nav-wrap::before, +.react16-tabs-right > .react16-tabs-nav .react16-tabs-nav-wrap::before, +.react16-tabs-left > div > .react16-tabs-nav .react16-tabs-nav-wrap::before, +.react16-tabs-right > div > .react16-tabs-nav .react16-tabs-nav-wrap::before, +.react16-tabs-left > .react16-tabs-nav .react16-tabs-nav-wrap::after, +.react16-tabs-right > .react16-tabs-nav .react16-tabs-nav-wrap::after, +.react16-tabs-left > div > .react16-tabs-nav .react16-tabs-nav-wrap::after, +.react16-tabs-right > div > .react16-tabs-nav .react16-tabs-nav-wrap::after { + right: 0; + left: 0; + height: 30px; +} +.react16-tabs-left > .react16-tabs-nav .react16-tabs-nav-wrap::before, +.react16-tabs-right > .react16-tabs-nav .react16-tabs-nav-wrap::before, +.react16-tabs-left > div > .react16-tabs-nav .react16-tabs-nav-wrap::before, +.react16-tabs-right > div > .react16-tabs-nav .react16-tabs-nav-wrap::before { + top: 0; + box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08); +} +.react16-tabs-left > .react16-tabs-nav .react16-tabs-nav-wrap::after, +.react16-tabs-right > .react16-tabs-nav .react16-tabs-nav-wrap::after, +.react16-tabs-left > div > .react16-tabs-nav .react16-tabs-nav-wrap::after, +.react16-tabs-right > div > .react16-tabs-nav .react16-tabs-nav-wrap::after { + bottom: 0; + box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08); +} +.react16-tabs-left > .react16-tabs-nav .react16-tabs-nav-wrap.react16-tabs-nav-wrap-ping-top::before, +.react16-tabs-right > .react16-tabs-nav .react16-tabs-nav-wrap.react16-tabs-nav-wrap-ping-top::before, +.react16-tabs-left > div > .react16-tabs-nav .react16-tabs-nav-wrap.react16-tabs-nav-wrap-ping-top::before, +.react16-tabs-right > div > .react16-tabs-nav .react16-tabs-nav-wrap.react16-tabs-nav-wrap-ping-top::before { + opacity: 1; +} +.react16-tabs-left > .react16-tabs-nav .react16-tabs-nav-wrap.react16-tabs-nav-wrap-ping-bottom::after, +.react16-tabs-right > .react16-tabs-nav .react16-tabs-nav-wrap.react16-tabs-nav-wrap-ping-bottom::after, +.react16-tabs-left > div > .react16-tabs-nav .react16-tabs-nav-wrap.react16-tabs-nav-wrap-ping-bottom::after, +.react16-tabs-right > div > .react16-tabs-nav .react16-tabs-nav-wrap.react16-tabs-nav-wrap-ping-bottom::after { + opacity: 1; +} +.react16-tabs-left > .react16-tabs-nav .react16-tabs-ink-bar, +.react16-tabs-right > .react16-tabs-nav .react16-tabs-ink-bar, +.react16-tabs-left > div > .react16-tabs-nav .react16-tabs-ink-bar, +.react16-tabs-right > div > .react16-tabs-nav .react16-tabs-ink-bar { + width: 2px; +} +.react16-tabs-left > .react16-tabs-nav .react16-tabs-ink-bar-animated, +.react16-tabs-right > .react16-tabs-nav .react16-tabs-ink-bar-animated, +.react16-tabs-left > div > .react16-tabs-nav .react16-tabs-ink-bar-animated, +.react16-tabs-right > div > .react16-tabs-nav .react16-tabs-ink-bar-animated { + transition: height 0.3s, top 0.3s; +} +.react16-tabs-left > .react16-tabs-nav .react16-tabs-nav-list, +.react16-tabs-right > .react16-tabs-nav .react16-tabs-nav-list, +.react16-tabs-left > div > .react16-tabs-nav .react16-tabs-nav-list, +.react16-tabs-right > div > .react16-tabs-nav .react16-tabs-nav-list, +.react16-tabs-left > .react16-tabs-nav .react16-tabs-nav-operations, +.react16-tabs-right > .react16-tabs-nav .react16-tabs-nav-operations, +.react16-tabs-left > div > .react16-tabs-nav .react16-tabs-nav-operations, +.react16-tabs-right > div > .react16-tabs-nav .react16-tabs-nav-operations { + flex: 1 0 auto; + flex-direction: column; +} +.react16-tabs-left > .react16-tabs-nav .react16-tabs-ink-bar, +.react16-tabs-left > div > .react16-tabs-nav .react16-tabs-ink-bar { + right: 0; +} +.react16-tabs-left > .react16-tabs-content-holder, +.react16-tabs-left > div > .react16-tabs-content-holder { + margin-left: -1px; + border-left: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-tabs-left > .react16-tabs-content-holder > .react16-tabs-content > .react16-tabs-tabpane, +.react16-tabs-left > div > .react16-tabs-content-holder > .react16-tabs-content > .react16-tabs-tabpane { + padding-left: 24px; +} +.react16-tabs-right > .react16-tabs-nav, +.react16-tabs-right > div > .react16-tabs-nav { + order: 1; +} +.react16-tabs-right > .react16-tabs-nav .react16-tabs-ink-bar, +.react16-tabs-right > div > .react16-tabs-nav .react16-tabs-ink-bar { + left: 0; +} +.react16-tabs-right > .react16-tabs-content-holder, +.react16-tabs-right > div > .react16-tabs-content-holder { + order: 0; + margin-right: -1px; + border-right: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-tabs-right > .react16-tabs-content-holder > .react16-tabs-content > .react16-tabs-tabpane, +.react16-tabs-right > div > .react16-tabs-content-holder > .react16-tabs-content > .react16-tabs-tabpane { + padding-right: 24px; +} +.react16-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; +} +.react16-tabs-dropdown-hidden { + display: none; +} +.react16-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); +} +.react16-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; +} +.react16-tabs-dropdown-menu-item > span { + flex: 1; + white-space: nowrap; +} +.react16-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; +} +.react16-tabs-dropdown-menu-item-remove:hover { + color: var(--react16-primary-5); +} +.react16-tabs-dropdown-menu-item:hover { + background: #f5f5f5; +} +.react16-tabs-dropdown-menu-item-disabled, +.react16-tabs-dropdown-menu-item-disabled:hover { + color: rgba(0, 0, 0, 0.25); + background: transparent; + cursor: not-allowed; +} +.react16-tabs-card > .react16-tabs-nav .react16-tabs-tab, +.react16-tabs-card > div > .react16-tabs-nav .react16-tabs-tab { + margin: 0; + padding: 8px 16px; + background: #fafafa; + border: 1px solid rgba(0, 0, 0, 0.06); + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.react16-tabs-card > .react16-tabs-nav .react16-tabs-tab-active, +.react16-tabs-card > div > .react16-tabs-nav .react16-tabs-tab-active { + color: var(--react16-primary-color); + background: #fff; +} +.react16-tabs-card > .react16-tabs-nav .react16-tabs-ink-bar, +.react16-tabs-card > div > .react16-tabs-nav .react16-tabs-ink-bar { + visibility: hidden; +} +.react16-tabs-card.react16-tabs-top > .react16-tabs-nav .react16-tabs-tab + .react16-tabs-tab, +.react16-tabs-card.react16-tabs-bottom > .react16-tabs-nav .react16-tabs-tab + .react16-tabs-tab, +.react16-tabs-card.react16-tabs-top > div > .react16-tabs-nav .react16-tabs-tab + .react16-tabs-tab, +.react16-tabs-card.react16-tabs-bottom > div > .react16-tabs-nav .react16-tabs-tab + .react16-tabs-tab { + margin-left: 2px; +} +.react16-tabs-card.react16-tabs-top > .react16-tabs-nav .react16-tabs-tab, +.react16-tabs-card.react16-tabs-top > div > .react16-tabs-nav .react16-tabs-tab { + border-radius: 2px 2px 0 0; +} +.react16-tabs-card.react16-tabs-top > .react16-tabs-nav .react16-tabs-tab-active, +.react16-tabs-card.react16-tabs-top > div > .react16-tabs-nav .react16-tabs-tab-active { + border-bottom-color: #fff; +} +.react16-tabs-card.react16-tabs-bottom > .react16-tabs-nav .react16-tabs-tab, +.react16-tabs-card.react16-tabs-bottom > div > .react16-tabs-nav .react16-tabs-tab { + border-radius: 0 0 2px 2px; +} +.react16-tabs-card.react16-tabs-bottom > .react16-tabs-nav .react16-tabs-tab-active, +.react16-tabs-card.react16-tabs-bottom > div > .react16-tabs-nav .react16-tabs-tab-active { + border-top-color: #fff; +} +.react16-tabs-card.react16-tabs-left > .react16-tabs-nav .react16-tabs-tab + .react16-tabs-tab, +.react16-tabs-card.react16-tabs-right > .react16-tabs-nav .react16-tabs-tab + .react16-tabs-tab, +.react16-tabs-card.react16-tabs-left > div > .react16-tabs-nav .react16-tabs-tab + .react16-tabs-tab, +.react16-tabs-card.react16-tabs-right > div > .react16-tabs-nav .react16-tabs-tab + .react16-tabs-tab { + margin-top: 2px; +} +.react16-tabs-card.react16-tabs-left > .react16-tabs-nav .react16-tabs-tab, +.react16-tabs-card.react16-tabs-left > div > .react16-tabs-nav .react16-tabs-tab { + border-radius: 2px 0 0 2px; +} +.react16-tabs-card.react16-tabs-left > .react16-tabs-nav .react16-tabs-tab-active, +.react16-tabs-card.react16-tabs-left > div > .react16-tabs-nav .react16-tabs-tab-active { + border-right-color: #fff; +} +.react16-tabs-card.react16-tabs-right > .react16-tabs-nav .react16-tabs-tab, +.react16-tabs-card.react16-tabs-right > div > .react16-tabs-nav .react16-tabs-tab { + border-radius: 0 2px 2px 0; +} +.react16-tabs-card.react16-tabs-right > .react16-tabs-nav .react16-tabs-tab-active, +.react16-tabs-card.react16-tabs-right > div > .react16-tabs-nav .react16-tabs-tab-active { + border-left-color: #fff; +} +.react16-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; +} +.react16-tabs > .react16-tabs-nav, +.react16-tabs > div > .react16-tabs-nav { + position: relative; + display: flex; + flex: none; + align-items: center; +} +.react16-tabs > .react16-tabs-nav .react16-tabs-nav-wrap, +.react16-tabs > div > .react16-tabs-nav .react16-tabs-nav-wrap { + position: relative; + display: inline-block; + display: flex; + flex: auto; + align-self: stretch; + overflow: hidden; + white-space: nowrap; + transform: translate(0); +} +.react16-tabs > .react16-tabs-nav .react16-tabs-nav-wrap::before, +.react16-tabs > div > .react16-tabs-nav .react16-tabs-nav-wrap::before, +.react16-tabs > .react16-tabs-nav .react16-tabs-nav-wrap::after, +.react16-tabs > div > .react16-tabs-nav .react16-tabs-nav-wrap::after { + position: absolute; + z-index: 1; + opacity: 0; + transition: opacity 0.3s; + content: ''; + pointer-events: none; +} +.react16-tabs > .react16-tabs-nav .react16-tabs-nav-list, +.react16-tabs > div > .react16-tabs-nav .react16-tabs-nav-list { + position: relative; + display: flex; + transition: transform 0.3s; +} +.react16-tabs > .react16-tabs-nav .react16-tabs-nav-operations, +.react16-tabs > div > .react16-tabs-nav .react16-tabs-nav-operations { + display: flex; + align-self: stretch; +} +.react16-tabs > .react16-tabs-nav .react16-tabs-nav-operations-hidden, +.react16-tabs > div > .react16-tabs-nav .react16-tabs-nav-operations-hidden { + position: absolute; + visibility: hidden; + pointer-events: none; +} +.react16-tabs > .react16-tabs-nav .react16-tabs-nav-more, +.react16-tabs > div > .react16-tabs-nav .react16-tabs-nav-more { + position: relative; + padding: 8px 16px; + background: transparent; + border: 0; +} +.react16-tabs > .react16-tabs-nav .react16-tabs-nav-more::after, +.react16-tabs > div > .react16-tabs-nav .react16-tabs-nav-more::after { + position: absolute; + right: 0; + bottom: 0; + left: 0; + height: 5px; + transform: translateY(100%); + content: ''; +} +.react16-tabs > .react16-tabs-nav .react16-tabs-nav-add, +.react16-tabs > div > .react16-tabs-nav .react16-tabs-nav-add { + min-width: 40px; + margin-left: 2px; + padding: 0 8px; + background: #fafafa; + border: 1px solid rgba(0, 0, 0, 0.06); + border-radius: 2px 2px 0 0; + outline: none; + cursor: pointer; + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.react16-tabs > .react16-tabs-nav .react16-tabs-nav-add:hover, +.react16-tabs > div > .react16-tabs-nav .react16-tabs-nav-add:hover { + color: var(--react16-primary-5); +} +.react16-tabs > .react16-tabs-nav .react16-tabs-nav-add:active, +.react16-tabs > div > .react16-tabs-nav .react16-tabs-nav-add:active, +.react16-tabs > .react16-tabs-nav .react16-tabs-nav-add:focus, +.react16-tabs > div > .react16-tabs-nav .react16-tabs-nav-add:focus { + color: var(--react16-primary-7); +} +.react16-tabs-extra-content { + flex: none; +} +.react16-tabs-centered > .react16-tabs-nav .react16-tabs-nav-wrap:not([class*='react16-tabs-nav-wrap-ping']), +.react16-tabs-centered > div > .react16-tabs-nav .react16-tabs-nav-wrap:not([class*='react16-tabs-nav-wrap-ping']) { + justify-content: center; +} +.react16-tabs-ink-bar { + position: absolute; + background: var(--react16-primary-color); + pointer-events: none; +} +.react16-tabs-tab { + position: relative; + display: inline-flex; + align-items: center; + padding: 12px 0; + font-size: 14px; + background: transparent; + border: 0; + outline: none; + cursor: pointer; +} +.react16-tabs-tab-btn:focus, +.react16-tabs-tab-remove:focus, +.react16-tabs-tab-btn:active, +.react16-tabs-tab-remove:active { + color: var(--react16-primary-7); +} +.react16-tabs-tab-btn { + outline: none; + transition: all 0.3s; +} +.react16-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; +} +.react16-tabs-tab-remove:hover { + color: rgba(0, 0, 0, 0.85); +} +.react16-tabs-tab:hover { + color: var(--react16-primary-5); +} +.react16-tabs-tab.react16-tabs-tab-active .react16-tabs-tab-btn { + color: var(--react16-primary-color); + text-shadow: 0 0 0.25px currentcolor; +} +.react16-tabs-tab.react16-tabs-tab-disabled { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +.react16-tabs-tab.react16-tabs-tab-disabled .react16-tabs-tab-btn:focus, +.react16-tabs-tab.react16-tabs-tab-disabled .react16-tabs-tab-remove:focus, +.react16-tabs-tab.react16-tabs-tab-disabled .react16-tabs-tab-btn:active, +.react16-tabs-tab.react16-tabs-tab-disabled .react16-tabs-tab-remove:active { + color: rgba(0, 0, 0, 0.25); +} +.react16-tabs-tab .react16-tabs-tab-remove .anticon { + margin: 0; +} +.react16-tabs-tab .anticon { + margin-right: 12px; +} +.react16-tabs-tab + .react16-tabs-tab { + margin: 0 0 0 32px; +} +.react16-tabs-content { + position: relative; + width: 100%; +} +.react16-tabs-content-holder { + flex: auto; + min-width: 0; + min-height: 0; +} +.react16-tabs-tabpane-hidden { + display: none; +} +.react16-tabs-switch-appear, +.react16-tabs-switch-enter { + transition: none; +} +.react16-tabs-switch-appear-start, +.react16-tabs-switch-enter-start { + opacity: 0; +} +.react16-tabs-switch-appear-active, +.react16-tabs-switch-enter-active { + opacity: 1; + transition: opacity 0.3s; +} +.react16-tabs-switch-leave { + position: absolute; + transition: none; + inset: 0; +} +.react16-tabs-switch-leave-start { + opacity: 1; +} +.react16-tabs-switch-leave-active { + opacity: 0; + transition: opacity 0.3s; +} +.react16-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; +} +.react16-tag, +.react16-tag a, +.react16-tag a:hover { + color: rgba(0, 0, 0, 0.85); +} +.react16-tag > a:first-child:last-child { + display: inline-block; + margin: 0 -8px; + padding: 0 8px; +} +.react16-tag-close-icon { + margin-left: 3px; + color: rgba(0, 0, 0, 0.45); + font-size: 10px; + cursor: pointer; + transition: all 0.3s; +} +.react16-tag-close-icon:hover { + color: rgba(0, 0, 0, 0.85); +} +.react16-tag-has-color { + border-color: transparent; +} +.react16-tag-has-color, +.react16-tag-has-color a, +.react16-tag-has-color a:hover, +.react16-tag-has-color .anticon-close, +.react16-tag-has-color .anticon-close:hover { + color: #fff; +} +.react16-tag-checkable { + background-color: transparent; + border-color: transparent; + cursor: pointer; +} +.react16-tag-checkable:not(.react16-tag-checkable-checked):hover { + color: var(--react16-primary-color); +} +.react16-tag-checkable:active, +.react16-tag-checkable-checked { + color: #fff; +} +.react16-tag-checkable-checked { + background-color: var(--react16-primary-6); +} +.react16-tag-checkable:active { + background-color: var(--react16-primary-7); +} +.react16-tag-hidden { + display: none; +} +.react16-tag-pink { + color: #c41d7f; + background: #fff0f6; + border-color: #ffadd2; +} +.react16-tag-pink-inverse { + color: #fff; + background: #eb2f96; + border-color: #eb2f96; +} +.react16-tag-magenta { + color: #c41d7f; + background: #fff0f6; + border-color: #ffadd2; +} +.react16-tag-magenta-inverse { + color: #fff; + background: #eb2f96; + border-color: #eb2f96; +} +.react16-tag-red { + color: #cf1322; + background: #fff1f0; + border-color: #ffa39e; +} +.react16-tag-red-inverse { + color: #fff; + background: #f5222d; + border-color: #f5222d; +} +.react16-tag-volcano { + color: #d4380d; + background: #fff2e8; + border-color: #ffbb96; +} +.react16-tag-volcano-inverse { + color: #fff; + background: #fa541c; + border-color: #fa541c; +} +.react16-tag-orange { + color: #d46b08; + background: #fff7e6; + border-color: #ffd591; +} +.react16-tag-orange-inverse { + color: #fff; + background: #fa8c16; + border-color: #fa8c16; +} +.react16-tag-yellow { + color: #d4b106; + background: #feffe6; + border-color: #fffb8f; +} +.react16-tag-yellow-inverse { + color: #fff; + background: #fadb14; + border-color: #fadb14; +} +.react16-tag-gold { + color: #d48806; + background: #fffbe6; + border-color: #ffe58f; +} +.react16-tag-gold-inverse { + color: #fff; + background: #faad14; + border-color: #faad14; +} +.react16-tag-cyan { + color: #08979c; + background: #e6fffb; + border-color: #87e8de; +} +.react16-tag-cyan-inverse { + color: #fff; + background: #13c2c2; + border-color: #13c2c2; +} +.react16-tag-lime { + color: #7cb305; + background: #fcffe6; + border-color: #eaff8f; +} +.react16-tag-lime-inverse { + color: #fff; + background: #a0d911; + border-color: #a0d911; +} +.react16-tag-green { + color: #389e0d; + background: #f6ffed; + border-color: #b7eb8f; +} +.react16-tag-green-inverse { + color: #fff; + background: #52c41a; + border-color: #52c41a; +} +.react16-tag-blue { + color: #096dd9; + background: #e6f7ff; + border-color: #91d5ff; +} +.react16-tag-blue-inverse { + color: #fff; + background: #1890ff; + border-color: #1890ff; +} +.react16-tag-geekblue { + color: #1d39c4; + background: #f0f5ff; + border-color: #adc6ff; +} +.react16-tag-geekblue-inverse { + color: #fff; + background: #2f54eb; + border-color: #2f54eb; +} +.react16-tag-purple { + color: #531dab; + background: #f9f0ff; + border-color: #d3adf7; +} +.react16-tag-purple-inverse { + color: #fff; + background: #722ed1; + border-color: #722ed1; +} +.react16-tag-success { + color: var(--react16-success-color); + background: var(--react16-success-color-deprecated-bg); + border-color: var(--react16-success-color-deprecated-border); +} +.react16-tag-processing { + color: var(--react16-info-color); + background: var(--react16-info-color-deprecated-bg); + border-color: var(--react16-info-color-deprecated-border); +} +.react16-tag-error { + color: var(--react16-error-color); + background: var(--react16-error-color-deprecated-bg); + border-color: var(--react16-error-color-deprecated-border); +} +.react16-tag-warning { + color: var(--react16-warning-color); + background: var(--react16-warning-color-deprecated-bg); + border-color: var(--react16-warning-color-deprecated-border); +} +.react16-tag > .anticon + span, +.react16-tag > span + .anticon { + margin-left: 7px; +} +.react16-tag.react16-tag-rtl { + margin-right: 0; + margin-left: 8px; + direction: rtl; + text-align: right; +} +.react16-tag-rtl .react16-tag-close-icon { + margin-right: 3px; + margin-left: 0; +} +.react16-tag-rtl.react16-tag > .anticon + span, +.react16-tag-rtl.react16-tag > span + .anticon { + margin-right: 7px; + margin-left: 0; +} +.react16-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; +} +.react16-timeline-item { + position: relative; + margin: 0; + padding-bottom: 20px; + font-size: 14px; + list-style: none; +} +.react16-timeline-item-tail { + position: absolute; + top: 10px; + left: 4px; + height: calc(100% - 10px); + border-left: 2px solid rgba(0, 0, 0, 0.06); +} +.react16-timeline-item-pending .react16-timeline-item-head { + font-size: 12px; + background-color: transparent; +} +.react16-timeline-item-pending .react16-timeline-item-tail { + display: none; +} +.react16-timeline-item-head { + position: absolute; + width: 10px; + height: 10px; + background-color: #fff; + border: 2px solid transparent; + border-radius: 100px; +} +.react16-timeline-item-head-blue { + color: var(--react16-primary-color); + border-color: var(--react16-primary-color); +} +.react16-timeline-item-head-red { + color: var(--react16-error-color); + border-color: var(--react16-error-color); +} +.react16-timeline-item-head-green { + color: var(--react16-success-color); + border-color: var(--react16-success-color); +} +.react16-timeline-item-head-gray { + color: rgba(0, 0, 0, 0.25); + border-color: rgba(0, 0, 0, 0.25); +} +.react16-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%); +} +.react16-timeline-item-content { + position: relative; + top: -7.001px; + margin: 0 0 0 26px; + word-break: break-word; +} +.react16-timeline-item-last > .react16-timeline-item-tail { + display: none; +} +.react16-timeline-item-last > .react16-timeline-item-content { + min-height: 48px; +} +.react16-timeline.react16-timeline-alternate .react16-timeline-item-tail, +.react16-timeline.react16-timeline-right .react16-timeline-item-tail, +.react16-timeline.react16-timeline-label .react16-timeline-item-tail, +.react16-timeline.react16-timeline-alternate .react16-timeline-item-head, +.react16-timeline.react16-timeline-right .react16-timeline-item-head, +.react16-timeline.react16-timeline-label .react16-timeline-item-head, +.react16-timeline.react16-timeline-alternate .react16-timeline-item-head-custom, +.react16-timeline.react16-timeline-right .react16-timeline-item-head-custom, +.react16-timeline.react16-timeline-label .react16-timeline-item-head-custom { + left: 50%; +} +.react16-timeline.react16-timeline-alternate .react16-timeline-item-head, +.react16-timeline.react16-timeline-right .react16-timeline-item-head, +.react16-timeline.react16-timeline-label .react16-timeline-item-head { + margin-left: -4px; +} +.react16-timeline.react16-timeline-alternate .react16-timeline-item-head-custom, +.react16-timeline.react16-timeline-right .react16-timeline-item-head-custom, +.react16-timeline.react16-timeline-label .react16-timeline-item-head-custom { + margin-left: 1px; +} +.react16-timeline.react16-timeline-alternate .react16-timeline-item-left .react16-timeline-item-content, +.react16-timeline.react16-timeline-right .react16-timeline-item-left .react16-timeline-item-content, +.react16-timeline.react16-timeline-label .react16-timeline-item-left .react16-timeline-item-content { + left: calc(50% - 4px); + width: calc(50% - 14px); + text-align: left; +} +.react16-timeline.react16-timeline-alternate .react16-timeline-item-right .react16-timeline-item-content, +.react16-timeline.react16-timeline-right .react16-timeline-item-right .react16-timeline-item-content, +.react16-timeline.react16-timeline-label .react16-timeline-item-right .react16-timeline-item-content { + width: calc(50% - 12px); + margin: 0; + text-align: right; +} +.react16-timeline.react16-timeline-right .react16-timeline-item-right .react16-timeline-item-tail, +.react16-timeline.react16-timeline-right .react16-timeline-item-right .react16-timeline-item-head, +.react16-timeline.react16-timeline-right .react16-timeline-item-right .react16-timeline-item-head-custom { + left: calc(100% - 4px - 2px); +} +.react16-timeline.react16-timeline-right .react16-timeline-item-right .react16-timeline-item-content { + width: calc(100% - 18px); +} +.react16-timeline.react16-timeline-pending .react16-timeline-item-last .react16-timeline-item-tail { + display: block; + height: calc(100% - 14px); + border-left: 2px dotted rgba(0, 0, 0, 0.06); +} +.react16-timeline.react16-timeline-reverse .react16-timeline-item-last .react16-timeline-item-tail { + display: none; +} +.react16-timeline.react16-timeline-reverse .react16-timeline-item-pending .react16-timeline-item-tail { + top: 15px; + display: block; + height: calc(100% - 15px); + border-left: 2px dotted rgba(0, 0, 0, 0.06); +} +.react16-timeline.react16-timeline-reverse .react16-timeline-item-pending .react16-timeline-item-content { + min-height: 48px; +} +.react16-timeline.react16-timeline-label .react16-timeline-item-label { + position: absolute; + top: -7.001px; + width: calc(50% - 12px); + text-align: right; +} +.react16-timeline.react16-timeline-label .react16-timeline-item-right .react16-timeline-item-label { + left: calc(50% + 14px); + width: calc(50% - 14px); + text-align: left; +} +.react16-timeline-rtl { + direction: rtl; +} +.react16-timeline-rtl .react16-timeline-item-tail { + right: 4px; + left: auto; + border-right: 2px solid rgba(0, 0, 0, 0.06); + border-left: none; +} +.react16-timeline-rtl .react16-timeline-item-head-custom { + right: 5px; + left: auto; + transform: translate(50%, -50%); +} +.react16-timeline-rtl .react16-timeline-item-content { + margin: 0 18px 0 0; +} +.react16-timeline-rtl.react16-timeline.react16-timeline-alternate .react16-timeline-item-tail, +.react16-timeline-rtl.react16-timeline.react16-timeline-right .react16-timeline-item-tail, +.react16-timeline-rtl.react16-timeline.react16-timeline-label .react16-timeline-item-tail, +.react16-timeline-rtl.react16-timeline.react16-timeline-alternate .react16-timeline-item-head, +.react16-timeline-rtl.react16-timeline.react16-timeline-right .react16-timeline-item-head, +.react16-timeline-rtl.react16-timeline.react16-timeline-label .react16-timeline-item-head, +.react16-timeline-rtl.react16-timeline.react16-timeline-alternate .react16-timeline-item-head-custom, +.react16-timeline-rtl.react16-timeline.react16-timeline-right .react16-timeline-item-head-custom, +.react16-timeline-rtl.react16-timeline.react16-timeline-label .react16-timeline-item-head-custom { + right: 50%; + left: auto; +} +.react16-timeline-rtl.react16-timeline.react16-timeline-alternate .react16-timeline-item-head, +.react16-timeline-rtl.react16-timeline.react16-timeline-right .react16-timeline-item-head, +.react16-timeline-rtl.react16-timeline.react16-timeline-label .react16-timeline-item-head { + margin-right: -4px; + margin-left: 0; +} +.react16-timeline-rtl.react16-timeline.react16-timeline-alternate .react16-timeline-item-head-custom, +.react16-timeline-rtl.react16-timeline.react16-timeline-right .react16-timeline-item-head-custom, +.react16-timeline-rtl.react16-timeline.react16-timeline-label .react16-timeline-item-head-custom { + margin-right: 1px; + margin-left: 0; +} +.react16-timeline-rtl.react16-timeline.react16-timeline-alternate .react16-timeline-item-left .react16-timeline-item-content, +.react16-timeline-rtl.react16-timeline.react16-timeline-right .react16-timeline-item-left .react16-timeline-item-content, +.react16-timeline-rtl.react16-timeline.react16-timeline-label .react16-timeline-item-left .react16-timeline-item-content { + right: calc(50% - 4px); + left: auto; + text-align: right; +} +.react16-timeline-rtl.react16-timeline.react16-timeline-alternate .react16-timeline-item-right .react16-timeline-item-content, +.react16-timeline-rtl.react16-timeline.react16-timeline-right .react16-timeline-item-right .react16-timeline-item-content, +.react16-timeline-rtl.react16-timeline.react16-timeline-label .react16-timeline-item-right .react16-timeline-item-content { + text-align: left; +} +.react16-timeline-rtl.react16-timeline.react16-timeline-right .react16-timeline-item-right .react16-timeline-item-tail, +.react16-timeline-rtl.react16-timeline.react16-timeline-right .react16-timeline-item-right .react16-timeline-item-head, +.react16-timeline-rtl.react16-timeline.react16-timeline-right .react16-timeline-item-right .react16-timeline-item-head-custom { + right: 0; + left: auto; +} +.react16-timeline-rtl.react16-timeline.react16-timeline-right .react16-timeline-item-right .react16-timeline-item-content { + width: 100%; + margin-right: 18px; + text-align: right; +} +.react16-timeline-rtl.react16-timeline.react16-timeline-pending .react16-timeline-item-last .react16-timeline-item-tail { + border-right: 2px dotted rgba(0, 0, 0, 0.06); + border-left: none; +} +.react16-timeline-rtl.react16-timeline.react16-timeline-reverse .react16-timeline-item-pending .react16-timeline-item-tail { + border-right: 2px dotted rgba(0, 0, 0, 0.06); + border-left: none; +} +.react16-timeline-rtl.react16-timeline.react16-timeline-label .react16-timeline-item-label { + text-align: left; +} +.react16-timeline-rtl.react16-timeline.react16-timeline-label .react16-timeline-item-right .react16-timeline-item-label { + right: calc(50% + 14px); + text-align: right; +} +.react16-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'; + position: absolute; + z-index: 1070; + display: block; + width: max-content; + width: intrinsic; + max-width: 250px; + visibility: visible; +} +.react16-tooltip-content { + position: relative; +} +.react16-tooltip-hidden { + display: none; +} +.react16-tooltip-placement-top, +.react16-tooltip-placement-topLeft, +.react16-tooltip-placement-topRight { + padding-bottom: 14.3137085px; +} +.react16-tooltip-placement-right, +.react16-tooltip-placement-rightTop, +.react16-tooltip-placement-rightBottom { + padding-left: 14.3137085px; +} +.react16-tooltip-placement-bottom, +.react16-tooltip-placement-bottomLeft, +.react16-tooltip-placement-bottomRight { + padding-top: 14.3137085px; +} +.react16-tooltip-placement-left, +.react16-tooltip-placement-leftTop, +.react16-tooltip-placement-leftBottom { + padding-right: 14.3137085px; +} +.react16-tooltip-inner { + min-width: 30px; + min-height: 32px; + padding: 6px 8px; + color: #fff; + text-align: left; + 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); +} +.react16-tooltip-arrow { + position: absolute; + z-index: 2; + display: block; + width: 22px; + height: 22px; + overflow: hidden; + background: transparent; + pointer-events: none; +} +.react16-tooltip-arrow-content { + --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75)); + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: block; + width: 11.3137085px; + height: 11.3137085px; + margin: auto; + content: ''; + pointer-events: auto; + border-radius: 0 0 2px; + pointer-events: none; +} +.react16-tooltip-arrow-content::before { + position: absolute; + top: -11.3137085px; + left: -11.3137085px; + width: 33.9411255px; + height: 33.9411255px; + background: var(--antd-arrow-background-color); + background-repeat: no-repeat; + background-position: -10px -10px; + content: ''; + clip-path: inset(33% 33%); + clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); +} +.react16-tooltip-placement-top .react16-tooltip-arrow, +.react16-tooltip-placement-topLeft .react16-tooltip-arrow, +.react16-tooltip-placement-topRight .react16-tooltip-arrow { + bottom: 0; + transform: translateY(100%); +} +.react16-tooltip-placement-top .react16-tooltip-arrow-content, +.react16-tooltip-placement-topLeft .react16-tooltip-arrow-content, +.react16-tooltip-placement-topRight .react16-tooltip-arrow-content { + box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); + transform: translateY(-11px) rotate(45deg); +} +.react16-tooltip-placement-top .react16-tooltip-arrow { + left: 50%; + transform: translateY(100%) translateX(-50%); +} +.react16-tooltip-placement-topLeft .react16-tooltip-arrow { + left: 13px; +} +.react16-tooltip-placement-topRight .react16-tooltip-arrow { + right: 13px; +} +.react16-tooltip-placement-right .react16-tooltip-arrow, +.react16-tooltip-placement-rightTop .react16-tooltip-arrow, +.react16-tooltip-placement-rightBottom .react16-tooltip-arrow { + left: 0; + transform: translateX(-100%); +} +.react16-tooltip-placement-right .react16-tooltip-arrow-content, +.react16-tooltip-placement-rightTop .react16-tooltip-arrow-content, +.react16-tooltip-placement-rightBottom .react16-tooltip-arrow-content { + box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); + transform: translateX(11px) rotate(135deg); +} +.react16-tooltip-placement-right .react16-tooltip-arrow { + top: 50%; + transform: translateX(-100%) translateY(-50%); +} +.react16-tooltip-placement-rightTop .react16-tooltip-arrow { + top: 5px; +} +.react16-tooltip-placement-rightBottom .react16-tooltip-arrow { + bottom: 5px; +} +.react16-tooltip-placement-left .react16-tooltip-arrow, +.react16-tooltip-placement-leftTop .react16-tooltip-arrow, +.react16-tooltip-placement-leftBottom .react16-tooltip-arrow { + right: 0; + transform: translateX(100%); +} +.react16-tooltip-placement-left .react16-tooltip-arrow-content, +.react16-tooltip-placement-leftTop .react16-tooltip-arrow-content, +.react16-tooltip-placement-leftBottom .react16-tooltip-arrow-content { + box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); + transform: translateX(-11px) rotate(315deg); +} +.react16-tooltip-placement-left .react16-tooltip-arrow { + top: 50%; + transform: translateX(100%) translateY(-50%); +} +.react16-tooltip-placement-leftTop .react16-tooltip-arrow { + top: 5px; +} +.react16-tooltip-placement-leftBottom .react16-tooltip-arrow { + bottom: 5px; +} +.react16-tooltip-placement-bottom .react16-tooltip-arrow, +.react16-tooltip-placement-bottomLeft .react16-tooltip-arrow, +.react16-tooltip-placement-bottomRight .react16-tooltip-arrow { + top: 0; + transform: translateY(-100%); +} +.react16-tooltip-placement-bottom .react16-tooltip-arrow-content, +.react16-tooltip-placement-bottomLeft .react16-tooltip-arrow-content, +.react16-tooltip-placement-bottomRight .react16-tooltip-arrow-content { + box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07); + transform: translateY(11px) rotate(225deg); +} +.react16-tooltip-placement-bottom .react16-tooltip-arrow { + left: 50%; + transform: translateY(-100%) translateX(-50%); +} +.react16-tooltip-placement-bottomLeft .react16-tooltip-arrow { + left: 13px; +} +.react16-tooltip-placement-bottomRight .react16-tooltip-arrow { + right: 13px; +} +.react16-tooltip-pink .react16-tooltip-inner { + background-color: #eb2f96; +} +.react16-tooltip-pink .react16-tooltip-arrow-content::before { + background: #eb2f96; +} +.react16-tooltip-magenta .react16-tooltip-inner { + background-color: #eb2f96; +} +.react16-tooltip-magenta .react16-tooltip-arrow-content::before { + background: #eb2f96; +} +.react16-tooltip-red .react16-tooltip-inner { + background-color: #f5222d; +} +.react16-tooltip-red .react16-tooltip-arrow-content::before { + background: #f5222d; +} +.react16-tooltip-volcano .react16-tooltip-inner { + background-color: #fa541c; +} +.react16-tooltip-volcano .react16-tooltip-arrow-content::before { + background: #fa541c; +} +.react16-tooltip-orange .react16-tooltip-inner { + background-color: #fa8c16; +} +.react16-tooltip-orange .react16-tooltip-arrow-content::before { + background: #fa8c16; +} +.react16-tooltip-yellow .react16-tooltip-inner { + background-color: #fadb14; +} +.react16-tooltip-yellow .react16-tooltip-arrow-content::before { + background: #fadb14; +} +.react16-tooltip-gold .react16-tooltip-inner { + background-color: #faad14; +} +.react16-tooltip-gold .react16-tooltip-arrow-content::before { + background: #faad14; +} +.react16-tooltip-cyan .react16-tooltip-inner { + background-color: #13c2c2; +} +.react16-tooltip-cyan .react16-tooltip-arrow-content::before { + background: #13c2c2; +} +.react16-tooltip-lime .react16-tooltip-inner { + background-color: #a0d911; +} +.react16-tooltip-lime .react16-tooltip-arrow-content::before { + background: #a0d911; +} +.react16-tooltip-green .react16-tooltip-inner { + background-color: #52c41a; +} +.react16-tooltip-green .react16-tooltip-arrow-content::before { + background: #52c41a; +} +.react16-tooltip-blue .react16-tooltip-inner { + background-color: #1890ff; +} +.react16-tooltip-blue .react16-tooltip-arrow-content::before { + background: #1890ff; +} +.react16-tooltip-geekblue .react16-tooltip-inner { + background-color: #2f54eb; +} +.react16-tooltip-geekblue .react16-tooltip-arrow-content::before { + background: #2f54eb; +} +.react16-tooltip-purple .react16-tooltip-inner { + background-color: #722ed1; +} +.react16-tooltip-purple .react16-tooltip-arrow-content::before { + background: #722ed1; +} +.react16-tooltip-rtl { + direction: rtl; +} +.react16-tooltip-rtl .react16-tooltip-inner { + text-align: right; +} +.react16-transfer-customize-list .react16-transfer-list { + flex: 1 1 50%; + width: auto; + height: auto; + min-height: 200px; +} +.react16-transfer-customize-list .react16-table-wrapper .react16-table-small { + border: 0; + border-radius: 0; +} +.react16-transfer-customize-list .react16-table-wrapper .react16-table-small .react16-table-selection-column { + width: 40px; + min-width: 40px; +} +.react16-transfer-customize-list .react16-table-wrapper .react16-table-small > .react16-table-content > .react16-table-body > table > .react16-table-thead > tr > th { + background: #fafafa; +} +.react16-transfer-customize-list .react16-table-wrapper .react16-table-small > .react16-table-content .react16-table-row:last-child td { + border-bottom: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-transfer-customize-list .react16-table-wrapper .react16-table-small .react16-table-body { + margin: 0; +} +.react16-transfer-customize-list .react16-table-wrapper .react16-table-pagination.react16-pagination { + margin: 16px 0 4px; +} +.react16-transfer-customize-list .react16-input[disabled] { + background-color: transparent; +} +.react16-transfer-status-error .react16-transfer-list { + border-color: var(--react16-error-color); +} +.react16-transfer-status-error .react16-transfer-list-search:not([disabled]) { + border-color: #d9d9d9; +} +.react16-transfer-status-error .react16-transfer-list-search:not([disabled]):hover { + border-color: var(--react16-primary-5); + border-right-width: 1px; +} +.react16-input-rtl .react16-transfer-status-error .react16-transfer-list-search:not([disabled]):hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-transfer-status-error .react16-transfer-list-search:not([disabled]):focus { + border-color: var(--react16-primary-color-hover); + box-shadow: 0 0 0 2px var(--react16-primary-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-rtl .react16-transfer-status-error .react16-transfer-list-search:not([disabled]):focus { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-transfer-status-warning .react16-transfer-list { + border-color: var(--react16-warning-color); +} +.react16-transfer-status-warning .react16-transfer-list-search:not([disabled]) { + border-color: #d9d9d9; +} +.react16-transfer-status-warning .react16-transfer-list-search:not([disabled]):hover { + border-color: var(--react16-primary-5); + border-right-width: 1px; +} +.react16-input-rtl .react16-transfer-status-warning .react16-transfer-list-search:not([disabled]):hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-transfer-status-warning .react16-transfer-list-search:not([disabled]):focus { + border-color: var(--react16-primary-color-hover); + box-shadow: 0 0 0 2px var(--react16-primary-color-outline); + border-right-width: 1px; + outline: 0; +} +.react16-input-rtl .react16-transfer-status-warning .react16-transfer-list-search:not([disabled]):focus { + border-right-width: 0; + border-left-width: 1px !important; +} +.react16-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; +} +.react16-transfer-disabled .react16-transfer-list { + background: #f5f5f5; +} +.react16-transfer-list { + display: flex; + flex-direction: column; + width: 180px; + height: 200px; + border: 1px solid #d9d9d9; + border-radius: 2px; +} +.react16-transfer-list-with-pagination { + width: 250px; + height: auto; +} +.react16-transfer-list-search .anticon-search { + color: rgba(0, 0, 0, 0.25); +} +.react16-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 rgba(0, 0, 0, 0.06); + border-radius: 2px 2px 0 0; +} +.react16-transfer-list-header > *:not(:last-child) { + margin-right: 4px; +} +.react16-transfer-list-header > * { + flex: none; +} +.react16-transfer-list-header-title { + flex: auto; + overflow: hidden; + white-space: nowrap; + text-align: right; + text-overflow: ellipsis; +} +.react16-transfer-list-header-dropdown { + font-size: 10px; + transform: translateY(10%); + cursor: pointer; +} +.react16-transfer-list-header-dropdown[disabled] { + cursor: not-allowed; +} +.react16-transfer-list-body { + display: flex; + flex: auto; + flex-direction: column; + overflow: hidden; + font-size: 14px; +} +.react16-transfer-list-body-search-wrapper { + position: relative; + flex: none; + padding: 12px; +} +.react16-transfer-list-content { + flex: auto; + margin: 0; + padding: 0; + overflow: auto; + list-style: none; +} +.react16-transfer-list-content-item { + display: flex; + align-items: center; + min-height: 32px; + padding: 6px 12px; + line-height: 20px; + transition: all 0.3s; +} +.react16-transfer-list-content-item > *:not(:last-child) { + margin-right: 8px; +} +.react16-transfer-list-content-item > * { + flex: none; +} +.react16-transfer-list-content-item-text { + flex: auto; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.react16-transfer-list-content-item-remove { + position: relative; + color: #d9d9d9; + cursor: pointer; + transition: all 0.3s; +} +.react16-transfer-list-content-item-remove:hover { + color: var(--react16-primary-color-hover); +} +.react16-transfer-list-content-item-remove::after { + position: absolute; + top: -6px; + right: -50%; + bottom: -6px; + left: -50%; + content: ''; +} +.react16-transfer-list-content-item:not(.react16-transfer-list-content-item-disabled):hover { + background-color: #f5f5f5; + cursor: pointer; +} +.react16-transfer-list-content-item:not(.react16-transfer-list-content-item-disabled).react16-transfer-list-content-item-checked:hover { + background-color: var(--react16-primary-color-active-deprecated-d-02); +} +.react16-transfer-list-content-show-remove .react16-transfer-list-content-item:not(.react16-transfer-list-content-item-disabled):hover { + background: transparent; + cursor: default; +} +.react16-transfer-list-content-item-checked { + background-color: var(--react16-primary-1); +} +.react16-transfer-list-content-item-disabled { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +.react16-transfer-list-pagination { + padding: 8px 0; + text-align: right; + border-top: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-transfer-list-body-not-found { + flex: none; + width: 100%; + margin: auto 0; + color: rgba(0, 0, 0, 0.25); + text-align: center; +} +.react16-transfer-list-footer { + border-top: 1px solid rgba(0, 0, 0, 0.06); +} +.react16-transfer-operation { + display: flex; + flex: none; + flex-direction: column; + align-self: center; + margin: 0 8px; + vertical-align: middle; +} +.react16-transfer-operation .react16-btn { + display: block; +} +.react16-transfer-operation .react16-btn:first-child { + margin-bottom: 4px; +} +.react16-transfer-operation .react16-btn .anticon { + font-size: 12px; +} +.react16-transfer .react16-empty-image { + max-height: -2px; +} +.react16-transfer-rtl { + direction: rtl; +} +.react16-transfer-rtl .react16-transfer-list-search { + padding-right: 8px; + padding-left: 24px; +} +.react16-transfer-rtl .react16-transfer-list-search-action { + right: auto; + left: 12px; +} +.react16-transfer-rtl .react16-transfer-list-header > *:not(:last-child) { + margin-right: 0; + margin-left: 4px; +} +.react16-transfer-rtl .react16-transfer-list-header { + right: 0; + left: auto; +} +.react16-transfer-rtl .react16-transfer-list-header-title { + text-align: left; +} +.react16-transfer-rtl .react16-transfer-list-content-item > *:not(:last-child) { + margin-right: 0; + margin-left: 8px; +} +.react16-transfer-rtl .react16-transfer-list-pagination { + text-align: left; +} +.react16-transfer-rtl .react16-transfer-list-footer { + right: 0; + left: auto; +} +@keyframes ant-tree-node-fx-do-not-use { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +.react16-tree.react16-tree-directory .react16-tree-treenode { + position: relative; +} +.react16-tree.react16-tree-directory .react16-tree-treenode::before { + position: absolute; + top: 0; + right: 0; + bottom: 4px; + left: 0; + transition: background-color 0.3s; + content: ''; + pointer-events: none; +} +.react16-tree.react16-tree-directory .react16-tree-treenode:hover::before { + background: #f5f5f5; +} +.react16-tree.react16-tree-directory .react16-tree-treenode > * { + z-index: 1; +} +.react16-tree.react16-tree-directory .react16-tree-treenode .react16-tree-switcher { + transition: color 0.3s; +} +.react16-tree.react16-tree-directory .react16-tree-treenode .react16-tree-node-content-wrapper { + border-radius: 0; + user-select: none; +} +.react16-tree.react16-tree-directory .react16-tree-treenode .react16-tree-node-content-wrapper:hover { + background: transparent; +} +.react16-tree.react16-tree-directory .react16-tree-treenode .react16-tree-node-content-wrapper.react16-tree-node-selected { + color: #fff; + background: transparent; +} +.react16-tree.react16-tree-directory .react16-tree-treenode-selected:hover::before, +.react16-tree.react16-tree-directory .react16-tree-treenode-selected::before { + background: var(--react16-primary-color); +} +.react16-tree.react16-tree-directory .react16-tree-treenode-selected .react16-tree-switcher { + color: #fff; +} +.react16-tree.react16-tree-directory .react16-tree-treenode-selected .react16-tree-node-content-wrapper { + color: #fff; + background: transparent; +} +.react16-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; +} +.react16-tree-checkbox-wrapper:hover .react16-tree-checkbox-inner, +.react16-tree-checkbox:hover .react16-tree-checkbox-inner, +.react16-tree-checkbox-input:focus + .react16-tree-checkbox-inner { + border-color: var(--react16-primary-color); +} +.react16-tree-checkbox-checked::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 1px solid var(--react16-primary-color); + border-radius: 2px; + visibility: hidden; + animation: antCheckboxEffect 0.36s ease-in-out; + animation-fill-mode: backwards; + content: ''; +} +.react16-tree-checkbox:hover::after, +.react16-tree-checkbox-wrapper:hover .react16-tree-checkbox::after { + visibility: visible; +} +.react16-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; +} +.react16-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: ' '; +} +.react16-tree-checkbox-input { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + cursor: pointer; + opacity: 0; +} +.react16-tree-checkbox-checked .react16-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: ' '; +} +.react16-tree-checkbox-checked .react16-tree-checkbox-inner { + background-color: var(--react16-primary-color); + border-color: var(--react16-primary-color); +} +.react16-tree-checkbox-disabled { + cursor: not-allowed; +} +.react16-tree-checkbox-disabled.react16-tree-checkbox-checked .react16-tree-checkbox-inner::after { + border-color: rgba(0, 0, 0, 0.25); + animation-name: none; +} +.react16-tree-checkbox-disabled .react16-tree-checkbox-input { + cursor: not-allowed; + pointer-events: none; +} +.react16-tree-checkbox-disabled .react16-tree-checkbox-inner { + background-color: #f5f5f5; + border-color: #d9d9d9 !important; +} +.react16-tree-checkbox-disabled .react16-tree-checkbox-inner::after { + border-color: #f5f5f5; + border-collapse: separate; + animation-name: none; +} +.react16-tree-checkbox-disabled + span { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +.react16-tree-checkbox-disabled:hover::after, +.react16-tree-checkbox-wrapper:hover .react16-tree-checkbox-disabled::after { + visibility: hidden; +} +.react16-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; +} +.react16-tree-checkbox-wrapper::after { + display: inline-block; + width: 0; + overflow: hidden; + content: '\a0'; +} +.react16-tree-checkbox-wrapper.react16-tree-checkbox-wrapper-disabled { + cursor: not-allowed; +} +.react16-tree-checkbox-wrapper + .react16-tree-checkbox-wrapper { + margin-left: 8px; +} +.react16-tree-checkbox-wrapper.react16-tree-checkbox-wrapper-in-form-item input[type='checkbox'] { + width: 14px; + height: 14px; +} +.react16-tree-checkbox + span { + padding-right: 8px; + padding-left: 8px; +} +.react16-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; +} +.react16-tree-checkbox-group-item { + margin-right: 8px; +} +.react16-tree-checkbox-group-item:last-child { + margin-right: 0; +} +.react16-tree-checkbox-group-item + .react16-tree-checkbox-group-item { + margin-left: 0; +} +.react16-tree-checkbox-indeterminate .react16-tree-checkbox-inner { + background-color: #fff; + border-color: #d9d9d9; +} +.react16-tree-checkbox-indeterminate .react16-tree-checkbox-inner::after { + top: 50%; + left: 50%; + width: 8px; + height: 8px; + background-color: var(--react16-primary-color); + border: 0; + transform: translate(-50%, -50%) scale(1); + opacity: 1; + content: ' '; +} +.react16-tree-checkbox-indeterminate.react16-tree-checkbox-disabled .react16-tree-checkbox-inner::after { + background-color: rgba(0, 0, 0, 0.25); + border-color: rgba(0, 0, 0, 0.25); +} +.react16-tree-checkbox-rtl { + direction: rtl; +} +.react16-tree-checkbox-group-rtl .react16-tree-checkbox-group-item { + margin-right: 0; + margin-left: 8px; +} +.react16-tree-checkbox-group-rtl .react16-tree-checkbox-group-item:last-child { + margin-left: 0 !important; +} +.react16-tree-checkbox-group-rtl .react16-tree-checkbox-group-item + .react16-tree-checkbox-group-item { + margin-left: 8px; +} +.react16-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; +} +.react16-tree-focused:not(:hover):not(.react16-tree-active-focused) { + background: var(--react16-primary-1); +} +.react16-tree-list-holder-inner { + align-items: flex-start; +} +.react16-tree.react16-tree-block-node .react16-tree-list-holder-inner { + align-items: stretch; +} +.react16-tree.react16-tree-block-node .react16-tree-list-holder-inner .react16-tree-node-content-wrapper { + flex: auto; +} +.react16-tree.react16-tree-block-node .react16-tree-list-holder-inner .react16-tree-treenode.dragging { + position: relative; +} +.react16-tree.react16-tree-block-node .react16-tree-list-holder-inner .react16-tree-treenode.dragging::after { + position: absolute; + top: 0; + right: 0; + bottom: 4px; + left: 0; + border: 1px solid var(--react16-primary-color); + opacity: 0; + animation: ant-tree-node-fx-do-not-use 0.3s; + animation-play-state: running; + animation-fill-mode: forwards; + content: ''; + pointer-events: none; +} +.react16-tree .react16-tree-treenode { + display: flex; + align-items: flex-start; + padding: 0 0 4px 0; + outline: none; +} +.react16-tree .react16-tree-treenode-disabled .react16-tree-node-content-wrapper { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +.react16-tree .react16-tree-treenode-disabled .react16-tree-node-content-wrapper:hover { + background: transparent; +} +.react16-tree .react16-tree-treenode-active .react16-tree-node-content-wrapper { + background: #f5f5f5; +} +.react16-tree .react16-tree-treenode:not(.react16-tree .react16-tree-treenode-disabled).filter-node .react16-tree-title { + color: inherit; + font-weight: 500; +} +.react16-tree .react16-tree-treenode-draggable .react16-tree-draggable-icon { + width: 24px; + line-height: 24px; + text-align: center; + visibility: visible; + opacity: 0.2; + transition: opacity 0.3s; +} +.react16-tree-treenode:hover .react16-tree .react16-tree-treenode-draggable .react16-tree-draggable-icon { + opacity: 0.45; +} +.react16-tree-indent { + align-self: stretch; + white-space: nowrap; + user-select: none; +} +.react16-tree-indent-unit { + display: inline-block; + width: 24px; +} +.react16-tree-draggable-icon { + visibility: hidden; +} +.react16-tree-switcher { + position: relative; + flex: none; + align-self: stretch; + width: 24px; + margin: 0; + line-height: 24px; + text-align: center; + cursor: pointer; + user-select: none; +} +.react16-tree-switcher .react16-tree-switcher-icon, +.react16-tree-switcher .react16-select-tree-switcher-icon { + display: inline-block; + font-size: 10px; + vertical-align: baseline; +} +.react16-tree-switcher .react16-tree-switcher-icon svg, +.react16-tree-switcher .react16-select-tree-switcher-icon svg { + transition: transform 0.3s; +} +.react16-tree-switcher-noop { + cursor: default; +} +.react16-tree-switcher_close .react16-tree-switcher-icon svg { + transform: rotate(-90deg); +} +.react16-tree-switcher-loading-icon { + color: var(--react16-primary-color); +} +.react16-tree-switcher-leaf-line { + position: relative; + z-index: 1; + display: inline-block; + width: 100%; + height: 100%; +} +.react16-tree-switcher-leaf-line::before { + position: absolute; + top: 0; + right: 12px; + bottom: -4px; + margin-left: -1px; + border-right: 1px solid #d9d9d9; + content: ' '; +} +.react16-tree-switcher-leaf-line::after { + position: absolute; + width: 10px; + height: 14px; + border-bottom: 1px solid #d9d9d9; + content: ' '; +} +.react16-tree-checkbox { + top: initial; + margin: 4px 8px 0 0; +} +.react16-tree .react16-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; +} +.react16-tree .react16-tree-node-content-wrapper:hover { + background-color: #f5f5f5; +} +.react16-tree .react16-tree-node-content-wrapper.react16-tree-node-selected { + background-color: var(--react16-primary-2); +} +.react16-tree .react16-tree-node-content-wrapper .react16-tree-iconEle { + display: inline-block; + width: 24px; + height: 24px; + line-height: 24px; + text-align: center; + vertical-align: top; +} +.react16-tree .react16-tree-node-content-wrapper .react16-tree-iconEle:empty { + display: none; +} +.react16-tree-unselectable .react16-tree-node-content-wrapper:hover { + background-color: transparent; +} +.react16-tree-node-content-wrapper { + line-height: 24px; + user-select: none; +} +.react16-tree-node-content-wrapper .react16-tree-drop-indicator { + position: absolute; + z-index: 1; + height: 2px; + background-color: var(--react16-primary-color); + border-radius: 1px; + pointer-events: none; +} +.react16-tree-node-content-wrapper .react16-tree-drop-indicator::after { + position: absolute; + top: -3px; + left: -6px; + width: 8px; + height: 8px; + background-color: transparent; + border: 2px solid var(--react16-primary-color); + border-radius: 50%; + content: ''; +} +.react16-tree .react16-tree-treenode.drop-container > [draggable] { + box-shadow: 0 0 0 2px var(--react16-primary-color); +} +.react16-tree-show-line .react16-tree-indent-unit { + position: relative; + height: 100%; +} +.react16-tree-show-line .react16-tree-indent-unit::before { + position: absolute; + top: 0; + right: 12px; + bottom: -4px; + border-right: 1px solid #d9d9d9; + content: ''; +} +.react16-tree-show-line .react16-tree-indent-unit-end::before { + display: none; +} +.react16-tree-show-line .react16-tree-switcher { + background: #fff; +} +.react16-tree-show-line .react16-tree-switcher-line-icon { + vertical-align: -0.15em; +} +.react16-tree .react16-tree-treenode-leaf-last .react16-tree-switcher-leaf-line::before { + top: auto !important; + bottom: auto !important; + height: 14px !important; +} +.react16-tree-rtl { + direction: rtl; +} +.react16-tree-rtl .react16-tree-node-content-wrapper[draggable='true'] .react16-tree-drop-indicator::after { + right: -6px; + left: unset; +} +.react16-tree .react16-tree-treenode-rtl { + direction: rtl; +} +.react16-tree-rtl .react16-tree-switcher_close .react16-tree-switcher-icon svg { + transform: rotate(90deg); +} +.react16-tree-rtl.react16-tree-show-line .react16-tree-indent-unit::before { + right: auto; + left: -13px; + border-right: none; + border-left: 1px solid #d9d9d9; +} +.react16-tree-rtl .react16-tree-checkbox { + margin: 4px 0 0 8px; +} +.react16-tree-select-dropdown-rtl .react16-select-tree-checkbox { + margin: 4px 0 0 8px; +} +.react16-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; +} +.react16-select-tree-checkbox-wrapper:hover .react16-select-tree-checkbox-inner, +.react16-select-tree-checkbox:hover .react16-select-tree-checkbox-inner, +.react16-select-tree-checkbox-input:focus + .react16-select-tree-checkbox-inner { + border-color: var(--react16-primary-color); +} +.react16-select-tree-checkbox-checked::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 1px solid var(--react16-primary-color); + border-radius: 2px; + visibility: hidden; + animation: antCheckboxEffect 0.36s ease-in-out; + animation-fill-mode: backwards; + content: ''; +} +.react16-select-tree-checkbox:hover::after, +.react16-select-tree-checkbox-wrapper:hover .react16-select-tree-checkbox::after { + visibility: visible; +} +.react16-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; +} +.react16-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: ' '; +} +.react16-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; +} +.react16-select-tree-checkbox-checked .react16-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: ' '; +} +.react16-select-tree-checkbox-checked .react16-select-tree-checkbox-inner { + background-color: var(--react16-primary-color); + border-color: var(--react16-primary-color); +} +.react16-select-tree-checkbox-disabled { + cursor: not-allowed; +} +.react16-select-tree-checkbox-disabled.react16-select-tree-checkbox-checked .react16-select-tree-checkbox-inner::after { + border-color: rgba(0, 0, 0, 0.25); + animation-name: none; +} +.react16-select-tree-checkbox-disabled .react16-select-tree-checkbox-input { + cursor: not-allowed; + pointer-events: none; +} +.react16-select-tree-checkbox-disabled .react16-select-tree-checkbox-inner { + background-color: #f5f5f5; + border-color: #d9d9d9 !important; +} +.react16-select-tree-checkbox-disabled .react16-select-tree-checkbox-inner::after { + border-color: #f5f5f5; + border-collapse: separate; + animation-name: none; +} +.react16-select-tree-checkbox-disabled + span { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +.react16-select-tree-checkbox-disabled:hover::after, +.react16-select-tree-checkbox-wrapper:hover .react16-select-tree-checkbox-disabled::after { + visibility: hidden; +} +.react16-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; +} +.react16-select-tree-checkbox-wrapper::after { + display: inline-block; + width: 0; + overflow: hidden; + content: '\a0'; +} +.react16-select-tree-checkbox-wrapper.react16-select-tree-checkbox-wrapper-disabled { + cursor: not-allowed; +} +.react16-select-tree-checkbox-wrapper + .react16-select-tree-checkbox-wrapper { + margin-left: 8px; +} +.react16-select-tree-checkbox-wrapper.react16-select-tree-checkbox-wrapper-in-form-item input[type='checkbox'] { + width: 14px; + height: 14px; +} +.react16-select-tree-checkbox + span { + padding-right: 8px; + padding-left: 8px; +} +.react16-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; +} +.react16-select-tree-checkbox-group-item { + margin-right: 8px; +} +.react16-select-tree-checkbox-group-item:last-child { + margin-right: 0; +} +.react16-select-tree-checkbox-group-item + .react16-select-tree-checkbox-group-item { + margin-left: 0; +} +.react16-select-tree-checkbox-indeterminate .react16-select-tree-checkbox-inner { + background-color: #fff; + border-color: #d9d9d9; +} +.react16-select-tree-checkbox-indeterminate .react16-select-tree-checkbox-inner::after { + top: 50%; + left: 50%; + width: 8px; + height: 8px; + background-color: var(--react16-primary-color); + border: 0; + transform: translate(-50%, -50%) scale(1); + opacity: 1; + content: ' '; +} +.react16-select-tree-checkbox-indeterminate.react16-select-tree-checkbox-disabled .react16-select-tree-checkbox-inner::after { + background-color: rgba(0, 0, 0, 0.25); + border-color: rgba(0, 0, 0, 0.25); +} +.react16-select-tree-checkbox-rtl { + direction: rtl; +} +.react16-select-tree-checkbox-group-rtl .react16-select-tree-checkbox-group-item { + margin-right: 0; + margin-left: 8px; +} +.react16-select-tree-checkbox-group-rtl .react16-select-tree-checkbox-group-item:last-child { + margin-left: 0 !important; +} +.react16-select-tree-checkbox-group-rtl .react16-select-tree-checkbox-group-item + .react16-select-tree-checkbox-group-item { + margin-left: 8px; +} +.react16-tree-select-dropdown { + padding: 8px 4px; +} +.react16-tree-select-dropdown-rtl { + direction: rtl; +} +.react16-tree-select-dropdown .react16-select-tree { + border-radius: 0; +} +.react16-tree-select-dropdown .react16-select-tree-list-holder-inner { + align-items: stretch; +} +.react16-tree-select-dropdown .react16-select-tree-list-holder-inner .react16-select-tree-treenode .react16-select-tree-node-content-wrapper { + flex: auto; +} +.react16-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; +} +.react16-select-tree-focused:not(:hover):not(.react16-select-tree-active-focused) { + background: var(--react16-primary-1); +} +.react16-select-tree-list-holder-inner { + align-items: flex-start; +} +.react16-select-tree.react16-select-tree-block-node .react16-select-tree-list-holder-inner { + align-items: stretch; +} +.react16-select-tree.react16-select-tree-block-node .react16-select-tree-list-holder-inner .react16-select-tree-node-content-wrapper { + flex: auto; +} +.react16-select-tree.react16-select-tree-block-node .react16-select-tree-list-holder-inner .react16-select-tree-treenode.dragging { + position: relative; +} +.react16-select-tree.react16-select-tree-block-node .react16-select-tree-list-holder-inner .react16-select-tree-treenode.dragging::after { + position: absolute; + top: 0; + right: 0; + bottom: 4px; + left: 0; + border: 1px solid var(--react16-primary-color); + opacity: 0; + animation: ant-tree-node-fx-do-not-use 0.3s; + animation-play-state: running; + animation-fill-mode: forwards; + content: ''; + pointer-events: none; +} +.react16-select-tree .react16-select-tree-treenode { + display: flex; + align-items: flex-start; + padding: 0 0 4px 0; + outline: none; +} +.react16-select-tree .react16-select-tree-treenode-disabled .react16-select-tree-node-content-wrapper { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +.react16-select-tree .react16-select-tree-treenode-disabled .react16-select-tree-node-content-wrapper:hover { + background: transparent; +} +.react16-select-tree .react16-select-tree-treenode-active .react16-select-tree-node-content-wrapper { + background: #f5f5f5; +} +.react16-select-tree .react16-select-tree-treenode:not(.react16-select-tree .react16-select-tree-treenode-disabled).filter-node .react16-select-tree-title { + color: inherit; + font-weight: 500; +} +.react16-select-tree .react16-select-tree-treenode-draggable .react16-select-tree-draggable-icon { + width: 24px; + line-height: 24px; + text-align: center; + visibility: visible; + opacity: 0.2; + transition: opacity 0.3s; +} +.react16-select-tree-treenode:hover .react16-select-tree .react16-select-tree-treenode-draggable .react16-select-tree-draggable-icon { + opacity: 0.45; +} +.react16-select-tree-indent { + align-self: stretch; + white-space: nowrap; + user-select: none; +} +.react16-select-tree-indent-unit { + display: inline-block; + width: 24px; +} +.react16-select-tree-draggable-icon { + visibility: hidden; +} +.react16-select-tree-switcher { + position: relative; + flex: none; + align-self: stretch; + width: 24px; + margin: 0; + line-height: 24px; + text-align: center; + cursor: pointer; + user-select: none; +} +.react16-select-tree-switcher .react16-tree-switcher-icon, +.react16-select-tree-switcher .react16-select-tree-switcher-icon { + display: inline-block; + font-size: 10px; + vertical-align: baseline; +} +.react16-select-tree-switcher .react16-tree-switcher-icon svg, +.react16-select-tree-switcher .react16-select-tree-switcher-icon svg { + transition: transform 0.3s; +} +.react16-select-tree-switcher-noop { + cursor: default; +} +.react16-select-tree-switcher_close .react16-select-tree-switcher-icon svg { + transform: rotate(-90deg); +} +.react16-select-tree-switcher-loading-icon { + color: var(--react16-primary-color); +} +.react16-select-tree-switcher-leaf-line { + position: relative; + z-index: 1; + display: inline-block; + width: 100%; + height: 100%; +} +.react16-select-tree-switcher-leaf-line::before { + position: absolute; + top: 0; + right: 12px; + bottom: -4px; + margin-left: -1px; + border-right: 1px solid #d9d9d9; + content: ' '; +} +.react16-select-tree-switcher-leaf-line::after { + position: absolute; + width: 10px; + height: 14px; + border-bottom: 1px solid #d9d9d9; + content: ' '; +} +.react16-select-tree-checkbox { + top: initial; + margin: 4px 8px 0 0; +} +.react16-select-tree .react16-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; +} +.react16-select-tree .react16-select-tree-node-content-wrapper:hover { + background-color: #f5f5f5; +} +.react16-select-tree .react16-select-tree-node-content-wrapper.react16-select-tree-node-selected { + background-color: var(--react16-primary-2); +} +.react16-select-tree .react16-select-tree-node-content-wrapper .react16-select-tree-iconEle { + display: inline-block; + width: 24px; + height: 24px; + line-height: 24px; + text-align: center; + vertical-align: top; +} +.react16-select-tree .react16-select-tree-node-content-wrapper .react16-select-tree-iconEle:empty { + display: none; +} +.react16-select-tree-unselectable .react16-select-tree-node-content-wrapper:hover { + background-color: transparent; +} +.react16-select-tree-node-content-wrapper { + line-height: 24px; + user-select: none; +} +.react16-select-tree-node-content-wrapper .react16-tree-drop-indicator { + position: absolute; + z-index: 1; + height: 2px; + background-color: var(--react16-primary-color); + border-radius: 1px; + pointer-events: none; +} +.react16-select-tree-node-content-wrapper .react16-tree-drop-indicator::after { + position: absolute; + top: -3px; + left: -6px; + width: 8px; + height: 8px; + background-color: transparent; + border: 2px solid var(--react16-primary-color); + border-radius: 50%; + content: ''; +} +.react16-select-tree .react16-select-tree-treenode.drop-container > [draggable] { + box-shadow: 0 0 0 2px var(--react16-primary-color); +} +.react16-select-tree-show-line .react16-select-tree-indent-unit { + position: relative; + height: 100%; +} +.react16-select-tree-show-line .react16-select-tree-indent-unit::before { + position: absolute; + top: 0; + right: 12px; + bottom: -4px; + border-right: 1px solid #d9d9d9; + content: ''; +} +.react16-select-tree-show-line .react16-select-tree-indent-unit-end::before { + display: none; +} +.react16-select-tree-show-line .react16-select-tree-switcher { + background: #fff; +} +.react16-select-tree-show-line .react16-select-tree-switcher-line-icon { + vertical-align: -0.15em; +} +.react16-select-tree .react16-select-tree-treenode-leaf-last .react16-select-tree-switcher-leaf-line::before { + top: auto !important; + bottom: auto !important; + height: 14px !important; +} +.react16-tree-select-dropdown-rtl .react16-select-tree .react16-select-tree-switcher_close .react16-select-tree-switcher-icon svg { + transform: rotate(90deg); +} +.react16-tree-select-dropdown-rtl .react16-select-tree .react16-select-tree-switcher-loading-icon { + transform: scaleY(-1); +} +.react16-typography { + color: rgba(0, 0, 0, 0.85); + overflow-wrap: break-word; +} +.react16-typography.react16-typography-secondary { + color: rgba(0, 0, 0, 0.45); +} +.react16-typography.react16-typography-success { + color: var(--react16-success-color); +} +.react16-typography.react16-typography-warning { + color: var(--react16-warning-color); +} +.react16-typography.react16-typography-danger { + color: var(--react16-error-color); +} +a.react16-typography.react16-typography-danger:active, +a.react16-typography.react16-typography-danger:focus { + color: var(--react16-error-color-active); +} +a.react16-typography.react16-typography-danger:hover { + color: var(--react16-error-color-hover); +} +.react16-typography.react16-typography-disabled { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; + user-select: none; +} +div.react16-typography, +.react16-typography p { + margin-bottom: 1em; +} +h1.react16-typography, +div.react16-typography-h1, +div.react16-typography-h1 > textarea, +.react16-typography h1 { + margin-bottom: 0.5em; + color: rgba(0, 0, 0, 0.85); + font-weight: 600; + font-size: 38px; + line-height: 1.23; +} +h2.react16-typography, +div.react16-typography-h2, +div.react16-typography-h2 > textarea, +.react16-typography h2 { + margin-bottom: 0.5em; + color: rgba(0, 0, 0, 0.85); + font-weight: 600; + font-size: 30px; + line-height: 1.35; +} +h3.react16-typography, +div.react16-typography-h3, +div.react16-typography-h3 > textarea, +.react16-typography h3 { + margin-bottom: 0.5em; + color: rgba(0, 0, 0, 0.85); + font-weight: 600; + font-size: 24px; + line-height: 1.35; +} +h4.react16-typography, +div.react16-typography-h4, +div.react16-typography-h4 > textarea, +.react16-typography h4 { + margin-bottom: 0.5em; + color: rgba(0, 0, 0, 0.85); + font-weight: 600; + font-size: 20px; + line-height: 1.4; +} +h5.react16-typography, +div.react16-typography-h5, +div.react16-typography-h5 > textarea, +.react16-typography h5 { + margin-bottom: 0.5em; + color: rgba(0, 0, 0, 0.85); + font-weight: 600; + font-size: 16px; + line-height: 1.5; +} +.react16-typography + h1.react16-typography, +.react16-typography + h2.react16-typography, +.react16-typography + h3.react16-typography, +.react16-typography + h4.react16-typography, +.react16-typography + h5.react16-typography { + margin-top: 1.2em; +} +.react16-typography div + h1, +.react16-typography ul + h1, +.react16-typography li + h1, +.react16-typography p + h1, +.react16-typography h1 + h1, +.react16-typography h2 + h1, +.react16-typography h3 + h1, +.react16-typography h4 + h1, +.react16-typography h5 + h1, +.react16-typography div + h2, +.react16-typography ul + h2, +.react16-typography li + h2, +.react16-typography p + h2, +.react16-typography h1 + h2, +.react16-typography h2 + h2, +.react16-typography h3 + h2, +.react16-typography h4 + h2, +.react16-typography h5 + h2, +.react16-typography div + h3, +.react16-typography ul + h3, +.react16-typography li + h3, +.react16-typography p + h3, +.react16-typography h1 + h3, +.react16-typography h2 + h3, +.react16-typography h3 + h3, +.react16-typography h4 + h3, +.react16-typography h5 + h3, +.react16-typography div + h4, +.react16-typography ul + h4, +.react16-typography li + h4, +.react16-typography p + h4, +.react16-typography h1 + h4, +.react16-typography h2 + h4, +.react16-typography h3 + h4, +.react16-typography h4 + h4, +.react16-typography h5 + h4, +.react16-typography div + h5, +.react16-typography ul + h5, +.react16-typography li + h5, +.react16-typography p + h5, +.react16-typography h1 + h5, +.react16-typography h2 + h5, +.react16-typography h3 + h5, +.react16-typography h4 + h5, +.react16-typography h5 + h5 { + margin-top: 1.2em; +} +a.react16-typography-ellipsis, +span.react16-typography-ellipsis { + display: inline-block; + max-width: 100%; +} +a.react16-typography, +.react16-typography a { + color: var(--react16-primary-color); + outline: none; + cursor: pointer; + transition: color 0.3s; + text-decoration: none; +} +a.react16-typography:focus-visible, +.react16-typography a:focus-visible, +a.react16-typography:hover, +.react16-typography a:hover { + color: var(--react16-primary-color-hover); +} +a.react16-typography:active, +.react16-typography a:active { + color: var(--react16-primary-color-active); +} +a.react16-typography:active, +.react16-typography a:active, +a.react16-typography:hover, +.react16-typography a:hover { + text-decoration: none; +} +a.react16-typography[disabled], +.react16-typography a[disabled], +a.react16-typography.react16-typography-disabled, +.react16-typography a.react16-typography-disabled { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +a.react16-typography[disabled]:active, +.react16-typography a[disabled]:active, +a.react16-typography.react16-typography-disabled:active, +.react16-typography a.react16-typography-disabled:active, +a.react16-typography[disabled]:hover, +.react16-typography a[disabled]:hover, +a.react16-typography.react16-typography-disabled:hover, +.react16-typography a.react16-typography-disabled:hover { + color: rgba(0, 0, 0, 0.25); +} +a.react16-typography[disabled]:active, +.react16-typography a[disabled]:active, +a.react16-typography.react16-typography-disabled:active, +.react16-typography a.react16-typography-disabled:active { + pointer-events: none; +} +.react16-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; +} +.react16-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; +} +.react16-typography mark { + padding: 0; + background-color: #ffe58f; +} +.react16-typography u, +.react16-typography ins { + text-decoration: underline; + text-decoration-skip-ink: auto; +} +.react16-typography s, +.react16-typography del { + text-decoration: line-through; +} +.react16-typography strong { + font-weight: 600; +} +.react16-typography-expand, +.react16-typography-edit, +.react16-typography-copy { + color: var(--react16-primary-color); + outline: none; + cursor: pointer; + transition: color 0.3s; + margin-left: 4px; +} +.react16-typography-expand:focus-visible, +.react16-typography-edit:focus-visible, +.react16-typography-copy:focus-visible, +.react16-typography-expand:hover, +.react16-typography-edit:hover, +.react16-typography-copy:hover { + color: var(--react16-primary-color-hover); +} +.react16-typography-expand:active, +.react16-typography-edit:active, +.react16-typography-copy:active { + color: var(--react16-primary-color-active); +} +.react16-typography-copy-success, +.react16-typography-copy-success:hover, +.react16-typography-copy-success:focus { + color: var(--react16-success-color); +} +.react16-typography-edit-content { + position: relative; +} +div.react16-typography-edit-content { + left: -12px; + margin-top: -5px; + margin-bottom: calc(1em - 4px - 1px); +} +.react16-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; +} +.react16-typography-edit-content textarea { + height: 1em; + margin: 0 !important; + /* stylelint-disable-next-line property-no-vendor-prefix */ + -moz-transition: none; +} +.react16-typography ul, +.react16-typography ol { + margin: 0 0 1em; + padding: 0; +} +.react16-typography ul li, +.react16-typography ol li { + margin: 0 0 0 20px; + padding: 0 0 0 4px; +} +.react16-typography ul { + list-style-type: circle; +} +.react16-typography ul ul { + list-style-type: disc; +} +.react16-typography ol { + list-style-type: decimal; +} +.react16-typography pre, +.react16-typography blockquote { + margin: 1em 0; +} +.react16-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; +} +.react16-typography pre code { + display: inline; + margin: 0; + padding: 0; + font-size: inherit; + font-family: inherit; + background: transparent; + border: 0; +} +.react16-typography blockquote { + padding: 0 0 0 0.6em; + border-left: 4px solid rgba(100, 100, 100, 0.2); + opacity: 0.85; +} +.react16-typography-single-line { + white-space: nowrap; +} +.react16-typography-ellipsis-single-line { + overflow: hidden; + text-overflow: ellipsis; +} +a.react16-typography-ellipsis-single-line, +span.react16-typography-ellipsis-single-line { + vertical-align: bottom; +} +.react16-typography-ellipsis-multiple-line { + /* stylelint-disable-next-line value-no-vendor-prefix */ + display: -webkit-box; + overflow: hidden; + -webkit-line-clamp: 3; + /*! autoprefixer: ignore next */ + -webkit-box-orient: vertical; +} +.react16-typography-rtl { + direction: rtl; +} +.react16-typography-rtl .react16-typography-expand, +.react16-typography-rtl .react16-typography-edit, +.react16-typography-rtl .react16-typography-copy { + margin-right: 4px; + margin-left: 0; +} +.react16-typography-rtl .react16-typography-expand { + float: left; +} +div.react16-typography-edit-content.react16-typography-rtl { + right: -12px; + left: auto; +} +.react16-typography-rtl .react16-typography-edit-content-confirm { + right: auto; + left: 10px; +} +.react16-typography-rtl.react16-typography ul li, +.react16-typography-rtl.react16-typography ol li { + margin: 0 20px 0 0; + padding: 0 4px 0 0; +} +.react16-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; +} +.react16-upload p { + margin: 0; +} +.react16-upload-btn { + display: block; + width: 100%; + outline: none; +} +.react16-upload input[type='file'] { + cursor: pointer; +} +.react16-upload.react16-upload-select { + display: inline-block; +} +.react16-upload.react16-upload-disabled { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +.react16-upload.react16-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; +} +.react16-upload.react16-upload-select-picture-card > .react16-upload { + display: flex; + align-items: center; + justify-content: center; + height: 100%; + text-align: center; +} +.react16-upload.react16-upload-select-picture-card:hover { + border-color: var(--react16-primary-color); +} +.react16-upload-disabled.react16-upload.react16-upload-select-picture-card:hover { + border-color: #d9d9d9; +} +.react16-upload.react16-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; +} +.react16-upload.react16-upload-drag .react16-upload { + padding: 16px 0; +} +.react16-upload.react16-upload-drag.react16-upload-drag-hover:not(.react16-upload-disabled) { + border-color: var(--react16-primary-7); +} +.react16-upload.react16-upload-drag.react16-upload-disabled { + cursor: not-allowed; +} +.react16-upload.react16-upload-drag .react16-upload-btn { + display: table; + height: 100%; +} +.react16-upload.react16-upload-drag .react16-upload-drag-container { + display: table-cell; + vertical-align: middle; +} +.react16-upload.react16-upload-drag:not(.react16-upload-disabled):hover { + border-color: var(--react16-primary-5); +} +.react16-upload.react16-upload-drag p.react16-upload-drag-icon { + margin-bottom: 20px; +} +.react16-upload.react16-upload-drag p.react16-upload-drag-icon .anticon { + color: var(--react16-primary-5); + font-size: 48px; +} +.react16-upload.react16-upload-drag p.react16-upload-text { + margin: 0 0 4px; + color: rgba(0, 0, 0, 0.85); + font-size: 16px; +} +.react16-upload.react16-upload-drag p.react16-upload-hint { + color: rgba(0, 0, 0, 0.45); + font-size: 14px; +} +.react16-upload.react16-upload-drag .anticon-plus { + color: rgba(0, 0, 0, 0.25); + font-size: 30px; + transition: all 0.3s; +} +.react16-upload.react16-upload-drag .anticon-plus:hover { + color: rgba(0, 0, 0, 0.45); +} +.react16-upload.react16-upload-drag:hover .anticon-plus { + color: rgba(0, 0, 0, 0.45); +} +.react16-upload-picture-card-wrapper { + display: inline-block; + width: 100%; +} +.react16-upload-picture-card-wrapper::before { + display: table; + content: ''; +} +.react16-upload-picture-card-wrapper::after { + display: table; + clear: both; + content: ''; +} +.react16-upload-picture-card-wrapper::before { + display: table; + content: ''; +} +.react16-upload-picture-card-wrapper::after { + display: table; + clear: both; + content: ''; +} +.react16-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; +} +.react16-upload-list::before { + display: table; + content: ''; +} +.react16-upload-list::after { + display: table; + clear: both; + content: ''; +} +.react16-upload-list::before { + display: table; + content: ''; +} +.react16-upload-list::after { + display: table; + clear: both; + content: ''; +} +.react16-upload-list-item { + position: relative; + height: 22.001px; + margin-top: 8px; + font-size: 14px; +} +.react16-upload-list-item-name { + display: inline-block; + width: 100%; + padding-left: 22px; + overflow: hidden; + line-height: 1.5715; + white-space: nowrap; + text-overflow: ellipsis; +} +.react16-upload-list-item-card-actions { + position: absolute; + right: 0; +} +.react16-upload-list-item-card-actions-btn { + opacity: 0; +} +.react16-upload-list-item-card-actions-btn.react16-btn-sm { + height: 22.001px; + line-height: 1; + vertical-align: top; +} +.react16-upload-list-item-card-actions.picture { + top: 22px; + line-height: 0; +} +.react16-upload-list-item-card-actions-btn:focus, +.react16-upload-list-item-card-actions.picture .react16-upload-list-item-card-actions-btn { + opacity: 1; +} +.react16-upload-list-item-card-actions .anticon { + color: rgba(0, 0, 0, 0.45); + transition: all 0.3s; +} +.react16-upload-list-item-card-actions:hover .anticon { + color: rgba(0, 0, 0, 0.85); +} +.react16-upload-list-item-info { + height: 100%; + transition: background-color 0.3s; +} +.react16-upload-list-item-info > span { + display: block; + width: 100%; + height: 100%; +} +.react16-upload-list-item-info .anticon-loading .anticon, +.react16-upload-list-item-info .react16-upload-text-icon .anticon { + position: absolute; + top: 5px; + color: rgba(0, 0, 0, 0.45); + font-size: 14px; +} +.react16-upload-list-item:hover .react16-upload-list-item-info { + background-color: #f5f5f5; +} +.react16-upload-list-item:hover .react16-upload-list-item-card-actions-btn { + opacity: 1; +} +.react16-upload-list-item-error, +.react16-upload-list-item-error .react16-upload-text-icon > .anticon, +.react16-upload-list-item-error .react16-upload-list-item-name { + color: var(--react16-error-color); +} +.react16-upload-list-item-error .react16-upload-list-item-card-actions .anticon { + color: var(--react16-error-color); +} +.react16-upload-list-item-error .react16-upload-list-item-card-actions-btn { + opacity: 1; +} +.react16-upload-list-item-progress { + position: absolute; + bottom: -12px; + width: 100%; + padding-left: 26px; + font-size: 14px; + line-height: 0; +} +.react16-upload-list-picture .react16-upload-list-item, +.react16-upload-list-picture-card .react16-upload-list-item { + position: relative; + height: 66px; + padding: 8px; + border: 1px solid #d9d9d9; + border-radius: 2px; +} +.react16-upload-list-picture .react16-upload-list-item:hover, +.react16-upload-list-picture-card .react16-upload-list-item:hover { + background: transparent; +} +.react16-upload-list-picture .react16-upload-list-item-error, +.react16-upload-list-picture-card .react16-upload-list-item-error { + border-color: var(--react16-error-color); +} +.react16-upload-list-picture .react16-upload-list-item-info, +.react16-upload-list-picture-card .react16-upload-list-item-info { + padding: 0; +} +.react16-upload-list-picture .react16-upload-list-item:hover .react16-upload-list-item-info, +.react16-upload-list-picture-card .react16-upload-list-item:hover .react16-upload-list-item-info { + background: transparent; +} +.react16-upload-list-picture .react16-upload-list-item-uploading, +.react16-upload-list-picture-card .react16-upload-list-item-uploading { + border-style: dashed; +} +.react16-upload-list-picture .react16-upload-list-item-thumbnail, +.react16-upload-list-picture-card .react16-upload-list-item-thumbnail { + width: 48px; + height: 48px; + line-height: 60px; + text-align: center; + opacity: 0.8; +} +.react16-upload-list-picture .react16-upload-list-item-thumbnail .anticon, +.react16-upload-list-picture-card .react16-upload-list-item-thumbnail .anticon { + font-size: 26px; +} +.react16-upload-list-picture .react16-upload-list-item-error .react16-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'], +.react16-upload-list-picture-card .react16-upload-list-item-error .react16-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] { + fill: var(--react16-error-color-deprecated-bg); +} +.react16-upload-list-picture .react16-upload-list-item-error .react16-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'], +.react16-upload-list-picture-card .react16-upload-list-item-error .react16-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] { + fill: var(--react16-error-color); +} +.react16-upload-list-picture .react16-upload-list-item-icon, +.react16-upload-list-picture-card .react16-upload-list-item-icon { + position: absolute; + top: 50%; + left: 50%; + font-size: 26px; + transform: translate(-50%, -50%); +} +.react16-upload-list-picture .react16-upload-list-item-icon .anticon, +.react16-upload-list-picture-card .react16-upload-list-item-icon .anticon { + font-size: 26px; +} +.react16-upload-list-picture .react16-upload-list-item-image, +.react16-upload-list-picture-card .react16-upload-list-item-image { + max-width: 100%; +} +.react16-upload-list-picture .react16-upload-list-item-thumbnail img, +.react16-upload-list-picture-card .react16-upload-list-item-thumbnail img { + display: block; + width: 48px; + height: 48px; + overflow: hidden; +} +.react16-upload-list-picture .react16-upload-list-item-name, +.react16-upload-list-picture-card .react16-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; +} +.react16-upload-list-picture .react16-upload-list-item-uploading .react16-upload-list-item-name, +.react16-upload-list-picture-card .react16-upload-list-item-uploading .react16-upload-list-item-name { + margin-bottom: 12px; +} +.react16-upload-list-picture .react16-upload-list-item-progress, +.react16-upload-list-picture-card .react16-upload-list-item-progress { + bottom: 14px; + width: calc(100% - 24px); + margin-top: 0; + padding-left: 56px; +} +.react16-upload-list-picture-card-container { + display: inline-block; + width: 104px; + height: 104px; + margin: 0 8px 8px 0; + vertical-align: top; +} +.react16-upload-list-picture-card .react16-upload-list-item { + height: 100%; + margin: 0; +} +.react16-upload-list-picture-card .react16-upload-list-item-info { + position: relative; + height: 100%; + overflow: hidden; +} +.react16-upload-list-picture-card .react16-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: ' '; +} +.react16-upload-list-picture-card .react16-upload-list-item:hover .react16-upload-list-item-info::before { + opacity: 1; +} +.react16-upload-list-picture-card .react16-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; +} +.react16-upload-list-picture-card .react16-upload-list-item-actions .anticon-eye, +.react16-upload-list-picture-card .react16-upload-list-item-actions .anticon-download, +.react16-upload-list-picture-card .react16-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; +} +.react16-upload-list-picture-card .react16-upload-list-item-actions .anticon-eye:hover, +.react16-upload-list-picture-card .react16-upload-list-item-actions .anticon-download:hover, +.react16-upload-list-picture-card .react16-upload-list-item-actions .anticon-delete:hover { + color: #fff; +} +.react16-upload-list-picture-card .react16-upload-list-item-info:hover + .react16-upload-list-item-actions, +.react16-upload-list-picture-card .react16-upload-list-item-actions:hover { + opacity: 1; +} +.react16-upload-list-picture-card .react16-upload-list-item-thumbnail, +.react16-upload-list-picture-card .react16-upload-list-item-thumbnail img { + position: static; + display: block; + width: 100%; + height: 100%; + object-fit: contain; +} +.react16-upload-list-picture-card .react16-upload-list-item-name { + display: none; + margin: 8px 0 0; + padding: 0; + line-height: 1.5715; + text-align: center; +} +.react16-upload-list-picture-card .react16-upload-list-item-file + .react16-upload-list-item-name { + position: absolute; + bottom: 10px; + display: block; +} +.react16-upload-list-picture-card .react16-upload-list-item-uploading.react16-upload-list-item { + background-color: #fafafa; +} +.react16-upload-list-picture-card .react16-upload-list-item-uploading .react16-upload-list-item-info { + height: auto; +} +.react16-upload-list-picture-card .react16-upload-list-item-uploading .react16-upload-list-item-info::before, +.react16-upload-list-picture-card .react16-upload-list-item-uploading .react16-upload-list-item-info .anticon-eye, +.react16-upload-list-picture-card .react16-upload-list-item-uploading .react16-upload-list-item-info .anticon-delete { + display: none; +} +.react16-upload-list-picture-card .react16-upload-list-item-progress { + bottom: 32px; + width: calc(100% - 14px); + padding-left: 0; +} +.react16-upload-list-text-container, +.react16-upload-list-picture-container { + transition: opacity 0.3s, height 0.3s; +} +.react16-upload-list-text-container::before, +.react16-upload-list-picture-container::before { + display: table; + width: 0; + height: 0; + content: ''; +} +.react16-upload-list-text-container .react16-upload-span, +.react16-upload-list-picture-container .react16-upload-span { + display: block; + flex: auto; +} +.react16-upload-list-text .react16-upload-span, +.react16-upload-list-picture .react16-upload-span { + display: flex; + align-items: center; +} +.react16-upload-list-text .react16-upload-span > *, +.react16-upload-list-picture .react16-upload-span > * { + flex: none; +} +.react16-upload-list-text .react16-upload-list-item-name, +.react16-upload-list-picture .react16-upload-list-item-name { + flex: auto; + margin: 0; + padding: 0 8px; +} +.react16-upload-list-text .react16-upload-list-item-card-actions, +.react16-upload-list-picture .react16-upload-list-item-card-actions { + position: static; +} +.react16-upload-list-text .react16-upload-text-icon .anticon { + position: static; +} +.react16-upload-list .react16-upload-animate-inline-appear, +.react16-upload-list .react16-upload-animate-inline-enter, +.react16-upload-list .react16-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; +} +.react16-upload-list .react16-upload-animate-inline-appear, +.react16-upload-list .react16-upload-animate-inline-enter { + animation-name: uploadAnimateInlineIn; +} +.react16-upload-list .react16-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; + } +} +.react16-upload-rtl { + direction: rtl; +} +.react16-upload-rtl.react16-upload.react16-upload-select-picture-card { + margin-right: auto; + margin-left: 8px; +} +.react16-upload-list-rtl { + direction: rtl; +} +.react16-upload-list-rtl .react16-upload-list-item-list-type-text:hover .react16-upload-list-item-name-icon-count-1 { + padding-right: 22px; + padding-left: 14px; +} +.react16-upload-list-rtl .react16-upload-list-item-list-type-text:hover .react16-upload-list-item-name-icon-count-2 { + padding-right: 22px; + padding-left: 28px; +} +.react16-upload-list-rtl .react16-upload-list-item-name { + padding-right: 22px; + padding-left: 0; +} +.react16-upload-list-rtl .react16-upload-list-item-name-icon-count-1 { + padding-left: 14px; +} +.react16-upload-list-rtl .react16-upload-list-item-card-actions { + right: auto; + left: 0; +} +.react16-upload-list-rtl .react16-upload-list-item-card-actions .anticon { + padding-right: 0; + padding-left: 5px; +} +.react16-upload-list-rtl .react16-upload-list-item-info { + padding: 0 4px 0 12px; +} +.react16-upload-list-rtl .react16-upload-list-item-error .react16-upload-list-item-card-actions .anticon { + padding-right: 0; + padding-left: 5px; +} +.react16-upload-list-rtl .react16-upload-list-item-progress { + padding-right: 26px; + padding-left: 0; +} +.react16-upload-list-picture .react16-upload-list-item-info, +.react16-upload-list-picture-card .react16-upload-list-item-info { + padding: 0; +} +.react16-upload-list-rtl.react16-upload-list-picture .react16-upload-list-item-thumbnail, +.react16-upload-list-rtl.react16-upload-list-picture-card .react16-upload-list-item-thumbnail { + right: 8px; + left: auto; +} +.react16-upload-list-rtl.react16-upload-list-picture .react16-upload-list-item-icon, +.react16-upload-list-rtl.react16-upload-list-picture-card .react16-upload-list-item-icon { + right: 50%; + left: auto; + transform: translate(50%, -50%); +} +.react16-upload-list-rtl.react16-upload-list-picture .react16-upload-list-item-name, +.react16-upload-list-rtl.react16-upload-list-picture-card .react16-upload-list-item-name { + margin: 0 8px 0 0; + padding-right: 48px; + padding-left: 8px; +} +.react16-upload-list-rtl.react16-upload-list-picture .react16-upload-list-item-name-icon-count-1, +.react16-upload-list-rtl.react16-upload-list-picture-card .react16-upload-list-item-name-icon-count-1 { + padding-right: 48px; + padding-left: 18px; +} +.react16-upload-list-rtl.react16-upload-list-picture .react16-upload-list-item-name-icon-count-2, +.react16-upload-list-rtl.react16-upload-list-picture-card .react16-upload-list-item-name-icon-count-2 { + padding-right: 48px; + padding-left: 36px; +} +.react16-upload-list-rtl.react16-upload-list-picture .react16-upload-list-item-progress, +.react16-upload-list-rtl.react16-upload-list-picture-card .react16-upload-list-item-progress { + padding-right: 0; + padding-left: 0; +} +.react16-upload-list-rtl .react16-upload-list-picture-card-container { + margin: 0 0 8px 8px; +} +.react16-upload-list-rtl.react16-upload-list-picture-card .react16-upload-list-item-actions { + right: 50%; + left: auto; + transform: translate(50%, -50%); +} +.react16-upload-list-rtl.react16-upload-list-picture-card .react16-upload-list-item-file + .react16-upload-list-item-name { + margin: 8px 0 0; + padding: 0; +} diff --git a/dev/children/react16/src/index.js b/dev/children/react16/src/index.js index a22229c6a..4c1b0691a 100644 --- a/dev/children/react16/src/index.js +++ b/dev/children/react16/src/index.js @@ -4,10 +4,10 @@ // import '@babel/polyfill' import React from 'react'; import ReactDOM from 'react-dom'; -import 'antd/dist/antd.css'; +import './ant-custom.css'; // 自定义antd class前缀 import './index.css'; import Router from './router'; -import { Modal, notification } from 'antd'; +import { Modal, notification, ConfigProvider } from 'antd'; import subMicroApp from '@micro-zoe/micro-app'; // import './flexible'; // import '@alifd/next/dist/next.css'; @@ -57,7 +57,9 @@ window.addEventListener('appstate-change', function (e) { /* ----------------------分割线-默认模式--------------------- */ // ReactDOM.render( // -// +// +// +// // , // document.getElementById('root') // ); @@ -75,7 +77,10 @@ window.addEventListener('appstate-change', function (e) { window.mount = (data) => { ReactDOM.render( - + {/* 自定义antd class前缀 */} + + + , document.getElementById('root') ); diff --git a/dev/main-react16/src/pages/react16/react16.js b/dev/main-react16/src/pages/react16/react16.js index bb11c8ea4..6f00baf9d 100644 --- a/dev/main-react16/src/pages/react16/react16.js +++ b/dev/main-react16/src/pages/react16/react16.js @@ -424,7 +424,7 @@ export default class App extends React.Component { // fiber // ssr // clear-data - // iframe + iframe > ) diff --git a/src/sandbox/adapter.ts b/src/sandbox/adapter.ts index 4b68058d8..04050e68f 100644 --- a/src/sandbox/adapter.ts +++ b/src/sandbox/adapter.ts @@ -147,23 +147,31 @@ export function patchElementTree (container: Element | ShadowRoot, appName: stri export function updateElementInfo (node: T, appName: string): T { const proxyWindow = appInstanceMap.get(appName)?.sandBox?.proxyWindow if (proxyWindow && isNode(node) && !node.__MICRO_APP_NAME__) { - // TODO: 测试baseURI和ownerDocument在with沙箱中是否正确 - // 经过验证with沙箱不能重写ownerDocument，否则react点击事件会触发两次 + /** + * TODO: + * 1. 测试baseURI和ownerDocument在with沙箱中是否正确 + * 经过验证with沙箱不能重写ownerDocument，否则react点击事件会触发两次 + * 2. with沙箱所有node设置__MICRO_APP_NAME__都使用updateElementInfo + * 3. 性能: defineProperty的性能肯定不如直接设置 + */ rawDefineProperties(node, { baseURI: { configurable: true, get: () => proxyWindow.location.href, }, - ownerDocument: { - configurable: true, - get: () => proxyWindow.document, - }, __MICRO_APP_NAME__: { configurable: true, writable: true, value: appName, }, }) + + if (isIframeSandbox(appName)) { + rawDefineProperty(node, 'ownerDocument', { + configurable: true, + get: () => proxyWindow.document, + }) + } } return node diff --git a/src/source/patch.ts b/src/source/patch.ts index 50cb13be0..cfc872640 100644 --- a/src/source/patch.ts +++ b/src/source/patch.ts @@ -157,11 +157,11 @@ function invokePrototypeMethod ( * 1. element-ui@2/lib/utils/vue-popper.js * if (this.popperElm.parentNode === document.body) ... * WARNING: - * When operate child from parentNode async, may have been unmount - * e.g. target.parentNode.remove(target) + * 1. When operate child from parentNode async, may have been unmount + * e.g. target.parentNode.remove(target) * ISSUE: * 1. https://github.com/micro-zoe/micro-app/issues/739 - * Solution: Return the true value when node is not in document + * Solution: Return the true value when node not in document */ if ( !isIframeSandbox(app.name) &&