/* 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 { --jetlinks-primary-color: #315efb; --jetlinks-primary-color-hover: #5c85ff; --jetlinks-primary-color-active: #2041d4; --jetlinks-primary-color-outline: rgba(49, 94, 251, 0.2); --jetlinks-primary-1: #f0f6ff; --jetlinks-primary-2: #d6e4ff; --jetlinks-primary-3: #adc7ff; --jetlinks-primary-4: #85a7ff; --jetlinks-primary-5: #5c85ff; --jetlinks-primary-6: #315efb; --jetlinks-primary-7: #2041d4; --jetlinks-primary-color-deprecated-pure: ; --jetlinks-primary-color-deprecated-l-35: #e0e7fe; --jetlinks-primary-color-deprecated-l-20: #95acfd; --jetlinks-primary-color-deprecated-t-20: #5a7efc; --jetlinks-primary-color-deprecated-t-50: #98affd; --jetlinks-primary-color-deprecated-f-12: rgba(49, 94, 251, 0.12); --jetlinks-primary-color-active-deprecated-f-30: rgba(240, 246, 255, 0.3); --jetlinks-primary-color-active-deprecated-d-02: #e6f0ff; --jetlinks-success-color: #52c41a; --jetlinks-success-color-hover: #73d13d; --jetlinks-success-color-active: #389e0d; --jetlinks-success-color-outline: rgba(82, 196, 26, 0.2); --jetlinks-success-color-deprecated-bg: #f6ffed; --jetlinks-success-color-deprecated-border: #b7eb8f; --jetlinks-error-color: #ff4d4f; --jetlinks-error-color-hover: #ff7875; --jetlinks-error-color-active: #d9363e; --jetlinks-error-color-outline: rgba(255, 77, 79, 0.2); --jetlinks-error-color-deprecated-bg: #fff2f0; --jetlinks-error-color-deprecated-border: #ffccc7; --jetlinks-warning-color: #faad14; --jetlinks-warning-color-hover: #ffc53d; --jetlinks-warning-color-active: #d48806; --jetlinks-warning-color-outline: rgba(250, 173, 20, 0.2); --jetlinks-warning-color-deprecated-bg: #fffbe6; --jetlinks-warning-color-deprecated-border: #ffe58f; --jetlinks-info-color: #315efb; --jetlinks-info-color-deprecated-bg: #f0f6ff; --jetlinks-info-color-deprecated-border: #adc7ff; } /* 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 */ [class^=jetlinks-]::-ms-clear, [class*= jetlinks-]::-ms-clear, [class^=jetlinks-] input::-ms-clear, [class*= jetlinks-] input::-ms-clear, [class^=jetlinks-] input::-ms-reveal, [class*= jetlinks-] 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); } 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; -webkit-text-decoration: underline dotted; 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: #315EFB; text-decoration: none; background-color: transparent; outline: none; cursor: pointer; transition: color 0.3s; -webkit-text-decoration-skip: objects; } a:hover { color: #5c85ff; } a:active { color: #2041d4; } 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; } ::-moz-selection { color: #fff; background: #315EFB; } ::selection { color: #fff; background: #315EFB; } .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::before { display: inline-block; animation: loadingCircle 1s infinite linear; } .anticon-spin { display: inline-block; animation: loadingCircle 1s infinite linear; } .jetlinks-fade-enter, .jetlinks-fade-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-fade-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-fade-enter.jetlinks-fade-enter-active, .jetlinks-fade-appear.jetlinks-fade-appear-active { animation-name: antFadeIn; animation-play-state: running; } .jetlinks-fade-leave.jetlinks-fade-leave-active { animation-name: antFadeOut; animation-play-state: running; pointer-events: none; } .jetlinks-fade-enter, .jetlinks-fade-appear { opacity: 0; animation-timing-function: linear; } .jetlinks-fade-leave { animation-timing-function: linear; } .fade-enter, .fade-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .fade-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .fade-enter.fade-enter-active, .fade-appear.fade-appear-active { animation-name: antFadeIn; animation-play-state: running; } .fade-leave.fade-leave-active { animation-name: antFadeOut; animation-play-state: running; pointer-events: none; } .fade-enter, .fade-appear { opacity: 0; animation-timing-function: linear; } .fade-leave { animation-timing-function: linear; } @keyframes antFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes antFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .jetlinks-move-up-enter, .jetlinks-move-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-move-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-move-up-enter.jetlinks-move-up-enter-active, .jetlinks-move-up-appear.jetlinks-move-up-appear-active { animation-name: antMoveUpIn; animation-play-state: running; } .jetlinks-move-up-leave.jetlinks-move-up-leave-active { animation-name: antMoveUpOut; animation-play-state: running; pointer-events: none; } .jetlinks-move-up-enter, .jetlinks-move-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .jetlinks-move-up-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-up-enter, .move-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-up-enter.move-up-enter-active, .move-up-appear.move-up-appear-active { animation-name: antMoveUpIn; animation-play-state: running; } .move-up-leave.move-up-leave-active { animation-name: antMoveUpOut; animation-play-state: running; pointer-events: none; } .move-up-enter, .move-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-up-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .jetlinks-move-down-enter, .jetlinks-move-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-move-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-move-down-enter.jetlinks-move-down-enter-active, .jetlinks-move-down-appear.jetlinks-move-down-appear-active { animation-name: antMoveDownIn; animation-play-state: running; } .jetlinks-move-down-leave.jetlinks-move-down-leave-active { animation-name: antMoveDownOut; animation-play-state: running; pointer-events: none; } .jetlinks-move-down-enter, .jetlinks-move-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .jetlinks-move-down-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-down-enter, .move-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-down-enter.move-down-enter-active, .move-down-appear.move-down-appear-active { animation-name: antMoveDownIn; animation-play-state: running; } .move-down-leave.move-down-leave-active { animation-name: antMoveDownOut; animation-play-state: running; pointer-events: none; } .move-down-enter, .move-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-down-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .jetlinks-move-left-enter, .jetlinks-move-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-move-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-move-left-enter.jetlinks-move-left-enter-active, .jetlinks-move-left-appear.jetlinks-move-left-appear-active { animation-name: antMoveLeftIn; animation-play-state: running; } .jetlinks-move-left-leave.jetlinks-move-left-leave-active { animation-name: antMoveLeftOut; animation-play-state: running; pointer-events: none; } .jetlinks-move-left-enter, .jetlinks-move-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .jetlinks-move-left-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-left-enter, .move-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-left-enter.move-left-enter-active, .move-left-appear.move-left-appear-active { animation-name: antMoveLeftIn; animation-play-state: running; } .move-left-leave.move-left-leave-active { animation-name: antMoveLeftOut; animation-play-state: running; pointer-events: none; } .move-left-enter, .move-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-left-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .jetlinks-move-right-enter, .jetlinks-move-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-move-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-move-right-enter.jetlinks-move-right-enter-active, .jetlinks-move-right-appear.jetlinks-move-right-appear-active { animation-name: antMoveRightIn; animation-play-state: running; } .jetlinks-move-right-leave.jetlinks-move-right-leave-active { animation-name: antMoveRightOut; animation-play-state: running; pointer-events: none; } .jetlinks-move-right-enter, .jetlinks-move-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .jetlinks-move-right-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-right-enter, .move-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-right-enter.move-right-enter-active, .move-right-appear.move-right-appear-active { animation-name: antMoveRightIn; animation-play-state: running; } .move-right-leave.move-right-leave-active { animation-name: antMoveRightOut; animation-play-state: running; pointer-events: none; } .move-right-enter, .move-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-right-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } @keyframes antMoveDownIn { 0% { transform: translateY(100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveDownOut { 0% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateY(100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveLeftIn { 0% { transform: translateX(-100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveLeftOut { 0% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateX(-100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveRightIn { 0% { transform: translateX(100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveRightOut { 0% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateX(100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveUpIn { 0% { transform: translateY(-100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveUpOut { 0% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateY(-100%); transform-origin: 0 0; opacity: 0; } } @keyframes loadingCircle { 100% { transform: rotate(360deg); } } [jetlinks-click-animating='true'], [jetlinks-click-animating-without-extra-node='true'] { position: relative; } html { --antd-wave-shadow-color: #315EFB; --scroll-bar: 0; } [jetlinks-click-animating-without-extra-node='true']::after, .jetlinks-click-animating-node { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; border-radius: inherit; box-shadow: 0 0 0 0 #315EFB; 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 #315EFB; box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); } } @keyframes fadeEffect { 100% { opacity: 0; } } .slide-up-enter, .slide-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-up-enter.slide-up-enter-active, .slide-up-appear.slide-up-appear-active { animation-name: antSlideUpIn; animation-play-state: running; } .slide-up-leave.slide-up-leave-active { animation-name: antSlideUpOut; animation-play-state: running; pointer-events: none; } .slide-up-enter, .slide-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-up-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-down-enter, .slide-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-down-enter.slide-down-enter-active, .slide-down-appear.slide-down-appear-active { animation-name: antSlideDownIn; animation-play-state: running; } .slide-down-leave.slide-down-leave-active { animation-name: antSlideDownOut; animation-play-state: running; pointer-events: none; } .slide-down-enter, .slide-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-down-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-left-enter, .slide-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-left-enter.slide-left-enter-active, .slide-left-appear.slide-left-appear-active { animation-name: antSlideLeftIn; animation-play-state: running; } .slide-left-leave.slide-left-leave-active { animation-name: antSlideLeftOut; animation-play-state: running; pointer-events: none; } .slide-left-enter, .slide-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-left-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-right-enter, .slide-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-right-enter.slide-right-enter-active, .slide-right-appear.slide-right-appear-active { animation-name: antSlideRightIn; animation-play-state: running; } .slide-right-leave.slide-right-leave-active { animation-name: antSlideRightOut; animation-play-state: running; pointer-events: none; } .slide-right-enter, .slide-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-right-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .jetlinks-slide-up-enter, .jetlinks-slide-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-slide-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-slide-up-enter.jetlinks-slide-up-enter-active, .jetlinks-slide-up-appear.jetlinks-slide-up-appear-active { animation-name: antSlideUpIn; animation-play-state: running; } .jetlinks-slide-up-leave.jetlinks-slide-up-leave-active { animation-name: antSlideUpOut; animation-play-state: running; pointer-events: none; } .jetlinks-slide-up-enter, .jetlinks-slide-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .jetlinks-slide-up-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .jetlinks-slide-down-enter, .jetlinks-slide-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-slide-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-slide-down-enter.jetlinks-slide-down-enter-active, .jetlinks-slide-down-appear.jetlinks-slide-down-appear-active { animation-name: antSlideDownIn; animation-play-state: running; } .jetlinks-slide-down-leave.jetlinks-slide-down-leave-active { animation-name: antSlideDownOut; animation-play-state: running; pointer-events: none; } .jetlinks-slide-down-enter, .jetlinks-slide-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .jetlinks-slide-down-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .jetlinks-slide-left-enter, .jetlinks-slide-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-slide-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-slide-left-enter.jetlinks-slide-left-enter-active, .jetlinks-slide-left-appear.jetlinks-slide-left-appear-active { animation-name: antSlideLeftIn; animation-play-state: running; } .jetlinks-slide-left-leave.jetlinks-slide-left-leave-active { animation-name: antSlideLeftOut; animation-play-state: running; pointer-events: none; } .jetlinks-slide-left-enter, .jetlinks-slide-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .jetlinks-slide-left-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .jetlinks-slide-right-enter, .jetlinks-slide-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-slide-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-slide-right-enter.jetlinks-slide-right-enter-active, .jetlinks-slide-right-appear.jetlinks-slide-right-appear-active { animation-name: antSlideRightIn; animation-play-state: running; } .jetlinks-slide-right-leave.jetlinks-slide-right-leave-active { animation-name: antSlideRightOut; animation-play-state: running; pointer-events: none; } .jetlinks-slide-right-enter, .jetlinks-slide-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .jetlinks-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; } } .jetlinks-zoom-enter, .jetlinks-zoom-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-zoom-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-zoom-enter.jetlinks-zoom-enter-active, .jetlinks-zoom-appear.jetlinks-zoom-appear-active { animation-name: antZoomIn; animation-play-state: running; } .jetlinks-zoom-leave.jetlinks-zoom-leave-active { animation-name: antZoomOut; animation-play-state: running; pointer-events: none; } .jetlinks-zoom-enter, .jetlinks-zoom-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .jetlinks-zoom-enter-prepare, .jetlinks-zoom-appear-prepare { transform: none; } .jetlinks-zoom-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-enter, .zoom-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-enter.zoom-enter-active, .zoom-appear.zoom-appear-active { animation-name: antZoomIn; animation-play-state: running; } .zoom-leave.zoom-leave-active { animation-name: antZoomOut; animation-play-state: running; pointer-events: none; } .zoom-enter, .zoom-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-enter-prepare, .zoom-appear-prepare { transform: none; } .zoom-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .jetlinks-zoom-big-enter, .jetlinks-zoom-big-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-zoom-big-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-zoom-big-enter.jetlinks-zoom-big-enter-active, .jetlinks-zoom-big-appear.jetlinks-zoom-big-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .jetlinks-zoom-big-leave.jetlinks-zoom-big-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .jetlinks-zoom-big-enter, .jetlinks-zoom-big-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .jetlinks-zoom-big-enter-prepare, .jetlinks-zoom-big-appear-prepare { transform: none; } .jetlinks-zoom-big-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-big-enter, .zoom-big-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-enter.zoom-big-enter-active, .zoom-big-appear.zoom-big-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .zoom-big-leave.zoom-big-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .zoom-big-enter, .zoom-big-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-big-enter-prepare, .zoom-big-appear-prepare { transform: none; } .zoom-big-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .jetlinks-zoom-big-fast-enter, .jetlinks-zoom-big-fast-appear { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-zoom-big-fast-leave { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-zoom-big-fast-enter.jetlinks-zoom-big-fast-enter-active, .jetlinks-zoom-big-fast-appear.jetlinks-zoom-big-fast-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .jetlinks-zoom-big-fast-leave.jetlinks-zoom-big-fast-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .jetlinks-zoom-big-fast-enter, .jetlinks-zoom-big-fast-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .jetlinks-zoom-big-fast-enter-prepare, .jetlinks-zoom-big-fast-appear-prepare { transform: none; } .jetlinks-zoom-big-fast-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-big-fast-enter, .zoom-big-fast-appear { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-fast-leave { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-fast-enter.zoom-big-fast-enter-active, .zoom-big-fast-appear.zoom-big-fast-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .zoom-big-fast-leave.zoom-big-fast-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .zoom-big-fast-enter, .zoom-big-fast-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-big-fast-enter-prepare, .zoom-big-fast-appear-prepare { transform: none; } .zoom-big-fast-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .jetlinks-zoom-up-enter, .jetlinks-zoom-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-zoom-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-zoom-up-enter.jetlinks-zoom-up-enter-active, .jetlinks-zoom-up-appear.jetlinks-zoom-up-appear-active { animation-name: antZoomUpIn; animation-play-state: running; } .jetlinks-zoom-up-leave.jetlinks-zoom-up-leave-active { animation-name: antZoomUpOut; animation-play-state: running; pointer-events: none; } .jetlinks-zoom-up-enter, .jetlinks-zoom-up-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .jetlinks-zoom-up-enter-prepare, .jetlinks-zoom-up-appear-prepare { transform: none; } .jetlinks-zoom-up-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-up-enter, .zoom-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-up-enter.zoom-up-enter-active, .zoom-up-appear.zoom-up-appear-active { animation-name: antZoomUpIn; animation-play-state: running; } .zoom-up-leave.zoom-up-leave-active { animation-name: antZoomUpOut; animation-play-state: running; pointer-events: none; } .zoom-up-enter, .zoom-up-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-up-enter-prepare, .zoom-up-appear-prepare { transform: none; } .zoom-up-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .jetlinks-zoom-down-enter, .jetlinks-zoom-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-zoom-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-zoom-down-enter.jetlinks-zoom-down-enter-active, .jetlinks-zoom-down-appear.jetlinks-zoom-down-appear-active { animation-name: antZoomDownIn; animation-play-state: running; } .jetlinks-zoom-down-leave.jetlinks-zoom-down-leave-active { animation-name: antZoomDownOut; animation-play-state: running; pointer-events: none; } .jetlinks-zoom-down-enter, .jetlinks-zoom-down-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .jetlinks-zoom-down-enter-prepare, .jetlinks-zoom-down-appear-prepare { transform: none; } .jetlinks-zoom-down-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-down-enter, .zoom-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-down-enter.zoom-down-enter-active, .zoom-down-appear.zoom-down-appear-active { animation-name: antZoomDownIn; animation-play-state: running; } .zoom-down-leave.zoom-down-leave-active { animation-name: antZoomDownOut; animation-play-state: running; pointer-events: none; } .zoom-down-enter, .zoom-down-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-down-enter-prepare, .zoom-down-appear-prepare { transform: none; } .zoom-down-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .jetlinks-zoom-left-enter, .jetlinks-zoom-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-zoom-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-zoom-left-enter.jetlinks-zoom-left-enter-active, .jetlinks-zoom-left-appear.jetlinks-zoom-left-appear-active { animation-name: antZoomLeftIn; animation-play-state: running; } .jetlinks-zoom-left-leave.jetlinks-zoom-left-leave-active { animation-name: antZoomLeftOut; animation-play-state: running; pointer-events: none; } .jetlinks-zoom-left-enter, .jetlinks-zoom-left-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .jetlinks-zoom-left-enter-prepare, .jetlinks-zoom-left-appear-prepare { transform: none; } .jetlinks-zoom-left-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-left-enter, .zoom-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-left-enter.zoom-left-enter-active, .zoom-left-appear.zoom-left-appear-active { animation-name: antZoomLeftIn; animation-play-state: running; } .zoom-left-leave.zoom-left-leave-active { animation-name: antZoomLeftOut; animation-play-state: running; pointer-events: none; } .zoom-left-enter, .zoom-left-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-left-enter-prepare, .zoom-left-appear-prepare { transform: none; } .zoom-left-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .jetlinks-zoom-right-enter, .jetlinks-zoom-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-zoom-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .jetlinks-zoom-right-enter.jetlinks-zoom-right-enter-active, .jetlinks-zoom-right-appear.jetlinks-zoom-right-appear-active { animation-name: antZoomRightIn; animation-play-state: running; } .jetlinks-zoom-right-leave.jetlinks-zoom-right-leave-active { animation-name: antZoomRightOut; animation-play-state: running; pointer-events: none; } .jetlinks-zoom-right-enter, .jetlinks-zoom-right-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .jetlinks-zoom-right-enter-prepare, .jetlinks-zoom-right-appear-prepare { transform: none; } .jetlinks-zoom-right-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-right-enter, .zoom-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-right-enter.zoom-right-enter-active, .zoom-right-appear.zoom-right-appear-active { animation-name: antZoomRightIn; animation-play-state: running; } .zoom-right-leave.zoom-right-leave-active { animation-name: antZoomRightOut; animation-play-state: running; pointer-events: none; } .zoom-right-enter, .zoom-right-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-right-enter-prepare, .zoom-right-appear-prepare { transform: none; } .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; } .jetlinks-tabs-small > .jetlinks-tabs-nav .jetlinks-tabs-tab { padding: 8px 0; font-size: 14px; } .jetlinks-tabs-large > .jetlinks-tabs-nav .jetlinks-tabs-tab { padding: 16px 0; font-size: 16px; } .jetlinks-tabs-card.jetlinks-tabs-small > .jetlinks-tabs-nav .jetlinks-tabs-tab { padding: 6px 16px; } .jetlinks-tabs-card.jetlinks-tabs-large > .jetlinks-tabs-nav .jetlinks-tabs-tab { padding: 7px 16px 6px; } .jetlinks-tabs-rtl { direction: rtl; } .jetlinks-tabs-rtl .jetlinks-tabs-nav .jetlinks-tabs-tab { margin: 0 0 0 32px; } .jetlinks-tabs-rtl .jetlinks-tabs-nav .jetlinks-tabs-tab:last-of-type { margin-left: 0; } .jetlinks-tabs-rtl .jetlinks-tabs-nav .jetlinks-tabs-tab .anticon { margin-right: 0; margin-left: 12px; } .jetlinks-tabs-rtl .jetlinks-tabs-nav .jetlinks-tabs-tab .jetlinks-tabs-tab-remove { margin-right: 8px; margin-left: -4px; } .jetlinks-tabs-rtl .jetlinks-tabs-nav .jetlinks-tabs-tab .jetlinks-tabs-tab-remove .anticon { margin: 0; } .jetlinks-tabs-rtl.jetlinks-tabs-left > .jetlinks-tabs-nav { order: 1; } .jetlinks-tabs-rtl.jetlinks-tabs-left > .jetlinks-tabs-content-holder { order: 0; } .jetlinks-tabs-rtl.jetlinks-tabs-right > .jetlinks-tabs-nav { order: 0; } .jetlinks-tabs-rtl.jetlinks-tabs-right > .jetlinks-tabs-content-holder { order: 1; } .jetlinks-tabs-rtl.jetlinks-tabs-card.jetlinks-tabs-top > .jetlinks-tabs-nav .jetlinks-tabs-tab + .jetlinks-tabs-tab, .jetlinks-tabs-rtl.jetlinks-tabs-card.jetlinks-tabs-bottom > .jetlinks-tabs-nav .jetlinks-tabs-tab + .jetlinks-tabs-tab, .jetlinks-tabs-rtl.jetlinks-tabs-card.jetlinks-tabs-top > div > .jetlinks-tabs-nav .jetlinks-tabs-tab + .jetlinks-tabs-tab, .jetlinks-tabs-rtl.jetlinks-tabs-card.jetlinks-tabs-bottom > div > .jetlinks-tabs-nav .jetlinks-tabs-tab + .jetlinks-tabs-tab { margin-right: 2px; margin-left: 0; } .jetlinks-tabs-rtl.jetlinks-tabs-card.jetlinks-tabs-top > .jetlinks-tabs-nav .jetlinks-tabs-nav-add, .jetlinks-tabs-rtl.jetlinks-tabs-card.jetlinks-tabs-bottom > .jetlinks-tabs-nav .jetlinks-tabs-nav-add, .jetlinks-tabs-rtl.jetlinks-tabs-card.jetlinks-tabs-top > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-add, .jetlinks-tabs-rtl.jetlinks-tabs-card.jetlinks-tabs-bottom > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-add { margin-right: 2px; margin-left: 0; } .jetlinks-tabs-dropdown-rtl { direction: rtl; } .jetlinks-tabs-dropdown-rtl .jetlinks-tabs-dropdown-menu-item { text-align: right; } .jetlinks-tabs-top, .jetlinks-tabs-bottom { flex-direction: column; } .jetlinks-tabs-top > .jetlinks-tabs-nav, .jetlinks-tabs-bottom > .jetlinks-tabs-nav, .jetlinks-tabs-top > div > .jetlinks-tabs-nav, .jetlinks-tabs-bottom > div > .jetlinks-tabs-nav { margin: 0 0 16px 0; } .jetlinks-tabs-top > .jetlinks-tabs-nav::before, .jetlinks-tabs-bottom > .jetlinks-tabs-nav::before, .jetlinks-tabs-top > div > .jetlinks-tabs-nav::before, .jetlinks-tabs-bottom > div > .jetlinks-tabs-nav::before { position: absolute; right: 0; left: 0; border-bottom: 1px solid #f0f0f0; content: ''; } .jetlinks-tabs-top > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar, .jetlinks-tabs-bottom > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar, .jetlinks-tabs-top > div > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar, .jetlinks-tabs-bottom > div > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar { height: 2px; } .jetlinks-tabs-top > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar-animated, .jetlinks-tabs-bottom > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar-animated, .jetlinks-tabs-top > div > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar-animated, .jetlinks-tabs-bottom > div > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar-animated { transition: width 0.3s, left 0.3s, right 0.3s; } .jetlinks-tabs-top > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before, .jetlinks-tabs-bottom > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before, .jetlinks-tabs-top > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before, .jetlinks-tabs-bottom > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before, .jetlinks-tabs-top > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after, .jetlinks-tabs-bottom > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after, .jetlinks-tabs-top > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after, .jetlinks-tabs-bottom > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after { top: 0; bottom: 0; width: 30px; } .jetlinks-tabs-top > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before, .jetlinks-tabs-bottom > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before, .jetlinks-tabs-top > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before, .jetlinks-tabs-bottom > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before { left: 0; box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08); } .jetlinks-tabs-top > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after, .jetlinks-tabs-bottom > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after, .jetlinks-tabs-top > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after, .jetlinks-tabs-bottom > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after { right: 0; box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08); } .jetlinks-tabs-top > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap.jetlinks-tabs-nav-wrap-ping-left::before, .jetlinks-tabs-bottom > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap.jetlinks-tabs-nav-wrap-ping-left::before, .jetlinks-tabs-top > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap.jetlinks-tabs-nav-wrap-ping-left::before, .jetlinks-tabs-bottom > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap.jetlinks-tabs-nav-wrap-ping-left::before { opacity: 1; } .jetlinks-tabs-top > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap.jetlinks-tabs-nav-wrap-ping-right::after, .jetlinks-tabs-bottom > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap.jetlinks-tabs-nav-wrap-ping-right::after, .jetlinks-tabs-top > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap.jetlinks-tabs-nav-wrap-ping-right::after, .jetlinks-tabs-bottom > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap.jetlinks-tabs-nav-wrap-ping-right::after { opacity: 1; } .jetlinks-tabs-top > .jetlinks-tabs-nav::before, .jetlinks-tabs-top > div > .jetlinks-tabs-nav::before { bottom: 0; } .jetlinks-tabs-top > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar, .jetlinks-tabs-top > div > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar { bottom: 0; } .jetlinks-tabs-bottom > .jetlinks-tabs-nav, .jetlinks-tabs-bottom > div > .jetlinks-tabs-nav { order: 1; margin-top: 16px; margin-bottom: 0; } .jetlinks-tabs-bottom > .jetlinks-tabs-nav::before, .jetlinks-tabs-bottom > div > .jetlinks-tabs-nav::before { top: 0; } .jetlinks-tabs-bottom > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar, .jetlinks-tabs-bottom > div > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar { top: 0; } .jetlinks-tabs-bottom > .jetlinks-tabs-content-holder, .jetlinks-tabs-bottom > div > .jetlinks-tabs-content-holder { order: 0; } .jetlinks-tabs-left > .jetlinks-tabs-nav, .jetlinks-tabs-right > .jetlinks-tabs-nav, .jetlinks-tabs-left > div > .jetlinks-tabs-nav, .jetlinks-tabs-right > div > .jetlinks-tabs-nav { flex-direction: column; min-width: 50px; } .jetlinks-tabs-left > .jetlinks-tabs-nav .jetlinks-tabs-tab, .jetlinks-tabs-right > .jetlinks-tabs-nav .jetlinks-tabs-tab, .jetlinks-tabs-left > div > .jetlinks-tabs-nav .jetlinks-tabs-tab, .jetlinks-tabs-right > div > .jetlinks-tabs-nav .jetlinks-tabs-tab { padding: 8px 24px; text-align: center; } .jetlinks-tabs-left > .jetlinks-tabs-nav .jetlinks-tabs-tab + .jetlinks-tabs-tab, .jetlinks-tabs-right > .jetlinks-tabs-nav .jetlinks-tabs-tab + .jetlinks-tabs-tab, .jetlinks-tabs-left > div > .jetlinks-tabs-nav .jetlinks-tabs-tab + .jetlinks-tabs-tab, .jetlinks-tabs-right > div > .jetlinks-tabs-nav .jetlinks-tabs-tab + .jetlinks-tabs-tab { margin: 16px 0 0 0; } .jetlinks-tabs-left > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap, .jetlinks-tabs-right > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap, .jetlinks-tabs-left > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap, .jetlinks-tabs-right > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap { flex-direction: column; } .jetlinks-tabs-left > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before, .jetlinks-tabs-right > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before, .jetlinks-tabs-left > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before, .jetlinks-tabs-right > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before, .jetlinks-tabs-left > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after, .jetlinks-tabs-right > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after, .jetlinks-tabs-left > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after, .jetlinks-tabs-right > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after { right: 0; left: 0; height: 30px; } .jetlinks-tabs-left > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before, .jetlinks-tabs-right > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before, .jetlinks-tabs-left > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before, .jetlinks-tabs-right > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before { top: 0; box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08); } .jetlinks-tabs-left > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after, .jetlinks-tabs-right > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after, .jetlinks-tabs-left > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after, .jetlinks-tabs-right > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after { bottom: 0; box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08); } .jetlinks-tabs-left > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap.jetlinks-tabs-nav-wrap-ping-top::before, .jetlinks-tabs-right > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap.jetlinks-tabs-nav-wrap-ping-top::before, .jetlinks-tabs-left > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap.jetlinks-tabs-nav-wrap-ping-top::before, .jetlinks-tabs-right > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap.jetlinks-tabs-nav-wrap-ping-top::before { opacity: 1; } .jetlinks-tabs-left > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap.jetlinks-tabs-nav-wrap-ping-bottom::after, .jetlinks-tabs-right > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap.jetlinks-tabs-nav-wrap-ping-bottom::after, .jetlinks-tabs-left > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap.jetlinks-tabs-nav-wrap-ping-bottom::after, .jetlinks-tabs-right > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap.jetlinks-tabs-nav-wrap-ping-bottom::after { opacity: 1; } .jetlinks-tabs-left > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar, .jetlinks-tabs-right > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar, .jetlinks-tabs-left > div > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar, .jetlinks-tabs-right > div > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar { width: 2px; } .jetlinks-tabs-left > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar-animated, .jetlinks-tabs-right > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar-animated, .jetlinks-tabs-left > div > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar-animated, .jetlinks-tabs-right > div > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar-animated { transition: height 0.3s, top 0.3s; } .jetlinks-tabs-left > .jetlinks-tabs-nav .jetlinks-tabs-nav-list, .jetlinks-tabs-right > .jetlinks-tabs-nav .jetlinks-tabs-nav-list, .jetlinks-tabs-left > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-list, .jetlinks-tabs-right > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-list, .jetlinks-tabs-left > .jetlinks-tabs-nav .jetlinks-tabs-nav-operations, .jetlinks-tabs-right > .jetlinks-tabs-nav .jetlinks-tabs-nav-operations, .jetlinks-tabs-left > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-operations, .jetlinks-tabs-right > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-operations { flex: 1 0 auto; flex-direction: column; } .jetlinks-tabs-left > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar, .jetlinks-tabs-left > div > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar { right: 0; } .jetlinks-tabs-left > .jetlinks-tabs-content-holder, .jetlinks-tabs-left > div > .jetlinks-tabs-content-holder { margin-left: -1px; border-left: 1px solid #f0f0f0; } .jetlinks-tabs-left > .jetlinks-tabs-content-holder > .jetlinks-tabs-content > .jetlinks-tabs-tabpane, .jetlinks-tabs-left > div > .jetlinks-tabs-content-holder > .jetlinks-tabs-content > .jetlinks-tabs-tabpane { padding-left: 24px; } .jetlinks-tabs-right > .jetlinks-tabs-nav, .jetlinks-tabs-right > div > .jetlinks-tabs-nav { order: 1; } .jetlinks-tabs-right > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar, .jetlinks-tabs-right > div > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar { left: 0; } .jetlinks-tabs-right > .jetlinks-tabs-content-holder, .jetlinks-tabs-right > div > .jetlinks-tabs-content-holder { order: 0; margin-right: -1px; border-right: 1px solid #f0f0f0; } .jetlinks-tabs-right > .jetlinks-tabs-content-holder > .jetlinks-tabs-content > .jetlinks-tabs-tabpane, .jetlinks-tabs-right > div > .jetlinks-tabs-content-holder > .jetlinks-tabs-content > .jetlinks-tabs-tabpane { padding-right: 24px; } .jetlinks-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; } .jetlinks-tabs-dropdown-hidden { display: none; } .jetlinks-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: 6px; 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); } .jetlinks-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; } .jetlinks-tabs-dropdown-menu-item > span { flex: 1; white-space: nowrap; } .jetlinks-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; } .jetlinks-tabs-dropdown-menu-item-remove:hover { color: #5c85ff; } .jetlinks-tabs-dropdown-menu-item:hover { background: #f5f5f5; } .jetlinks-tabs-dropdown-menu-item-disabled, .jetlinks-tabs-dropdown-menu-item-disabled:hover { color: rgba(0, 0, 0, 0.25); background: transparent; cursor: not-allowed; } .jetlinks-tabs-card > .jetlinks-tabs-nav .jetlinks-tabs-tab, .jetlinks-tabs-card > div > .jetlinks-tabs-nav .jetlinks-tabs-tab { margin: 0; padding: 8px 16px; background: #fafafa; border: 1px solid #f0f0f0; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .jetlinks-tabs-card > .jetlinks-tabs-nav .jetlinks-tabs-tab-active, .jetlinks-tabs-card > div > .jetlinks-tabs-nav .jetlinks-tabs-tab-active { color: #315EFB; background: #fff; } .jetlinks-tabs-card > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar, .jetlinks-tabs-card > div > .jetlinks-tabs-nav .jetlinks-tabs-ink-bar { visibility: hidden; } .jetlinks-tabs-card.jetlinks-tabs-top > .jetlinks-tabs-nav .jetlinks-tabs-tab + .jetlinks-tabs-tab, .jetlinks-tabs-card.jetlinks-tabs-bottom > .jetlinks-tabs-nav .jetlinks-tabs-tab + .jetlinks-tabs-tab, .jetlinks-tabs-card.jetlinks-tabs-top > div > .jetlinks-tabs-nav .jetlinks-tabs-tab + .jetlinks-tabs-tab, .jetlinks-tabs-card.jetlinks-tabs-bottom > div > .jetlinks-tabs-nav .jetlinks-tabs-tab + .jetlinks-tabs-tab { margin-left: 2px; } .jetlinks-tabs-card.jetlinks-tabs-top > .jetlinks-tabs-nav .jetlinks-tabs-tab, .jetlinks-tabs-card.jetlinks-tabs-top > div > .jetlinks-tabs-nav .jetlinks-tabs-tab { border-radius: 6px 6px 0 0; } .jetlinks-tabs-card.jetlinks-tabs-top > .jetlinks-tabs-nav .jetlinks-tabs-tab-active, .jetlinks-tabs-card.jetlinks-tabs-top > div > .jetlinks-tabs-nav .jetlinks-tabs-tab-active { border-bottom-color: #fff; } .jetlinks-tabs-card.jetlinks-tabs-bottom > .jetlinks-tabs-nav .jetlinks-tabs-tab, .jetlinks-tabs-card.jetlinks-tabs-bottom > div > .jetlinks-tabs-nav .jetlinks-tabs-tab { border-radius: 0 0 6px 6px; } .jetlinks-tabs-card.jetlinks-tabs-bottom > .jetlinks-tabs-nav .jetlinks-tabs-tab-active, .jetlinks-tabs-card.jetlinks-tabs-bottom > div > .jetlinks-tabs-nav .jetlinks-tabs-tab-active { border-top-color: #fff; } .jetlinks-tabs-card.jetlinks-tabs-left > .jetlinks-tabs-nav .jetlinks-tabs-tab + .jetlinks-tabs-tab, .jetlinks-tabs-card.jetlinks-tabs-right > .jetlinks-tabs-nav .jetlinks-tabs-tab + .jetlinks-tabs-tab, .jetlinks-tabs-card.jetlinks-tabs-left > div > .jetlinks-tabs-nav .jetlinks-tabs-tab + .jetlinks-tabs-tab, .jetlinks-tabs-card.jetlinks-tabs-right > div > .jetlinks-tabs-nav .jetlinks-tabs-tab + .jetlinks-tabs-tab { margin-top: 2px; } .jetlinks-tabs-card.jetlinks-tabs-left > .jetlinks-tabs-nav .jetlinks-tabs-tab, .jetlinks-tabs-card.jetlinks-tabs-left > div > .jetlinks-tabs-nav .jetlinks-tabs-tab { border-radius: 6px 0 0 6px; } .jetlinks-tabs-card.jetlinks-tabs-left > .jetlinks-tabs-nav .jetlinks-tabs-tab-active, .jetlinks-tabs-card.jetlinks-tabs-left > div > .jetlinks-tabs-nav .jetlinks-tabs-tab-active { border-right-color: #fff; } .jetlinks-tabs-card.jetlinks-tabs-right > .jetlinks-tabs-nav .jetlinks-tabs-tab, .jetlinks-tabs-card.jetlinks-tabs-right > div > .jetlinks-tabs-nav .jetlinks-tabs-tab { border-radius: 0 6px 6px 0; } .jetlinks-tabs-card.jetlinks-tabs-right > .jetlinks-tabs-nav .jetlinks-tabs-tab-active, .jetlinks-tabs-card.jetlinks-tabs-right > div > .jetlinks-tabs-nav .jetlinks-tabs-tab-active { border-left-color: #fff; } .jetlinks-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; overflow: hidden; } .jetlinks-tabs > .jetlinks-tabs-nav, .jetlinks-tabs > div > .jetlinks-tabs-nav { position: relative; display: flex; flex: none; align-items: center; } .jetlinks-tabs > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap, .jetlinks-tabs > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap { position: relative; display: inline-block; display: flex; flex: auto; align-self: stretch; overflow: hidden; white-space: nowrap; transform: translate(0); } .jetlinks-tabs > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before, .jetlinks-tabs > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::before, .jetlinks-tabs > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after, .jetlinks-tabs > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap::after { position: absolute; z-index: 1; opacity: 0; transition: opacity 0.3s; content: ''; pointer-events: none; } .jetlinks-tabs > .jetlinks-tabs-nav .jetlinks-tabs-nav-list, .jetlinks-tabs > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-list { position: relative; display: flex; transition: transform 0.3s; } .jetlinks-tabs > .jetlinks-tabs-nav .jetlinks-tabs-nav-operations, .jetlinks-tabs > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-operations { display: flex; align-self: stretch; } .jetlinks-tabs > .jetlinks-tabs-nav .jetlinks-tabs-nav-operations-hidden, .jetlinks-tabs > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-operations-hidden { position: absolute; visibility: hidden; pointer-events: none; } .jetlinks-tabs > .jetlinks-tabs-nav .jetlinks-tabs-nav-more, .jetlinks-tabs > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-more { position: relative; padding: 8px 16px; background: transparent; border: 0; } .jetlinks-tabs > .jetlinks-tabs-nav .jetlinks-tabs-nav-more::after, .jetlinks-tabs > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-more::after { position: absolute; right: 0; bottom: 0; left: 0; height: 5px; transform: translateY(100%); content: ''; } .jetlinks-tabs > .jetlinks-tabs-nav .jetlinks-tabs-nav-add, .jetlinks-tabs > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-add { min-width: 40px; margin-left: 2px; padding: 0 8px; background: #fafafa; border: 1px solid #f0f0f0; border-radius: 6px 6px 0 0; outline: none; cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .jetlinks-tabs > .jetlinks-tabs-nav .jetlinks-tabs-nav-add:hover, .jetlinks-tabs > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-add:hover { color: #5c85ff; } .jetlinks-tabs > .jetlinks-tabs-nav .jetlinks-tabs-nav-add:active, .jetlinks-tabs > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-add:active, .jetlinks-tabs > .jetlinks-tabs-nav .jetlinks-tabs-nav-add:focus, .jetlinks-tabs > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-add:focus { color: #2041d4; } .jetlinks-tabs-extra-content { flex: none; } .jetlinks-tabs-centered > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap:not([class*='jetlinks-tabs-nav-wrap-ping']), .jetlinks-tabs-centered > div > .jetlinks-tabs-nav .jetlinks-tabs-nav-wrap:not([class*='jetlinks-tabs-nav-wrap-ping']) { justify-content: center; } .jetlinks-tabs-ink-bar { position: absolute; background: #315EFB; pointer-events: none; } .jetlinks-tabs-tab { position: relative; display: inline-flex; align-items: center; padding: 12px 0; font-size: 14px; background: transparent; border: 0; outline: none; cursor: pointer; } .jetlinks-tabs-tab-btn:focus, .jetlinks-tabs-tab-remove:focus, .jetlinks-tabs-tab-btn:active, .jetlinks-tabs-tab-remove:active { color: #2041d4; } .jetlinks-tabs-tab-btn { outline: none; transition: all 0.3s; } .jetlinks-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; } .jetlinks-tabs-tab-remove:hover { color: rgba(0, 0, 0, 0.85); } .jetlinks-tabs-tab:hover { color: #5c85ff; } .jetlinks-tabs-tab.jetlinks-tabs-tab-active .jetlinks-tabs-tab-btn { color: #315EFB; text-shadow: 0 0 0.25px currentcolor; } .jetlinks-tabs-tab.jetlinks-tabs-tab-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .jetlinks-tabs-tab.jetlinks-tabs-tab-disabled .jetlinks-tabs-tab-btn:focus, .jetlinks-tabs-tab.jetlinks-tabs-tab-disabled .jetlinks-tabs-tab-remove:focus, .jetlinks-tabs-tab.jetlinks-tabs-tab-disabled .jetlinks-tabs-tab-btn:active, .jetlinks-tabs-tab.jetlinks-tabs-tab-disabled .jetlinks-tabs-tab-remove:active { color: rgba(0, 0, 0, 0.25); } .jetlinks-tabs-tab .jetlinks-tabs-tab-remove .anticon { margin: 0; } .jetlinks-tabs-tab .anticon { margin-right: 12px; } .jetlinks-tabs-tab + .jetlinks-tabs-tab { margin: 0 0 0 32px; } .jetlinks-tabs-content { display: flex; width: 100%; } .jetlinks-tabs-content-holder { flex: auto; min-width: 0; min-height: 0; } .jetlinks-tabs-content-animated { transition: margin 0.3s; } .jetlinks-tabs-tabpane { flex: none; width: 100%; outline: none; } .center-extra-coontent { overflow: hidden; } .jetlinks-tabs-card > .jetlinks-tabs-nav .jetlinks-tabs-tab { border-radius: 6px 6px 0px 0px !important; border: none; margin-left: 4px !important; background-color: #F3F4F4 !important; border-bottom: 1px solid #315EFB !important; padding: 6px 12px !important; } .jetlinks-tabs-card > .jetlinks-tabs-nav .jetlinks-tabs-tab.jetlinks-tabs-tab-active { background-color: #315EFB !important; } .jetlinks-tabs-card > .jetlinks-tabs-nav .jetlinks-tabs-tab.jetlinks-tabs-tab-active .jetlinks-tabs-tab-btn { color: #FFFFFF; } .jetlinks-tabs-card > .jetlinks-tabs-nav .jetlinks-tabs-nav:before { border-bottom: 1px solid #315EFB !important; z-index: 1; font-size: 16px; } .jetlinks-tabs-card > .jetlinks-tabs-nav .jetlinks-tabs-nav .jetlinks-tabs-tab-btn { font-size: 16px; }